diff --git a/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx b/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx index 43e7b8f1..9907cfc9 100644 --- a/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx +++ b/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx @@ -397,7 +397,7 @@ export function Dashboard({ })); const customerHeroActions = [ { - title: '实时车辆地图', + title: '车辆地图', value: `${commandLocatedCount.toLocaleString()} 辆有定位`, detail: '按车查看实时位置、在线状态、速度和最新上报时间。', action: '进入地图', @@ -418,13 +418,50 @@ export function Dashboard({ onClick: () => onOpenMileage({}) }, { - title: '历史数据导出', + title: '数据导出', value: `${formatCount(summary?.frameToday)} 今日数据`, detail: '按车辆、时间和字段裁剪查询历史位置与原始记录。', action: '查询导出', onClick: () => onOpenHistory({ tab: 'raw', includeFields: 'true' }) } ]; + const customerJourneySteps = [ + { + step: '01', + title: '定位车辆', + detail: '先在地图上确认车辆是否在线、坐标是否可信。', + action: '车辆地图', + onClick: () => onOpenMap({ online: 'online' }) + }, + { + step: '02', + title: '查看状态', + detail: '进入实时监控查看速度、SOC、里程和最新上报。', + action: '实时监控', + onClick: () => onOpenRealtime({ online: 'online' }) + }, + { + step: '03', + title: '复盘轨迹', + detail: '按自定义时间窗回放位置、速度和里程断点。', + action: '轨迹回放', + onClick: () => onOpenHistory() + }, + { + step: '04', + title: '统计里程', + detail: '用同一时间窗核对区间里程和每日统计。', + action: '里程统计', + onClick: () => onOpenMileage({}) + }, + { + step: '05', + title: '导出交付', + detail: '导出历史位置、原始记录、字段明细和告警证据。', + action: '数据导出', + onClick: () => openTimeMonitorRaw() + } + ]; const customerHealthItems = [ { label: '在线车辆', @@ -1285,20 +1322,26 @@ export function Dashboard({ return (
- +
- 先看车辆服务 + + 客户工作台 + {amapConfigured ? '地图可用' : '地图待配置'} + 0 ? 'orange' : 'green'}>{formatCount(summary?.issueVehicles)} 告警车辆 + + 先看车在哪里,再看车发生了什么 - 车辆是主对象。32960、808 和宇通 MQTT 只是数据来源,客户每天需要先确认车辆在哪里、是否在线、今天跑了多少、异常能否追溯和导出。 + 32960、808 和宇通 MQTT 只是车辆服务证据。客户每天要直接完成车辆地图监控、轨迹回放、里程统计、时间窗复盘、告警闭环和数据导出。 - + +
- {amapConfigured ? '地图可用' : '地图待配置'} - 0 ? 'orange' : 'green'}>{formatCount(summary?.issueVehicles)} 个告警 + 车辆服务路径 + +
+
+ {customerJourneySteps.map((item) => ( + + ))}
{customerHealthItems.map((item) => ( @@ -1324,7 +1383,7 @@ export function Dashboard({
- +
{commandCenterItems.map((item) => (
@@ -1338,7 +1397,7 @@ export function Dashboard({ size="small" theme="solid" type="primary" - aria-label={`车辆监控指挥台 ${item.title} ${item.primaryAction}`} + aria-label={`车辆服务指挥台 ${item.title} ${item.primaryAction}`} onClick={item.onPrimary} > {item.primaryAction} @@ -1347,7 +1406,7 @@ export function Dashboard({ size="small" theme="light" type="primary" - aria-label={`车辆监控指挥台 ${item.title} ${item.secondaryAction}`} + aria-label={`车辆服务指挥台 ${item.title} ${item.secondaryAction}`} onClick={item.onSecondary} > {item.secondaryAction} @@ -1357,7 +1416,7 @@ export function Dashboard({ ))}
- +
{customerHeroActions.map((item) => (