feat(platform): add time window next action strip

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

@@ -1086,6 +1086,94 @@ export function Dashboard({
       onClick: openTimeMonitorAlerts
     }
   ];
+  const timeWindowNextPrimary = !timeMonitorHasRange
+    ? '锁定范围'
+    : timeMonitorHasAlerts
+      ? '告警复盘'
+      : timeMonitorHasHistory
+        ? '历史导出'
+        : timeMonitorHasTrajectory
+          ? '轨迹回放'
+          : '应用时间窗';
+  const runTimeWindowPrimaryAction = () => {
+    if (!timeMonitorHasRange) {
+      setTimeMonitorFilters(timeMonitorScopeValue);
+      return;
+    }
+    if (timeMonitorHasAlerts) {
+      openTimeMonitorAlerts();
+      return;
+    }
+    if (timeMonitorHasHistory) {
+      openTimeMonitorRaw();
+      return;
+    }
+    if (timeMonitorHasTrajectory) {
+      openTimeMonitorHistory();
+      return;
+    }
+    setTimeMonitorFilters(timeMonitorScopeValue);
+  };
+  const timeWindowNextItems = [
+    {
+      label: '首要动作',
+      value: timeWindowNextPrimary,
+      detail: timeMonitorHasAlerts ? '存在告警车辆，先给客户解释风险与处置闭环。' : timeMonitorHasHistory ? '历史证据可用，优先导出原始记录与解析字段。' : '先锁定车辆和时间范围。',
+      color: timeMonitorHasAlerts ? 'orange' as const : timeMonitorHasHistory ? 'blue' as const : 'orange' as const,
+      onClick: runTimeWindowPrimaryAction
+    },
+    {
+      label: '交付状态',
+      value: timeMonitorDeliveryStatus.label,
+      detail: timeMonitorDeliveryStatus.detail,
+      color: timeMonitorDeliveryStatus.color,
+      onClick: () => copyTimeMonitorReviewPackage()
+    },
+    {
+      label: '证据状态',
+      value: `${formatCount(summary?.frameToday)} 帧`,
+      detail: `${formatCount(summary?.activeToday)} 活跃车辆，可核对轨迹与历史明细。`,
+      color: timeMonitorHasHistory ? 'blue' as const : 'orange' as const,
+      onClick: openTimeMonitorRaw
+    },
+    {
+      label: '服务范围',
+      value: timeMonitorScopeValue.keyword ? '单车聚焦' : '全域巡检',
+      detail: `${timeMonitorScopeValue.keyword || '全部车辆'} / ${timeMonitorScopeValue.protocol || '全部数据通道'} / ${timeMonitorWindowLabel}`,
+      color: timeMonitorScopeValue.keyword ? 'green' as const : 'blue' as const,
+      onClick: () => setTimeMonitorFilters(timeMonitorScopeValue)
+    }
+  ];
+  const timeWindowNextActions = [
+    {
+      label: '处理告警',
+      action: '告警复盘',
+      color: timeMonitorHasAlerts ? 'orange' as const : 'green' as const,
+      disabled: false,
+      onClick: openTimeMonitorAlerts
+    },
+    {
+      label: '导出证据',
+      action: '历史导出',
+      color: timeMonitorHasHistory ? 'blue' as const : 'orange' as const,
+      disabled: false,
+      onClick: openTimeMonitorRaw
+    },
+    {
+      label: '核对里程',
+      action: '统计查询',
+      color: 'green' as const,
+      disabled: false,
+      onClick: openTimeMonitorMileage
+    },
+    {
+      label: '复制复盘',
+      action: '交付包',
+      color: timeMonitorDeliveryStatus.color,
+      disabled: false,
+      onClick: () => copyTimeMonitorReviewPackage()
+    }
+  ];
   const dataFlowStages = [
     {
       stage: '01',
@@ -3530,6 +3618,51 @@ export function Dashboard({
               ))}
             </div>
           </div>
+          <div className="vp-time-next-action-strip" aria-label="时间窗下一步行动条">
+            <div className="vp-time-next-action-copy">
+              <Space wrap>
+                <Tag color="blue">时间窗下一步行动条</Tag>
+                <Tag color={timeMonitorDeliveryStatus.color}>{timeMonitorDeliveryStatus.label}</Tag>
+                <Tag color={timeMonitorHasAlerts ? 'orange' : 'green'}>{timeMonitorHasAlerts ? `${formatCount(summary?.issueVehicles)} 告警` : '无高风险'}</Tag>
+              </Space>
+              <Typography.Title heading={5} style={{ margin: 0 }}>
+                把客户选择的车辆和时间范围转成下一步动作：先处理风险，再核对轨迹、里程、历史证据和交付说明。
+              </Typography.Title>
+              <Typography.Text type="secondary">
+                当前范围：{timeMonitorSummary}；时间窗：{timeMonitorWindowLabel}。
+              </Typography.Text>
+            </div>
+            <div className="vp-time-next-action-grid">
+              {timeWindowNextItems.map((item) => (
+                <button
+                  key={item.label}
+                  type="button"
+                  className="vp-time-next-action-item"
+                  onClick={item.onClick}
+                  aria-label={`时间窗下一步 ${item.label} ${item.value}`}
+                >
+                  <Tag color={item.color}>{item.label}</Tag>
+                  <strong>{item.value}</strong>
+                  <span>{item.detail}</span>
+                </button>
+              ))}
+            </div>
+            <div className="vp-time-next-action-actions">
+              {timeWindowNextActions.map((item) => (
+                <button
+                  key={item.label}
+                  type="button"
+                  className="vp-time-next-action-button"
+                  disabled={item.disabled}
+                  onClick={item.onClick}
+                  aria-label={`时间窗下一步动作 ${item.label} ${item.action}`}
+                >
+                  <Tag color={item.color}>{item.label}</Tag>
+                  <span>{item.action}</span>
+                </button>
+              ))}
+            </div>
+          </div>
           <div className="vp-time-delivery-strip">
             <div className="vp-time-delivery-summary">
               <Space wrap>