feat(platform-web): surface vehicle service summary

vehicle-data-platform/apps/web/src/test/App.test.tsx

@@ -57,6 +57,72 @@ test('shows vehicle service status distribution on dashboard', async () => {
   expect(screen.getByText('39')).toBeInTheDocument();
 });
 
+test('dashboard renders vehicle service summary metrics', async () => {
+  window.history.replaceState(null, '', '/#/dashboard');
+  const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {
+    const path = String(input);
+    if (path.includes('/api/dashboard/summary')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: {
+            onlineVehicles: 3,
+            activeToday: 4,
+            frameToday: 1286320,
+            issueVehicles: 7,
+            kafkaLag: 0,
+            protocols: [],
+            serviceStatuses: [],
+            linkHealth: []
+          },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    if (path.includes('/api/vehicle-service/summary')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: {
+            totalVehicles: 1033,
+            boundVehicles: 1024,
+            onlineVehicles: 208,
+            singleSourceVehicles: 391,
+            multiSourceVehicles: 181,
+            noDataVehicles: 461,
+            identityRequiredVehicles: 9,
+            serviceStatuses: [
+              { status: 'healthy', title: '服务正常', count: 161 },
+              { status: 'degraded', title: '部分来源离线', count: 41 }
+            ],
+            protocols: [{ protocol: 'JT808', online: 157, total: 388 }]
+          },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    return {
+      ok: true,
+      json: async () => ({
+        data: { items: [], total: 0, limit: 10, offset: 0 },
+        traceId: 'trace-test',
+        timestamp: 1783094400000
+      })
+    } as Response;
+  });
+
+  render(<App />);
+
+  expect(await screen.findByText('总车辆')).toBeInTheDocument();
+  expect(screen.getByText('1,033')).toBeInTheDocument();
+  expect(screen.getByText('多源车辆')).toBeInTheDocument();
+  expect(screen.getByText('181')).toBeInTheDocument();
+  expect(screen.getByText('身份未绑定')).toBeInTheDocument();
+  expect(fetchMock).toHaveBeenCalledWith('/api/vehicle-service/summary', undefined);
+});
+
 test('shows resolved vehicle service status after topbar search', async () => {
   window.history.replaceState(null, '', '/#/dashboard');
   const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {