feat(platform): refresh quality link health
This commit is contained in:
@@ -22,6 +22,7 @@ export function Quality({ onHealthLoaded }: { onHealthLoaded?: (health: OpsHealt
|
|||||||
const [issues, setIssues] = useState<QualityIssueRow[]>([]);
|
const [issues, setIssues] = useState<QualityIssueRow[]>([]);
|
||||||
const [health, setHealth] = useState<OpsHealth | null>(null);
|
const [health, setHealth] = useState<OpsHealth | null>(null);
|
||||||
const [loadingIssues, setLoadingIssues] = useState(true);
|
const [loadingIssues, setLoadingIssues] = useState(true);
|
||||||
|
const [loadingHealth, setLoadingHealth] = useState(true);
|
||||||
const [filters, setFilters] = useState<Record<string, string>>({});
|
const [filters, setFilters] = useState<Record<string, string>>({});
|
||||||
const [pagination, setPagination] = useState({ currentPage: 1, pageSize: 20, total: 0 });
|
const [pagination, setPagination] = useState({ currentPage: 1, pageSize: 20, total: 0 });
|
||||||
|
|
||||||
@@ -39,14 +40,20 @@ export function Quality({ onHealthLoaded }: { onHealthLoaded?: (health: OpsHealt
|
|||||||
.finally(() => setLoadingIssues(false));
|
.finally(() => setLoadingIssues(false));
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
const loadHealth = () => {
|
||||||
loadIssues({}, 1, pagination.pageSize);
|
setLoadingHealth(true);
|
||||||
api.opsHealth()
|
api.opsHealth()
|
||||||
.then((nextHealth) => {
|
.then((nextHealth) => {
|
||||||
setHealth(nextHealth);
|
setHealth(nextHealth);
|
||||||
onHealthLoaded?.(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 (
|
return (
|
||||||
@@ -102,8 +109,13 @@ export function Quality({ onHealthLoaded }: { onHealthLoaded?: (health: OpsHealt
|
|||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</Card>
|
</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
|
<Table
|
||||||
|
loading={loadingHealth}
|
||||||
dataSource={health?.linkHealth ?? []}
|
dataSource={health?.linkHealth ?? []}
|
||||||
pagination={false}
|
pagination={false}
|
||||||
columns={[
|
columns={[
|
||||||
|
|||||||
Reference in New Issue
Block a user