feat(platform): advance vehicle operations center

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

@@ -1,4 +1,4 @@
-import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { cleanup, fireEvent, render, screen, waitFor, within } from '@testing-library/react';
 import { afterEach, expect, test, vi } from 'vitest';
 import App from '../App';
 
@@ -7614,6 +7614,101 @@ test('shows production AMap integration status on realtime page', async () => {
   expect(screen.getByText('1 / 2')).toBeInTheDocument();
 });
 
+test('selects realtime map vehicle from fallback map point', async () => {
+  window.history.replaceState(null, '', '/#/realtime');
+  vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {
+    const path = String(input);
+    if (path.includes('/api/ops/health')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: { linkHealth: [], kafkaLag: 0, redisOnlineKeys: 0, tdengineWritable: true, mysqlWritable: true, runtime: { requestTimeoutMs: 5000 } },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    if (path.includes('/api/realtime/vehicles')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: {
+            items: [
+              {
+                vin: 'VIN-MAP-SELECT-1',
+                plate: '粤A选中1',
+                phone: '',
+                oem: 'G7s',
+                protocols: ['GB32960'],
+                sourceStatus: [{ protocol: 'GB32960', online: true, lastSeen: '2026-07-03 20:12:10', hasRealtime: true, hasHistory: true, hasRaw: true, hasMileage: true }],
+                sourceCount: 1,
+                onlineSourceCount: 1,
+                online: true,
+                primaryProtocol: 'GB32960',
+                longitude: 113.2,
+                latitude: 23.1,
+                speedKmh: 30,
+                socPercent: 78,
+                totalMileageKm: 119925,
+                lastSeen: '2026-07-03 20:12:10',
+                bindingStatus: 'bound',
+                serviceStatus: { status: 'healthy', severity: 'ok', title: '服务正常', detail: '1/1 来源在线', sourceCount: 1, onlineSourceCount: 1 }
+              },
+              {
+                vin: 'VIN-MAP-SELECT-2',
+                plate: '粤A选中2',
+                phone: '',
+                oem: 'G7s',
+                protocols: ['JT808'],
+                sourceStatus: [{ protocol: 'JT808', online: true, lastSeen: '2026-07-03 20:11:10', hasRealtime: true, hasHistory: true, hasRaw: true, hasMileage: true }],
+                sourceCount: 1,
+                onlineSourceCount: 1,
+                online: true,
+                primaryProtocol: 'JT808',
+                longitude: 113.4,
+                latitude: 23.2,
+                speedKmh: 42,
+                socPercent: 66,
+                totalMileageKm: 2200,
+                lastSeen: '2026-07-03 20:11:10',
+                bindingStatus: 'bound',
+                serviceStatus: { status: 'healthy', severity: 'ok', title: '服务正常', detail: '1/1 来源在线', sourceCount: 1, onlineSourceCount: 1 }
+              }
+            ],
+            total: 2,
+            limit: 50,
+            offset: 0
+          },
+          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 />);
+
+  const selectedPanelTitle = await screen.findByText('当前选中车辆');
+  const selectedPanel = selectedPanelTitle.closest('.vp-selected-vehicle-panel');
+  expect(selectedPanel).not.toBeNull();
+  expect(within(selectedPanel as HTMLElement).getByText('粤A选中1')).toBeInTheDocument();
+
+  fireEvent.click(screen.getByRole('button', { name: '选择地图车辆 粤A选中2' }));
+
+  await waitFor(() => {
+    expect(within(selectedPanel as HTMLElement).getByText('粤A选中2')).toBeInTheDocument();
+  });
+  expect(within(selectedPanel as HTMLElement).getByText('42 km/h')).toBeInTheDocument();
+});
+
 test('opens vehicle service from realtime map service queue', async () => {
   window.history.replaceState(null, '', '/#/realtime');
   vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {