diff --git a/vehicle-data-platform/apps/web/src/pages/Quality.tsx b/vehicle-data-platform/apps/web/src/pages/Quality.tsx
index be54f866..8485b2dd 100644
--- a/vehicle-data-platform/apps/web/src/pages/Quality.tsx
+++ b/vehicle-data-platform/apps/web/src/pages/Quality.tsx
@@ -4,6 +4,12 @@ import { api } from '../api/client';
 import type { OpsHealth, QualityIssueRow } from '../api/types';
 import { PageHeader } from '../components/PageHeader';
 
+const statusColor: Record<string, 'green' | 'orange' | 'red' | 'grey'> = {
+  ok: 'green',
+  warning: 'orange',
+  error: 'red'
+};
+
 function formatLag(value?: number | null) {
   return value == null ? '未接入' : value.toLocaleString();
 }
@@ -91,7 +97,12 @@ export function Quality() {
           pagination={false}
           columns={[
             { title: '链路', dataIndex: 'name' },
-            { title: '状态', dataIndex: 'status' },
+            {
+              title: '状态',
+              render: (_: unknown, row: { status: string }) => (
+                <Tag color={statusColor[row.status] ?? 'grey'}>{row.status}</Tag>
+              )
+            },
             { title: '说明', dataIndex: 'detail' }
           ]}
         />