feat(platform): add time window service path

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

@@ -980,6 +980,53 @@ export function Dashboard({
       onClick: openTimeMonitorAlerts
     }
   ];
+  const timeWindowServicePathItems = [
+    {
+      step: '1',
+      label: '锁定范围',
+      value: dayRangeText(timeMonitorScopeValue.dateFrom, timeMonitorScopeValue.dateTo),
+      detail: timeMonitorScopeValue.keyword ? `单车 ${timeMonitorScopeValue.keyword}` : '先确认车辆或车辆池，再应用同一时间窗。',
+      action: '应用时间窗',
+      color: timeMonitorHasRange ? 'green' as const : 'orange' as const,
+      onClick: () => setTimeMonitorFilters(timeMonitorScopeValue)
+    },
+    {
+      step: '2',
+      label: '回放轨迹',
+      value: `${formatCount(summary?.activeToday)} 活跃`,
+      detail: '查看时间窗内位置、速度、停驶和里程断点。',
+      action: '轨迹回放',
+      color: timeMonitorHasTrajectory ? 'blue' as const : 'orange' as const,
+      onClick: openTimeMonitorHistory
+    },
+    {
+      step: '3',
+      label: '核对里程',
+      value: `${formatCount(serviceSummary?.totalVehicles)} 车辆`,
+      detail: '用同一范围核对区间里程、日统计和 BI 口径。',
+      action: '统计查询',
+      color: 'green' as const,
+      onClick: openTimeMonitorMileage
+    },
+    {
+      step: '4',
+      label: '导出证据',
+      value: `${formatCount(summary?.frameToday)} 帧`,
+      detail: '导出轨迹、原始记录和解析字段，形成客户证据包。',
+      action: '数据导出',
+      color: timeMonitorHasHistory ? 'blue' as const : 'orange' as const,
+      onClick: openTimeMonitorRaw
+    },
+    {
+      step: '5',
+      label: '告警说明',
+      value: `${formatCount(summary?.issueVehicles)} 告警`,
+      detail: highPriorityIssue ? `${qualityIssueLabel(highPriorityIssue.issueType)} / ${priorityIssueVehicleLabel(highPriorityIssue)}` : '没有高优先级告警时，交付时说明当前无异常。',
+      action: '告警通知',
+      color: timeMonitorHasAlerts ? 'orange' as const : 'green' as const,
+      onClick: openTimeMonitorAlerts
+    }
+  ];
   const dataFlowStages = [
     {
       stage: '01',
@@ -2392,6 +2439,37 @@ export function Dashboard({
               ))}
             </div>
           </div>
+          <div className="vp-time-service-path">
+            <div className="vp-time-service-path-copy">
+              <Space wrap>
+                <Tag color="blue">时间窗服务路径</Tag>
+                <Tag color={timeMonitorDeliveryStatus.color}>{timeMonitorDeliveryStatus.label}</Tag>
+              </Space>
+              <Typography.Text strong>锁定同一辆车和同一时间范围后，按轨迹、里程、历史证据和告警说明形成客户可复盘的交付路径。</Typography.Text>
+              <Typography.Text type="secondary">
+                这条路径把自定义时间窗从查询条件变成客户交付流程：先确定范围，再按同一范围打开轨迹、统计、导出和告警。
+              </Typography.Text>
+            </div>
+            <div className="vp-time-service-path-grid">
+              {timeWindowServicePathItems.map((item) => (
+                <button
+                  key={item.label}
+                  type="button"
+                  className="vp-time-service-path-item"
+                  onClick={item.onClick}
+                  aria-label={`时间窗服务路径 ${item.step} ${item.label} ${item.value} ${item.action}`}
+                >
+                  <span>{item.step}</span>
+                  <div>
+                    <Tag color={item.color}>{item.label}</Tag>
+                    <strong>{item.value}</strong>
+                    <small>{item.detail}</small>
+                    <em>{item.action}</em>
+                  </div>
+                </button>
+              ))}
+            </div>
+          </div>
           <div className="vp-time-delivery-strip">
             <div className="vp-time-delivery-summary">
               <Space wrap>