初始提交

2026-06-22 10:48:35 +08:00
commit d254377951
42 changed files with 3662 additions and 0 deletions
@@ -0,0 +1,77 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>集团数据治理项目监控大屏 V2</title>
+  <link rel="stylesheet" href="res/css/indexV2.base.css" />
+  <link rel="stylesheet" href="res/css/indexV2.cards.css" />
+  <link rel="stylesheet" href="res/css/indexV2.panels.css" />
+  <link rel="stylesheet" href="res/css/indexV2.modal-table.css" />
+  <link rel="stylesheet" href="res/css/indexV2.detail.css" />
+  <link rel="stylesheet" href="res/css/indexV2.responsive.css" />
+</head>
+<body>
+  <div class="screen">
+    <header class="topbar">
+      <div class="title-zone">
+        <div class="brand-mark" aria-hidden="true"></div>
+        <div class="title-text">
+          <div class="eyebrow">DATA GOVERNANCE COMMAND CENTER</div>
+          <h1>集团数据治理项目监控大屏</h1>
+        </div>
+      </div>
+      <div class="header-actions">
+        <div class="top-meta-row">
+          <a class="source-download" href="https://lygcgs.com.cn:8078/HSE/FileUpload/QHSE生产调度应急指挥中心大屏指标.xlsx" download>数据溯源表</a>
+          <div class="time-card">
+            <span>数据时间 <strong>2026-04-27</strong></span>
+            <span>对比日期 <strong>2026-04-26</strong></span>
+          </div>
+        </div>
+        <div class="toggle-row">
+          <div class="dimension-toggle" aria-label="数据维度切换">
+            <button type="button" data-dim="all" class="active">所有项目</button>
+            <button type="button" data-dim="new">新开工项目</button>
+          </div>
+          <div class="system-toggle" aria-label="系统切换">
+            <button type="button" data-system="safety" class="active">安全</button>
+            <button type="button" data-system="quality">质量</button>
+            <button type="button" data-system="emergency">应急</button>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <div class="crumb-row">
+      <div id="breadcrumbs" class="breadcrumbs"></div>
+      <div class="quick-actions">
+        <button type="button" class="ghost-btn" data-action="group">返回集团总览</button>
+      </div>
+    </div>
+
+    <main id="app"></main>
+  </div>
+
+  <div id="drillModal" class="drill-modal" hidden>
+    <div class="drill-modal-panel">
+      <div class="drill-modal-head">
+        <div id="drillModalTitle" class="drill-modal-title">指标穿透分析</div>
+        <div class="drill-modal-actions">
+          <button type="button" class="ghost-btn" data-action="indicator-trend">指标曲线</button>
+          <button type="button" class="modal-close" data-action="close-drill" aria-label="关闭">×</button>
+        </div>
+      </div>
+      <div id="drillModalBody" class="drill-modal-body"></div>
+    </div>
+  </div>
+  <script src="res/js/indexV2.config.js"></script>
+  <script src="res/js/indexV2.core.js"></script>
+  <script src="res/js/indexV2.group.js"></script>
+  <script src="res/js/indexV2.enterprise.js"></script>
+  <script src="res/js/indexV2.project.js"></script>
+  <script src="res/js/indexV2.indicators.js"></script>
+  <script src="res/js/indexV2.charts.js"></script>
+  <script src="res/js/indexV2.events.js"></script>
+</body>
+</html>