feat(platform): add mileage closure workspace

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

@@ -231,6 +231,13 @@ export function Mileage({
   const hasFullMileagePage = summary.recordCount > 0 && rows.length === summary.recordCount;
   const closureDeltaKm = hasFullMileagePage ? summary.totalMileageKm - pageMileageTotal : undefined;
   const closurePassed = closureDeltaKm != null && Math.abs(closureDeltaKm) < 0.01;
+  const closureStatus = closureDeltaKm == null ? '分页抽样' : closurePassed ? '闭合通过' : '闭合异常';
+  const closureStatusColor = closurePassed ? 'green' as const : closureDeltaKm == null ? 'grey' as const : 'orange' as const;
+  const closureActionText = closureDeltaKm == null
+    ? '当前页未覆盖全量记录，请翻页、导出或缩小筛选范围后核验。'
+    : closurePassed
+      ? '当前筛选范围汇总总里程与明细合计一致，可作为统计证据。'
+      : '汇总总里程与明细合计不一致，请核对分页、来源和异常记录。';
   const confidenceStatus = anomalyRows.length > 0 || pageCoverageRate < 100 ? '需复核' : '可用于 BI';
   const confidenceColor = confidenceStatus === '可用于 BI' ? 'green' as const : 'orange' as const;
   const currentEvidenceText = `${summary.vehicleCount.toLocaleString()} 车 / ${summary.sourceCount.toLocaleString()} 来源 / ${rows.length.toLocaleString()} 条明细`;
@@ -457,6 +464,45 @@ export function Mileage({
           </Card>
         ))}
       </div>
+      <Card bordered title="统计闭合工作台" loading={summaryLoading || loading} style={{ marginTop: 16 }}>
+        <div className="vp-stat-closure-board">
+          {[
+            { label: '汇总总里程', value: `${formatKm(summary.totalMileageKm)} km`, color: 'blue' as const, detail: '后端按当前筛选范围返回的区间里程总值。' },
+            { label: '明细合计', value: `${formatKm(pageMileageTotal)} km`, color: 'green' as const, detail: '当前页日里程明细求和，用于快速复核。' },
+            { label: '闭合差值', value: closureDeltaKm == null ? '需全量' : `${formatKm(Math.abs(closureDeltaKm))} km`, color: closureStatusColor, detail: closureActionText },
+            { label: '记录覆盖率', value: formatPercent(pageCoverageRate), color: pageCoverageRate >= 100 ? 'green' as const : 'grey' as const, detail: `${rows.length.toLocaleString()} / ${summary.recordCount.toLocaleString()} 条明细在当前页。` }
+          ].map((item) => (
+            <div key={item.label} className="vp-stat-closure-item">
+              <Tag color={item.color}>{item.label}</Tag>
+              <div className="vp-monitor-metric-value">{item.value}</div>
+              <Typography.Text type="secondary">{item.detail}</Typography.Text>
+            </div>
+          ))}
+        </div>
+        <div className="vp-stat-closure-action">
+          <Tag color={closureStatusColor}>{closureStatus}</Tag>
+          <Typography.Text type="secondary">
+            {closurePassed && anomalyRows.length === 0 ? '当前统计口径可直接用于 BI 里程口径；若存在跨来源差异，再进入车辆服务查看来源证据。' : '统计进入 BI 前需要结合异常记录、轨迹回放和 RAW 解析字段完成复核。'}
+          </Typography.Text>
+          <Space wrap>
+            <Button size="small" onClick={copyStatisticsSummary}>复制闭合摘要</Button>
+            <Button
+              size="small"
+              disabled={!currentVehicleKeyword || !onOpenHistory}
+              onClick={() => onOpenHistory?.({ keyword: currentVehicleKeyword, protocol: currentProtocol, dateFrom: filters.dateFrom ?? '', dateTo: filters.dateTo ?? '' })}
+            >
+              闭合复核轨迹
+            </Button>
+            <Button
+              size="small"
+              disabled={!currentVehicleKeyword || !onOpenRaw}
+              onClick={() => onOpenRaw?.({ keyword: currentVehicleKeyword, protocol: currentProtocol, dateFrom: filters.dateFrom ?? '', dateTo: filters.dateTo ?? '', includeFields: 'true' })}
+            >
+              闭合复核 RAW
+            </Button>
+          </Space>
+        </div>
+      </Card>
       <div className="vp-stat-workspace">
         <Card bordered title="区间趋势">
           <div className="vp-stat-chart">