feat(platform): filter vehicles by service status

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

@@ -36,6 +36,7 @@ export function Vehicles({ onOpenVehicle }: { onOpenVehicle: (vin: string) => vo
     if (values?.coverage) params.set('coverage', values.coverage);
     if (values?.online) params.set('online', values.online);
     if (values?.bindingStatus) params.set('bindingStatus', values.bindingStatus);
+    if (values?.serviceStatus) params.set('serviceStatus', values.serviceStatus);
     api.vehicleCoverage(params)
       .then((nextPage) => {
         setRows(nextPage.items);
@@ -98,6 +99,12 @@ export function Vehicles({ onOpenVehicle }: { onOpenVehicle: (vin: string) => vo
             <Select.Option value="single">单源</Select.Option>
             <Select.Option value="multi">多源</Select.Option>
           </Form.Select>
+          <Form.Select field="serviceStatus" label="服务状态" placeholder="全部" style={{ width: 150 }} data-testid="service-status-filter">
+            <Select.Option value="healthy">服务正常</Select.Option>
+            <Select.Option value="degraded">部分来源离线</Select.Option>
+            <Select.Option value="offline">车辆离线</Select.Option>
+            <Select.Option value="identity_required">身份未绑定</Select.Option>
+          </Form.Select>
           <Form.Select field="online" label="在线" placeholder="全部" style={{ width: 130 }}>
             <Select.Option value="online">在线</Select.Option>
             <Select.Option value="offline">离线</Select.Option>

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

@@ -294,6 +294,44 @@ test('shows vehicle service status in vehicle list', async () => {
   expect(screen.getByText('部分来源离线')).toBeInTheDocument();
 });
 
+test('filters vehicle list by service status', async () => {
+  window.history.replaceState(null, '', '/#/vehicles');
+  const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {
+    const path = String(input);
+    if (path.includes('/api/vehicles/coverage')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: { 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(<App />);
+
+  await screen.findByRole('heading', { name: '车辆服务' });
+  fireEvent.click(screen.getByTestId('service-status-filter'));
+  fireEvent.click(await screen.findByText('部分来源离线'));
+  fireEvent.click(screen.getByRole('button', { name: '查询' }));
+
+  await waitFor(() => {
+    expect(fetchMock).toHaveBeenCalledWith(expect.stringContaining('serviceStatus=degraded'), undefined);
+  });
+});
+
 test('switches vehicle detail to a source from the coverage cards', async () => {
   window.history.replaceState(null, '', '/#/detail?keyword=VIN001');
   const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {