pc42/map.html · 约 5605 字符
1<!DOCTYPE html>
2<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=1440">
3<title>智慧招商云平台 · 产业落点地图</title><link rel="stylesheet" href="style.css"></head>
4<body><div class="pc">
5<aside class="sidebar" style="background:linear-gradient(160deg,#1a47a9,#0a76a7)">
6 <div class="brand"><span class="bemo">🏭</span><span class="btxt">智慧招商云平台</span></div>
7 <nav class="nav"><a class="nav-item" href="dashboard.html">全景驾驶舱</a><a class="nav-item" href="funnel.html">招商漏斗分析</a><a class="nav-item active" href="map.html">产业落点地图</a><a class="nav-item" href="leads.html">线索与客商资源池</a><a class="nav-item" href="customer360.html">客商360°画像</a><a class="nav-item" href="relation.html">关系图谱挖掘</a><a class="nav-item" href="projects.html">项目管理中心</a><a class="nav-item" href="project-detail.html">项目详情</a><a class="nav-item" href="tasks.html">待办任务与日程</a><a class="nav-item" href="chain.html">产业图谱诊断</a><a class="nav-item" href="target.html">靶向推荐引擎</a><a class="nav-item" href="carrier.html">载体资源云管理</a><a class="nav-item" href="policy.html">政策通与智能匹配</a><a class="nav-item" href="contract.html">合同与法务中心</a><a class="nav-item" href="workflow.html">协同办公与流程中心</a><a class="nav-item" href="ai.html">智慧大脑与AI工具</a><a class="nav-item" href="knowledge.html">行业知识库</a><a class="nav-item" href="admin.html">系统管理与安全</a></nav>
8 <div class="side-foot">驰旭教育 · 演示</div>
9</aside>
10<div class="content">
11 <header class="topbar"><div class="tb-title">产业落点地图</div>
12 <div class="tb-mid"><input class="tb-search" placeholder="搜索功能、数据、成员…"></div>
13 <div class="tb-user"><span class="uava">管</span><span>管理员</span></div>
14 </header>
15 <main class="view"><div class="card"><h3>产业落点 GIS 一张图（可钻取至园区/地块）</h3><div class="mapgrid"><div class="mapcell" style="background:#2563eb22;color:#2563eb">已租<div class="mc-n">01</div></div><div class="mapcell" style="background:#2563eb22;color:#2563eb">已租<div class="mc-n">02</div></div><div class="mapcell" style="background:#16a34a22;color:#16a34a">空置<div class="mc-n">03</div></div><div class="mapcell" style="background:#16a34a22;color:#16a34a">空置<div class="mc-n">04</div></div><div class="mapcell" style="background:#d9770622;color:#d97706">储备<div class="mc-n">05</div></div><div class="mapcell" style="background:#dc262622;color:#dc2626">已售<div class="mc-n">06</div></div><div class="mapcell" style="background:#dc262622;color:#dc2626">已售<div class="mc-n">07</div></div><div class="mapcell" style="background:#dc262622;color:#dc2626">已售<div class="mc-n">08</div></div><div class="mapcell" style="background:#2563eb22;color:#2563eb">已租<div class="mc-n">09</div></div><div class="mapcell" style="background:#d9770622;color:#d97706">储备<div class="mc-n">10</div></div><div class="mapcell" style="background:#2563eb22;color:#2563eb">已租<div class="mc-n">11</div></div><div class="mapcell" style="background:#d9770622;color:#d97706">储备<div class="mc-n">12</div></div><div class="mapcell" style="background:#dc262622;color:#dc2626">已售<div class="mc-n">13</div></div><div class="mapcell" style="background:#16a34a22;color:#16a34a">空置<div class="mc-n">14</div></div><div class="mapcell" style="background:#d9770622;color:#d97706">储备<div class="mc-n">15</div></div><div class="mapcell" style="background:#d9770622;color:#d97706">储备<div class="mc-n">16</div></div><div class="mapcell" style="background:#d9770622;color:#d97706">储备<div class="mc-n">17</div></div><div class="mapcell" style="background:#2563eb22;color:#2563eb">已租<div class="mc-n">18</div></div><div class="mapcell" style="background:#dc262622;color:#dc2626">已售<div class="mc-n">19</div></div><div class="mapcell" style="background:#2563eb22;color:#2563eb">已租<div class="mc-n">20</div></div><div class="mapcell" style="background:#16a34a22;color:#16a34a">空置<div class="mc-n">21</div></div><div class="mapcell" style="background:#d9770622;color:#d97706">储备<div class="mc-n">22</div></div><div class="mapcell" style="background:#16a34a22;color:#16a34a">空置<div class="mc-n">23</div></div><div class="mapcell" style="background:#16a34a22;color:#16a34a">空置<div class="mc-n">24</div></div></div><div class="legend"><span class="lg"><i style="background:#16a34a"></i>空置</i><span class="lg"><i style="background:#2563eb"></i>已租</i><span class="lg"><i style="background:#dc2626"></i>已售</i><span class="lg"><i style="background:#d97706"></i>储备</i></div><p class="mut">点击色块可下钻查看具体地块详情。</p></div><div class="card"><table class="tbl"><thead><tr><th>地块/楼宇</th><th>面积</th><th>状态</th><th>主导产业</th></tr></thead><tbody><tr><td>A-03 产业地块</td><td>83 亩</td><td>空置</td><td>高端装备</td></tr><tr><td>B-07 产业地块</td><td>79 亩</td><td>已租</td><td>节能环保</td></tr><tr><td>智造产业园</td><td>84 亩</td><td>已售</td><td>节能环保</td></tr><tr><td>人才公寓地块</td><td>33 亩</td><td>已售</td><td>高端装备</td></tr><tr><td>标准厂房二期</td><td>190 亩</td><td>空置</td><td>生物医药</td></tr><tr><td>A-03 产业地块</td><td>32 亩</td><td>已租</td><td>高端装备</td></tr></tbody></table></div></main>
16</div></div></body></html>