feat(platform): show active mileage filters

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

@@ -2424,6 +2424,55 @@ test('applies mileage date range from shareable hash to API requests', async ()
   expect(screen.getByText('当前来源：JT808')).toBeInTheDocument();
 });
 
+test('shows and clears current mileage filters while keeping vehicle scope', async () => {
+  window.history.replaceState(null, '', '/#/mileage?keyword=VIN-MILEAGE-002&protocol=JT808&dateFrom=2026-07-01&dateTo=2026-07-03');
+  const fetchMock = 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/mileage/summary')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: { vehicleCount: 1, recordCount: 2, sourceCount: 1, totalMileageKm: 12.3, averageMileagePerVin: 12.3 },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    return {
+      ok: true,
+      json: async () => ({
+        data: { items: [], total: 0, limit: 20, offset: 0 },
+        traceId: 'trace-test',
+        timestamp: 1783094400000
+      })
+    } as Response;
+  });
+
+  render(<App />);
+
+  expect(await screen.findByText('当前里程筛选')).toBeInTheDocument();
+  expect(screen.getByText('车辆：VIN-MILEAGE-002')).toBeInTheDocument();
+  expect(screen.getByText('数据来源：JT808')).toBeInTheDocument();
+  expect(screen.getByText('开始日期：2026-07-01')).toBeInTheDocument();
+  expect(screen.getByText('结束日期：2026-07-03')).toBeInTheDocument();
+  fireEvent.click(screen.getByRole('button', { name: '清空筛选' }));
+
+  await waitFor(() => {
+    expect(fetchMock).toHaveBeenCalledWith(expect.stringContaining('/api/mileage/summary?keyword=VIN-MILEAGE-002'), undefined);
+  });
+  expect(window.location.hash).toBe('#/mileage?keyword=VIN-MILEAGE-002');
+});
+
 test('updates mileage hash when mileage filters are submitted', async () => {
   window.history.replaceState(null, '', '/#/mileage');
   const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {