From 4d2e1e353628be5e31ac64a7949e18ff7bcdc6e9 Mon Sep 17 00:00:00 2001
From: lingniu <lingniu@lingnius-Mac-mini.local>
Date: Sun, 5 Jul 2026 05:05:48 +0800
Subject: [PATCH] feat(platform): separate dashboard evidence layer

---
 .../apps/web/src/pages/Dashboard.tsx          |  8 +++++
 .../apps/web/src/styles/global.css            | 36 +++++++++++++++++++
 .../apps/web/src/test/App.test.tsx            |  2 ++
 3 files changed, 46 insertions(+)

diff --git a/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx b/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx
index 9907cfc9..e0958d7f 100644
--- a/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx
+++ b/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx
@@ -1638,6 +1638,12 @@ export function Dashboard({
             ))}
           </div>
         </Card>
+        <details className="vp-dashboard-evidence-details">
+          <summary>
+            <span>运维和证据层</span>
+            <small>来源覆盖、地图配置、告警预览和实时证据默认收起，客户主流程先看车辆监控、轨迹、统计、告警和导出。</small>
+          </summary>
+          <div className="vp-dashboard-evidence-body">
         <Card bordered title="地图运营能力" style={{ marginBottom: 16 }}>
           <div className="vp-map-ops-board">
             <div className="vp-map-ops-readiness">
@@ -2061,6 +2067,8 @@ export function Dashboard({
             </Card>
           </Col>
         </Row>
+          </div>
+        </details>
       </Spin>
     </div>
   );
diff --git a/vehicle-data-platform/apps/web/src/styles/global.css b/vehicle-data-platform/apps/web/src/styles/global.css
index 6bbaace6..71c8370c 100644
--- a/vehicle-data-platform/apps/web/src/styles/global.css
+++ b/vehicle-data-platform/apps/web/src/styles/global.css
@@ -303,6 +303,42 @@ body {
   font-size: 13px;
 }
 
+.vp-dashboard-evidence-details {
+  margin-bottom: 16px;
+}
+
+.vp-dashboard-evidence-details > summary {
+  min-height: 56px;
+  padding: 12px 14px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+  cursor: pointer;
+  display: grid;
+  gap: 4px;
+}
+
+.vp-dashboard-evidence-details > summary::marker {
+  color: var(--vp-primary);
+}
+
+.vp-dashboard-evidence-details > summary span {
+  color: var(--vp-text);
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 22px;
+}
+
+.vp-dashboard-evidence-details > summary small {
+  color: var(--vp-text-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.vp-dashboard-evidence-body {
+  margin-top: 12px;
+}
+
 .vp-customer-hero {
   margin-bottom: 16px;
   overflow: hidden;
diff --git a/vehicle-data-platform/apps/web/src/test/App.test.tsx b/vehicle-data-platform/apps/web/src/test/App.test.tsx
index 261ae102..23b79e07 100644
--- a/vehicle-data-platform/apps/web/src/test/App.test.tsx
+++ b/vehicle-data-platform/apps/web/src/test/App.test.tsx
@@ -862,6 +862,8 @@ test('dashboard exposes vehicle data center capability matrix', async () => {
   expect(screen.getByText('历史时间窗')).toBeInTheDocument();
   expect(screen.getByText('区间里程')).toBeInTheDocument();
   expect(screen.getAllByText('告警复盘').length).toBeGreaterThanOrEqual(1);
+  expect(screen.getByText('运维和证据层')).toBeInTheDocument();
+  expect(screen.getByText('来源覆盖、地图配置、告警预览和实时证据默认收起，客户主流程先看车辆监控、轨迹、统计、告警和导出。')).toBeInTheDocument();
   expect(screen.getByText('车辆运营工作台')).toBeInTheDocument();
   expect(screen.getByText('地图运营能力')).toBeInTheDocument();
   expect(screen.getByText('车联网场景导航')).toBeInTheDocument();