From 909f7d6720f627b4ae00120858d782d85d77409d Mon Sep 17 00:00:00 2001
From: lingniu <lingniu@lingnius-Mac-mini.local>
Date: Fri, 3 Jul 2026 22:59:15 +0800
Subject: [PATCH] feat(platform): refresh quality link health

---
 .../apps/web/src/pages/Quality.tsx            | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/vehicle-data-platform/apps/web/src/pages/Quality.tsx b/vehicle-data-platform/apps/web/src/pages/Quality.tsx
index 803223fc..8cef3b0c 100644
--- a/vehicle-data-platform/apps/web/src/pages/Quality.tsx
+++ b/vehicle-data-platform/apps/web/src/pages/Quality.tsx
@@ -22,6 +22,7 @@ export function Quality({ onHealthLoaded }: { onHealthLoaded?: (health: OpsHealt
   const [issues, setIssues] = useState<QualityIssueRow[]>([]);
   const [health, setHealth] = useState<OpsHealth | null>(null);
   const [loadingIssues, setLoadingIssues] = useState(true);
+  const [loadingHealth, setLoadingHealth] = useState(true);
   const [filters, setFilters] = useState<Record<string, string>>({});
   const [pagination, setPagination] = useState({ currentPage: 1, pageSize: 20, total: 0 });
 
@@ -39,14 +40,20 @@ export function Quality({ onHealthLoaded }: { onHealthLoaded?: (health: OpsHealt
       .finally(() => setLoadingIssues(false));
   };
 
-  useEffect(() => {
-    loadIssues({}, 1, pagination.pageSize);
+  const loadHealth = () => {
+    setLoadingHealth(true);
     api.opsHealth()
       .then((nextHealth) => {
         setHealth(nextHealth);
         onHealthLoaded?.(nextHealth);
       })
-      .catch((error: Error) => Toast.error(error.message));
+      .catch((error: Error) => Toast.error(error.message))
+      .finally(() => setLoadingHealth(false));
+  };
+
+  useEffect(() => {
+    loadIssues({}, 1, pagination.pageSize);
+    loadHealth();
   }, []);
 
   return (
@@ -102,8 +109,13 @@ export function Quality({ onHealthLoaded }: { onHealthLoaded?: (health: OpsHealt
           ]}
         />
       </Card>
-      <Card bordered title="链路健康" style={{ marginTop: 16 }}>
+      <Card
+        bordered
+        title={<Space><span>链路健康</span><Button size="small" loading={loadingHealth} onClick={loadHealth}>刷新链路</Button></Space>}
+        style={{ marginTop: 16 }}
+      >
         <Table
+          loading={loadingHealth}
           dataSource={health?.linkHealth ?? []}
           pagination={false}
           columns={[