taolm/high-risk-scheme-approval-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
high-risk-scheme-approval-d.../data/2026-06-08/cleaned/certified_schemes_dashboard_glm.html
卧龙 d357206130 feat: GLM-4-Flash 美化版看板(浅米黄蓝金商务风) 
- 新增 3 个 _glm.py 脚本(HTML×2 + PPTX×1)
- GLM 实时设计 CSS 主题(浅米黄 #FAF6EE + 蓝金 #1A3A5C/#C8962E)
- 强制约定类名 + 后处理纠错(防4px gold语法错)
- 60s timeout + retry, 失败 fallback 到 CHEC 品牌色手写 CSS
- PPTX 国别改用横向进度条(原版饼图), 字号 44→52
- 产出 *_glm.html × 2 + _GLM版.pptx, 与原版并存

数据源: 复用 06-08 三个清洗产物, 不重算, 防 GLM 幻觉
2026-06-09 18:14:42 +08:00

156 lines
9.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>危大方案编审进度看板 · GLM 美化版 | 中东区域公司</title>
<style>
body {
background-color: #FAF6EE;
}
.header h1, .header p {
color: #1A3A5C;
font-size: 32px;
}
.kpi-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.kpi {
border-radius: 12px;
box-shadow: 0 4px 16px rgba(26,58,92,.08);
margin-top: 4px;
border: 4px solid gold;
}
.kpi .num {
font-size: 48px;
font-weight: bold;
color: #1A3A5C;
}
.kpi .label {
font-size: 14px;
color: #5C7A99;
}
.table-wrap {
background-color: white;
border-radius: 12px;
padding: 24px;
}
.table-wrap h2 {
font-size: 22px;
color: #1A3A5C;
border-bottom: 2px solid gold;
}
th, td {
text-align: left;
}
th {
color: #1A3A5C;
background-color: white;
}
tr:nth-child(even) td {
background-color: #F5F1E8;
}
tr:hover td {
background-color: #FFF8E1;
}
.badge-ok {
background-color: #2E7D32;
border-radius: 12px;
}
.badge-warn {
background-color: #C8962E;
}
.badge-alert {
background-color: #D94E34;
}
.num {
text-align: right;
}
.bar-bg {
background-color: #EFE9D9;
border-radius: 5px;
height: 10px;
}
.bar {
background-image: linear-gradient(90deg,#1A3A5C,#C8962E);
height: 10px;
}
@media (max-width: 768px) {
.kpi-grid {
grid-template-columns: repeat(2, 1fr);
}
}
body { font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; color: #1A3A5C; padding: 24px; }
</style>
</head>
<body>
<div class="header">
<h1>🏗️ 危大方案编审进度看板</h1>
<p>2026 年开工项目 · 中东区域公司 · 数据日期 2026-06-08 · GLM 美化版</p>
</div>
<!-- KPI -->
<div class="kpi-grid">
<div class="kpi"><div class="label">方案总数</div><div class="num">52</div></div>
<div class="kpi"><div class="label">已审批</div><div class="num" style="color:#2E7D32">29</div></div>
<div class="kpi"><div class="label">审批率</div><div class="num" style="color:#C8962E">56%</div></div>
<div class="kpi"><div class="label">超规方案</div><div class="num" style="color:#D94E34">22</div></div>
<div class="kpi"><div class="label">未完成</div><div class="num">23</div></div>
<div class="kpi"><div class="label">橙色预警</div><div class="num" style="color:#C8962E">1</div></div>
<div class="kpi"><div class="label">红色预警</div><div class="num" style="color:#D94E34">0</div></div>
<div class="kpi"><div class="label">覆盖项目</div><div class="num">12</div></div>
</div>
<!-- 预警明细 -->
<div class="table-wrap">
<h2>⚠️ 预警方案明细</h2>
<table>
<tr><th>项目名称</th><th>方案名称</th><th>国别</th><th>计划开工</th><th>预警等级</th></tr>
<tr><td>阿联酋迪拜马克图姆国际机场地下结构工程项目</td><td>BHS处理中心/GSE隧道现浇板专项施工方案(4包）...</td><td>阿拉伯联合酋长国</td><td>2026-06-10 00:00:00</td><td><span class="badge-alert">orange</span></td></tr>
</table>
</div>
<!-- 项目明细 -->
<div class="table-wrap">
<h2>📋 项目明细（按方案总数排序）</h2>
<table>
<tr><th>项目名称</th><th class="num">方案</th><th class="num">已审批</th><th class="num">超规</th><th>进度</th><th class="num">审批率</th><th>国别</th></tr>
<tr><td>阿联酋迪拜马克图姆国际机场地下结构工程项目</td><td class="num">35</td><td class="num">20</td><td class="num">13</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:57%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-warn">57%</span></td><td>阿拉伯联合酋长国</td></tr>
<tr><td>阿联酋沙迦卡尔巴摩托艇港开发项目</td><td class="num">3</td><td class="num">0</td><td class="num">1</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:4%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-alert">0%</span></td><td>阿拉伯联合酋长国</td></tr>
<tr><td>阿联酋阿布扎比汽车基地房建项目</td><td class="num">3</td><td class="num">0</td><td class="num">2</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:4%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-alert">0%</span></td><td>阿拉伯联合酋长国</td></tr>
<tr><td>沙特吉赞基础下游工业城5至7号路间矿业区基础设施一期项目</td><td class="num">2</td><td class="num">2</td><td class="num">0</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>沙特阿拉伯</td></tr>
<tr><td>阿联酋阿布扎比汽车基地基础设施项目</td><td class="num">2</td><td class="num">0</td><td class="num">2</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:4%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-alert">0%</span></td><td>阿拉伯联合酋长国</td></tr>
<tr><td>沙特利雅得德拉伊耶门二期多功能场馆及办公楼房建项目</td><td class="num">1</td><td class="num">1</td><td class="num">1</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>沙特阿拉伯</td></tr>
<tr><td>沙特利雅得南二环路第三标段项目</td><td class="num">1</td><td class="num">1</td><td class="num">0</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>沙特阿拉伯</td></tr>
<tr><td>卡塔尔道路运营及维护框架项目</td><td class="num">1</td><td class="num">1</td><td class="num">1</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>卡塔尔</td></tr>
<tr><td>沙特吉赞基础下游工业城3区1巷独栋别墅一期项目</td><td class="num">1</td><td class="num">1</td><td class="num">1</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>沙特阿拉伯</td></tr>
<tr><td>沙特达曼港第一和第二集装箱码头升级改造工程</td><td class="num">1</td><td class="num">1</td><td class="num">1</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>沙特阿拉伯</td></tr>
<tr><td>阿联酋阿布扎比哈里发港EGA泊位翻新工程项目</td><td class="num">1</td><td class="num">1</td><td class="num">0</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>阿拉伯联合酋长国</td></tr>
<tr><td>阿联酋阿布扎比哈里发工业园B区食品基地工程</td><td class="num">1</td><td class="num">1</td><td class="num">0</td><td class="num"><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:100%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-ok">100%</span></td><td>阿拉伯联合酋长国</td></tr>
<tr style="font-weight:bold;background:#1A3A5C;color:#fff">
<td>合计</td><td class="num">52</td><td class="num">29</td><td class="num">22</td>
<td><div class="bar-bg" style="background:#EFE9D9;border-radius:5px;width:100px;display:inline-block;height:10px"><div class="bar" style="width:56%;height:10px;border-radius:5px"></div></div></td><td class="num"><span class="badge-warn">56%</span></td><td>—</td>
</tr>
</table>
</div>
<!-- 国别汇总 -->
<div class="table-wrap">
<h2>🌍 按国别汇总</h2>
<table>
<tr><th>国别</th><th class="num">项目数</th><th class="num">方案总数</th><th class="num">已审批</th><th class="num">超规</th><th class="num">审批率</th></tr>
<tr><td>卡塔尔</td><td class="num">1</td><td class="num">1</td><td class="num">1</td><td class="num">1</td><td class="num"><span class="badge-ok">100%</span></td></tr>
<tr><td>沙特阿拉伯</td><td class="num">5</td><td class="num">6</td><td class="num">6</td><td class="num">3</td><td class="num"><span class="badge-ok">100%</span></td></tr>
<tr><td>阿拉伯联合酋长国</td><td class="num">6</td><td class="num">45</td><td class="num">22</td><td class="num">18</td><td class="num"><span class="badge-alert">49%</span></td></tr>
</table>
</div>
<div style="text-align:center;color:#8B7355;padding:20px;font-size:12px">
<p>中国港湾中东区域公司 技术部 · GLM-4-Flash 美化版 · 自动生成于 2026-06-08</p>
</div>
</body></html>
Reference in New Issue View Git Blame Copy Permalink