feat(platform): export vehicle coverage results

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

@@ -7,6 +7,7 @@ import { DataEmpty } from '../components/DataEmpty';
 import { PageHeader } from '../components/PageHeader';
 import { SourceStatusTags } from '../components/SourceStatusTags';
 import { StatusTag } from '../components/StatusTag';
+import { buildCsv, downloadCsv, type CsvColumn } from '../domain/csvExport';
 import { summarizeVehicleService } from '../domain/vehicleService';
 
 function vehicleServiceStatus(row: VehicleCoverageRow) {
@@ -90,6 +91,30 @@ function sourceDiagnosisText(row: VehicleCoverageRow) {
   return parts.join('，');
 }
 
+const vehicleExportColumns: CsvColumn<VehicleCoverageRow>[] = [
+  { title: 'VIN', value: (row) => row.vin },
+  { title: '车牌', value: (row) => row.plate },
+  { title: '手机号', value: (row) => row.phone },
+  { title: 'OEM', value: (row) => row.oem },
+  { title: '来源', value: (row) => row.protocols?.join('|') },
+  { title: '缺失来源', value: (row) => row.missingProtocols?.join('|') },
+  { title: '来源覆盖', value: (row) => sourceEvidenceText(row) },
+  { title: '服务状态', value: (row) => vehicleServiceStatus(row).label },
+  { title: '诊断摘要', value: (row) => sourceDiagnosisText(row) },
+  { title: '档案完整度', value: (row) => vehicleArchiveCompleteness(row).label },
+  { title: '档案缺项', value: (row) => vehicleArchiveMissingLabels(row).join('|') },
+  { title: '在线', value: (row) => row.online ? '在线' : '离线' },
+  { title: '最后在线', value: (row) => row.lastSeen },
+  { title: '绑定状态', value: (row) => row.bindingStatus },
+  { title: '来源一致性', value: (row) => row.sourceConsistency?.title ?? '' }
+];
+
+function exportFileName(filters: Record<string, string>) {
+  const keyword = filters.keyword?.trim() || 'all';
+  const protocol = filters.protocol?.trim() || 'all-source';
+  return `vehicle-coverage-${keyword}-${protocol}.csv`;
+}
+
 type VehicleActionRecommendation = {
   label: string;
   color: 'green' | 'orange' | 'red';
@@ -293,6 +318,14 @@ export function Vehicles({
     onFiltersChange?.(nextFilters);
     load(nextFilters, 1, pagination.pageSize);
   };
+  const exportVehicles = () => {
+    if (rows.length === 0) {
+      Toast.warning('当前没有可导出的车辆结果');
+      return;
+    }
+    downloadCsv(exportFileName(filters), buildCsv(vehicleExportColumns, rows));
+    Toast.success(`已导出 ${rows.length} 条车辆结果`);
+  };
 
   useEffect(() => {
     setFilters(initialFilters);
@@ -493,20 +526,29 @@ export function Vehicles({
         {rows.length === 0 && !loading ? (
           <DataEmpty />
         ) : (
-          <Table
-            loading={loading}
-            rowKey="vin"
-            dataSource={rows}
-            columns={columns}
-            pagination={{
-              currentPage: pagination.currentPage,
-              pageSize: pagination.pageSize,
-              total: pagination.total,
-              showSizeChanger: true,
-              onPageChange: (page) => load(filters, page, pagination.pageSize),
-              onPageSizeChange: (pageSize) => load(filters, 1, pageSize)
-            }}
-          />
+          <>
+            <div className="vp-table-toolbar">
+              <Space wrap>
+                <Tag color="blue">当前页 {rows.length.toLocaleString()} 辆</Tag>
+                <Tag color="grey">总计 {pagination.total.toLocaleString()} 辆</Tag>
+                <Button size="small" onClick={exportVehicles}>导出车辆当前页 CSV</Button>
+              </Space>
+            </div>
+            <Table
+              loading={loading}
+              rowKey="vin"
+              dataSource={rows}
+              columns={columns}
+              pagination={{
+                currentPage: pagination.currentPage,
+                pageSize: pagination.pageSize,
+                total: pagination.total,
+                showSizeChanger: true,
+                onPageChange: (page) => load(filters, page, pagination.pageSize),
+                onPageSizeChange: (pageSize) => load(filters, 1, pageSize)
+              }}
+            />
+          </>
         )}
       </Card>
     </div>