feat(platform): drill quality issues by type

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

@@ -142,6 +142,9 @@ export function Quality({
   const drillProtocol = (protocol: string) => {
     applyFilters({ ...filters, protocol });
   };
+  const drillIssueType = (issueType: string) => {
+    applyFilters({ ...filters, issueType });
+  };
 
   return (
     <div className="vp-page">
@@ -205,6 +208,24 @@ export function Quality({
           ]}
         />
       </Card>
+      <Card bordered title="问题类型分布" loading={loadingSummary} style={{ marginTop: 16 }}>
+        <Table
+          pagination={false}
+          dataSource={summary.issueTypes}
+          rowKey="name"
+          columns={[
+            { title: '问题类型', render: (_: unknown, row: { name: string }) => qualityIssueLabel(row.name) },
+            { title: '问题数', dataIndex: 'count', width: 120 },
+            {
+              title: '操作',
+              width: 160,
+              render: (_: unknown, row: { name: string }) => (
+                <Button size="small" onClick={() => drillIssueType(row.name)}>查看 {qualityIssueLabel(row.name)}质量问题</Button>
+              )
+            }
+          ]}
+        />
+      </Card>
       <Card bordered title="质量问题" style={{ marginTop: 16 }}>
         <Form key={JSON.stringify(filters)} initValues={filters} layout="horizontal" onSubmit={(values) => {
           const nextFilters = values as Record<string, string>;