初始化3.0.0版本

km-console/packages/layout-clusters-fe/src/pages/CommonRoute.tsx

@@ -0,0 +1,87 @@
+import React, { useEffect } from 'react';
+import { AppContainer, Utils } from 'knowdesign';
+import { useParams, useHistory } from 'react-router-dom';
+import API, { MetricType } from '../api';
+import CommonConfig from './CommonConfig';
+
+interface ControlInfo {
+  type: MetricType.Controls;
+  name: ControlStatusMap;
+  desc: string;
+  support: boolean;
+  unit: string | null;
+  minVersion: number;
+  maxVersion: number;
+}
+
+export enum ControlStatusMap {
+  // Broker
+  BROKER_DETAIL_CONFIG = 'FEBrokersSpecifiedBrokerConfigList',
+  BROKER_DETAIL_DATALOGS = 'FEBrokersSpecifiedBrokerDataLogsList',
+  // Testing
+  TESTING_PRODUCER_HEADER = 'FETestingProducerHeader',
+  TESTING_PRODUCER_COMPRESSION_TYPE_ZSTD = 'FETestingProducerCompressionTypeZSTD',
+  TESTING_CONSUMER_HEADER = 'FETestingConsumerHeader',
+}
+
+const CommonRoute: React.FC = (props: any) => {
+  const [global, setGlobal] = AppContainer.useGlobalValue();
+  const { clusterId } = useParams<{ clusterId: string }>();
+  const history = useHistory();
+  const { Consumer } = AppContainer.context;
+
+  useEffect(() => {
+    getPhyClusterInfo();
+    getControlsStatus();
+  }, []);
+
+  const getPhyClusterInfo = () => {
+    Utils.request(API.getPhyClusterBasic(+clusterId), {
+      init: {
+        // needCode: true,
+        errorNoTips: true,
+      },
+      retryTimes: 2,
+      // timeout: 200,
+    })
+      .then((res: any) => {
+        if (res) {
+          setGlobal((curState: any) => ({ ...curState, clusterInfo: res }));
+        } else {
+          history.replace('/');
+        }
+      })
+      .catch((err) => {
+        history.replace('/');
+        // notification.error({
+        //   message: '错误',
+        //   duration: 3,
+        //   description: `${'集群不存在或集群ID有误'}`,
+        // });
+      });
+  };
+
+  // 获取控件状态
+  const getControlsStatus = () => {
+    Utils.request(API.getSupportKafkaVersions(clusterId, MetricType.Controls), {
+      retryTimes: 2,
+      init: {
+        errorNoTips: true,
+      },
+    }).then((controlsStatus: ControlInfo[]) => {
+      const isShowControl = (controlName: ControlStatusMap) => {
+        const controlInfo = controlName && controlsStatus.find(({ name }) => name === controlName);
+        return controlInfo ? controlInfo.support : false;
+      };
+      setGlobal((curState: any) => ({ ...curState, controlsStatus, isShowControl }));
+    });
+  };
+
+  return (
+    <>
+      <CommonConfig />
+    </>
+  );
+};
+
+export default CommonRoute;