d357206130
- 新增 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 幻觉
156 lines
9.8 KiB
HTML
156 lines
9.8 KiB
HTML
<!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> |