diff --git a/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx b/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx
index 89d44444..a5897a4e 100644
--- a/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx
+++ b/vehicle-data-platform/apps/web/src/pages/VehicleDetail.tsx
@@ -88,6 +88,7 @@ export function VehicleDetail({
const online = resolution?.online || summary?.online || identity?.online || false;
const lastSeen = resolution?.lastSeen || summary?.lastSeen || latest?.lastSeen || '-';
const activeProtocol = query.protocol?.trim() ?? '';
+ const scopeText = activeProtocol ? `单一来源:${activeProtocol}` : '全部来源聚合';
const formKey = `${query.keyword}-${query.protocol ?? ''}`;
const switchSource = (nextProtocol = '') => {
const nextQuery = { keyword: resolvedVIN || query.keyword, protocol: nextProtocol };
@@ -136,6 +137,14 @@ export function VehicleDetail({
+
+ 当前查看范围
+ {scopeText}
+
+ {activeProtocol ? '下方实时、历史、RAW 和里程仅展示该来源返回的数据。' : '下方数据按车辆聚合展示全部可用来源。'}
+
+
+
{
+ window.history.replaceState(null, '', '/#/detail?keyword=VIN001&protocol=JT808');
+ vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {
+ const path = String(input);
+ if (path.includes('/api/vehicles/detail')) {
+ return {
+ ok: true,
+ json: async () => ({
+ data: {
+ vin: 'VIN001',
+ lookupKey: 'VIN001',
+ lookupResolved: true,
+ resolution: {
+ lookupKey: 'VIN001',
+ resolved: true,
+ vin: 'VIN001',
+ plate: '粤AG18312',
+ phone: '13307795425',
+ oem: 'G7s',
+ protocols: ['GB32960', 'JT808'],
+ online: true,
+ lastSeen: '2026-07-03 20:12:10'
+ },
+ realtimeSummary: {
+ vin: 'VIN001',
+ plate: '粤AG18312',
+ phone: '13307795425',
+ oem: 'G7s',
+ protocols: ['GB32960', 'JT808'],
+ sourceCount: 2,
+ onlineSourceCount: 1,
+ online: true,
+ primaryProtocol: 'JT808',
+ longitude: 113.2,
+ latitude: 23.1,
+ speedKmh: 30,
+ socPercent: 78,
+ totalMileageKm: 100,
+ lastSeen: '2026-07-03 20:12:10'
+ },
+ sources: ['GB32960', 'JT808'],
+ sourceStatus: [
+ { protocol: 'GB32960', online: false, lastSeen: '2026-07-03 20:11:10', hasRealtime: true, hasHistory: true, hasRaw: true, hasMileage: true },
+ { protocol: 'JT808', online: true, lastSeen: '2026-07-03 20:12:10', hasRealtime: true, hasHistory: true, hasRaw: true, hasMileage: true }
+ ],
+ realtime: [],
+ history: { items: [], total: 0, limit: 20, offset: 0 },
+ raw: { items: [], total: 0, limit: 10, offset: 0 },
+ mileage: { items: [], total: 0, limit: 20, offset: 0 },
+ quality: { items: [], total: 0, limit: 20, offset: 0 }
+ },
+ traceId: 'trace-test',
+ timestamp: 1783094400000
+ })
+ } as Response;
+ }
+ return {
+ ok: true,
+ json: async () => ({
+ data: path.includes('/api/ops/health')
+ ? { linkHealth: [], kafkaLag: 0, redisOnlineKeys: 0, tdengineWritable: true, mysqlWritable: true, runtime: { requestTimeoutMs: 5000 } }
+ : { items: [], total: 0, limit: 10, offset: 0 },
+ traceId: 'trace-test',
+ timestamp: 1783094400000
+ })
+ } as Response;
+ });
+
+ render();
+
+ expect(await screen.findByText('当前查看范围')).toBeInTheDocument();
+ expect(screen.getByText('单一来源:JT808')).toBeInTheDocument();
+});