perf(monitor): stop hidden selection polling

vehicle-data-platform/apps/web/src/v2/pages/MonitorPage.test.tsx

@@ -19,6 +19,7 @@ const vehicles = [{
 const monitorMap = { clusters: [], points: [], total: 2 };
 const fleetMapRenderSpy = vi.hoisted(() => vi.fn());
 const vehicleCardArgsSpy = vi.hoisted(() => vi.fn());
+const monitorDataArgsSpy = vi.hoisted(() => vi.fn());
 const monitorQueryFlags = vi.hoisted(() => ({ isLoading: false, isFetching: false, isPlaceholderData: false }));
 
 vi.mock('../map/FleetMap', () => ({
@@ -50,12 +51,15 @@ vi.mock('../hooks/useMonitorData', () => ({
     if (filters.status) params.set('status', filters.status);
     return params.toString();
   },
-  useMonitorData: () => ({
-    summary: { data: { totalVehicles: 2, onlineVehicles: 2, offlineVehicles: 0, drivingVehicles: 1, idleVehicles: 1, frameToday: 10 } },
-    vehicles: { data: { items: vehicles, total: 2 }, isError: false, ...monitorQueryFlags },
-    map: { data: monitorMap, isPlaceholderData: monitorQueryFlags.isPlaceholderData },
-    selectedVehicle: { data: { items: [] } }
-  }),
+  useMonitorData: (...args: unknown[]) => {
+    monitorDataArgsSpy(...args);
+    return {
+      summary: { data: { totalVehicles: 2, onlineVehicles: 2, offlineVehicles: 0, drivingVehicles: 1, idleVehicles: 1, frameToday: 10 } },
+      vehicles: { data: { items: vehicles, total: 2 }, isError: false, ...monitorQueryFlags },
+      map: { data: monitorMap, isPlaceholderData: monitorQueryFlags.isPlaceholderData },
+      selectedVehicle: { data: { items: [] } }
+    };
+  },
   useMonitorVehicleCard: (...args: unknown[]) => {
     vehicleCardArgsSpy(...args);
     return { detail: {}, activeAlerts: {}, address: {} };
@@ -68,6 +72,7 @@ afterEach(() => {
   monitorQueryFlags.isFetching = false;
   monitorQueryFlags.isPlaceholderData = false;
   vehicleCardArgsSpy.mockClear();
+  monitorDataArgsSpy.mockClear();
   vi.restoreAllMocks();
 });
 
@@ -146,6 +151,21 @@ test('switches to a lightweight realtime list and resolves addresses only on dem
   view.unmount();
 });
 
+test('pauses selected-vehicle polling in list mode and resumes it when returning to the map', () => {
+  vi.spyOn(api, 'vehicleRealtime').mockResolvedValue({ items: vehicles, total: 2, limit: 50, offset: 0 });
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  render(<QueryClientProvider client={queryClient}><MemoryRouter future={ROUTER_FUTURE}><MonitorPage /></MemoryRouter></QueryClientProvider>);
+
+  fireEvent.click(screen.getByRole('button', { name: /粤A12345 LTEST000000000001/ }));
+  expect(monitorDataArgsSpy).toHaveBeenLastCalledWith(expect.any(Object), expect.any(Object), 'LTEST000000000001', true, true);
+
+  fireEvent.click(screen.getByRole('button', { name: /列表/ }));
+  expect(monitorDataArgsSpy).toHaveBeenLastCalledWith(expect.any(Object), expect.any(Object), '', false, false);
+
+  fireEvent.click(screen.getByRole('button', { name: /地图/ }));
+  expect(monitorDataArgsSpy).toHaveBeenLastCalledWith(expect.any(Object), expect.any(Object), 'LTEST000000000001', true, true);
+});
+
 test('mounts only the mobile list representation and removes its viewport listener', async () => {
   const addEventListener = vi.fn();
   const removeEventListener = vi.fn();

vehicle-data-platform/apps/web/src/v2/pages/MonitorPage.tsx

@@ -219,7 +219,8 @@ export default function MonitorPage() {
     params.set('offset', String(listOffset));
     return params;
   }, [filters, listLimit, listOffset]);
-  const { summary, vehicles, map, selectedVehicle } = useMonitorData(filters, viewport, selectedVin, mode === 'map', mode === 'map');
+  const trackedVin = mode === 'map' ? selectedVin : '';
+  const { summary, vehicles, map, selectedVehicle } = useMonitorData(filters, viewport, trackedVin, mode === 'map', mode === 'map');
   const realtimeListQuery = useQuery<Page<VehicleRealtimeRow>>({
     queryKey: ['monitor', 'vehicle-list', listScope, listLimit, listOffset],
     queryFn: ({ signal }) => api.vehicleRealtime(listParams, signal),