前端调整

km-console/packages/layout-clusters-fe/src/components/CardBar/BrokerHealthCheck.tsx

@@ -3,8 +3,9 @@ import React, { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import CardBar from '@src/components/CardBar';
 import { healthDataProps } from '.';
-import { Tag, Utils } from 'knowdesign';
+import { Tag, Tooltip, Utils } from 'knowdesign';
 import api from '@src/api';
+import { QuestionCircleOutlined } from '@ant-design/icons';
 
 export default () => {
   const routeParams = useParams<{
@@ -85,7 +86,16 @@ export default () => {
           },
         },
         {
-          title: 'Similar Config',
+          title() {
+            return (
+              <div>
+                <span style={{ display: 'inline-block', marginRight: '8px' }}>Similar Config</span>
+                <Tooltip overlayClassName="rebalance-tooltip" title="所有broker配置是否一致">
+                  <QuestionCircleOutlined />
+                </Tooltip>
+              </div>
+            );
+          },
           value: () => {
             return (
               <>

km-console/packages/layout-clusters-fe/src/components/TopicJob/ReplicaMove.tsx

@@ -24,7 +24,7 @@ import './index.less';
 import Api, { MetricType } from '@src/api/index';
 import moment from 'moment';
 import PreviewTaskPlan from './PreviewTaskPlan';
-import { timeFormat } from '@src/lib/utils';
+import { timeFormater } from '@src/constants/common';
 import type { RangePickerProps } from 'knowdesign/es/basic/date-picker';
 
 const { TextArea } = Input;
@@ -135,7 +135,7 @@ export default (props: DefaultConfig) => {
       title: '数据保存时间',
       dataIndex: 'retentionMs',
       render: (v: any) => {
-        return timeFormat(v);
+        return timeFormater(v);
       },
     },
     {
@@ -154,7 +154,6 @@ export default (props: DefaultConfig) => {
               setMoveDataTimeRanges(moveDataTimeRangesCopy);
             }}
             formatter={(value) => (value ? `${value} h` : '')}
-            // @ts-ignore
             parser={(value) => value.replace('h', '')}
           ></InputNumber>
         );