refactor: polish semi mileage workspace

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

@@ -2,7 +2,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { afterEach, expect, test, vi } from 'vitest';
 import { MemoryRouter } from 'react-router-dom';
-import StatisticsPage from './StatisticsPage';
+import StatisticsPage, { mileageRangeContainsDate } from './StatisticsPage';
 import { buildMonitorPath, withMonitorReturn } from '../routing/monitorContext';
 import { ROUTER_FUTURE } from '../routing/routerConfig';
 
@@ -37,6 +37,13 @@ function prepareData() {
   mocks.vehicleCoverage.mockResolvedValue({ items: [{ vin: 'LTEST000000000001', plate: '粤A12345' }], total: 1, limit: 20, offset: 0 });
 }
 
+test('refreshes only ranges that include the current business date', () => {
+  expect(mileageRangeContainsDate({ dateFrom: '2026-07-13', dateTo: '2026-07-19' }, '2026-07-19')).toBe(true);
+  expect(mileageRangeContainsDate({ dateFrom: '2026-07-19', dateTo: '2026-07-19' }, '2026-07-19')).toBe(true);
+  expect(mileageRangeContainsDate({ dateFrom: '2026-07-13', dateTo: '2026-07-18' }, '2026-07-19')).toBe(false);
+  expect(mileageRangeContainsDate({ dateFrom: '2026-07-20', dateTo: '2026-07-20' }, '2026-07-19')).toBe(false);
+});
+
 test('renders only the desktop matrix with dates as columns and a period total', async () => {
   prepareData();
   const view = renderPage('/statistics?vins=LTEST000000000001&dateFrom=2026-07-13&dateTo=2026-07-14');
@@ -53,6 +60,10 @@ test('renders only the desktop matrix with dates as columns and a period total',
   expect(screen.getByLabelText('里程查询工作区')).toHaveTextContent('GB32960 优先');
   expect(screen.getByRole('heading', { name: '里程范围', level: 5 })).toBeInTheDocument();
   expect(screen.getByText('车牌、自然日与里程数据源策略')).toBeInTheDocument();
+  expect(view.container.querySelector('.v2-mileage-date-range.semi-datepicker')).toBeInTheDocument();
+  expect(screen.getByRole('group', { name: '快捷日期范围' })).toHaveClass('semi-button-group');
+  expect(screen.getByPlaceholderText('开始日期')).toHaveValue('2026-07-13');
+  expect(screen.getByPlaceholderText('结束日期')).toHaveValue('2026-07-14');
   expect(screen.getAllByText('1 辆 · 2 天').some((element) => element.closest('.semi-tag'))).toBe(true);
   expect(screen.queryByText('当日起始里程')).not.toBeInTheDocument();
   expect(screen.queryByText('数据来源')).not.toBeInTheDocument();