feat(platform): add vehicle data flow workbench

vehicle-data-platform/apps/web/src/pages/Dashboard.tsx

@@ -618,6 +618,62 @@ export function Dashboard({
       ]
     }
   ];
+  const dataFlowStages = [
+    {
+      stage: '01',
+      title: '协议接入',
+      owner: '网关接收',
+      evidence: `32960 / 808 / MQTT，连接 ${formatCount(opsHealth?.activeConnections)}`,
+      detail: '只接收真实实时数据帧和必要鉴权注册帧，协议不是最终产品。',
+      action: '运维质量',
+      onClick: () => onOpenQuality()
+    },
+    {
+      stage: '02',
+      title: '统一解析',
+      owner: '字段映射',
+      evidence: `今日帧 ${formatCount(summary?.frameToday)}，Kafka Lag ${formatLag(summary?.kafkaLag)}`,
+      detail: '一次解析生成扁平字段、原始证据和车辆身份关联，避免三处重复解析。',
+      action: '历史字段',
+      onClick: () => onOpenHistory({ tab: 'raw', includeFields: 'true' })
+    },
+    {
+      stage: '03',
+      title: '实时投影',
+      owner: 'Redis KV',
+      evidence: `在线 Key ${formatCount(opsHealth?.redisOnlineKeys)}，在线车辆 ${formatCount(serviceSummary?.onlineVehicles ?? summary?.onlineVehicles)}`,
+      detail: '快速写入车辆最新状态、在线 TTL 和全量协议字段，支撑 0-1 秒监控。',
+      action: '实时监控',
+      onClick: () => onOpenRealtime({ online: 'online' })
+    },
+    {
+      stage: '04',
+      title: '车辆归并',
+      owner: 'Vehicle Service',
+      evidence: `多源 ${formatCount(serviceSummary?.multiSourceVehicles)}，单源 ${formatCount(serviceSummary?.singleSourceVehicles)}`,
+      detail: '以 VIN 合并来源证据，车牌、手机号和 OEM 只是车辆服务的检索键。',
+      action: '车辆中心',
+      onClick: () => onOpenVehicles({})
+    },
+    {
+      stage: '05',
+      title: '历史证据',
+      owner: 'TDengine / MySQL',
+      evidence: `轨迹 ${formatCount(summary?.activeToday)} 活跃，RAW ${formatCount(summary?.frameToday)} 帧`,
+      detail: '位置、RAW 和解析字段可分页查询，并能回跳轨迹、车辆服务和告警。',
+      action: '轨迹回放',
+      onClick: () => onOpenHistory()
+    },
+    {
+      stage: '06',
+      title: '运营闭环',
+      owner: '告警 / 统计',
+      evidence: `告警 ${formatCount(summary?.issueVehicles)}，统计车辆 ${formatCount(serviceSummary?.totalVehicles)}`,
+      detail: '断链、缺字段、里程异常和离线时长进入通知、统计和复核工作流。',
+      action: '统计查询',
+      onClick: () => onOpenMileage()
+    }
+  ];
   const scenarioNavigation = [
     {
       title: '实时监控',
@@ -716,6 +772,28 @@ export function Dashboard({
     ];
     copyText(lines.join('\n'), '功能蓝图');
   };
+  const copyDataFlowBlueprint = () => {
+    const lines = [
+      '【车辆数据中台数据流转图】',
+      '原则：32960 / 808 / 宇通 MQTT 是接入证据，最终都归并为同一辆车的车辆服务。',
+      `运行态：连接 ${formatCount(opsHealth?.activeConnections)}；在线 Key ${formatCount(opsHealth?.redisOnlineKeys)}；Kafka Lag ${formatLag(summary?.kafkaLag)}；今日帧 ${formatCount(summary?.frameToday)}`,
+      '',
+      ...dataFlowStages.map((item) => [
+        `${item.stage}. ${item.title} / ${item.owner}`,
+        `   证据：${item.evidence}`,
+        `   说明：${item.detail}`
+      ].join('\n')),
+      '',
+      `实时监控：${appURL(buildAppHash({ page: 'realtime', filters: { online: 'online' } }))}`,
+      `车辆中心：${appURL(buildAppHash({ page: 'vehicles' }))}`,
+      `轨迹回放：${appURL(buildAppHash({ page: 'history' }))}`,
+      `历史查询：${appURL(buildAppHash({ page: 'history-query', filters: { tab: 'raw', includeFields: 'true' } }))}`,
+      `告警事件：${appURL(buildAppHash({ page: 'alert-events' }))}`,
+      `统计查询：${appURL(buildAppHash({ page: 'mileage' }))}`,
+      `运维质量：${appURL(buildAppHash({ page: 'ops-quality' }))}`
+    ];
+    copyText(lines.join('\n'), '数据流转图');
+  };
   const copyFocusVehicleService = () => {
     if (!focusVehicle) {
       Toast.warning('当前没有重点车辆服务可复制');
@@ -976,6 +1054,26 @@ export function Dashboard({
             ))}
           </div>
         </Card>
+        <Card
+          bordered
+          title={<Space><span>数据流转作业链</span><Button size="small" onClick={copyDataFlowBlueprint}>复制流转图</Button></Space>}
+          style={{ marginBottom: 16 }}
+        >
+          <div className="vp-data-flow-grid">
+            {dataFlowStages.map((item) => (
+              <button key={item.stage} className="vp-data-flow-item" type="button" onClick={item.onClick} aria-label={`数据流转 ${item.title}`}>
+                <div className="vp-data-flow-head">
+                  <span>{item.stage}</span>
+                  <Tag color="blue">{item.owner}</Tag>
+                </div>
+                <Typography.Title heading={6} style={{ margin: 0 }}>{item.title}</Typography.Title>
+                <div className="vp-data-flow-evidence">{item.evidence}</div>
+                <Typography.Text type="secondary">{item.detail}</Typography.Text>
+                <Tag color="grey">{item.action}</Tag>
+              </button>
+            ))}
+          </div>
+        </Card>
         <Card
           bordered
           title={<Space><span>车联网场景导航</span><Button size="small" onClick={copyScenarioBlueprint}>复制功能蓝图</Button></Space>}