From 9e38112ece2e42f8cfe41d1d778b5807640c18e6 Mon Sep 17 00:00:00 2001 From: lingniu Date: Sat, 4 Jul 2026 19:49:24 +0800 Subject: [PATCH] feat(platform): add vehicle detail workbench --- .../apps/web/src/pages/VehicleDetail.tsx | 87 +++++++++++++++++++ .../apps/web/src/test/App.test.tsx | 19 +++- 2 files changed, 103 insertions(+), 3 deletions(-) diff --git a/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx b/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx index 66111fd7..80837226 100644 --- a/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx +++ b/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx @@ -450,6 +450,63 @@ export function VehicleDetail({ } return actions; }, [activeProtocol, detail?.sourceStatus, displayLookupKey, hasResolvedVIN, missingProtocols, onOpenQuality, onOpenRealtime, onOpenVehicles, qualityCount, resolvedVIN]); + const detailWorkbench = [ + { + title: '实时定位', + value: lastSeen, + meta: evidenceSourceCount > 0 ? `${evidenceOnlineSourceCount}/${evidenceSourceCount} 来源在线` : '暂无来源', + color: online ? 'green' as const : 'orange' as const, + detail: '查看该车最新位置、速度、SOC、总里程和多来源实时字段。', + disabled: !hasResolvedVIN, + actions: [ + { label: '查看实时', onClick: () => onOpenRealtime(resolvedVIN, activeProtocol) } + ] + }, + { + title: '轨迹回放', + value: `${formatCompactNumber(overview?.historyCount ?? detail?.history?.total ?? 0)} 条历史`, + meta: evidenceLocatedSourceCount > 0 ? `${evidenceLocatedSourceCount} 个位置来源` : '暂无位置', + color: evidenceLocatedSourceCount > 0 ? 'blue' as const : 'grey' as const, + detail: '回放历史轨迹，复核定位断点、速度变化和里程连续性。', + disabled: !hasResolvedVIN, + actions: [ + { label: '打开轨迹', onClick: () => onOpenHistory(resolvedVIN, activeProtocol) } + ] + }, + { + title: 'RAW 证据', + value: `${formatCompactNumber(overview?.rawCount ?? detail?.raw?.total ?? 0)} 帧`, + meta: latestRaw?.frameType || '解析字段', + color: (overview?.rawCount ?? detail?.raw?.total ?? 0) > 0 ? 'blue' as const : 'grey' as const, + detail: '查看原始报文和解析字段，定位协议解析、来源转发和字段缺失问题。', + disabled: !hasResolvedVIN, + actions: [ + { label: '查看 RAW', onClick: () => onOpenRaw(resolvedVIN, activeProtocol) } + ] + }, + { + title: '告警处置', + value: `${qualityCount.toLocaleString()} 项`, + meta: priorityQualityIssue ? qualityIssueLabel(priorityQualityIssue.issueType) : '暂无告警', + color: qualityCount > 0 ? 'orange' as const : 'green' as const, + detail: '进入告警队列，处理断链、VIN 缺失、字段缺失和来源不一致。', + disabled: !hasResolvedVIN && qualityCount <= 0, + actions: [ + { label: '查看告警', onClick: () => onOpenQuality?.(qualityFiltersForCurrentVehicle()) } + ] + }, + { + title: '里程复核', + value: `${formatCompactNumber(overview?.mileageCount ?? detail?.mileage?.total ?? 0)} 条统计`, + meta: formatCompactNumber(evidenceMileageDelta, ' km 差异'), + color: isFiniteNumber(evidenceMileageDelta) && Math.abs(evidenceMileageDelta) > 1 ? 'orange' as const : 'green' as const, + detail: '核对统计口径，确认区间总值、每日里程与来源证据是否闭合。', + disabled: !hasResolvedVIN, + actions: [ + { label: '查看里程', onClick: () => onOpenMileage(resolvedVIN, activeProtocol) } + ] + } + ]; const qualityTable = ( + +
+ {detailWorkbench.map((item) => ( +
+
+ {item.title} + {item.meta} +
+
{item.value}
+ {item.detail} + + {item.actions.map((action) => ( + + ))} + +
+ ))} +
+ + {overview || consistency ? (
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 bb55ce89..0e5161e7 100644 --- a/vehicle-data-platform/apps/web/src/test/App.test.tsx +++ b/vehicle-data-platform/apps/web/src/test/App.test.tsx @@ -83,7 +83,7 @@ test('exposes AMap operations shortcuts when map key is configured', async () => render(); expect(await screen.findByText('地图就绪')).toBeInTheDocument(); - expect(screen.getByText('版本 platform-20260704153357')).toBeInTheDocument(); + expect(screen.getByText((content) => content.includes('platform-20260704153357'))).toBeInTheDocument(); fireEvent.click(screen.getByRole('button', { name: '顶部地图态势' })); expect(window.location.hash).toBe('#/map'); expect(await screen.findByRole('heading', { name: '实时地图' })).toBeInTheDocument(); @@ -9869,8 +9869,21 @@ test('shows unified service overview on vehicle detail', async () => { render(); expect(await screen.findByText('车辆服务概览')).toBeInTheDocument(); + expect(screen.getByText('单车服务作业台')).toBeInTheDocument(); + expect(screen.getByText('实时定位')).toBeInTheDocument(); + expect(screen.getAllByText('轨迹回放').length).toBeGreaterThanOrEqual(1); + expect(screen.getByText('RAW 证据')).toBeInTheDocument(); + expect(screen.getByText('告警处置')).toBeInTheDocument(); + expect(screen.getByText('里程复核')).toBeInTheDocument(); + expect(screen.getByText('2026-07-03 20:12:10')).toBeInTheDocument(); + expect(screen.getByText('12 条历史')).toBeInTheDocument(); + expect(screen.getByText('34 帧')).toBeInTheDocument(); + expect(screen.getAllByText('1 项').length).toBeGreaterThan(0); + expect(screen.getByText('7 条统计')).toBeInTheDocument(); expect(screen.getByText('2/3')).toBeInTheDocument(); expect(screen.getByText('历史 12 / RAW 34 / 里程 7')).toBeInTheDocument(); + fireEvent.click(screen.getByRole('button', { name: '单车作业台 RAW 证据 查看 RAW' })); + expect(window.location.hash).toBe('#/history-query?keyword=VIN001&tab=raw'); }); test('opens quality governance from vehicle detail overview', async () => { @@ -10103,7 +10116,7 @@ test('shows vehicle service evidence chain before source details', async () => { render(); expect(await screen.findByText('车辆服务证据链')).toBeInTheDocument(); - expect(screen.getByText('2/3 来源在线')).toBeInTheDocument(); + expect(screen.getAllByText('2/3 来源在线').length).toBeGreaterThan(0); expect(screen.getAllByText('2 个来源有位置').length).toBeGreaterThan(0); expect(screen.getAllByText('1.4 km').length).toBeGreaterThan(0); expect(screen.getAllByText('125 秒').length).toBeGreaterThan(0); @@ -11294,7 +11307,7 @@ test('opens single vehicle quality evidence from vehicle detail', async () => { render(); expect(await screen.findByText('单车处置建议')).toBeInTheDocument(); - expect(screen.getByText('VIN 缺失')).toBeInTheDocument(); + expect(screen.getAllByText('VIN 缺失').length).toBeGreaterThan(0); expect(screen.getAllByText('详情页质量问题需要处理').length).toBeGreaterThan(0); expect(screen.getAllByText('粤A详情告警 / VIN-DETAIL-QUALITY').length).toBeGreaterThan(0);