feat(platform): highlight unified vehicle service posture

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

@@ -44,6 +44,15 @@ function formatCount(value?: number | null) {
   return value == null ? '0' : value.toLocaleString();
 }
 
+function vehicleServiceOnlineText(serviceSummary: VehicleServiceSummary | null, summary: DashboardSummary | null) {
+  const onlineVehicles = serviceSummary?.onlineVehicles ?? summary?.onlineVehicles;
+  const totalVehicles = serviceSummary?.totalVehicles;
+  if (onlineVehicles == null || totalVehicles == null) {
+    return '未接入';
+  }
+  return `${onlineVehicles.toLocaleString()} / ${totalVehicles.toLocaleString()} 在线`;
+}
+
 function formatProtocolRate(row: ProtocolStat) {
   if (!Number.isFinite(row.total) || row.total <= 0) {
     return '0%';
@@ -169,6 +178,16 @@ export function Dashboard({ onOpenVehicle, onOpenQuality, onOpenVehicles }: { on
             </Card>
           ))}
         </div>
+        <Card bordered title="统一车辆服务" style={{ marginBottom: 16 }}>
+          <Space wrap>
+            <Tag color="blue">{vehicleServiceOnlineText(serviceSummary, summary)}</Tag>
+            <Tag color="green">{formatCount(serviceSummary?.multiSourceVehicles)} 多源覆盖</Tag>
+            <Tag color={(summary?.issueVehicles ?? 0) > 0 ? 'orange' : 'green'}>
+              {formatCount(summary?.issueVehicles)} 质量关注
+            </Tag>
+            <Tag color={(summary?.kafkaLag ?? 0) > 0 ? 'orange' : 'green'}>Kafka Lag {formatLag(summary?.kafkaLag)}</Tag>
+          </Space>
+        </Card>
         <Row gutter={16}>
           <Col span={8}>
             <Card title="车辆服务状态" bordered>

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

@@ -135,6 +135,68 @@ test('dashboard renders vehicle service summary metrics', async () => {
   expect(fetchMock).toHaveBeenCalledWith('/api/vehicle-service/summary', undefined);
 });
 
+test('dashboard presents one vehicle service operating posture', async () => {
+  window.history.replaceState(null, '', '/#/dashboard');
+  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: [],
+            protocols: [],
+            missingSources: []
+          },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    return {
+      ok: true,
+      json: async () => ({
+        data: { items: [], total: 0, limit: 8, offset: 0 },
+        traceId: 'trace-test',
+        timestamp: 1783094400000
+      })
+    } as Response;
+  });
+
+  render(<App />);
+
+  expect(await screen.findByText('统一车辆服务')).toBeInTheDocument();
+  expect(screen.getByText('208 / 1,033 在线')).toBeInTheDocument();
+  expect(screen.getByText('181 多源覆盖')).toBeInTheDocument();
+  expect(screen.getByText('7 质量关注')).toBeInTheDocument();
+});
+
 test('dashboard keeps core vehicle service metrics when preview requests fail', async () => {
   window.history.replaceState(null, '', '/#/dashboard');
   vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {