From 5cad7b41062e2812d577c9bd0506c56b6009410d Mon Sep 17 00:00:00 2001
From: zengqiao <zengqiao@didiglobal.com>
Date: Wed, 7 Dec 2022 16:19:44 +0800
Subject: [PATCH] =?UTF-8?q?[Bugfix]=E4=BF=AE=E5=A4=8D=E9=9B=86=E7=BE=A4Top?=
 =?UTF-8?q?ic=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2=E7=99=BD=E5=B1=8F?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98(#819)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

集群Topic列表健康状态对应关系存在问题，导致当健康状态指标存在时，会出现白屏。
---
 .../layout-clusters-fe/src/pages/TopicList/config.tsx    | 8 ++++++++
 .../layout-clusters-fe/src/pages/TopicList/index.tsx     | 9 ++++-----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicList/config.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicList/config.tsx
index c424d44c..200e20aa 100644
--- a/km-console/packages/layout-clusters-fe/src/pages/TopicList/config.tsx
+++ b/km-console/packages/layout-clusters-fe/src/pages/TopicList/config.tsx
@@ -23,3 +23,11 @@ export const getChartConfig = (title: string) => {
     },
   };
 };
+
+export const HealthStateMap: any = {
+  '-1': 'Unknown',
+  0: '好',
+  1: '中',
+  2: '差',
+  3: 'Down',
+};
diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicList/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicList/index.tsx
index 780161e3..b2be16bd 100644
--- a/km-console/packages/layout-clusters-fe/src/pages/TopicList/index.tsx
+++ b/km-console/packages/layout-clusters-fe/src/pages/TopicList/index.tsx
@@ -18,7 +18,7 @@ import ReplicaMove from '@src/components/TopicJob/ReplicaMove';
 import { formatAssignSize } from '../Jobs/config';
 import { DownOutlined } from '@ant-design/icons';
 import { tableHeaderPrefix } from '@src/constants/common';
-import {sliderValueMap} from "@src/pages/MutliClusterPage/config";
+import { HealthStateMap } from './config';
 
 const { Option } = Select;
 
@@ -92,8 +92,7 @@ const AutoPage = (props: any) => {
     const orgVal = record?.latestMetrics?.metrics?.[metricName];
     if (orgVal !== undefined) {
       if (metricName === 'HealthState') {
-        const val = sliderValueMap[(orgVal) as keyof typeof sliderValueMap];
-        return  val.name;
+        return HealthStateMap[orgVal] || '-';
       } else if (metricName === 'LogSize') {
         return Number(Utils.formatAssignSize(orgVal, 'MB')).toLocaleString();
       } else {
@@ -165,8 +164,8 @@ const AutoPage = (props: any) => {
         sorter: true,
         // 设计图上量出来的是144，但做的时候发现写144 header部分的sort箭头不出来，所以临时调大些
         width: 170,
-        render: (value: any, record: any) =>{
-          return calcCurValue(record, "HealthState")
+        render: (value: any, record: any) => {
+          return calcCurValue(record, 'HealthState');
         },
       },
       // {