fix(platform): avoid fake kafka lag

This commit is contained in:
lingniu
2026-07-03 22:38:50 +08:00
parent 4ff94a4e92
commit 91c2168cb0
6 changed files with 17 additions and 8 deletions

View File

@@ -4,6 +4,10 @@ import { api } from '../api/client';
import type { OpsHealth, QualityIssueRow } from '../api/types';
import { PageHeader } from '../components/PageHeader';
function formatLag(value?: number | null) {
return value == null ? '未接入' : value.toLocaleString();
}
export function Quality() {
const [issues, setIssues] = useState<QualityIssueRow[]>([]);
const [health, setHealth] = useState<OpsHealth | null>(null);
@@ -36,7 +40,7 @@ export function Quality() {
<div className="vp-page">
<PageHeader title="数据质量" description="断链、VIN 缺失、字段缺失和链路健康的排查入口" />
<Row gutter={16}>
<Col span={8}><Card bordered title="Kafka Lag">{health?.kafkaLag ?? 0}</Card></Col>
<Col span={8}><Card bordered title="Kafka Lag">{formatLag(health?.kafkaLag)}</Card></Col>
<Col span={8}><Card bordered title="Redis 在线 Key">{health?.redisOnlineKeys ?? 0}</Card></Col>
<Col span={8}><Card bordered title="存储写入">{health?.tdengineWritable && health.mysqlWritable ? '正常' : '异常'}</Card></Col>
</Row>