feat: unify mobile filter sheets

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

@@ -10,6 +10,7 @@ import { formatZhNumber } from '../domain/formatters';
 import { InlineError, PanelEmpty, PanelLoading } from '../shared/AsyncState';
 import { MonitorReturnBar } from '../shared/MonitorReturnBar';
 import { MobileFilterToggle } from '../shared/MobileFilterToggle';
+import { MobileFilterSheet, MobileFilterSheetSection } from '../shared/MobileFilterSheet';
 import { TablePagination } from '../shared/TablePagination';
 import { VehicleCandidateList } from '../shared/VehicleCandidateList';
 import { mergeVehicleCandidates } from '../shared/vehicleCandidates';
@@ -451,6 +452,10 @@ export default function StatisticsPage() {
     if (error) return;
     setPage(1); setExportFeedback(''); setCriteria(draft); setSearchParams(preserveMonitorReturn(mileageParams(draft, -1), monitorReturn), { replace: true }); setFiltersCollapsed(true);
   };
+  const resetDraft = () => {
+    setDraft(initialCriteria(new URLSearchParams()));
+    setValidationError('');
+  };
   const submit = (event: FormEvent) => { event.preventDefault(); applyDraft(); };
   const setRange = (range: { dateFrom: string; dateTo: string }) => { const next = { ...draft, ...range }; setPage(1); setExportFeedback(''); setValidationError(''); setDraft(next); setCriteria(next); setSearchParams(preserveMonitorReturn(mileageParams(next, -1), monitorReturn), { replace: true }); setFiltersCollapsed(true); };
   const closeMobileFilters = () => {
@@ -594,19 +599,22 @@ export default function StatisticsPage() {
           onToggle={toggleFilters}
         />
         <SummaryRail data={statistics.data} criteria={criteria} fleetTotal={fleetVehicles.data?.total} loading={statistics.isLoading} />
-        <SideSheet
+        <MobileFilterSheet
           className="v2-mileage-filter-sidesheet"
           visible={mobileFiltersOpen}
-          placement="bottom"
           height="min(82dvh, 690px)"
-          aria-label="里程范围筛选"
-          title={<div className="v2-mileage-filter-title"><strong>里程范围</strong><span>选择车辆、自然日与数据源</span></div>}
+          ariaLabel="里程范围筛选"
+          title="里程范围"
+          description="选择车辆、自然日与数据源"
           onCancel={closeMobileFilters}
-          footer={<div className="v2-mileage-filter-footer"><span>应用后刷新里程统计与车辆矩阵</span><Button theme="solid" onClick={applyDraft}>应用并查询</Button></div>}
+          secondaryAction={{ label: '重置条件', onClick: resetDraft }}
+          primaryAction={{ label: '应用并查询', onClick: applyDraft }}
         >
-          {filterForm}
+          <MobileFilterSheetSection ariaLabel="里程查询条件" title="查询范围" description="最多 20 台车辆，按自然日比较优先数据源">
+            {filterForm}
+          </MobileFilterSheetSection>
           {filterValidation}
-        </SideSheet>
+        </MobileFilterSheet>
       </div> : <WorkspaceFilterPanel
         className="v2-mileage-query-panel"
         title="里程范围"