pc42/dashboard.html · 约 4738 字符
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 active" href="dashboard.html">全景驾驶舱</a><a class="nav-item" href="funnel.html">招商漏斗分析</a><a class="nav-item" 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="kpis"><div class="kpi"><div class="kpi-v" style="color:#2563eb">213 个</div><div class="kpi-l">签约项目数</div><div class="kpi-d">同比 +17%</div></div><div class="kpi"><div class="kpi-v" style="color:#16a34a">100.1 亿</div><div class="kpi-l">协议投资额</div><div class="kpi-d">同比 +11%</div></div><div class="kpi"><div class="kpi-v" style="color:#7c3aed">44.7 亿</div><div class="kpi-l">实际到位资金</div><div class="kpi-d">环比 +6%</div></div><div class="kpi"><div class="kpi-v" style="color:#f59e0b">37.5%</div><div class="kpi-l">外资占比</div><div class="kpi-d">目标 35%</div></div><div class="kpi"><div class="kpi-v" style="color:#06b6d4">45.2 万</div><div class="kpi-l">亩均税收</div><div class="kpi-d">高于省均</div></div></div><div class="grid2"><div class="card"><h3>招商漏斗（线索→投产）</h3><div class="funnel"><div class="frow"><span class="fl">线索</span><div class="fbar" style="width:45%;background:linear-gradient(90deg,#2563eb,#06b6d4)"></div><b>101</b></div><div class="frow"><span class="fl">洽谈</span><div class="fbar" style="width:41%;background:linear-gradient(90deg,#2563eb,#06b6d4)"></div><b>93</b></div><div class="frow"><span class="fl">签约</span><div class="fbar" style="width:18%;background:linear-gradient(90deg,#2563eb,#06b6d4)"></div><b>41</b></div><div class="frow"><span class="fl">落地</span><div class="fbar" style="width:69%;background:linear-gradient(90deg,#2563eb,#06b6d4)"></div><b>156</b></div><div class="frow"><span class="fl">投产</span><div class="fbar" style="width:100%;background:linear-gradient(90deg,#2563eb,#06b6d4)"></div><b>223</b></div></div></div><div class="card"><h3>目标考核预警（红绿灯）</h3><div class="lights"><div class="light #2563eb"><span></span>招商一部 · 跟进中</div><div class="light #16a34a"><span></span>产业招商局 · 已签约</div><div class="light #ef4444"><span></span>驻外联络处 · 已终止</div><div class="light #10b981"><span></span>项目服务科 · 已落地</div></div></div></div><div class="card"><h3>近期喜报动态</h3><ul class="feed"><li><span class="dot"></span><b>成都天府</b> 签约 可降解材料产业园 项目，协议投资 83 亿元</li><li><span class="dot"></span><b>武汉光谷</b> 签约 创新药研发中心 项目，协议投资 30 亿元</li><li><span class="dot"></span><b>长沙麓谷</b> 签约 12英寸晶圆生产线 项目，协议投资 97 亿元</li><li><span class="dot"></span><b>成都天府</b> 签约 智慧物流枢纽 项目，协议投资 108 亿元</li></ul><p class="mut" style="margin-top:10px">营造比学赶超氛围，数据滚动播报。全部为测试模拟数据。</p></div></main>
16</div></div></body></html>