diff --git a/vehicle-data-platform/apps/web/src/App.tsx b/vehicle-data-platform/apps/web/src/App.tsx index f678c223..2026208f 100644 --- a/vehicle-data-platform/apps/web/src/App.tsx +++ b/vehicle-data-platform/apps/web/src/App.tsx @@ -22,7 +22,7 @@ export default function App() { }; const pages: Record = { - dashboard: , + dashboard: setActivePage('quality')} />, vehicles: , realtime: , detail: , diff --git a/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx b/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx index 378dc350..ea7f73f6 100644 --- a/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx +++ b/vehicle-data-platform/apps/web/src/pages/Dashboard.tsx @@ -15,7 +15,7 @@ function formatLag(value?: number | null) { return value == null ? '未接入' : value.toLocaleString(); } -export function Dashboard({ onOpenVehicle }: { onOpenVehicle: (vin: string) => void }) { +export function Dashboard({ onOpenVehicle, onOpenQuality }: { onOpenVehicle: (vin: string) => void; onOpenQuality: () => void }) { const [summary, setSummary] = useState(null); const [vehicles, setVehicles] = useState([]); const [coverage, setCoverage] = useState([]); @@ -113,7 +113,11 @@ export function Dashboard({ onOpenVehicle }: { onOpenVehicle: (vin: string) => v Kafka 当前消费积压:{formatLag(summary?.kafkaLag)} - + 质量问题预览} + bordered + style={{ marginTop: 16 }} + > `${row?.protocol ?? ''}-${row?.issueType ?? ''}-${row?.lastSeen ?? ''}-${row?.detail ?? ''}`}