diff --git a/web/console/src/modules/cluster/components/clusterManage/ClusterTablePanel.tsx b/web/console/src/modules/cluster/components/clusterManage/ClusterTablePanel.tsx
index e38d586dd1..45e856f77c 100644
--- a/web/console/src/modules/cluster/components/clusterManage/ClusterTablePanel.tsx
+++ b/web/console/src/modules/cluster/components/clusterManage/ClusterTablePanel.tsx
@@ -18,20 +18,19 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
 
-import { Bubble, Button, Drawer, Icon, Text, Dropdown, List } from '@tea/component';
+import { Bubble, Button, Drawer, Dropdown, Icon, List, Text } from '@tea/component';
 import { TablePanel, TablePanelColumnProps } from '@tencent/ff-component';
 import { bindActionCreators } from '@tencent/ff-redux';
 import { ChartPanel } from '@tencent/tchart';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
+import { Trans, t } from '@tencent/tea-app/lib/i18n';
 
 import { dateFormatter } from '../../../../../helpers';
-import { router as addonRouter } from '../../../addon/router';
 import { Clip, LinkButton, TipInfo } from '../../../common/components';
 import { Cluster } from '../../../common/models';
 import { allActions } from '../../actions';
 import { ClusterTypeMap } from '../../constants/Config';
 import { DialogNameEnum } from '../../models';
-import { getClusterTables, MonitorPanelProps } from '../../models/MonitorPanel';
+import { MonitorPanelProps, getClusterTables } from '../../models/MonitorPanel';
 import { router } from '../../router';
 import { RootProps } from '../ClusterApp';
 import { KubectlDialog } from '../KubectlDialog';
diff --git a/web/console/src/modules/cluster/components/resource/resourceDetail/ResourceDetailPanel.tsx b/web/console/src/modules/cluster/components/resource/resourceDetail/ResourceDetailPanel.tsx
index 905de449a5..515646317e 100644
--- a/web/console/src/modules/cluster/components/resource/resourceDetail/ResourceDetailPanel.tsx
+++ b/web/console/src/modules/cluster/components/resource/resourceDetail/ResourceDetailPanel.tsx
@@ -27,7 +27,7 @@ import { dateFormatter } from '../../../../../../helpers';
 import { HeadBubble, ListItem } from '../../../../common/components';
 import { DetailLayout } from '../../../../common/layouts';
 import { DetailDisplayFieldProps, DetailInfoProps } from '../../../../common/models';
-import { cloneDeep, isEmpty } from '../../../../common/utils';
+import { isEmpty } from '../../../../common/utils';
 import { allActions } from '../../../actions';
 import { ExternalTrafficPolicy, ResourceStatus, SessionAffinity } from '../../../constants/Config';
 import { BackendGroup, BackendRecord, CreateResource, LbcfResource, PortMap, Resource, RuleMap } from '../../../models';
@@ -52,23 +52,23 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
   }
 
   render() {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceName, resourceDetailState } = subRoot,
       { resourceDetailInfo } = resourceDetailState;
 
-    let istapp = resourceName === 'tapp';
-    let resourceIns = resourceDetailInfo.selection;
+    const istapp = resourceName === 'tapp';
+    const resourceIns = resourceDetailInfo.selection;
 
     if (istapp && resourceIns) {
       //tapp 需要展示灰度升级的container信息
       //如果有灰度升级项，需要展示在container当中
-      let { templates, templatePool } = resourceIns.spec;
+      const { templates, templatePool } = resourceIns.spec;
       if (templates) {
-        let extraContainers = Object.values(templates);
+        const extraContainers = Object.values(templates);
         extraContainers.forEach((item: string) => {
           if (templatePool[item]) {
             //修改提示信息
-            let grayUpdateContainers = templatePool[item].spec.containers.map(c => {
+            const grayUpdateContainers = templatePool[item].spec.containers.map(c => {
               return {
                 ...c,
                 name: `${c.name} (灰度升级${item})`
@@ -97,36 +97,38 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
   /** 展示基础数据 */
   private _renderBasicInfo(resourceIns: Resource) {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceInfo } = subRoot;
 
-    let basicInfo = resourceInfo.detailField.detailInfo.info ? resourceInfo.detailField.detailInfo.info : {};
-    let blockKeys = Object.keys(basicInfo);
+    const basicInfo = resourceInfo.detailField.detailInfo.info ? resourceInfo.detailField.detailInfo.info : {};
+    const blockKeys = Object.keys(basicInfo);
     let content: JSX.Element;
 
     if (blockKeys.length) {
       // 这里需要去遍历 info里面的  metadata 和 status当中的信息
 
-      let showContentObj: any[] = [];
+      const showContentObj: any[] = [];
       let showContentArr: any[] = [];
 
       blockKeys.forEach((blockKey, index) => {
-        let detailInfoField = basicInfo[blockKey].dataField[0].split('.');
+        const detailInfoField = basicInfo[blockKey].dataField[0].split('.');
         // 需要展示的详情的数据
-        let detailInfo = this._getFinalData(detailInfoField, resourceIns);
-        let displayField = Object.keys(basicInfo[blockKey].displayField).length ? basicInfo[blockKey].displayField : {};
+        const detailInfo = this._getFinalData(detailInfoField, resourceIns);
+        const displayField = Object.keys(basicInfo[blockKey].displayField).length
+          ? basicInfo[blockKey].displayField
+          : {};
 
         // 需要展示的字段名
-        let showField = Object.keys(displayField);
+        const showField = Object.keys(displayField);
 
         showField.forEach((item, showIndex) => {
-          let fieldInfo = displayField[item];
+          const fieldInfo = displayField[item];
           /**
            * 这里是去判断annotations里面，其为 *.*.*. 可以有很多 .
            * eg: storageclass.beta.kubernetes.io/is-default-class
            * 那么这里的 数组 ['annotations', 'storageclass.beta.kubernetes.io/is-default-class']
            */
-          let dataFieldIns =
+          const dataFieldIns =
             fieldInfo.dataField[0] !== ''
               ? fieldInfo.dataField.length > 1
                 ? fieldInfo.dataField
@@ -138,7 +140,7 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
           showData = showData === '' ? fieldInfo.noExsitedValue : showData;
 
           // 这里根据displayField当中搞得格式去展示相对应的showContent
-          let showElement = this._renderFormItem({ showData, fieldInfo, detailInfo });
+          const showElement = this._renderFormItem({ showData, fieldInfo, detailInfo });
           // 这里需要对齐进行排序
           showContentObj.push({
             order: fieldInfo.order,
@@ -170,14 +172,14 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
   /** 展示转发规则 rules */
   private _renderRules(resourceIns: Resource) {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceInfo } = subRoot;
 
     let content: JSX.Element;
     // 展示转发规则
-    let showContentArr: any[] = [];
+    const showContentArr: any[] = [];
 
-    let isQcloudIngress =
+    const isQcloudIngress =
       resourceIns &&
       resourceIns.metadata &&
       resourceIns.metadata.annotations &&
@@ -187,33 +189,33 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
     // 这里是为了腾讯云专用的Ingress的展示，转发配置是放在annotaions里面的
     if (isQcloudIngress) {
-      let annotations = resourceIns.metadata.annotations;
-      let showData = {
+      const annotations = resourceIns.metadata.annotations;
+      const showData = {
         http: annotations['kubernetes.io/ingress.http-rules'] || '',
         https: annotations['kubernetes.io/ingress.https-rules'] || ''
       };
 
-      let showContent = this._renderRulesItem(showData, true, resourceIns);
+      const showContent = this._renderRulesItem(showData, true, resourceIns);
       showContentArr.push(showContent);
     } else {
-      let basicInfo = resourceInfo.detailField.detailInfo.rules ? resourceInfo.detailField.detailInfo.rules : {};
-      let blockKeys = Object.keys(basicInfo);
+      const basicInfo = resourceInfo.detailField.detailInfo.rules ? resourceInfo.detailField.detailInfo.rules : {};
+      const blockKeys = Object.keys(basicInfo);
 
       if (blockKeys.length) {
         blockKeys.forEach((blockKey, index) => {
-          let detailInfoField = basicInfo[blockKey].dataField[0].split('.');
+          const detailInfoField = basicInfo[blockKey].dataField[0].split('.');
           //需要展示的详情的数据
-          let detailInfo = this._getFinalData(detailInfoField, resourceIns);
-          let displayField = Object.keys(basicInfo[blockKey].displayField).length
+          const detailInfo = this._getFinalData(detailInfoField, resourceIns);
+          const displayField = Object.keys(basicInfo[blockKey].displayField).length
             ? basicInfo[blockKey].displayField
             : {};
 
           // 需要展示的字段名
-          let showField = Object.keys(displayField);
+          const showField = Object.keys(displayField);
 
           showField.forEach((item, showIndex) => {
-            let fieldInfo = displayField[item];
-            let dataFieldIns = fieldInfo.dataField[0] !== '' ? fieldInfo.dataField[0].split('.') : [];
+            const fieldInfo = displayField[item];
+            const dataFieldIns = fieldInfo.dataField[0] !== '' ? fieldInfo.dataField[0].split('.') : [];
             let showData = this._getFinalData(dataFieldIns, detailInfo);
 
             // 这里是要去判断noExist的展示
@@ -251,17 +253,17 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
   /** 展示数据卷，数据卷这里特殊处理 */
   private _renderVolumes(resourceIns: Resource) {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceInfo } = subRoot;
 
-    let detailInfo = resourceInfo.detailField.detailInfo.volume ? resourceInfo.detailField.detailInfo.volume : {};
-    let blockKeys = Object.keys(detailInfo);
+    const detailInfo = resourceInfo.detailField.detailInfo.volume ? resourceInfo.detailField.detailInfo.volume : {};
+    const blockKeys = Object.keys(detailInfo);
     let content: JSX.Element;
 
     if (blockKeys.length) {
       // 目前此区域只展示 volumes，故只需要获取volumes
-      let detailInfoField = detailInfo['volumes'].dataField[0].split('.');
-      let volumns = this._getFinalData(detailInfoField, resourceIns);
+      const detailInfoField = detailInfo['volumes'].dataField[0].split('.');
+      const volumns = this._getFinalData(detailInfoField, resourceIns);
 
       // 展示数据卷资源的信息
       const renderVolumeInfo = (volumn, type: string) => {
@@ -271,7 +273,7 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
         } else if (type === 'secret') {
           content = volumn[type]['secretName'] + t('（资源名称）');
         } else if (type === 'hostPath') {
-          let validateType = volumn[type]['type'] ? volumn[type]['type'] : t('不校验');
+          const validateType = volumn[type]['type'] ? volumn[type]['type'] : t('不校验');
           content = volumn[type]['path'] + t('（主机路径）') + validateType + t('（路径检查类型）');
         } else if (type === 'nfs') {
           content = volumn[type]['server'] + ':' + volumn[type]['path'] + t('（NFS路径）');
@@ -303,8 +305,8 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
                      * }
                      * volumesType即数据卷的类型
                      */
-                    let keys = Object.keys(volumn);
-                    let label = keys.filter(item => item !== 'name')[0]; // 这里是因为volumes 当中的数据卷的类型是不固定的
+                    const keys = Object.keys(volumn);
+                    const label = keys.filter(item => item !== 'name')[0]; // 这里是因为volumes 当中的数据卷的类型是不固定的
 
                     return (
                       <ListItem key={index} label={label}>
@@ -328,18 +330,18 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
   /**展示service高级设置 */
   private _renderAdvancedInfo(resourceIns: Resource) {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceInfo } = subRoot;
 
-    let detailInfo = resourceInfo.detailField.detailInfo.advancedInfo
+    const detailInfo = resourceInfo.detailField.detailInfo.advancedInfo
       ? resourceInfo.detailField.detailInfo.advancedInfo
       : {};
-    let blockKeys = Object.keys(detailInfo);
+    const blockKeys = Object.keys(detailInfo);
     let content: JSX.Element;
 
     if (blockKeys.length) {
-      let advancedInfoField = detailInfo['spec'].dataField[0].split('.');
-      let advancedInfo = this._getFinalData(advancedInfoField, resourceIns);
+      const advancedInfoField = detailInfo['spec'].dataField[0].split('.');
+      const advancedInfo = this._getFinalData(advancedInfoField, resourceIns);
 
       content = (
         <DetailLayout>
@@ -380,21 +382,23 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
   }
   /** 展示容器 */
   private _renderBackGroup(resourceIns: LbcfResource) {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceInfo } = subRoot;
 
-    let detailInfo = resourceInfo.detailField.detailInfo.backGroup ? resourceInfo.detailField.detailInfo.backGroup : {};
-    let blockKeys = Object.keys(detailInfo);
+    const detailInfo = resourceInfo.detailField.detailInfo.backGroup
+      ? resourceInfo.detailField.detailInfo.backGroup
+      : {};
+    const blockKeys = Object.keys(detailInfo);
     let content: JSX.Element;
 
     if (blockKeys.length) {
       // 目前此区域只展示backGroups，故只需要获取backGroups
-      let detailInfoField = detailInfo['backGroups'].dataField[0].split('.');
-      let backGroups: BackendGroup[] = this._getFinalData(detailInfoField, resourceIns);
+      const detailInfoField = detailInfo['backGroups'].dataField[0].split('.');
+      const backGroups: BackendGroup[] = this._getFinalData(detailInfoField, resourceIns);
 
       const tabs = backGroups
         ? backGroups.map((item, index) => {
-            let tab = {
+            const tab = {
               id: item['name'] + index,
               label: item['name']
             };
@@ -404,7 +408,7 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
       let selected = tabs[0];
       if (this.state.tabName) {
-        let finder = tabs.find(x => x.id === this.state.tabName);
+        const finder = tabs.find(x => x.id === this.state.tabName);
         if (finder) {
           selected = finder;
         }
@@ -438,21 +442,23 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
   /** 展示容器 */
   private _renderContainer(resourceIns: Resource) {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceInfo } = subRoot;
 
-    let detailInfo = resourceInfo.detailField.detailInfo.container ? resourceInfo.detailField.detailInfo.container : {};
-    let blockKeys = Object.keys(detailInfo);
+    const detailInfo = resourceInfo.detailField.detailInfo.container
+      ? resourceInfo.detailField.detailInfo.container
+      : {};
+    const blockKeys = Object.keys(detailInfo);
     let content: JSX.Element;
 
     if (blockKeys.length) {
       // 目前此区域只展示 volumes，故只需要获取volumes
-      let detailInfoField = detailInfo['containers'].dataField[0].split('.');
-      let containers = this._getFinalData(detailInfoField, resourceIns);
+      const detailInfoField = detailInfo['containers'].dataField[0].split('.');
+      const containers = this._getFinalData(detailInfoField, resourceIns);
 
       const tabs = containers
         ? containers.map((item, index) => {
-            let tab = {
+            const tab = {
               id: item['name'] + index,
               label: item['name']
             };
@@ -462,7 +468,7 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
 
       let selected = tabs[0] ? tabs[0] : {};
       if (this.state.tabName) {
-        let finder = tabs.find(x => x.id === this.state.tabName);
+        const finder = tabs.find(x => x.id === this.state.tabName);
         if (finder) {
           selected = finder;
         }
@@ -499,9 +505,9 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
   /** 生成container内部的展示 */
   private _renderContainerBody(containers: any[], detailInfo: DetailInfoProps) {
     // 配置文件当中的detailInfo 下的 container
-    let displayField = Object.keys(detailInfo).length ? detailInfo.displayField : {};
+    const displayField = Object.keys(detailInfo).length ? detailInfo.displayField : {};
     // 需要展示的字段名
-    let showField = Object.keys(displayField);
+    const showField = Object.keys(displayField);
 
     return containers
       ? containers.map((container, index) => (
@@ -628,8 +634,12 @@ export class ResourceDetailPanel extends React.Component<RootProps, ResourceDeta
                 placement="left"
                 content={
                   <React.Fragment>
-                    <p>{t('名称：') + `${refData['name']}`}</p>
-                    <p>{`Key：${refData['key']}`}</p>
+                    {Object.entries(refData ?? {}).map(([key, value]) => (
+                      <>
+                        <p>{`${t('名称：')}${key}`}</p>
+                        <p>{`Key：${value}`}</p>
+                      </>
+                    ))}
                   </React.Fragment>
                 }
               >
diff --git a/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceContainerLimitItem.tsx b/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceContainerLimitItem.tsx
index a2dc9fafbc..d7359e306f 100644
--- a/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceContainerLimitItem.tsx
+++ b/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceContainerLimitItem.tsx
@@ -37,13 +37,13 @@ const mapDispatchToProps = dispatch =>
 @connect(state => state, mapDispatchToProps)
 export class EditResourceContainerLimitItem extends React.Component<ResourceItemProps, {}> {
   render() {
-    let {
+    const {
       subRoot: {
         workloadEdit: { oversoldRatio }
       }
     } = this.props;
-    let hasCpuRatio = oversoldRatio.cpu ? true : false;
-    let hasMemoryRatio = oversoldRatio.memory ? true : false;
+    const hasCpuRatio = oversoldRatio.cpu ? true : false;
+    const hasMemoryRatio = oversoldRatio.memory ? true : false;
     return (
       <FormItem label={t('CPU/内存限制')}>
         <div className="form-input limit resource" style={{ paddingBottom: '0' }}>
@@ -60,6 +60,8 @@ export class EditResourceContainerLimitItem extends React.Component<ResourceItem
                 Request用于预分配资源,当集群中的节点没有request所要求的资源数量时,容器会创建失败。
                 <br />
                 Limit用于设置容器使用资源的最大上限,避免异常情况下节点资源消耗过多。
+                <br />
+                设置超售比后，此处只能设置CPU/内存Limit值，request值通过Limit和超售比计算得出。
               </Trans>
               <br />
             </p>
@@ -71,15 +73,15 @@ export class EditResourceContainerLimitItem extends React.Component<ResourceItem
 
   /** cpu的相关选项 */
   private _renderCpuItem(hasCpuRatio?: boolean) {
-    let { actions, cKey, subRoot } = this.props,
+    const { actions, cKey, subRoot } = this.props,
       { workloadEdit } = subRoot,
       { containers } = workloadEdit;
 
-    let container = containers.find(c => c.id === cKey);
+    const container = containers.find(c => c.id === cKey);
 
     return container.cpuLimit.map((cpu, index) => {
-      let partition = cpu.type === 'request' ? '-' : t('核');
-      let cpuGroupClassName = cpu.type === 'request' || hasCpuRatio ? 'tc-input-group' : 'tc-input-group mr15';
+      const partition = cpu.type === 'request' ? '-' : t('核');
+      const cpuGroupClassName = cpu.type === 'request' || hasCpuRatio ? 'tc-input-group' : 'tc-input-group mr15';
       if (hasCpuRatio && cpu.type === 'request') {
         return <noscript />;
       } else {
@@ -112,14 +114,14 @@ export class EditResourceContainerLimitItem extends React.Component<ResourceItem
 
   /** mem的相关选项 */
   private _renderMemItem(hasMemoryRatio?: boolean) {
-    let { actions, subRoot, cKey } = this.props,
+    const { actions, subRoot, cKey } = this.props,
       { workloadEdit } = subRoot,
       { containers } = workloadEdit;
 
-    let container = containers.find(item => item.id === cKey);
+    const container = containers.find(item => item.id === cKey);
 
     // 当limit不填是保持和request一致灰色提示
-    let _renderPlaceholder = (): string => {
+    const _renderPlaceholder = (): string => {
       let placeholder = t('不限制');
       if (container.memLimit[0].value && container.memLimit[0].v_value.status === 1) {
         placeholder = container.memLimit[0].value + '';
@@ -128,7 +130,7 @@ export class EditResourceContainerLimitItem extends React.Component<ResourceItem
     };
 
     return container.memLimit.map((mem, index) => {
-      let partition = mem.type === 'request' ? '-' : 'MiB';
+      const partition = mem.type === 'request' ? '-' : 'MiB';
       if (hasMemoryRatio && mem.type === 'request') {
         return <noscript />;
       } else {
diff --git a/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceVisualizationPanel.tsx b/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceVisualizationPanel.tsx
index 084792f78f..8c1c60b4bc 100644
--- a/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceVisualizationPanel.tsx
+++ b/web/console/src/modules/cluster/components/resource/resourceEdition/EditResourceVisualizationPanel.tsx
@@ -21,10 +21,11 @@ import { connect } from 'react-redux';
 
 import { Button, Radio, Select, Text } from '@tea/component';
 import { FormPanel } from '@tencent/ff-component';
-import { bindActionCreators, insertCSS, isSuccessWorkflow, OperationState, uuid } from '@tencent/ff-redux';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
+import { OperationState, bindActionCreators, insertCSS, isSuccessWorkflow, uuid } from '@tencent/ff-redux';
+import { t } from '@tencent/tea-app/lib/i18n';
 
 import { resourceConfig } from '../../../../../../config/resourceConfig';
+import { reduceNs } from '../../../../../../helpers';
 import { FormItem, InputField, TipInfo } from '../../../../common/components';
 import { FixedFormLayout, FormLayout, MainBodyLayout } from '../../../../common/layouts';
 import { ResourceInfo } from '../../../../common/models';
@@ -32,14 +33,15 @@ import { getWorkflowError, isEmpty } from '../../../../common/utils';
 import { allActions } from '../../../actions';
 import { validateWorkloadActions } from '../../../actions/validateWorkloadActions';
 import {
-  affinityType,
   NodeAbnormalStrategy,
   ResourceTypeList,
   RestartPolicyTypeList,
-  WorkloadNetworkTypeEnum
+  WorkloadNetworkTypeEnum,
+  affinityType
 } from '../../../constants/Config';
 import {
   Computer,
+  ContainerEnv,
   ContainerItem,
   CreateResource,
   DifferentInterfaceResourceOperation,
@@ -48,8 +50,7 @@ import {
   MetricOption,
   ServiceEditJSONYaml,
   VolumeItem,
-  WorkloadEditJSONYaml,
-  ContainerEnv
+  WorkloadEditJSONYaml
 } from '../../../models';
 import { AffinityRule } from '../../../models/WorkloadEdit';
 import { router } from '../../../router';
@@ -65,7 +66,6 @@ import { ReduceServiceAnnotations, ReduceServiceJSONData, ReduceServicePorts } f
 import { EditServicePortMapPanel } from './EditServicePortMapPanel';
 import { ResourceEditHostPathDialog } from './ResourceEditHostPathDialog';
 import { ResourceSelectConfigDialog } from './ResourceSelectConfigDialog';
-import { reduceNs } from '../../../../../../helpers';
 
 /** service YAML当中的type映射 */
 const serviceTypeMap = {
@@ -129,24 +129,24 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
 
     //初始化是否有超售比
     if (cluster.selection && cluster.selection.spec.properties && cluster.selection.spec.properties.oversoldRatio) {
-      let oversoldRatio = cluster.selection.spec.properties.oversoldRatio;
+      const oversoldRatio = cluster.selection.spec.properties.oversoldRatio;
       actions.editWorkload.initOversoldRatio(oversoldRatio);
     }
   }
 
   //在当前页面直接刷新时需要判断超售比前后状态
   componentWillReceiveProps(nextProps: RootProps) {
-    let { actions, cluster } = nextProps;
+    const { actions, cluster } = nextProps;
     if (nextProps.cluster.selection && !this.props.cluster.selection) {
       if (cluster.selection.spec.properties && cluster.selection.spec.properties.oversoldRatio) {
-        let oversoldRatio = cluster.selection.spec.properties.oversoldRatio;
+        const oversoldRatio = cluster.selection.spec.properties.oversoldRatio;
         actions.editWorkload.initOversoldRatio(oversoldRatio);
       }
     }
   }
 
   componentWillUnmount() {
-    let { actions } = this.props;
+    const { actions } = this.props;
     // 清除workloadEdit当中的所有数据，避免缓存
     actions.editWorkload.clearWorkloadEdit();
     // 如果同时创建Service，需要清空ServiceEdit当中的信息
@@ -157,7 +157,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
   }
 
   render() {
-    let { actions, subRoot, namespaceList, route, cluster } = this.props,
+    const { actions, subRoot, namespaceList, route, cluster } = this.props,
       urlParams = router.resolve(route),
       { workloadEdit, modifyResourceFlow, applyResourceFlow, serviceEdit, isNeedExistedLb, addons } = subRoot,
       {
@@ -184,10 +184,10 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
       { secretList } = configEdit;
 
     // 是否开启高级设置
-    let isOpenAdvanced = this.state.isOpenAdvancedSetting;
+    const isOpenAdvanced = this.state.isOpenAdvancedSetting;
 
     /** 渲染 重启策略列表 */
-    let restartOptions = RestartPolicyTypeList.map((item, index) => (
+    const restartOptions = RestartPolicyTypeList.map((item, index) => (
       <option key={index} value={item.value}>
         {item.label}
       </option>
@@ -197,8 +197,8 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
      * 渲染imagePullSecret的列表
      * pre: secret的类型为 kubernetes.io/dockercfg
      */
-    let finalSecretList = secretList.data.records.filter(item => item.type === 'kubernetes.io/dockercfg');
-    let secretListOptions = finalSecretList.map((item, index) => (
+    const finalSecretList = secretList.data.records.filter(item => item.type === 'kubernetes.io/dockercfg');
+    const secretListOptions = finalSecretList.map((item, index) => (
       <option key={index} value={item.metadata.name}>
         {item.metadata.name}
       </option>
@@ -209,20 +209,20 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
       </option>
     );
 
-    let failed =
+    const failed =
       (modifyResourceFlow.operationState === OperationState.Done && !isSuccessWorkflow(modifyResourceFlow)) ||
       (applyResourceFlow.operationState === OperationState.Done && !isSuccessWorkflow(applyResourceFlow));
 
     // 判断是否deployment 或者 statefulset
-    let isDeploymentOrStateful =
+    const isDeploymentOrStateful =
       workloadType === 'deployment' || workloadType === 'statefulset' || workloadType === 'tapp';
 
-    let namespaceOptions = namespaceList.data.records.map(item => ({
+    const namespaceOptions = namespaceList.data.records.map(item => ({
       value: item.name,
       text: item.displayName
     }));
 
-    let finalResourceTypeList = [];
+    const finalResourceTypeList = [];
     ResourceTypeList.forEach(list => {
       if (list.value !== 'tapp' || isCanUseTapp) {
         finalResourceTypeList.push(list);
@@ -508,7 +508,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
 
   /** 生成 workload类型的radio列表 */
   private _handleResourceTypeSelect(resourceType: string) {
-    let { actions } = this.props;
+    const { actions } = this.props;
     actions.editWorkload.selectResourceType(resourceType);
   }
 
@@ -782,15 +782,15 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
 
   /** 处理cronhpa的相关信息 */
   private _reduceCronHpaData() {
-    let { subRoot, clusterVersion } = this.props,
+    const { subRoot, clusterVersion } = this.props,
       { cronMetrics, workloadType, workloadName, namespace } = subRoot.workloadEdit;
 
-    let resourceInfo = resourceConfig(clusterVersion)['cronhpa'],
+    const resourceInfo = resourceConfig(clusterVersion)['cronhpa'],
       ResourceInfo = resourceConfig(clusterVersion)[workloadType];
 
-    let isTapp = workloadType === 'tapp' ? true : false;
+    const isTapp = workloadType === 'tapp' ? true : false;
 
-    let jsonData = {
+    const jsonData = {
       kind: resourceInfo.headTitle,
       apiVersion: (resourceInfo.group ? resourceInfo.group + '/' : '') + resourceInfo.version,
       metadata: {
@@ -817,17 +817,17 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
 
   /** 处理hpa的相关信息 */
   private _reduceHpaData() {
-    let { subRoot, clusterVersion } = this.props,
+    const { subRoot, clusterVersion } = this.props,
       { minReplicas, maxReplicas, workloadName, namespace, metrics, workloadType } = subRoot.workloadEdit;
 
     // hpa的相关配置信息
 
-    let resourceInfo = resourceConfig(clusterVersion)['hpa'],
+    const resourceInfo = resourceConfig(clusterVersion)['hpa'],
       ResourceInfo = resourceConfig(clusterVersion)[workloadType];
 
-    let isTapp = workloadType === 'tapp' ? true : false;
+    const isTapp = workloadType === 'tapp' ? true : false;
     // 处理hpa的metrics
-    let metricsInfo: MetricOption[] = metrics.map(item => {
+    const metricsInfo: MetricOption[] = metrics.map(item => {
       let tmp: MetricOption;
       if (
         item.type === 'cpuUtilization' ||
@@ -861,7 +861,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
       return tmp;
     });
 
-    let jsonData: HpaEditJSONYaml = {
+    const jsonData: HpaEditJSONYaml = {
       kind: resourceInfo.headTitle,
       apiVersion: (resourceInfo.group ? resourceInfo.group + '/' : '') + resourceInfo.version,
       metadata: {
@@ -891,26 +891,26 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
    * @param labelInfo: any selector当中的信息
    */
   private _reduceServiceData(labelInfo: any) {
-    let { route, subRoot, clusterVersion } = this.props,
+    const { route, subRoot, clusterVersion } = this.props,
       { workloadEdit, serviceEdit } = subRoot,
       { portsMap, communicationType, isOpenHeadless } = serviceEdit;
 
     // svc的相关配置信息
-    let resourceInfo = resourceConfig(clusterVersion)['svc'];
+    const resourceInfo = resourceConfig(clusterVersion)['svc'];
 
     // vpc内访问、购买lb带宽等，都放置在annotations里面实现
-    let annotations = ReduceServiceAnnotations(serviceEdit, route.queries['clusterId']);
+    const annotations = ReduceServiceAnnotations(serviceEdit, route.queries['clusterId']);
 
     // 构建端口映射
-    let ports = ReduceServicePorts(portsMap, communicationType);
+    const ports = ReduceServicePorts(portsMap, communicationType);
 
-    let sessionConfig = {
+    const sessionConfig = {
       externalTrafficPolicy: serviceEdit.externalTrafficPolicy,
       sessionAffinity: serviceEdit.sessionAffinity,
       sessionAffinityTimeout: serviceEdit.sessionAffinityTimeout
     };
 
-    let jsonData: ServiceEditJSONYaml = ReduceServiceJSONData({
+    const jsonData: ServiceEditJSONYaml = ReduceServiceJSONData({
       resourceInfo,
       ports,
       annotations,
@@ -929,7 +929,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
   private _reduceVolumes(volumes: VolumeItem[]) {
     let volumesInfo = [];
     volumesInfo = volumes.map(volume => {
-      let volumeItem = {
+      const volumeItem = {
         name: volume.name
       };
 
@@ -943,7 +943,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
           type: volume.hostPathType !== 'NoChecks' ? volume.hostPathType : undefined
         };
       } else if (volume.volumeType === 'nfsDisk') {
-        let [server, path] = volume.nfsPath.split(':');
+        const [server, path] = volume.nfsPath.split(':');
         volumeItem['nfs'] = {
           path,
           server
@@ -985,9 +985,9 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
   /** 处理container相关的配置项 */
   private _reduceContainers(containers: ContainerItem[], volumes: VolumeItem[], extraOption?: any) {
     let containersInfo = [];
-    let { oversoldRatio, networkType } = extraOption;
+    const { oversoldRatio, networkType } = extraOption;
     containersInfo = containers.map(c => {
-      let containerItem = {
+      const containerItem = {
         name: c.name,
         image: c.registry + ':' + (c.tag ? c.tag : 'latest'),
         imagePullPolicy: c.imagePullPolicy
@@ -1015,7 +1015,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
         cpuRequest = (+cpuLimit * 1.0) / +oversoldRatio.cpu + '';
       }
       if (oversoldRatio.memory) {
-        memRequest = (+memLimit * 1.0) / +oversoldRatio.memory + '';
+        memRequest = Math.ceil((+memLimit * 1.0) / +oversoldRatio.memory) + '';
       }
       containerItem['resources'] = {};
       // !!!注意：如果设置了gpu，需要在limits里面设定
@@ -1058,7 +1058,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
 
       containerItem['env'] = [];
       c.envItems.forEach(env => {
-        let envItem = {
+        const envItem = {
           name: env.name
         };
 
@@ -1068,8 +1068,8 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
           env.type === ContainerEnv.EnvTypeEnum.SecretKeyRef ||
           env.type === ContainerEnv.EnvTypeEnum.ConfigMapRef
         ) {
-          let isSecret = env.type === ContainerEnv.EnvTypeEnum.SecretKeyRef;
-          let keyRef = {
+          const isSecret = env.type === ContainerEnv.EnvTypeEnum.SecretKeyRef;
+          const keyRef = {
             key: isSecret ? env.secretDataKey : env.configMapDataKey,
             name: isSecret ? env.secretName : env.configMapName,
             optional: false
@@ -1143,7 +1143,7 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
 
       // 存活检查
       const reduceHealthCheck = (healthCheckItem: HealthCheckItem) => {
-        let healthItem = {
+        const healthItem = {
           failureThreshold: +healthCheckItem.unhealthThreshold,
           successThreshold: +healthCheckItem.healthThreshold,
           initialDelaySeconds: healthCheckItem.delayTime ? +healthCheckItem.delayTime : undefined,
@@ -1171,12 +1171,12 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
       };
 
       if (c.healthCheck.isOpenLiveCheck) {
-        let healthCheckItem = c.healthCheck.liveCheck;
+        const healthCheckItem = c.healthCheck.liveCheck;
         containerItem['livenessProbe'] = reduceHealthCheck(healthCheckItem);
       }
 
       if (c.healthCheck.isOpenReadyCheck) {
-        let healthCheckItem = c.healthCheck.readyCheck;
+        const healthCheckItem = c.healthCheck.readyCheck;
         containerItem['readinessProbe'] = reduceHealthCheck(healthCheckItem);
       }
 
@@ -1186,9 +1186,9 @@ export class EditResourceVisualizationPanel extends React.Component<RootProps, E
   }
   /** 处理亲和性调度的相关信息 */
   private _reduceNodeAffinityInfo(nodeAffinityType: string, nodeAffinityRule: AffinityRule, nodeSelection: Computer[]) {
-    let affinityInfo = {};
+    const affinityInfo = {};
     if (nodeAffinityType === affinityType.node) {
-      let nodeSelector = nodeSelection.map(node => {
+      const nodeSelector = nodeSelection.map(node => {
         return node.metadata.labels['kubernetes.io/hostname'];
       });
       affinityInfo['requiredDuringSchedulingIgnoredDuringExecution'] = {
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceActionPanel.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceActionPanel.tsx
index 82b302ff6c..d028276c87 100644
--- a/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceActionPanel.tsx
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceActionPanel.tsx
@@ -19,36 +19,34 @@ import * as React from 'react';
 import { connect } from 'react-redux';
 
 import {
+  AttributeValue,
+  Bubble,
   Button,
-  Dropdown,
-  List,
   Modal,
   Select,
   Switch,
   Table,
   TagSearchBox,
   Text,
-  Tooltip,
-  AttributeValue,
-  Bubble
+  Tooltip
 } from 'tea-component';
 // import { TagSearchBox } from '../../../../common/components/tagsearchbox';
-import { bindActionCreators, FetchState, insertCSS } from '@tencent/ff-redux';
+import { bindActionCreators, FetchState } from '@tencent/ff-redux';
 import { ChartInstancesPanel } from '@tencent/tchart';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
+import { t } from '@tencent/tea-app/lib/i18n';
 import { Justify } from '@tencent/tea-component/lib/justify';
 
-import { resourceConfig, PlatformTypeEnum } from '../../../../../../config';
+import { IPlatformContext, PlatformContext } from '@/Wrapper';
+import { PlatformTypeEnum, resourceConfig } from '../../../../../../config';
 import { dateFormatter, downloadCsv, reduceNs } from '../../../../../../helpers';
 import { DisplayFiledProps, ResourceInfo } from '../../../../common/models';
-import { includes, isEmpty } from '../../../../common/utils';
+import { isEmpty } from '../../../../common/utils';
 import { allActions } from '../../../actions';
 import { Resource } from '../../../models';
 import { MonitorPanelProps, resourceMonitorFields } from '../../../models/MonitorPanel';
 import { router } from '../../../router';
 import { RootProps } from '../../ClusterApp';
 import { TellIsNeedFetchNS } from '../ResourceSidebarPanel';
-import { PlatformContext, IPlatformContext } from '@/Wrapper';
 
 interface ResouceActionPanelState {
   /** 是否开启自动刷新 */
@@ -353,19 +351,18 @@ export class ResourceActionPanel extends React.Component<RootProps, ResouceActio
 
   /** 搜索框的操作，不同的搜索进行相对应的操作 */
   private _handleClickForTagSearch(tags) {
-    const finalTags = tags.filter(({ attr }) => attr);
-
     this.setState({
-      searchBoxValues: finalTags,
-      searchBoxLength: finalTags.length
+      searchBoxValues: tags,
+      searchBoxLength: tags.length
     });
 
     const { actions } = this.props;
 
     // 这里是控制tagSearch的展示
 
-    const resourceName = finalTags.find(({ attr: { key } }) => key === 'resourceName')?.values?.[0]?.name ?? '';
-    const labelSelector = finalTags.find(({ attr: { key } }) => key === 'labelSelector')?.values?.[0]?.name;
+    const resourceName =
+      tags.find(({ attr }) => (attr?.key ?? 'resourceName') === 'resourceName')?.values?.[0]?.name ?? '';
+    const labelSelector = tags.find(({ attr }) => attr?.key === 'labelSelector')?.values?.[0]?.name;
 
     actions.resource.changeFilter({ labelSelector });
     actions.resource.changeKeyword(resourceName);
diff --git a/web/console/src/modules/overview/components/ClusterDetailPanel.tsx b/web/console/src/modules/overview/components/ClusterDetailPanel.tsx
index e945cf4049..f6cd5e22b0 100644
--- a/web/console/src/modules/overview/components/ClusterDetailPanel.tsx
+++ b/web/console/src/modules/overview/components/ClusterDetailPanel.tsx
@@ -15,14 +15,14 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
+import { Bubble, Button, Card, Col, Icon, List, Row, SearchBox, Text } from '@tencent/tea-component';
 import * as React from 'react';
-import { Card, Row, Col, MetricsBoard, Icon, Text, SearchBox, Button, Bubble, List } from '@tencent/tea-component';
-import { ClusterOverview, ClusterDetail } from '../models/RootState';
 import { clusterStatus } from '../constants/Config';
+import { ClusterDetail, ClusterOverview } from '../models/RootState';
 export function ClusterDetailPanel(props: { clusterData: ClusterOverview }) {
-  let { clusterData } = props;
-  let isLodingDone = !!clusterData;
-  let [search, setSearch] = React.useState('');
+  const { clusterData } = props;
+  const isLodingDone = !!clusterData;
+  const [search, setSearch] = React.useState('');
   let clusterList = isLodingDone ? clusterData.clusters : [];
   if (search) {
     clusterList = clusterList.filter(item => item.clusterID.includes(search));
@@ -38,7 +38,7 @@ export function ClusterDetailPanel(props: { clusterData: ClusterOverview }) {
 }
 
 function _renderClusterCard(cluster: ClusterDetail, index: number) {
-  let masterErrorTips = [];
+  const masterErrorTips = [];
   if (!cluster.etcdHealthy) {
     masterErrorTips.push(
       <Text key={'etcd'} style={{ display: 'block' }}>
@@ -61,8 +61,8 @@ function _renderClusterCard(cluster: ClusterDetail, index: number) {
     );
   }
 
-  let isUnlink = cluster.clusterPhase !== 'Running';
-  let isFailed = cluster.clusterPhase === 'Failed';
+  const isUnlink = cluster.clusterPhase !== 'Running';
+  const isFailed = cluster.clusterPhase === 'Failed';
 
   return (
     <Card style={{ marginTop: index === 0 ? 20 : 1 }} key={cluster.clusterID}>
@@ -98,7 +98,7 @@ function _renderClusterCard(cluster: ClusterDetail, index: number) {
               <Text style={{ fontSize: 18, fontWeight: 500 }}>{isFailed ? '-' : cluster.cpuUsage}</Text>
               <Text style={{ fontSize: 12, fontWeight: 600 }}> CPU利用率</Text>
               <div>
-                <Text theme={'label'} reset>{`总数: ${cluster.cpuCapacity}核 Request已分配: ${
+                <Text theme={'label'} reset>{`总数: ${cluster.cpuCapacity} 核 Request已分配: ${
                   isFailed ? '-' : cluster.cpuRequestRate
                 }`}</Text>
               </div>
@@ -110,8 +110,8 @@ function _renderClusterCard(cluster: ClusterDetail, index: number) {
               <Text style={{ fontSize: 12, fontWeight: 600 }}> 内存利用率</Text>
               <div>
                 <Text theme={'label'} reset>{`总数: ${
-                  isFailed ? '-' : (cluster.memCapacity / 1.0 / 1024 / 1024 / 1024).toPrecision(3)
-                }GB Request已分配: ${isFailed ? '-' : cluster.memRequestRate}`}</Text>
+                  isFailed ? '-' : (cluster.memCapacity / 1.0 / 1024 / 1024 / 1024).toFixed(3)
+                } GB Request已分配: ${isFailed ? '-' : cluster.memRequestRate}`}</Text>
               </div>
             </div>
           </Col>
diff --git a/web/console/src/modules/overview/components/OverviewApp.tsx b/web/console/src/modules/overview/components/OverviewApp.tsx
index 1c55a18b31..3b8a8fbc63 100644
--- a/web/console/src/modules/overview/components/OverviewApp.tsx
+++ b/web/console/src/modules/overview/components/OverviewApp.tsx
@@ -19,18 +19,16 @@ import * as React from 'react';
 import { connect, Provider } from 'react-redux';
 
 import { bindActionCreators } from '@tencent/ff-redux';
-import { ContentView, Row, Col } from '@tencent/tea-component';
+import { Col, ContentView, Row } from '@tencent/tea-component';
 
 import { ResetStoreAction } from '../../../../helpers';
 import { overviewActions } from '../actions/overviewActions';
+import { RootState } from '../models/RootState';
 import { router } from '../router';
 import { configStore } from '../stores/RootStore';
-import { OverviewHeadPanel } from './OverviewHeadPanel';
-import { RootState } from '../models/RootState';
-import { ClusterOverviewPanel } from './ClusterOverview';
-import { QuickHelpPanel } from './QuickHelpPanel';
-import { TipsPanel } from './TipsPanel';
 import { ClusterDetailPanel } from './ClusterDetailPanel';
+import { ClusterOverviewPanel } from './ClusterOverview';
+import { OverviewHeadPanel } from './OverviewHeadPanel';
 const store = configStore();
 
 export class OverviewAppContainer extends React.Component<any, any> {