From d3c2d8dac58e41200214ca41803bbb9df567f32c Mon Sep 17 00:00:00 2001
From: lingniu <lingniu@lingnius-Mac-mini.local>
Date: Fri, 3 Jul 2026 22:46:46 +0800
Subject: [PATCH] fix(platform): label storage health as reads

---
 vehicle-data-platform/apps/web/src/pages/Quality.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/vehicle-data-platform/apps/web/src/pages/Quality.tsx b/vehicle-data-platform/apps/web/src/pages/Quality.tsx
index 8485b2dd..8b6116a2 100644
--- a/vehicle-data-platform/apps/web/src/pages/Quality.tsx
+++ b/vehicle-data-platform/apps/web/src/pages/Quality.tsx
@@ -14,6 +14,10 @@ function formatLag(value?: number | null) {
   return value == null ? '未接入' : value.toLocaleString();
 }
 
+function storageReadStatus(health: OpsHealth | null) {
+  return health?.tdengineWritable && health.mysqlWritable ? 'ok' : 'error';
+}
+
 export function Quality() {
   const [issues, setIssues] = useState<QualityIssueRow[]>([]);
   const [health, setHealth] = useState<OpsHealth | null>(null);
@@ -48,7 +52,11 @@ export function Quality() {
       <Row gutter={16}>
         <Col span={8}><Card bordered title="Kafka Lag">{formatLag(health?.kafkaLag)}</Card></Col>
         <Col span={8}><Card bordered title="Redis 在线 Key">{formatLag(health?.redisOnlineKeys)}</Card></Col>
-        <Col span={8}><Card bordered title="存储写入">{health?.tdengineWritable && health.mysqlWritable ? '正常' : '异常'}</Card></Col>
+        <Col span={8}>
+          <Card bordered title="存储读取">
+            <Tag color={statusColor[storageReadStatus(health)]}>{storageReadStatus(health) === 'ok' ? '正常' : '异常'}</Tag>
+          </Card>
+        </Col>
       </Row>
       <Card bordered title="质量问题" style={{ marginTop: 16 }}>
         <Form layout="horizontal" onSubmit={(values) => {