feat: unify mobile filter sheets

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

@@ -9,6 +9,7 @@ import { accessIssueSummary, accessRowsToCSV, formatAccessTime, formatSeconds, u
 import { InlineError, PanelEmpty, PanelLoading } from '../shared/AsyncState';
 import { MetricActionButton } from '../shared/MetricActionButton';
 import { MobileFilterToggle } from '../shared/MobileFilterToggle';
+import { MobileFilterSheet, MobileFilterSheetSection } from '../shared/MobileFilterSheet';
 import { TablePagination } from '../shared/TablePagination';
 import { WorkspaceCommandBar } from '../shared/WorkspaceCommandBar';
 import { WorkspaceFilterPanel } from '../shared/WorkspaceFilterPanel';
@@ -415,21 +416,23 @@ export default function AccessPage() {
           collapsedLabel="修改"
           onToggle={() => setFiltersCollapsed((value) => !value)}
         />
-        <SideSheet
+        <MobileFilterSheet
           className="v2-access-mobile-filter-sidesheet"
           visible={mobileFiltersOpen}
-          placement="bottom"
           height="min(76dvh, 640px)"
-          aria-label="接入车辆筛选"
-          title={<div className="v2-access-sheet-title"><strong>筛选接入车辆</strong><span>车辆、接入状态、真实协议与品牌</span></div>}
+          ariaLabel="接入车辆筛选"
+          title="筛选接入车辆"
+          description="车辆、接入状态、真实协议与品牌"
           onCancel={() => setFiltersCollapsed(true)}
-          footer={<div className="v2-access-mobile-filter-footer"><Button theme="light" onClick={resetFilters}>重置条件</Button><Button theme="solid" onClick={applyDraft}>应用并查询</Button></div>}
+          secondaryAction={{ label: '重置条件', onClick: resetFilters }}
+          primaryAction={{ label: '应用并查询', onClick: applyDraft }}
         >
           <form className="v2-access-mobile-filter-form" onSubmit={submit}>
-            <header><strong>接入范围</strong><span>优先定位异常、离线、尚无来源和资料差异车辆</span></header>
-            <div>{filterFields}</div>
+            <MobileFilterSheetSection ariaLabel="接入范围" title="接入范围" description="优先定位异常、离线、尚无来源和资料差异车辆">
+              <div>{filterFields}</div>
+            </MobileFilterSheetSection>
           </form>
-        </SideSheet>
+        </MobileFilterSheet>
       </div> : <WorkspaceFilterPanel
         className="v2-access-filter-card-v3"
         title="接入筛选"