diff --git a/web/console/config/resource/k8sConfig/cronjobs.ts b/web/console/config/resource/k8sConfig/cronjobs.ts
index 71766f772d..9fe186ba26 100644
--- a/web/console/config/resource/k8sConfig/cronjobs.ts
+++ b/web/console/config/resource/k8sConfig/cronjobs.ts
@@ -15,15 +15,15 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
+import { t } from '@tencent/tea-app/lib/i18n';
+import { DetailField, DetailInfo } from '../../../src/modules/common/models';
 import {
-  defaulNotExistedValue,
   commonActionField,
   commonDetailInfo,
   dataFormatConfig,
+  defaulNotExistedValue,
   generateResourceInfo
 } from '../common';
-import { DetailField, DetailInfo } from '../../../src/modules/common/models';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
 
 const displayField = Object.assign(
   {},
@@ -74,6 +74,11 @@ const displayField = Object.assign(
           name: t('删除'),
           actionType: 'delete',
           isInMoreOp: false
+        },
+        {
+          name: t('更新调度策略'),
+          actionType: 'modifyNodeAffinity',
+          isInMoreOp: true
         }
       ]
     }
diff --git a/web/console/config/resource/k8sConfig/daemonset.ts b/web/console/config/resource/k8sConfig/daemonset.ts
index 2dd0ae7a98..5e6ef1ffb5 100644
--- a/web/console/config/resource/k8sConfig/daemonset.ts
+++ b/web/console/config/resource/k8sConfig/daemonset.ts
@@ -15,17 +15,17 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
+import { t } from '@tencent/tea-app/lib/i18n';
 import { DetailField, DetailInfo } from '../../../src/modules/common/models';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
 
 import {
-  commonDisplayField,
-  defaulNotExistedValue,
   commonActionField,
   commonDetailInfo,
+  commonDisplayField,
   dataFormatConfig,
-  workloadCommonTabList,
-  generateResourceInfo
+  defaulNotExistedValue,
+  generateResourceInfo,
+  workloadCommonTabList
 } from '../common';
 
 /** displayField，列表展示的细节 */
@@ -58,6 +58,16 @@ const displayField = Object.assign({}, commonDisplayField, {
         name: t('删除'),
         actionType: 'delete',
         isInMoreOp: false
+      },
+      {
+        name: t('设置更新策略'),
+        actionType: 'modifyStrategy',
+        isInMoreOp: true
+      },
+      {
+        name: t('更新调度策略'),
+        actionType: 'modifyNodeAffinity',
+        isInMoreOp: true
       }
     ]
   }
diff --git a/web/console/config/resource/k8sConfig/deployment.ts b/web/console/config/resource/k8sConfig/deployment.ts
index 6e2f87dab1..89875e0825 100644
--- a/web/console/config/resource/k8sConfig/deployment.ts
+++ b/web/console/config/resource/k8sConfig/deployment.ts
@@ -15,18 +15,18 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
-import { DetailField, DisplayField, DetailInfo } from '../../../src/modules/common/models';
+import { t } from '@tencent/tea-app/lib/i18n';
+import { DetailField, DetailInfo, DisplayField } from '../../../src/modules/common/models';
+import { cloneDeep } from '../../../src/modules/common/utils';
 import {
-  commonDisplayField,
-  defaulNotExistedValue,
-  workloadCommonTabList,
   commonActionField,
   commonDetailInfo,
+  commonDisplayField,
   dataFormatConfig,
+  defaulNotExistedValue,
   generateResourceInfo,
+  workloadCommonTabList
 } from '../common';
-import { cloneDeep } from '../../../src/modules/common/utils';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
 
 /** resource table 当中展示的数据
  * commonDisplayField 使用公共的展示
@@ -38,7 +38,7 @@ const userDefinedDisplayField: DisplayField = {
     dataFormat: dataFormatConfig['replicas'],
     width: '20%',
     headTitle: t('运行/期望Pod数量'),
-    noExsitedValue: '0',
+    noExsitedValue: '0'
   },
   operator: {
     dataField: [''],
@@ -48,27 +48,37 @@ const userDefinedDisplayField: DisplayField = {
     tips: '',
     operatorList: [
       {
-        name: t('更新实例数量页'),
+        name: t('更新Pod数量'),
         actionType: 'modifyPod',
-        isInMoreOp: false,
+        isInMoreOp: false
       },
       {
         name: t('更新镜像'),
         actionType: 'modifyRegistry',
-        isInMoreOp: false,
+        isInMoreOp: false
+      },
+      {
+        name: t('设置更新策略'),
+        actionType: 'modifyStrategy',
+        isInMoreOp: true
+      },
+      {
+        name: t('更新调度策略'),
+        actionType: 'modifyNodeAffinity',
+        isInMoreOp: true
       },
       {
         name: t('编辑YAML'),
         actionType: 'modify',
-        isInMoreOp: true,
+        isInMoreOp: true
       },
       {
         name: t('删除'),
         actionType: 'delete',
-        isInMoreOp: true,
-      },
-    ],
-  },
+        isInMoreOp: true
+      }
+    ]
+  }
 };
 
 const displayField = Object.assign({}, commonDisplayField, userDefinedDisplayField);
@@ -85,35 +95,35 @@ const detailBasicInfo: DetailInfo = {
           dataField: ['name'],
           dataFormat: dataFormatConfig['text'],
           label: t('名称'),
-          noExsitedValue: defaulNotExistedValue,
+          noExsitedValue: defaulNotExistedValue
         },
         namespace: {
           dataField: ['namespace'],
           dataFormat: dataFormatConfig['text'],
           label: 'Namespace',
-          noExsitedValue: defaulNotExistedValue,
+          noExsitedValue: defaulNotExistedValue
         },
         description: {
           dataField: ['annotations.description'],
           dataFormat: dataFormatConfig['text'],
           label: t('描述'),
-          noExsitedValue: defaulNotExistedValue,
+          noExsitedValue: defaulNotExistedValue
         },
         createdTime: {
           dataField: ['creationTimestamp'],
           dataFormat: dataFormatConfig['time'],
           label: t('创建时间'),
           tips: '',
-          noExsitedValue: defaulNotExistedValue,
+          noExsitedValue: defaulNotExistedValue
         },
         label: {
           dataField: ['labels'],
           dataFormat: dataFormatConfig['labels'],
           label: 'Labels',
           tips: '',
-          noExsitedValue: defaulNotExistedValue,
-        },
-      },
+          noExsitedValue: defaulNotExistedValue
+        }
+      }
     },
     spec: {
       dataField: ['spec'],
@@ -123,28 +133,28 @@ const detailBasicInfo: DetailInfo = {
           dataFormat: dataFormatConfig['labels'],
           label: 'Selector',
           tips: '',
-          noExsitedValue: defaulNotExistedValue,
+          noExsitedValue: defaulNotExistedValue
         },
         updateStrategy: {
           dataField: ['strategy.type'],
           dataFormat: dataFormatConfig['text'],
           label: t('更新策略'),
           tips: '',
-          noExsitedValue: defaulNotExistedValue,
+          noExsitedValue: defaulNotExistedValue
         },
         replicas: {
           dataField: ['replicas'],
           dataFormat: dataFormatConfig['text'],
           label: t('副本数'),
-          noExsitedValue: '0',
+          noExsitedValue: '0'
         },
         networkType: {
           dataField: ['template', 'metadata', 'annotations', 'k8s.v1.cni.cncf.io/networks'],
           dataFormat: dataFormatConfig['text'],
           label: t('网络模式'),
-          noExsitedValue: '-',
-        },
-      },
+          noExsitedValue: '-'
+        }
+      }
     },
     status: {
       dataField: ['status'],
@@ -153,22 +163,22 @@ const detailBasicInfo: DetailInfo = {
           dataField: ['readyReplicas'],
           dataFormat: dataFormatConfig['text'],
           label: t('运行副本数'),
-          noExsitedValue: '0',
-        },
-      },
-    },
-  },
+          noExsitedValue: '0'
+        }
+      }
+    }
+  }
 };
 
-let tabList = cloneDeep(workloadCommonTabList);
+const tabList = cloneDeep(workloadCommonTabList);
 tabList.splice(1, 0, {
   id: 'history',
-  label: t('修订历史'),
+  label: t('修订历史')
 });
 /** 详情页面的相关配置 */
 const detailField: DetailField = {
   tabList,
-  detailInfo: Object.assign({}, commonDetailInfo(), detailBasicInfo),
+  detailInfo: Object.assign({}, commonDetailInfo(), detailBasicInfo)
 };
 
 /** deployment的配置 */
@@ -177,11 +187,11 @@ export const deployment = (k8sVersion: string) => {
     k8sVersion,
     resourceName: 'deployment',
     requestType: {
-      list: 'deployments',
+      list: 'deployments'
     },
     isRelevantToNamespace: true,
     displayField,
     actionField,
-    detailField,
+    detailField
   });
 };
diff --git a/web/console/config/resource/k8sConfig/statefulset.ts b/web/console/config/resource/k8sConfig/statefulset.ts
index 3a9822f99c..7d9935bfe8 100644
--- a/web/console/config/resource/k8sConfig/statefulset.ts
+++ b/web/console/config/resource/k8sConfig/statefulset.ts
@@ -15,17 +15,17 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
+import { t } from '@tencent/tea-app/lib/i18n';
 import { DetailField, DetailInfo } from '../../../src/modules/common/models';
 import {
-  commonDisplayField,
-  defaulNotExistedValue,
   commonActionField,
-  dataFormatConfig,
   commonDetailInfo,
-  workloadCommonTabList,
-  generateResourceInfo
+  commonDisplayField,
+  dataFormatConfig,
+  defaulNotExistedValue,
+  generateResourceInfo,
+  workloadCommonTabList
 } from '../common';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
 
 const displayField = Object.assign({}, commonDisplayField, {
   runningReplicas: {
@@ -56,6 +56,16 @@ const displayField = Object.assign({}, commonDisplayField, {
         name: t('删除'),
         actionType: 'delete',
         isInMoreOp: false
+      },
+      {
+        name: t('设置更新策略'),
+        actionType: 'modifyStrategy',
+        isInMoreOp: true
+      },
+      {
+        name: t('更新调度策略'),
+        actionType: 'modifyNodeAffinity',
+        isInMoreOp: true
       }
     ]
   }
diff --git a/web/console/helpers/Validator.ts b/web/console/helpers/Validator.ts
index 880cd7ac2d..e0447ec33b 100644
--- a/web/console/helpers/Validator.ts
+++ b/web/console/helpers/Validator.ts
@@ -15,8 +15,8 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
-import { Validation } from 'src/modules/common';
 import { ControllerFieldState, UseFormStateReturn } from 'react-hook-form';
+import { Validation } from 'src/modules/common';
 
 export interface Rule {
   /**标签名 */
@@ -159,10 +159,10 @@ export function getReactHookFormStatusWithMessage({
   status?: 'error' | 'success';
   message?: string;
 } {
-  console.log('getReactHookFormStatus:', fieldState, formState);
   if (!fieldState.isTouched && !fieldState.isDirty && !formState.isSubmitted) {
     return {};
   }
+
   return fieldState.invalid
     ? {
         status: 'error',
diff --git a/web/console/helpers/index.ts b/web/console/helpers/index.ts
index bd3366c93e..c12622b2d5 100644
--- a/web/console/helpers/index.ts
+++ b/web/console/helpers/index.ts
@@ -15,27 +15,29 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
+export { RouteState, Router } from './Router';
+export { Validate, getReactHookFormStatusWithMessage, isValidateSuccess } from './Validator';
+export * from './appUtil';
+export { getCookie } from './cookieUtil';
+export * from './csrf';
+export { dateFormatter } from './dateFormatter';
+export { dateFormat } from './dateUtil';
 export { downloadCrt, downloadKubeconfig, getKubectlConfig } from './downloadCrt';
-export { ResetStoreAction, generateResetableReducer } from './reduxStore';
-export { isValidateSuccess, Validate, getReactHookFormStatusWithMessage } from './Validator';
+export { downloadCsv } from './downloadCsv';
+export * from './format';
+export { getScrollBarSize } from './getScrollBarSize';
+export * from './path';
 export {
+  ConsoleModuleMapProps,
+  Method,
+  operationResult,
   reduceNetworkRequest,
   reduceNetworkWorkflow,
-  operationResult,
-  Method,
   requestMethodForAction,
-  ConsoleModuleMapProps,
   setConsoleAPIAddress
 } from './reduceNetwork';
-export { dateFormatter } from './dateFormatter';
-export { downloadCsv } from './downloadCsv';
-export { Router, RouteState } from './Router';
+export { ResetStoreAction, generateResetableReducer } from './reduxStore';
 export { assureRegion } from './regionLint';
-export { getScrollBarSize } from './getScrollBarSize';
-export { dateFormat } from './dateUtil';
-export * from './appUtil';
-export { getCookie } from './cookieUtil';
-export { reduceK8sQueryString, reduceK8sRestfulPath, reduceNs, parseQueryString, cutNsStartClusterId } from './urlUtil';
 export * from './request';
-export * from './format';
-export * from './csrf';
+export { satisfyClusterVersion } from './satisfyClusterVersion';
+export { cutNsStartClusterId, parseQueryString, reduceK8sQueryString, reduceK8sRestfulPath, reduceNs } from './urlUtil';
diff --git a/web/console/helpers/path.ts b/web/console/helpers/path.ts
new file mode 100644
index 0000000000..f27e93fe99
--- /dev/null
+++ b/web/console/helpers/path.ts
@@ -0,0 +1,4 @@
+export function getParamByUrl(key: string) {
+  const searchParams = new URL(window.location.href)?.searchParams;
+  return searchParams?.get(key);
+}
diff --git a/web/console/helpers/satisfyClusterVersion.ts b/web/console/helpers/satisfyClusterVersion.ts
new file mode 100644
index 0000000000..027369d790
--- /dev/null
+++ b/web/console/helpers/satisfyClusterVersion.ts
@@ -0,0 +1,28 @@
+type CompareType = 'gt' | 'lt' | 'ge' | 'le' | 'eq';
+/**
+ * 判断集群版本是否符合要求
+ * @param clusterVersion: string  当前的集群版本
+ * @param targetClusterVersion: string  目标对比集群版本
+ * @param type: lt | gt | ge | le | eq 对比的类型，默认为ge
+ */
+export const satisfyClusterVersion = (clusterVersion = '', targetClusterVersion = '', type: CompareType = 'ge') => {
+  const [major, version] = (clusterVersion ?? '').split('.');
+  const [minMajor, minVersion] = (targetClusterVersion ?? '').split('.');
+
+  const majorNum = +major || 0,
+    versionNum = +version || 0,
+    minMajorNum = +minMajor || 0,
+    minVersionNum = +minVersion || 0;
+
+  if (type === 'ge') {
+    return majorNum > minMajorNum || (majorNum === minMajorNum && versionNum >= minVersionNum);
+  } else if (type === 'gt') {
+    return majorNum > minMajorNum || (majorNum === minMajorNum && versionNum > minVersionNum);
+  } else if (type === 'lt') {
+    return majorNum < minMajorNum || (majorNum === minMajorNum && versionNum < minVersionNum);
+  } else if (type === 'le') {
+    return majorNum < minMajorNum || (majorNum === minMajorNum && versionNum <= minVersionNum);
+  } else if (type === 'eq') {
+    return majorNum === minMajorNum && versionNum === minVersionNum;
+  }
+};
diff --git a/web/console/package-lock.json b/web/console/package-lock.json
index 047a3f9173..f6c49e6da3 100644
--- a/web/console/package-lock.json
+++ b/web/console/package-lock.json
@@ -1209,6 +1209,11 @@
         }
       }
     },
+    "@hookform/resolvers": {
+      "version": "3.0.1",
+      "resolved": "https://mirrors.tencent.com/npm/@hookform%2fresolvers/-/resolvers-3.0.1.tgz",
+      "integrity": "sha512-n5oOt0cLw9mQNW3/k9zWaPsNWQcc0k6Jpc7XUrg2Q/AqqsHp3IVa1juqHCxczXI6uXHBa69ILc4pdtsRGyuzsw=="
+    },
     "@hypnosphi/create-react-context": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/@hypnosphi/create-react-context/-/create-react-context-0.3.1.tgz",
@@ -9618,9 +9623,9 @@
       "integrity": "sha512-Q8ZP1B0vyAsJ3E8T8QEbje6ECdvD7xkNUd95iMoZuuXAuAtjEHoj8fL8SWxm3V/tG1GPwMkmKS/DPTYlVaaMVg=="
     },
     "react-hook-form": {
-      "version": "7.10.1",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.10.1.tgz",
-      "integrity": "sha512-YRSkOZ0DJKjJ+PuCB6caFbFSbz6I4JQcGXVb/OeEIVE3YuXXYYJ/YQwodRy8HsZ5WA+DryoThWIeZZzPd5f9lQ=="
+      "version": "7.43.9",
+      "resolved": "https://mirrors.tencent.com/npm/react-hook-form/-/react-hook-form-7.43.9.tgz",
+      "integrity": "sha512-AUDN3Pz2NSeoxQ7Hs6OhQhDr6gtF9YRuutGDwPQqhSUAHJSgGl2VeY3qN19MG0SucpjgDiuMJ4iC5T5uB+eaNQ=="
     },
     "react-i18next": {
       "version": "9.0.2",
@@ -11710,9 +11715,9 @@
       "dev": true
     },
     "typescript": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
-      "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
+      "version": "5.0.4",
+      "resolved": "https://mirrors.tencent.com/npm/typescript/-/typescript-5.0.4.tgz",
+      "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
       "dev": true
     },
     "uglify-js": {
@@ -13064,6 +13069,11 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true
+    },
+    "zod": {
+      "version": "3.21.4",
+      "resolved": "https://mirrors.tencent.com/npm/zod/-/zod-3.21.4.tgz",
+      "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw=="
     }
   }
 }
diff --git a/web/console/package.json b/web/console/package.json
index 32e2c049ae..1892300861 100644
--- a/web/console/package.json
+++ b/web/console/package.json
@@ -28,6 +28,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
+    "@hookform/resolvers": "^3.0.1",
     "@novnc/novnc": "^1.3.0",
     "ahooks": "^3.3.10",
     "axios": "^0.21.1",
@@ -60,7 +61,7 @@
     "react-codemirror2": "^5.1.0",
     "react-dom": "^18.0.0",
     "react-final-form-hooks": "^2.0.2",
-    "react-hook-form": "^7.10.1",
+    "react-hook-form": "^7.43.9",
     "react-i18next": "^9.0.2",
     "react-redux": "^7.1.3",
     "react-transition-group": "^2.5.2",
@@ -74,7 +75,8 @@
     "ts-optchain": "^0.1.7",
     "use-immer": "^0.4.1",
     "uuid": "^8.3.1",
-    "validator": "^13.5.2"
+    "validator": "^13.5.2",
+    "zod": "^3.21.4"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -124,7 +126,7 @@
     "style-loader": "^2.0.0",
     "thread-loader": "^3.0.4",
     "ts-loader": "^9.2.1",
-    "typescript": "^4.3.5",
+    "typescript": "^5.0.4",
     "url-loader": "^4.1.1",
     "webpack": "^5.37.0",
     "webpack-bundle-analyzer": "^4.4.1",
diff --git a/web/console/src/modules/cluster/actions/resourceActions.ts b/web/console/src/modules/cluster/actions/resourceActions.ts
index 4909d7a508..2dd8b3d668 100644
--- a/web/console/src/modules/cluster/actions/resourceActions.ts
+++ b/web/console/src/modules/cluster/actions/resourceActions.ts
@@ -21,7 +21,7 @@ import { ResourceInfo } from '../../common/models';
 import { includes } from '../../common/utils';
 import { IsResourceShowLoadingIcon } from '../components/resource/resourceTableOperation/ResourceTablePanel';
 import * as ActionType from '../constants/ActionType';
-import { FFReduxActionName, PollEventName, ResourceNeedJudgeLoading } from '../constants/Config';
+import { FFReduxActionName, ResourceNeedJudgeLoading } from '../constants/Config';
 import { Resource, ResourceFilter, RootState } from '../models';
 import { router } from '../router';
 import * as WebAPI from '../WebAPI';
diff --git a/web/console/src/modules/cluster/components/resource/resourceEdition/UpdateResourcePanel.tsx b/web/console/src/modules/cluster/components/resource/resourceEdition/UpdateResourcePanel.tsx
index 69463c11fd..939a37b51a 100644
--- a/web/console/src/modules/cluster/components/resource/resourceEdition/UpdateResourcePanel.tsx
+++ b/web/console/src/modules/cluster/components/resource/resourceEdition/UpdateResourcePanel.tsx
@@ -19,16 +19,15 @@ import * as React from 'react';
 import { connect } from 'react-redux';
 
 import { bindActionCreators } from '@tencent/ff-redux';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
+import { t } from '@tencent/tea-app/lib/i18n';
 
 import { allActions } from '../../../actions';
 import { router } from '../../../router';
 import { RootProps } from '../../ClusterApp';
-import {
-    UpdateServiceAccessTypePanel
-} from '../resourceTableOperation/UpdateServiceAccessTypePanel';
+import { UpdateServiceAccessTypePanel } from '../resourceTableOperation/UpdateServiceAccessTypePanel';
 import { UpdateWorkloadPodNumPanel } from '../resourceTableOperation/UpdateWorkloadPodNumPanel';
 import { UpdateWorkloadRegistryPanel } from '../resourceTableOperation/UpdateWorkloadRegistryPanel';
+import { WorkloadUpdatePanel } from '../resourceTableOperation/workloadUpdate';
 import { EditLbcfBackGroupPanel } from './EditLbcfBackGroupPanel';
 import { SubHeaderPanel } from './SubHeaderPanel';
 
@@ -38,7 +37,7 @@ const mapDispatchToProps = dispatch =>
 @connect(state => state, mapDispatchToProps)
 export class UpdateResourcePanel extends React.Component<RootProps, {}> {
   render() {
-    let { route } = this.props,
+    const { route } = this.props,
       urlParams = router.resolve(route);
 
     let headTitle = '';
@@ -47,9 +46,11 @@ export class UpdateResourcePanel extends React.Component<RootProps, {}> {
     let content: JSX.Element;
 
     // 判断当前的资源
-    let resourceType = urlParams['resourceName'],
+    const resourceType = urlParams['resourceName'],
       updateType = urlParams['tab'];
 
+    const { clusterVersion } = this.props;
+
     if (resourceType === 'svc' && updateType === 'modifyType') {
       content = <UpdateServiceAccessTypePanel />;
       headTitle = t('更新访问方式');
@@ -71,6 +72,11 @@ export class UpdateResourcePanel extends React.Component<RootProps, {}> {
     } else if (resourceType === 'lbcf' && updateType === 'updateBG') {
       content = <EditLbcfBackGroupPanel />;
       headTitle = t('更新后端负载');
+    } else if (
+      ['deployment', 'statefulset', 'daemonset', 'cronjob'].includes(resourceType) &&
+      ['modifyStrategy', 'modifyNodeAffinity'].includes(updateType)
+    ) {
+      return <WorkloadUpdatePanel kind={resourceType} updateType={updateType} clusterVersion={clusterVersion} />;
     }
 
     return (
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceTablePanel.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceTablePanel.tsx
index a98566ebc9..8119a2eac3 100644
--- a/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceTablePanel.tsx
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/ResourceTablePanel.tsx
@@ -25,7 +25,7 @@ import { Bubble, TableColumn, Text } from '@tea/component';
 import { selectable } from '@tea/component/table/addons/selectable';
 import { TablePanel } from '@tencent/ff-component';
 import { bindActionCreators, uuid } from '@tencent/ff-redux';
-import { t, Trans } from '@tencent/tea-app/lib/i18n';
+import { Trans, t } from '@tencent/tea-app/lib/i18n';
 
 import { dateFormatter } from '../../../../../../helpers';
 import { Clip, HeadBubble, LinkButton } from '../../../../common/components';
@@ -129,7 +129,7 @@ const mapDispatchToProps = dispatch =>
 @connect(state => state, mapDispatchToProps)
 export class ResourceTablePanel extends React.Component<RootProps, {}> {
   componentWillUnmount() {
-    let { actions } = this?.props;
+    const { actions } = this?.props;
     // 离开页面的话，清空当前的轮询操作
     actions?.resource?.clearPolling();
     // 离开页面的话，清空当前的多选
@@ -257,17 +257,17 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
    * @param fieldInfo: 配置文件
    */
   private _renderOperationCell(resource: Resource, fieldInfo: DisplayFiledProps) {
-    let { route, actions, subRoot, namespaceSelection } = this.props,
+    const { route, actions, subRoot, namespaceSelection } = this.props,
       urlParams = router.resolve(route),
       { clusterId } = route.queries,
       { resourceOption, resourceName } = subRoot,
       { ffResourceList } = resourceOption;
 
     // 操作列表的list
-    let operatorList = fieldInfo?.operatorList;
+    const operatorList = fieldInfo?.operatorList;
     // 更多按钮的 pop方向
-    let resourceIndex = ffResourceList?.list?.data?.records?.findIndex(c => c.id === resource.id);
-    let direction: 'down' | 'up' =
+    const resourceIndex = ffResourceList?.list?.data?.records?.findIndex(c => c.id === resource.id);
+    const direction: 'down' | 'up' =
       resourceIndex < ffResourceList?.list?.data?.recordCount - 2 || ffResourceList?.list?.data?.recordCount < 4
         ? 'down'
         : 'up';
@@ -401,19 +401,23 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
       );
     };
 
-    let btns = [];
+    const btns = [];
     operatorList?.forEach(operatorItem => {
       if (operatorItem?.actionType === 'modify') {
         btns.push(renderModifyButton(operatorItem));
       } else if (operatorItem.actionType === 'delete') {
         btns.push(renderDeleteButton(operatorItem));
       } else if (
-        operatorItem?.actionType === 'modifyPod' ||
-        operatorItem?.actionType === 'modifyRule' ||
-        operatorItem?.actionType === 'modifyType' ||
-        operatorItem?.actionType === 'modifyRegistry' ||
-        operatorItem?.actionType === 'createBG' ||
-        operatorItem?.actionType === 'updateBG'
+        [
+          'modifyNodeAffinity',
+          'modifyStrategy',
+          'modifyPod',
+          'modifyRule',
+          'modifyType',
+          'modifyRegistry',
+          'createBG',
+          'updateBG'
+        ].includes(operatorItem?.actionType)
       ) {
         btns.push(renderUpdateResourcePart(operatorItem));
       }
@@ -428,7 +432,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 展示ip的内容 */
   private _reduceIPCell(ipInfo: any, clipId: string, resource: Resource) {
-    let { resourceName } = this?.props?.subRoot;
+    const { resourceName } = this?.props?.subRoot;
     let ipArray = ipInfo;
     // 如果ipArray 不是一个数组
     if (typeof ipArray !== 'object') {
@@ -446,8 +450,8 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
     if (isNginxIngress) {
       content = <div className="ip-cell">-</div>;
     } else {
-      let [clusterIP, ingressIP] = ipArray;
-      let isShowLoading = IsResourceShowLoadingIcon(resourceName, resource);
+      const [clusterIP, ingressIP] = ipArray;
+      const isShowLoading = IsResourceShowLoadingIcon(resourceName, resource);
       content = (
         <div className="ip-cell">
           {ingressIP && (
@@ -479,9 +483,9 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 展示status */
   private _reduceStatus(showData: any, resource: Resource) {
-    let { resourceName } = this.props.subRoot;
+    const { resourceName } = this.props.subRoot;
 
-    let statusMap = ResourceStatus?.[resourceName];
+    const statusMap = ResourceStatus?.[resourceName];
 
     return (
       <div>
@@ -501,7 +505,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 展示映射的字段 */
   private _reduceMapText(showData: any, fieldInfo: DisplayFiledProps) {
-    let { mapTextConfig } = fieldInfo;
+    const { mapTextConfig } = fieldInfo;
 
     return (
       <Text parent="div" overflow>
@@ -512,7 +516,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 展示副本的相关 */
   private _reduceReplicas(showData: any, resource: Resource) {
-    let { resourceName } = this.props.subRoot;
+    const { resourceName } = this.props.subRoot;
 
     return (
       <Text parent="div" overflow>
@@ -542,9 +546,9 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
       }${rule.path}`;
     };
 
-    let finalRules = [...httpRules, ...httpsRules];
+    const finalRules = [...httpRules, ...httpsRules];
 
-    let finalRulesLength = finalRules.length;
+    const finalRulesLength = finalRules.length;
     return finalRules.length ? (
       <Bubble
         placement="top"
@@ -578,8 +582,8 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 展示ingress的后端服务 */
   private _reduceIngressRule_standalone(showData: any) {
-    let httpRules = showData !== '-' ? showData : [];
-    let finalRules =
+    const httpRules = showData !== '-' ? showData : [];
+    const finalRules =
       httpRules?.map(item => {
         return {
           protocol: 'http',
@@ -593,7 +597,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
       return `${rule?.protocol}://${rule?.host}${rule?.path}`;
     };
 
-    let finalRulesLength = finalRules?.length;
+    const finalRulesLength = finalRules?.length;
     return finalRules.length ? (
       <Bubble
         placement="top"
@@ -627,7 +631,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
     );
   }
   private _reducebackendGroups(showData) {
-    let backendGroups = showData,
+    const backendGroups = showData,
       backendGroupsLength = backendGroups !== '-' ? backendGroups.length : 0;
     return backendGroupsLength ? (
       <Bubble
@@ -656,9 +660,9 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 展示时间 */
   private _reduceTime(showData: any, direction: 'bottom' | 'top') {
-    let time = dateFormatter(new Date(showData), 'YYYY-MM-DD HH:mm:ss');
+    const time = dateFormatter(new Date(showData), 'YYYY-MM-DD HH:mm:ss');
 
-    let [year, currentTime] = time.split(' ');
+    const [year, currentTime] = time.split(' ');
 
     return (
       <Bubble placement="left" content={time || null}>
@@ -669,8 +673,8 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
   }
 
   private _reduceResourceLimit(showData) {
-    let resourceLimitKeys = showData !== '-' ? Object.keys(showData) : [];
-    let content = resourceLimitKeys.map((item, index) => (
+    const resourceLimitKeys = showData !== '-' ? Object.keys(showData) : [];
+    const content = resourceLimitKeys.map((item, index) => (
       <Text parent="p" key={index}>{`${resourceLimitTypeToText[item]}:${
         resourceTypeToUnit[item] === 'MiB'
           ? valueLabels1024(showData[item], K8SUNIT.Mi)
@@ -701,7 +705,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 根据 fieldInfo的 dataFormat来决定显示的bodyCell的具体内容 */
   private _renderBodyCell(resource: Resource, fieldInfo: DisplayFiledProps, clipId: string) {
-    let { subRoot } = this.props,
+    const { subRoot } = this.props,
       { resourceOption } = subRoot,
       { ffResourceList } = resourceOption;
 
@@ -710,8 +714,8 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
     // fieldInfo当中的 dataField是一个数组，可以同时输入多个值
     let showData: any = [];
     fieldInfo?.dataField?.forEach(item => {
-      let dataFieldIns = item.split('.');
-      let data: any = this._getFinalData(dataFieldIns, resource);
+      const dataFieldIns = item.split('.');
+      const data: any = this._getFinalData(dataFieldIns, resource);
       // 如果返回的为 '' ，即找不到这个对象，则使用配置文件所设定的默认值
       showData.push(data === '' ? fieldInfo?.noExsitedValue : data);
     });
@@ -719,8 +723,8 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
     showData = showData.length === 1 ? showData[0] : showData;
 
     // 这里是当列表有 bubble等情况的时候，判断当前行属于第几行
-    let resourceIndex = ffResourceList?.list?.data?.records?.findIndex(item => item.id === resource.id);
-    let direction: 'top' | 'bottom' =
+    const resourceIndex = ffResourceList?.list?.data?.records?.findIndex(item => item.id === resource.id);
+    const direction: 'top' | 'bottom' =
       ffResourceList?.list?.data?.recordCount < 4 || resourceIndex < ffResourceList?.list?.data?.recordCount - 2
         ? 'top'
         : 'bottom';
@@ -758,13 +762,13 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
       { resourceOption, resourceInfo, resourceName } = subRoot,
       { ffResourceList, resourceMultipleSelection } = resourceOption;
 
-    let addons = [];
+    const addons = [];
 
-    let displayField = resourceInfo?.displayField ?? {};
+    const displayField = resourceInfo?.displayField ?? {};
     // 根据 displayField当中的key来决定展示什么内容
-    let showField = [];
+    const showField = [];
     Object.keys(displayField).forEach(item => {
-      let fieldInfo = displayField?.[item];
+      const fieldInfo = displayField?.[item];
 
       // 操作的按钮现在都换成在tablePanel当中去展示
       if (fieldInfo?.dataFormat === 'operator') return;
@@ -782,7 +786,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
         );
         return;
       }
-      let columnInfo: TableColumn<Resource> = {
+      const columnInfo: TableColumn<Resource> = {
         key: item + uuid(),
         header: fieldInfo?.headTitle,
         width: fieldInfo?.width,
@@ -790,9 +794,9 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
       };
 
       if (fieldInfo.headCell) {
-        let style: React.CSSProperties = { display: 'block' };
+        const style: React.CSSProperties = { display: 'block' };
 
-        let headBubbleText = (
+        const headBubbleText = (
           <span style={style}>
             {fieldInfo?.headCell?.map((item, index) => (
               <span key={index} className="text" style={style}>
@@ -842,7 +846,7 @@ export class ResourceTablePanel extends React.Component<RootProps, {}> {
 
   /** 链接的跳转 */
   private _handleClickForNavigate(resource: Resource) {
-    let { actions, route } = this.props,
+    const { actions, route } = this.props,
       urlParams = router.resolve(route);
 
     // 选择当前的具体的resouce
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/constants.ts b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/constants.ts
new file mode 100644
index 0000000000..45a65ad322
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/constants.ts
@@ -0,0 +1,38 @@
+export enum WorkloadKindEnum {
+  Deployment = 'deployment',
+
+  StatefulSet = 'statefulset',
+
+  DaemonSet = 'daemonset',
+
+  Cronjob = 'cronjob'
+}
+
+export enum UpdateTypeEnum {
+  ModifyStrategy = 'modifyStrategy',
+
+  ModifyNodeAffinity = 'modifyNodeAffinity'
+}
+
+export interface IWrokloadUpdatePanelProps {
+  kind: WorkloadKindEnum;
+
+  updateType: UpdateTypeEnum;
+
+  clusterVersion: string;
+}
+
+export const updateType2text = {
+  [UpdateTypeEnum.ModifyStrategy]: '设置更新策略',
+
+  [UpdateTypeEnum.ModifyNodeAffinity]: '更新调度策略'
+};
+
+export interface IModifyPanelProps {
+  kind: WorkloadKindEnum;
+  resource: any;
+  title: React.ReactNode;
+  baseInfo: React.ReactNode;
+  onCancel: () => void;
+  onUpdate: (data: any) => void;
+}
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/index.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/index.tsx
new file mode 100644
index 0000000000..eb59401e64
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/index.tsx
@@ -0,0 +1,102 @@
+import { t } from '@/tencent/tea-app/lib/i18n';
+import { getParamByUrl } from '@helper';
+import { router } from '@src/modules/cluster/router';
+import { workloadApi } from '@src/webApi';
+import { useRequest } from 'ahooks';
+import React from 'react';
+import { Breadcrumb, Form } from 'tea-component';
+import { IWrokloadUpdatePanelProps, UpdateTypeEnum, updateType2text } from './constants';
+import { ModifyNodeAffinityPanel } from './modifyNodeAffinityPanel';
+import { ModifyStrategyPanel } from './modifyStrategyPanel';
+
+export const WorkloadUpdatePanel = ({ kind, updateType, clusterVersion }: IWrokloadUpdatePanelProps) => {
+  const clusterId = getParamByUrl('clusterId')!;
+  const namespace = getParamByUrl('np')!;
+  const resourceId = getParamByUrl('resourceIns')!;
+
+  const { data: resource } = useRequest(
+    () => {
+      return workloadApi.fetchWorkloadResource({ namespace, clusterId, resourceId, kind, clusterVersion });
+    },
+    {
+      ready: Boolean(namespace && resourceId && clusterId && kind)
+    }
+  );
+
+  async function handleUpdate(data: any) {
+    await workloadApi.updateWorkloadResource({
+      clusterId,
+      namespace,
+      resourceId,
+      kind,
+      data,
+      clusterVersion
+    });
+
+    goBackToListPanel();
+  }
+
+  function goBackToListPanel() {
+    router.navigate({ sub: 'sub', mode: 'list', type: 'resource', resourceName: kind }, { clusterId, np: namespace });
+  }
+
+  const title = (
+    <Breadcrumb>
+      <Breadcrumb.Item>
+        <a onClick={() => router.navigate({}, {})}>集群</a>
+      </Breadcrumb.Item>
+
+      <Breadcrumb.Item>
+        <a onClick={goBackToListPanel}>{clusterId}</a>
+      </Breadcrumb.Item>
+
+      <Breadcrumb.Item>{`${kind}:${resourceId}(${namespace})`}</Breadcrumb.Item>
+
+      <Breadcrumb.Item>{updateType2text[updateType]}</Breadcrumb.Item>
+    </Breadcrumb>
+  );
+
+  const baseInfo = (
+    <Form>
+      <Form.Title>基本信息</Form.Title>
+
+      <Form.Item label={t('集群ID')}>
+        <Form.Text>{clusterId}</Form.Text>
+      </Form.Item>
+
+      <Form.Item label={t('所在命名空间')}>
+        <Form.Text>{namespace}</Form.Text>
+      </Form.Item>
+
+      <Form.Item label={t('资源名称')}>
+        <Form.Text>{`${resourceId} (${kind})`}</Form.Text>
+      </Form.Item>
+    </Form>
+  );
+
+  return (
+    <>
+      {updateType === UpdateTypeEnum.ModifyStrategy && (
+        <ModifyStrategyPanel
+          kind={kind}
+          resource={resource}
+          title={title}
+          baseInfo={baseInfo}
+          onCancel={goBackToListPanel}
+          onUpdate={handleUpdate}
+        />
+      )}
+
+      {updateType === UpdateTypeEnum.ModifyNodeAffinity && (
+        <ModifyNodeAffinityPanel
+          kind={kind}
+          resource={resource}
+          title={title}
+          baseInfo={baseInfo}
+          onCancel={goBackToListPanel}
+          onUpdate={handleUpdate}
+        />
+      )}
+    </>
+  );
+};
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/affinityRulePanel.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/affinityRulePanel.tsx
new file mode 100644
index 0000000000..587e210dae
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/affinityRulePanel.tsx
@@ -0,0 +1,179 @@
+import { t } from '@/tencent/tea-app/lib/i18n';
+import { getReactHookFormStatusWithMessage } from '@helper';
+import React from 'react';
+import { Controller, useFieldArray, useFormContext, useFormState } from 'react-hook-form';
+import { Button, Form, Input, InputNumber, Justify, Select } from 'tea-component';
+import { AddRuleButton } from './appendAffinityRuleButton';
+import {
+  AffinityTypeEnum,
+  NodeAffinityFormType,
+  NodeAffinityOperatorEnum,
+  affinityRuleOperatorList
+} from './constants';
+
+export function AffinityRulePanel({ subName }: { subName: AffinityTypeEnum }) {
+  const showWeight = subName === AffinityTypeEnum.Attempt;
+
+  const { control } = useFormContext<NodeAffinityFormType>();
+
+  const {
+    fields: rules,
+    append,
+    remove
+  } = useFieldArray({
+    control,
+    name: `affinityRules.${subName}`
+  });
+
+  return (
+    <>
+      {rules.map(({ id }, index) => (
+        <Form key={id} style={{ marginBottom: 10 }}>
+          <Form.Item>
+            <Justify right={<Button type="icon" icon="close" onClick={() => remove(index)} />} />
+          </Form.Item>
+          {showWeight && (
+            <Controller
+              control={control}
+              name={`affinityRules.force.${index}.weight`}
+              render={({ field, ...another }) => (
+                <Form.Item label="权重" showStatusIcon={false} {...getReactHookFormStatusWithMessage(another)}>
+                  <InputNumber hideButton size="l" min={1} max={100} step={1} {...field} />
+                </Form.Item>
+              )}
+            />
+          )}
+
+          <SubRulePanel ruleIndex={index} subName={subName} />
+        </Form>
+      ))}
+
+      {subName === AffinityTypeEnum.Force && <AddRuleButton append={append} />}
+
+      {subName === AffinityTypeEnum.Attempt && (
+        <Button
+          type="link"
+          onClick={() =>
+            append({ weight: 1, subRules: [{ key: '', operator: NodeAffinityOperatorEnum.In, value: '' }] })
+          }
+        >
+          添加条件
+        </Button>
+      )}
+    </>
+  );
+}
+
+const SubRulePanel = ({ ruleIndex, subName }: { ruleIndex: number; subName: AffinityTypeEnum }) => {
+  const { control, trigger, watch } = useFormContext<NodeAffinityFormType>();
+
+  const prePath:
+    | `affinityRules.force.${number}.subRules`
+    | `affinityRules.attempt.${number}.subRules` = `affinityRules.${subName}.${ruleIndex}.subRules`;
+
+  const {
+    fields: subRules,
+    append: appendSubRule,
+    remove: removeSubRule,
+    update
+  } = useFieldArray({
+    control,
+    name: prePath
+  });
+
+  function needDisabledValue(operator) {
+    return operator === NodeAffinityOperatorEnum.Exists || operator === NodeAffinityOperatorEnum.DoesNotExist;
+  }
+
+  const { errors } = useFormState({ control });
+
+  const disabled = Boolean(errors?.affinityRules?.[subName]?.[ruleIndex]?.subRules);
+
+  return (
+    <>
+      {subRules.map(({ id }, index) => (
+        <Form.Item label="条件" key={id}>
+          <Controller
+            control={control}
+            name={`${prePath}.${index}.key`}
+            render={({ field, ...another }) => (
+              <Form.Control
+                showStatusIcon={false}
+                style={{ display: 'inline-block', width: 'auto' }}
+                {...getReactHookFormStatusWithMessage(another)}
+              >
+                <Input {...field} />
+              </Form.Control>
+            )}
+          />
+
+          <Controller
+            control={control}
+            name={`${prePath}.${index}.operator`}
+            render={({ field }) => (
+              <Form.Control showStatusIcon={false} style={{ display: 'inline-block', width: 'auto' }}>
+                <Select
+                  appearance="button"
+                  size="s"
+                  matchButtonWidth
+                  options={affinityRuleOperatorList}
+                  {...field}
+                  onChange={operator => {
+                    if (needDisabledValue(operator)) {
+                      update(index, { value: '', key: watch(`${prePath}.${index}.key`) });
+                    }
+
+                    field.onChange(operator);
+
+                    trigger(`${prePath}.${index}.value`);
+                  }}
+                />
+              </Form.Control>
+            )}
+          />
+
+          <Controller
+            control={control}
+            name={`${prePath}.${index}.value`}
+            render={({ field, ...another }) => (
+              <Form.Control
+                showStatusIcon={false}
+                style={{ display: 'inline-block', width: 'auto' }}
+                {...getReactHookFormStatusWithMessage(another)}
+              >
+                <Input
+                  {...field}
+                  placeholder={
+                    needDisabledValue(watch(`${prePath}.${index}.operator`))
+                      ? 'DoesNotExist,Exists操作符不需要填写value'
+                      : `多个Label Value请以 ';' 分隔符隔开`
+                  }
+                  disabled={needDisabledValue(watch(`${prePath}.${index}.operator`))}
+                />
+              </Form.Control>
+            )}
+          />
+
+          <Button
+            type="icon"
+            icon="close"
+            disabled={subRules.length <= 1}
+            tooltip={subRules.length <= 1 ? '至少保留一条规则' : ''}
+            onClick={() => removeSubRule(index)}
+          />
+        </Form.Item>
+      ))}
+
+      <Form.Item>
+        <Button
+          type="link"
+          disabled={disabled}
+          tooltip={disabled ? t('请先完成编辑项') : ''}
+          onClick={() => appendSubRule({ key: '', operator: NodeAffinityOperatorEnum.In, value: '' })}
+        >
+          添加规则
+        </Button>
+      </Form.Item>
+    </>
+  );
+};
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/appendAffinityRuleButton.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/appendAffinityRuleButton.tsx
new file mode 100644
index 0000000000..2724de234f
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/appendAffinityRuleButton.tsx
@@ -0,0 +1,346 @@
+import { t } from '@/tencent/tea-app/lib/i18n';
+import { getParamByUrl, getReactHookFormStatusWithMessage } from '@helper';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { nodeApi } from '@src/webApi';
+import { useRequest } from 'ahooks';
+import React, { useState } from 'react';
+import { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from 'react-hook-form';
+import {
+  Alert,
+  Button,
+  Form,
+  Input,
+  InputNumber,
+  Justify,
+  Modal,
+  Radio,
+  RadioGroup,
+  Select,
+  Table,
+  TableColumn,
+  Transfer
+} from 'tea-component';
+import {
+  AppendAffinityRuleFormType,
+  NodeAffinityOperatorEnum,
+  ScheduleTypeEnum,
+  affinityRuleOperatorList,
+  appendAffinityRuleSchema,
+  defaultAppendAffinityRuleFormData
+} from './constants';
+
+export function AddRuleButton({ append }) {
+  const [visible, setVisible] = useState(false);
+
+  const [type, setType] = useState(ScheduleTypeEnum.ScheduleByLabel);
+
+  const [nodeKeys, setNodeKeys] = useState([]);
+
+  const formProps = useForm<AppendAffinityRuleFormType>({
+    mode: 'onBlur',
+    defaultValues: defaultAppendAffinityRuleFormData,
+    resolver: zodResolver(appendAffinityRuleSchema)
+  });
+
+  const { handleSubmit, reset } = formProps;
+
+  function onCancel() {
+    setVisible(false);
+    reset();
+  }
+
+  function handleOk() {
+    if (type === ScheduleTypeEnum.ScheduleByNode && nodeKeys.length >= 1) {
+      append({
+        weight: 1,
+        subRules: nodeKeys.map(key => ({
+          key: 'kubernetes.io/hostname',
+          operator: NodeAffinityOperatorEnum.In,
+          value: key
+        }))
+      });
+
+      onCancel();
+    }
+
+    if (type === ScheduleTypeEnum.ScheduleByLabel) {
+      handleSubmit(({ rules }) => {
+        append(rules);
+
+        onCancel();
+      })();
+    }
+  }
+
+  return (
+    <>
+      <Button type="link" onClick={() => setVisible(true)}>
+        添加条件
+      </Button>
+
+      <Modal caption="编辑强制满足条件" size="xl" visible={visible} onClose={() => setVisible(false)}>
+        <Modal.Body>
+          <FormProvider {...formProps}>
+            <Form>
+              <Form.Item label="条件选择">
+                <RadioGroup value={type} onChange={(type: ScheduleTypeEnum) => setType(type)}>
+                  <Radio name={ScheduleTypeEnum.ScheduleByNode}>指定节点调度</Radio>
+                  <Radio name={ScheduleTypeEnum.ScheduleByLabel}>自定义Label规则</Radio>
+                </RadioGroup>
+              </Form.Item>
+
+              {type === ScheduleTypeEnum.ScheduleByLabel && (
+                <Form.Item>
+                  <AffinityRulePanel />
+                </Form.Item>
+              )}
+
+              {type === ScheduleTypeEnum.ScheduleByNode && (
+                <Form.Item>
+                  <NodeTransferPanel nodeKeys={nodeKeys} setNodeKeys={setNodeKeys} />
+                </Form.Item>
+              )}
+            </Form>
+          </FormProvider>
+        </Modal.Body>
+
+        <Modal.Footer>
+          <Button type="primary" onClick={handleOk}>
+            确定
+          </Button>
+
+          <Button onClick={onCancel}>取消</Button>
+        </Modal.Footer>
+      </Modal>
+    </>
+  );
+}
+
+const { scrollable, selectable, removeable } = Table.addons;
+
+function NodeTransferPanel({ nodeKeys, setNodeKeys }) {
+  const clusterId = getParamByUrl('clusterId')!;
+
+  const { data: nodeList = [] } = useRequest(
+    async () => {
+      const rsp = await nodeApi.fetchNodeList({ clusterId });
+
+      console.log('NodeTransferPanel--->', rsp);
+
+      return rsp?.items ?? [];
+    },
+    { ready: Boolean(clusterId) }
+  );
+
+  const columns: TableColumn[] = [
+    {
+      key: 'metadata.name',
+      header: 'ID/节点名'
+    },
+
+    {
+      key: 'ip',
+      header: 'IP地址',
+      render: ({ metadata }) => metadata?.name
+    }
+  ];
+
+  return (
+    <>
+      {nodeKeys.length < 1 && <Alert type="error">节点不能为空，请选择节点</Alert>}
+      <Transfer
+        leftCell={
+          <Transfer.Cell title={`当前集群下有以下可用节点 (共3项 已加载 3 项) 已选择 0 项`}>
+            <Table
+              columns={columns}
+              records={nodeList}
+              recordKey="metadata.name"
+              addons={[
+                scrollable({
+                  maxHeight: 310
+                }),
+
+                selectable({
+                  value: nodeKeys,
+                  onChange: keys => setNodeKeys(keys),
+                  rowSelect: true
+                })
+              ]}
+            />
+          </Transfer.Cell>
+        }
+        rightCell={
+          <Transfer.Cell title="">
+            <Table
+              columns={columns}
+              records={nodeList.filter(item => nodeKeys.includes(item?.metadata?.name))}
+              recordKey="metadata.name"
+              addons={[
+                removeable({
+                  onRemove: key => {
+                    console.log('remove--->', key);
+
+                    setNodeKeys(items => items.filter(item => item !== key));
+                  }
+                })
+              ]}
+            />
+          </Transfer.Cell>
+        }
+      />
+    </>
+  );
+}
+
+export function AffinityRulePanel() {
+  const showWeight = false;
+
+  const { control } = useFormContext<AppendAffinityRuleFormType>();
+
+  const {
+    fields: rules,
+    append,
+    remove
+  } = useFieldArray({
+    control,
+    name: `rules`
+  });
+
+  return (
+    <>
+      {rules.map(({ id }, index) => (
+        <Form key={id} style={{ marginBottom: 10 }}>
+          <Form.Item>
+            <Justify right={<Button type="icon" icon="close" onClick={() => remove(index)} />} />
+          </Form.Item>
+          {showWeight && (
+            <Controller
+              control={control}
+              name={`rules.${index}.weight`}
+              render={({ field, ...another }) => (
+                <Form.Item label="权重" showStatusIcon={false} {...getReactHookFormStatusWithMessage(another)}>
+                  <InputNumber hideButton size="l" min={1} max={100} step={1} {...field} />
+                </Form.Item>
+              )}
+            />
+          )}
+
+          <SubRulePanel ruleIndex={index} />
+        </Form>
+      ))}
+
+      <Button
+        type="link"
+        onClick={() => append({ weight: 1, subRules: [{ key: '', operator: NodeAffinityOperatorEnum.In, value: '' }] })}
+      >
+        添加条件
+      </Button>
+    </>
+  );
+}
+
+const SubRulePanel = ({ ruleIndex }: { ruleIndex: number }) => {
+  const { control, trigger, watch } = useFormContext<AppendAffinityRuleFormType>();
+
+  const {
+    fields: subRules,
+    append: appendSubRule,
+    remove: removeSubRule,
+    update
+  } = useFieldArray({
+    control,
+    name: `rules.${ruleIndex}.subRules`
+  });
+
+  function needDisabledValue(operator) {
+    return operator === NodeAffinityOperatorEnum.Exists || operator === NodeAffinityOperatorEnum.DoesNotExist;
+  }
+
+  const { errors } = useFormState({ control });
+
+  const disabled = Boolean(errors?.rules?.[ruleIndex]?.subRules);
+
+  return (
+    <>
+      {subRules.map(({ id }, index) => (
+        <Form.Item label="条件" key={id}>
+          <Controller
+            control={control}
+            name={`rules.${ruleIndex}.subRules.${index}.key`}
+            render={({ field, ...another }) => (
+              <Form.Control
+                showStatusIcon={false}
+                style={{ display: 'inline-block', width: 'auto' }}
+                {...getReactHookFormStatusWithMessage(another)}
+              >
+                <Input {...field} />
+              </Form.Control>
+            )}
+          />
+
+          <Controller
+            control={control}
+            name={`rules.${ruleIndex}.subRules.${index}.operator`}
+            render={({ field }) => (
+              <Form.Control showStatusIcon={false} style={{ display: 'inline-block', width: 'auto' }}>
+                <Select
+                  appearance="button"
+                  size="s"
+                  matchButtonWidth
+                  options={affinityRuleOperatorList}
+                  {...field}
+                  onChange={operator => {
+                    if (needDisabledValue(operator)) {
+                      update(index, { value: '', key: watch(`rules.${ruleIndex}.subRules.${index}.key`) });
+                    }
+
+                    field.onChange(operator);
+
+                    trigger(`rules.${ruleIndex}.subRules.${index}.value`);
+                  }}
+                />
+              </Form.Control>
+            )}
+          />
+
+          <Controller
+            control={control}
+            name={`rules.${ruleIndex}.subRules.${index}.value`}
+            render={({ field, ...another }) => (
+              <Form.Control
+                showStatusIcon={false}
+                style={{ display: 'inline-block', width: 'auto' }}
+                {...getReactHookFormStatusWithMessage(another)}
+              >
+                <Input
+                  {...field}
+                  placeholder={
+                    needDisabledValue(watch(`rules.${ruleIndex}.subRules.${index}.operator`))
+                      ? 'DoesNotExist,Exists操作符不需要填写value'
+                      : `多个Label Value请以 ';' 分隔符隔开`
+                  }
+                  disabled={needDisabledValue(watch(`rules.${ruleIndex}.subRules.${index}.operator`))}
+                />
+              </Form.Control>
+            )}
+          />
+
+          <Button type="icon" icon="close" onClick={() => removeSubRule(index)} />
+        </Form.Item>
+      ))}
+
+      <Form.Item>
+        <Button
+          type="link"
+          disabled={disabled}
+          tooltip={disabled ? t('请先完成编辑项') : ''}
+          onClick={() => appendSubRule({ key: '', operator: NodeAffinityOperatorEnum.In, value: '' })}
+        >
+          添加规则
+        </Button>
+      </Form.Item>
+    </>
+  );
+};
+
+// TODO 泛型组件
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/constants.ts b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/constants.ts
new file mode 100644
index 0000000000..386b7138b2
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/constants.ts
@@ -0,0 +1,242 @@
+import { t } from '@/tencent/tea-app/lib/i18n';
+import validateJS from 'validator';
+import { z } from 'zod';
+
+/** 节点亲和性调度的方式 */
+export enum NodeAffinityTypeEnum {
+  /** 不使用调度策略 */
+  Unset = 'unset',
+
+  /** 指定节点调度 */
+  Node = 'node',
+
+  /** 自定义调度规则 */
+  Rule = 'rule'
+}
+
+export enum TolerationTypeEnum {
+  UnSet = 'UnSet',
+
+  Set = 'Set'
+}
+
+/** 节点亲和性调度 亲和性调度操作符 */
+export enum NodeAffinityOperatorEnum {
+  In = 'In',
+  NotIn = 'NotIn',
+  Exists = 'Exists',
+  DoesNotExist = 'DoesNotExist',
+  Gt = 'Gt',
+  Lt = 'Lt'
+}
+
+export const affinityRuleOperatorList = [
+  {
+    value: NodeAffinityOperatorEnum.In,
+    tooltip: t('Label的value在列表中')
+  },
+  {
+    value: NodeAffinityOperatorEnum.NotIn,
+    tooltip: t('Label的value不在列表中')
+  },
+  {
+    value: NodeAffinityOperatorEnum.Exists,
+    tooltip: t('Label的key存在')
+  },
+  {
+    value: NodeAffinityOperatorEnum.DoesNotExist,
+    tooltip: t('Labe的key不存在')
+  },
+  {
+    value: NodeAffinityOperatorEnum.Gt,
+    tooltip: t('Label的值大于列表值（字符串匹配）')
+  },
+  {
+    value: NodeAffinityOperatorEnum.Lt,
+    tooltip: t('Label的值小于列表值（字符串匹配）')
+  }
+];
+
+export const affinityRuleSchema = z.array(
+  z.object({
+    weight: z
+      .number()
+      .int(t('权重必须为整数'))
+      .gte(0, { message: t('权重必须在1～100之前') })
+      .lte(100, { message: t('权重必须在1～100之前') }),
+    subRules: z.array(
+      z
+        .object({
+          key: z
+            .string()
+            .min(1, { message: t('标签名不能为空') })
+            .max(63, { message: t('标签名长度不能超过63个字符') })
+            .regex(/^([A-Za-z0-9][-A-Za-z0-9_./]*)?[A-Za-z0-9]$/, { message: '标签名格式不正确' }),
+          operator: z.nativeEnum(NodeAffinityOperatorEnum),
+          value: z.string()
+        })
+        .superRefine(({ operator, value }, ctx) => {
+          console.log('superRefine', value, operator);
+
+          const values = value.split(';');
+
+          let message = '';
+
+          if (operator === NodeAffinityOperatorEnum.Exists || operator === NodeAffinityOperatorEnum.DoesNotExist)
+            return;
+
+          const value0 = values?.[0];
+
+          if (!value0) {
+            message = t('自定义规则不能为空');
+          } else {
+            if (operator === NodeAffinityOperatorEnum.Lt || operator === NodeAffinityOperatorEnum.Gt) {
+              if (values.length > 1) {
+                message = t('Gt和Lt操作符只支持一个value值');
+              } else if (!validateJS.isNumeric(value0)) {
+                message = t('Gt和Lt操作符value值格式必须为数字');
+              }
+            } else if (values.some(item => !item)) {
+              message = t('标签值不能为空');
+            } else if (values.some(item => item?.length > 63)) {
+              message = t('标签值长度不能超过63个字符');
+            } else if (values.some(item => !validateJS.matches(item, /^([A-Za-z0-9][-A-Za-z0-9_./]*)?[A-Za-z0-9]$/))) {
+              message = t('标签格式不正确');
+            }
+          }
+
+          if (message) {
+            ctx.addIssue({
+              code: z.ZodIssueCode.custom,
+              message,
+              path: ['value']
+            });
+          }
+        })
+    )
+  })
+);
+
+export const generateDefaultRules = () => [
+  {
+    weight: 1,
+    subRules: [
+      {
+        key: '',
+        operator: NodeAffinityOperatorEnum.In,
+        value: ''
+      }
+    ]
+  }
+];
+
+export enum TolerationOperatorEnum {
+  Equal = 'Equal',
+  Exists = 'Exists'
+}
+
+export const tolerationOperatorOptions = [
+  {
+    value: TolerationOperatorEnum.Equal
+  },
+
+  {
+    value: TolerationOperatorEnum.Exists
+  }
+];
+
+export enum TolerationEffectEnum {
+  All = 'All',
+  NoSchedule = 'NoSchedule',
+  PreferNoSchedule = 'PreferNoSchedule',
+  NoExecute = 'NoExecute'
+}
+
+export enum AffinityTypeEnum {
+  Force = 'force',
+  Attempt = 'attempt'
+}
+
+export const tolerationEffectOptions = [
+  {
+    value: TolerationEffectEnum.All,
+    text: '匹配全部'
+  },
+
+  {
+    value: TolerationEffectEnum.NoSchedule
+  },
+
+  {
+    value: TolerationEffectEnum.PreferNoSchedule
+  },
+
+  {
+    value: TolerationEffectEnum.NoExecute
+  }
+];
+
+const tolerationSchema = z.array(
+  z
+    .object({
+      key: z.string(),
+      operator: z.nativeEnum(TolerationOperatorEnum),
+      value: z.string(),
+      effect: z.nativeEnum(TolerationEffectEnum),
+      time: z.number().min(0)
+    })
+    .superRefine(({ key, operator, value, effect, time }, ctx) => {
+      if (operator === TolerationOperatorEnum.Equal && !key) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ['key'],
+          message: 'key 不能为空'
+        });
+      }
+
+      if (operator === TolerationOperatorEnum.Equal && !value) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ['value'],
+          message: 'value 不能为空'
+        });
+      }
+    })
+);
+
+export const nodeAffinitySchema = z.object({
+  affinityRules: z.object({
+    [AffinityTypeEnum.Force]: affinityRuleSchema,
+    [AffinityTypeEnum.Attempt]: affinityRuleSchema
+  }),
+  tolerationRules: tolerationSchema,
+  nodeAffinityType: z.nativeEnum(NodeAffinityTypeEnum),
+  tolerationType: z.nativeEnum(TolerationTypeEnum)
+});
+
+export type NodeAffinityFormType = z.infer<typeof nodeAffinitySchema>;
+
+export const defaultNodeAffinityFormData: NodeAffinityFormType = {
+  affinityRules: {
+    force: [],
+    attempt: []
+  },
+  tolerationRules: [],
+  nodeAffinityType: NodeAffinityTypeEnum.Unset,
+  tolerationType: TolerationTypeEnum.UnSet
+};
+
+export enum ScheduleTypeEnum {
+  ScheduleByNode = 'scheduleByNode',
+  ScheduleByLabel = 'scheduleByLabel'
+}
+
+export const appendAffinityRuleSchema = z.object({
+  rules: affinityRuleSchema
+});
+
+export type AppendAffinityRuleFormType = z.infer<typeof appendAffinityRuleSchema>;
+
+export const defaultAppendAffinityRuleFormData: AppendAffinityRuleFormType = {
+  rules: generateDefaultRules()
+};
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/index.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/index.tsx
new file mode 100644
index 0000000000..d56f3df307
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/index.tsx
@@ -0,0 +1,225 @@
+import { t } from '@/tencent/tea-app/lib/i18n';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { TeaFormLayout } from '@src/modules/common/layouts/TeaFormLayout';
+import React, { useEffect } from 'react';
+import { Controller, FormProvider, useForm } from 'react-hook-form';
+import { Button, Form, Radio } from 'tea-component';
+import { IModifyPanelProps, WorkloadKindEnum } from '../constants';
+import { AffinityRulePanel } from './affinityRulePanel';
+import {
+  AffinityTypeEnum,
+  NodeAffinityFormType,
+  NodeAffinityTypeEnum,
+  TolerationEffectEnum,
+  TolerationOperatorEnum,
+  TolerationTypeEnum,
+  defaultNodeAffinityFormData,
+  nodeAffinitySchema
+} from './constants';
+import { TolerationRulePanel } from './tolerationRulePanel';
+
+export const ModifyNodeAffinityPanel = ({ title, baseInfo, onCancel, kind, onUpdate, resource }: IModifyPanelProps) => {
+  const isCronjob = kind === WorkloadKindEnum.Cronjob;
+
+  const useFormReturn = useForm<NodeAffinityFormType>({
+    mode: 'onBlur',
+    defaultValues: defaultNodeAffinityFormData,
+    resolver: zodResolver(nodeAffinitySchema)
+  });
+
+  const { handleSubmit, control, watch, reset } = useFormReturn;
+
+  useEffect(() => {
+    if (!resource) return;
+
+    let originNodeAffinityInfo = resource?.spec?.template?.spec?.affinity?.nodeAffinity;
+
+    let tolerationInfo = resource?.spec?.template?.spec?.tolerations;
+
+    if (isCronjob) {
+      originNodeAffinityInfo = resource?.spec?.jobTemplate?.spec?.template?.spec?.affinity?.nodeAffinity;
+
+      tolerationInfo = resource?.spec?.jobTemplate?.spec?.template?.spec?.tolerations;
+    }
+
+    const forceAffinityRules =
+      originNodeAffinityInfo?.requiredDuringSchedulingIgnoredDuringExecution?.nodeSelectorTerms?.map(item => ({
+        weight: 1,
+        subRules:
+          item?.matchExpressions?.map(r => ({
+            key: r?.key ?? '',
+            operator: r?.operator,
+            value: r?.values?.join(';') ?? ''
+          })) ?? []
+      })) ?? [];
+
+    const attemptAffinityRules =
+      originNodeAffinityInfo?.preferredDuringSchedulingIgnoredDuringExecution?.map(item => ({
+        weight: item?.weight ?? '',
+        subRules:
+          item?.preference?.matchExpressions?.map(r => ({
+            key: r?.key ?? '',
+            operator: r?.operator,
+            value: r?.values?.join(';') ?? ''
+          })) ?? []
+      })) ?? [];
+
+    const data: NodeAffinityFormType = {
+      nodeAffinityType: originNodeAffinityInfo ? NodeAffinityTypeEnum.Rule : NodeAffinityTypeEnum.Unset,
+      affinityRules: {
+        force: forceAffinityRules,
+        attempt: attemptAffinityRules
+      },
+
+      tolerationType: tolerationInfo ? TolerationTypeEnum.Set : TolerationTypeEnum.UnSet,
+
+      tolerationRules:
+        tolerationInfo?.map(item => ({
+          key: item?.key ?? '',
+          operator: item?.operator,
+          value: item?.value ?? '',
+          effect: item?.effect ?? TolerationEffectEnum.All,
+          time: item?.tolerationSeconds ?? 0
+        })) ?? []
+    };
+
+    reset(data);
+  }, [resource, isCronjob, reset]);
+
+  function onSubmit({ nodeAffinityType, affinityRules, tolerationType, tolerationRules }: NodeAffinityFormType) {
+    const templateContent = {
+      spec: {
+        tolerations:
+          tolerationType === TolerationTypeEnum.Set
+            ? tolerationRules.map(({ key, operator, value, effect, time }) => ({
+                key: key || undefined,
+                operator,
+                value: operator === TolerationOperatorEnum.Exists ? undefined : value,
+                effect: effect === TolerationEffectEnum.All ? undefined : effect,
+                tolerationSeconds: effect === TolerationEffectEnum.NoExecute ? time : undefined
+              }))
+            : null,
+
+        affinity: {
+          nodeAffinity:
+            nodeAffinityType === NodeAffinityTypeEnum.Unset
+              ? null
+              : {
+                  requiredDuringSchedulingIgnoredDuringExecution: affinityRules.force.length
+                    ? {
+                        nodeSelectorTerms: affinityRules.force.map(({ subRules }) => ({
+                          matchExpressions: subRules.map(({ key, operator, value }) => ({
+                            key,
+                            operator,
+                            values: value ? value.split(';') : undefined
+                          }))
+                        }))
+                      }
+                    : null,
+
+                  preferredDuringSchedulingIgnoredDuringExecution: affinityRules.attempt.length
+                    ? affinityRules.attempt.map(({ weight, subRules }) => ({
+                        weight,
+                        preference: {
+                          matchExpressions: subRules.map(({ key, operator, value }) => ({
+                            key,
+                            operator,
+                            values: value ? value.split(';') : undefined
+                          }))
+                        }
+                      }))
+                    : null
+                }
+        }
+      }
+    };
+
+    const jsonData = {
+      spec: {
+        template: isCronjob ? undefined : templateContent,
+        jobTemplate: isCronjob
+          ? {
+              spec: {
+                template: templateContent
+              }
+            }
+          : undefined
+      }
+    };
+
+    onUpdate(jsonData);
+  }
+
+  return (
+    <TeaFormLayout
+      title={title}
+      footer={
+        <>
+          <Button type="primary" style={{ marginRight: 10 }} onClick={handleSubmit(onSubmit)}>
+            设置更新策略
+          </Button>
+
+          <Button onClick={onCancel}>取消</Button>
+        </>
+      }
+    >
+      {baseInfo}
+
+      <hr />
+
+      <FormProvider {...useFormReturn}>
+        <Form>
+          <Controller
+            control={control}
+            name="nodeAffinityType"
+            render={({ field }) => (
+              <Form.Item label="节点调度策略">
+                <Radio.Group {...field}>
+                  <Radio name={NodeAffinityTypeEnum.Unset}>不使用调度策略</Radio>
+                  <Radio name={NodeAffinityTypeEnum.Rule}>自定义调度规则</Radio>
+                </Radio.Group>
+              </Form.Item>
+            )}
+          />
+
+          {watch('nodeAffinityType') === NodeAffinityTypeEnum.Rule && (
+            <>
+              <Form.Item
+                label={t('强制满足条件')}
+                tips="调度期间如果满足其中一个亲和性条件则调度到对应node，如果没有节点满足条件则调度失败。"
+              >
+                <AffinityRulePanel subName={AffinityTypeEnum.Force} />
+              </Form.Item>
+
+              <Form.Item
+                label={t('尽量满足条件')}
+                tips="调度期间如果满足其中一个亲和性条件则调度到对应node，如果没有节点满足条件则随机调度到任意节点。"
+              >
+                <AffinityRulePanel subName={AffinityTypeEnum.Attempt} />
+              </Form.Item>
+            </>
+          )}
+
+          <Controller
+            control={control}
+            name="tolerationType"
+            render={({ field }) => (
+              <Form.Item label="容忍调度">
+                <Radio.Group {...field}>
+                  <Radio name={TolerationTypeEnum.UnSet}>不使用容忍调度</Radio>
+                  <Radio name={TolerationTypeEnum.Set}>使用容忍调度</Radio>
+                </Radio.Group>
+              </Form.Item>
+            )}
+          />
+
+          {watch('tolerationType') === TolerationTypeEnum.Set && (
+            <Form.Item>
+              <TolerationRulePanel />
+            </Form.Item>
+          )}
+        </Form>
+      </FormProvider>
+    </TeaFormLayout>
+  );
+};
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/tolerationRulePanel.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/tolerationRulePanel.tsx
new file mode 100644
index 0000000000..4efd9e106f
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyNodeAffinityPanel/tolerationRulePanel.tsx
@@ -0,0 +1,171 @@
+import { getReactHookFormStatusWithMessage } from '@helper';
+import { ValidateProvider } from '@src/modules/common/components';
+import React from 'react';
+import { Controller, useFieldArray, useFormContext } from 'react-hook-form';
+import { Button, Input, InputNumber, Select, Table, TableColumn } from 'tea-component';
+import {
+  NodeAffinityFormType,
+  TolerationEffectEnum,
+  TolerationOperatorEnum,
+  tolerationEffectOptions,
+  tolerationOperatorOptions
+} from './constants';
+
+export const TolerationRulePanel = () => {
+  const { control, watch } = useFormContext<NodeAffinityFormType>();
+
+  const { fields, remove, append } = useFieldArray({
+    control,
+    name: 'tolerationRules'
+  });
+
+  const rulesWatch = watch('tolerationRules');
+
+  const columns: TableColumn[] = [
+    {
+      key: 'key',
+      header: '标签名',
+      render(_, __, index) {
+        return (
+          <Controller
+            control={control}
+            name={`tolerationRules.${index}.key`}
+            render={({ field, ...another }) => (
+              <ValidateProvider {...getReactHookFormStatusWithMessage(another)}>
+                <Input size="full" {...field} />
+              </ValidateProvider>
+            )}
+          />
+        );
+      }
+    },
+
+    {
+      key: 'operator',
+      header: '操作符',
+      render(_, __, index) {
+        return (
+          <Controller
+            control={control}
+            name={`tolerationRules.${index}.operator`}
+            render={({ field, ...another }) => (
+              <ValidateProvider {...getReactHookFormStatusWithMessage(another)}>
+                <Select
+                  appearance="button"
+                  size="full"
+                  matchButtonWidth
+                  options={tolerationOperatorOptions}
+                  {...field}
+                />
+              </ValidateProvider>
+            )}
+          />
+        );
+      }
+    },
+
+    {
+      key: 'value',
+      header: '标签值',
+      render(_, __, index) {
+        return (
+          <Controller
+            control={control}
+            name={`tolerationRules.${index}.value`}
+            render={({ field, ...another }) => (
+              <ValidateProvider {...getReactHookFormStatusWithMessage(another)}>
+                <Input
+                  size="full"
+                  disabled={rulesWatch?.[index]?.operator === TolerationOperatorEnum.Exists}
+                  {...field}
+                />
+              </ValidateProvider>
+            )}
+          />
+        );
+      }
+    },
+
+    {
+      key: 'effect',
+      header: '效果',
+      render(_, __, index) {
+        return (
+          <Controller
+            control={control}
+            name={`tolerationRules.${index}.effect`}
+            render={({ field, ...another }) => (
+              <ValidateProvider {...getReactHookFormStatusWithMessage(another)}>
+                <Select appearance="button" size="full" matchButtonWidth options={tolerationEffectOptions} {...field} />
+              </ValidateProvider>
+            )}
+          />
+        );
+      }
+    },
+
+    {
+      key: 'time',
+      header: '时间（秒）',
+      render(_, __, index) {
+        return (
+          <Controller
+            control={control}
+            name={`tolerationRules.${index}.time`}
+            render={({ field, ...another }) => (
+              <ValidateProvider {...getReactHookFormStatusWithMessage(another)}>
+                <InputNumber
+                  size="l"
+                  hideButton
+                  min={0}
+                  step={1}
+                  disabled={rulesWatch?.[index]?.effect !== TolerationEffectEnum.NoExecute}
+                  {...field}
+                />
+              </ValidateProvider>
+            )}
+          />
+        );
+      }
+    },
+
+    {
+      key: 'action',
+      header: '',
+      render(_, __, index) {
+        return (
+          <Button
+            type="icon"
+            icon="close"
+            onClick={() => {
+              console.log('remove index', index);
+              remove(index);
+            }}
+          />
+        );
+      }
+    }
+  ];
+
+  return (
+    <>
+      <Table.ActionPanel>
+        <Button
+          type="link"
+          onClick={() =>
+            append({
+              key: '',
+              operator: TolerationOperatorEnum.Exists,
+              value: '',
+              effect: TolerationEffectEnum.All,
+              time: 0
+            })
+          }
+        >
+          添加
+        </Button>
+      </Table.ActionPanel>
+      <Table columns={columns} records={fields} recordKey="id" />
+    </>
+  );
+};
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyStrategyPanel/constants.ts b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyStrategyPanel/constants.ts
new file mode 100644
index 0000000000..8a161d29dd
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyStrategyPanel/constants.ts
@@ -0,0 +1,73 @@
+import { t } from '@/tencent/tea-app/lib/i18n';
+import { WorkloadKindEnum } from '../constants';
+
+/** 滚动更新的策略选择 */
+export enum RollingUpdateTypeEnum {
+  /** 启动新的pod，停止旧的pod */
+  CreatePod = 'createPod',
+
+  /** 停止旧的pod，启动新的pod */
+  DestroyPod = 'destroyPod',
+
+  /** 用户自定义 */
+  UserDefined = 'userDefined'
+}
+
+export enum RegistryUpdateTypeEnum {
+  /** 滚动更新 */
+  RollingUpdate = 'RollingUpdate',
+
+  /** 快速更新 */
+  Recreate = 'Recreate',
+
+  /** OnDelete */
+  OnDelete = 'OnDelete'
+}
+
+export const updateStrategyOptions = [
+  {
+    text: t('启动新的Pod,停止旧的Pod'),
+    value: RollingUpdateTypeEnum.CreatePod
+  },
+
+  {
+    text: t('停止旧的Pod，启动新的Pod'),
+    value: RollingUpdateTypeEnum.DestroyPod
+  },
+
+  {
+    text: t('自定义'),
+    value: RollingUpdateTypeEnum.UserDefined
+  }
+];
+
+export const getUpdateTypeOptionsForKind = (kind: WorkloadKindEnum) => {
+  const fullOptions = [
+    {
+      text: t('滚动更新（推荐）'),
+      value: RegistryUpdateTypeEnum.RollingUpdate
+    },
+
+    {
+      text: t('快速更新'),
+      value: RegistryUpdateTypeEnum.Recreate
+    },
+
+    {
+      text: 'OnDelete',
+      value: RegistryUpdateTypeEnum.OnDelete
+    }
+  ];
+
+  return fullOptions.filter(({ value }) => {
+    if (kind === WorkloadKindEnum.Deployment && value !== RegistryUpdateTypeEnum.OnDelete) return true;
+
+    if (
+      (kind === WorkloadKindEnum.StatefulSet || kind === WorkloadKindEnum.DaemonSet) &&
+      value !== RegistryUpdateTypeEnum.Recreate
+    )
+      return true;
+
+    return false;
+  });
+};
diff --git a/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyStrategyPanel/index.tsx b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyStrategyPanel/index.tsx
new file mode 100644
index 0000000000..e7c9f0781e
--- /dev/null
+++ b/web/console/src/modules/cluster/components/resource/resourceTableOperation/workloadUpdate/modifyStrategyPanel/index.tsx
@@ -0,0 +1,250 @@
+import { t } from '@/tencent/tea-app/lib/i18n';
+import { TeaFormLayout } from '@src/modules/common/layouts/TeaFormLayout';
+import React, { useEffect } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import { Button, Form, InputNumber, Radio, Select } from 'tea-component';
+import { IModifyPanelProps, WorkloadKindEnum } from '../constants';
+import {
+  RegistryUpdateTypeEnum,
+  RollingUpdateTypeEnum,
+  getUpdateTypeOptionsForKind,
+  updateStrategyOptions
+} from './constants';
+
+export const ModifyStrategyPanel = ({ kind, resource, title, baseInfo, onCancel, onUpdate }: IModifyPanelProps) => {
+  const isDeployment = kind === WorkloadKindEnum.Deployment;
+  const isStatefulSet = kind === WorkloadKindEnum.StatefulSet;
+  const isDaemonSet = kind === WorkloadKindEnum.DaemonSet;
+
+  const { handleSubmit, watch, control, reset } = useForm({
+    mode: 'onBlur',
+
+    defaultValues: {
+      updateType: RegistryUpdateTypeEnum.RollingUpdate,
+      updateInterval: 0,
+      updateStrategy: RollingUpdateTypeEnum.UserDefined,
+      maxSurge: 25,
+      maxUnavailable: 25,
+      batchSize: 1,
+      partition: 0
+    }
+  });
+
+  const updateTypeWatch = watch('updateType');
+  const updateStrategyWatch = watch('updateStrategy');
+
+  useEffect(() => {
+    if (!resource) return;
+
+    const updateType = isDeployment ? resource?.spec?.strategy?.type : resource?.spec?.updateStrategy?.type;
+
+    // 如果只有maxSurge 有值，而maxUnavailable为0，则为启动新的pod，停止旧的pod
+    const minReadySeconds = resource?.spec?.minReadySeconds ?? 0,
+      partition = resource?.spec?.updateStrategy?.rollingUpdate?.partition ?? 0;
+
+    let maxSurge = resource?.spec?.strategy?.rollingUpdate?.maxSurge ?? 0,
+      maxUnavailable = resource?.spec?.strategy?.rollingUpdate?.maxUnavailable ?? 0,
+      rollingUpdateStrategy = RollingUpdateTypeEnum.CreatePod,
+      batchSize = 1;
+
+    if (maxSurge === 0 && Number.isInteger(maxUnavailable)) {
+      rollingUpdateStrategy = RollingUpdateTypeEnum.DestroyPod;
+      batchSize = maxUnavailable;
+      maxSurge = '25%';
+      maxUnavailable = '25%';
+    } else if (maxUnavailable === 0 && Number.isInteger(maxSurge)) {
+      rollingUpdateStrategy = RollingUpdateTypeEnum.CreatePod;
+      batchSize = maxSurge;
+      maxSurge = '25%';
+      maxUnavailable = '25%';
+    } else {
+      rollingUpdateStrategy = RollingUpdateTypeEnum.UserDefined;
+    }
+
+    if (isDaemonSet) {
+      maxUnavailable = resource?.spec?.updateStrategy?.rollingUpdate?.maxUnavailable ?? 0;
+    }
+
+    const newConfig = {
+      updateType,
+      updateInterval: minReadySeconds,
+      updateStrategy: rollingUpdateStrategy,
+      maxSurge: parseInt(maxSurge),
+      maxUnavailable: parseInt(maxUnavailable),
+      batchSize,
+      partition
+    };
+
+    reset(newConfig);
+  }, [resource, isDaemonSet, isDeployment, isStatefulSet, reset]);
+
+  function onSubmit({ updateType, updateInterval, updateStrategy, maxSurge, maxUnavailable, batchSize, partition }) {
+    const isRollingUpdate = updateType === RegistryUpdateTypeEnum.RollingUpdate;
+
+    const isUserDefined = updateStrategy === RollingUpdateTypeEnum.UserDefined;
+    const isCreatePod = updateStrategy === RollingUpdateTypeEnum.CreatePod;
+
+    const data = {
+      spec: {
+        minReadySeconds: isStatefulSet ? undefined : isRollingUpdate ? updateInterval : 0,
+
+        strategy: isDeployment
+          ? {
+              type: updateType,
+              rollingUpdate: isRollingUpdate
+                ? {
+                    maxSurge: isUserDefined ? `${maxSurge}%` : isCreatePod ? batchSize : 0,
+
+                    maxUnavailable: isUserDefined ? `${maxUnavailable}%` : isCreatePod ? 0 : batchSize
+                  }
+                : null
+            }
+          : undefined,
+
+        updateStrategy: isDeployment
+          ? undefined
+          : {
+              type: updateType,
+              rollingUpdate: isRollingUpdate
+                ? isStatefulSet
+                  ? { partition }
+                  : maxUnavailable
+                  ? { maxUnavailable }
+                  : undefined
+                : null
+            }
+      }
+    };
+
+    onUpdate(data);
+  }
+
+  return (
+    <TeaFormLayout
+      title={title}
+      footer={
+        <>
+          <Button type="primary" style={{ marginRight: 10 }} onClick={handleSubmit(onSubmit)}>
+            设置更新策略
+          </Button>
+
+          <Button onClick={onCancel}>取消</Button>
+        </>
+      }
+    >
+      {baseInfo}
+
+      <hr />
+
+      <Form>
+        <Controller
+          name="updateType"
+          control={control}
+          render={({ field }) => (
+            <Form.Item
+              label={t('更新方式')}
+              extra={
+                updateTypeWatch === RegistryUpdateTypeEnum.RollingUpdate
+                  ? '对实例进行逐个更新，这种方式可以让您不中断业务实现对服务的更新'
+                  : '直接关闭所有实例，启动相同数量的新实例'
+              }
+            >
+              <Select appearance="button" options={getUpdateTypeOptionsForKind(kind)} {...field} />
+            </Form.Item>
+          )}
+        />
+
+        {(isDeployment || isDaemonSet) && updateTypeWatch === RegistryUpdateTypeEnum.RollingUpdate && (
+          <Controller
+            name="updateInterval"
+            control={control}
+            render={({ field }) => (
+              <Form.Item label={t('更新间隔')} extra={t('')}>
+                <InputNumber hideButton unit="秒" size="l" min={0} step={1} {...field} />
+              </Form.Item>
+            )}
+          />
+        )}
+
+        {isDeployment && updateTypeWatch === RegistryUpdateTypeEnum.RollingUpdate && (
+          <Controller
+            name="updateStrategy"
+            control={control}
+            render={({ field }) => (
+              <Form.Item
+                label={t('更新策略')}
+                extra={
+                  updateStrategyWatch === RollingUpdateTypeEnum.CreatePod
+                    ? '请确认集群有足够的CPU和内存用于启动新的Pod, 否则可能导致集群崩溃'
+                    : ''
+                }
+              >
+                <Radio.Group value={field.value} onChange={field.onChange}>
+                  {updateStrategyOptions.map(({ text, value }) => (
+                    <Radio key={value} name={value}>
+                      {text}
+                    </Radio>
+                  ))}
+                </Radio.Group>
+              </Form.Item>
+            )}
+          />
+        )}
+
+        {updateTypeWatch === RegistryUpdateTypeEnum.RollingUpdate && (
+          <Form.Item label={t('策略配置')}>
+            <Form>
+              {isDeployment && updateStrategyWatch === RollingUpdateTypeEnum.UserDefined && (
+                <Controller
+                  name="maxSurge"
+                  control={control}
+                  render={({ field }) => (
+                    <Form.Item label={t('MaxSurge')} extra={t('允许超出所需规模的最大Pod数量')}>
+                      <InputNumber hideButton unit="%" size="l" min={0} step={1} {...field} />
+                    </Form.Item>
+                  )}
+                />
+              )}
+
+              {((isDeployment && updateStrategyWatch === RollingUpdateTypeEnum.UserDefined) || isDaemonSet) && (
+                <Controller
+                  name="maxUnavailable"
+                  control={control}
+                  render={({ field }) => (
+                    <Form.Item label={t('MaxUnavailable')} extra={t('允许最大不可用的Pod数量')}>
+                      <InputNumber hideButton unit="%" size="l" min={0} step={1} {...field} />
+                    </Form.Item>
+                  )}
+                />
+              )}
+
+              {isDeployment && updateStrategyWatch !== RollingUpdateTypeEnum.UserDefined && (
+                <Controller
+                  name="batchSize"
+                  control={control}
+                  render={({ field }) => (
+                    <Form.Item label={t('Pods')} extra={t('Pod将批量启动或停止')}>
+                      <InputNumber hideButton size="l" min={0} step={1} {...field} />
+                    </Form.Item>
+                  )}
+                />
+              )}
+
+              {isStatefulSet && (
+                <Controller
+                  name="partition"
+                  control={control}
+                  render={({ field }) => (
+                    <Form.Item label="Partition">
+                      <InputNumber hideButton size="l" min={0} step={1} {...field} />
+                    </Form.Item>
+                  )}
+                />
+              )}
+            </Form>
+          </Form.Item>
+        )}
+      </Form>
+    </TeaFormLayout>
+  );
+};
diff --git a/web/console/src/modules/common/components/index.ts b/web/console/src/modules/common/components/index.ts
index 61c4f5d0f4..da00207cfa 100644
--- a/web/console/src/modules/common/components/index.ts
+++ b/web/console/src/modules/common/components/index.ts
@@ -15,37 +15,38 @@
  * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations under the License.
  */
+export { NavigateLink } from './NavigateLink';
+export { ButtonBar, ButtonBarItem } from './buttonbar';
+export { CardMenu, CardMenuItem } from './cardMenu';
+export { Clip } from './clip';
+export { CodeMirrorEditor } from './codemirror';
+export { CommonBar, CommonBarItem } from './commonbar';
+export { DateTimePicker } from './datetimepicker';
+export { DownMenu, DownMenuItem } from './downMenu';
+export { DropdownMenu, DropdownMenuItem } from './dropdownmenu';
+export { emptyTips } from './empty';
+export { ErrorGuide, ErrorTip } from './errortip';
+export { FormItem, FormItemProps } from './formitem';
+export { GridTable } from './gridtable';
+export { HeadBubble } from './headbubble';
 export { InputField, InputFieldProps } from './inputfield';
 export { InputRange, InputRangeProps } from './inputrange';
-export { SelectList, SelectListProps } from './select';
-export { TabSelector, TabSelectorProps, TabItem } from './tabselector';
-export { ListItem, ListItemProps } from './listitem';
-export { FormItem, FormItemProps } from './formitem';
-export { TipDialog } from './tipdialog';
-export { TipInfo } from './tipinfo';
 export { LinkButton, LinkButtonProps } from './linkbutton';
-export { Clip } from './clip';
+export { ListItem, ListItemProps } from './listitem';
+export * from './logviewer';
 export { Markdown } from './markdown';
-export { DropdownMenu, DropdownMenuItem } from './dropdownmenu';
-export { HeadBubble } from './headbubble';
-export { ButtonBar, ButtonBarItem } from './buttonbar';
-export { CommonBar, CommonBarItem } from './commonbar';
-export { WorkflowDialog } from './workflowdialog';
-export { ErrorGuide, ErrorTip } from './errortip';
-export { StepItem, StepTab, StepTabProps, StepTabBody, StepTabBodyProps, Step, StepProps } from './stepTab';
-export { RegionBar, RegionBarProps } from './regionbar';
 export { Network, NetworkProps, VpcNetwork } from './network';
-export { SidePanel, SidePanelProps } from './sidepanel';
-export * from './logviewer';
-export { TagSearchBox, TagSearchBoxProps } from './tagsearchbox';
-export { CodeMirrorEditor } from './codemirror';
+export { RegionBar, RegionBarProps } from './regionbar';
 export { ResourceList } from './resourcelist';
-export { DownMenu, DownMenuItem } from './downMenu';
-export { CardMenu, CardMenuItem } from './cardMenu';
 export * from './resourceselector';
-export { DateTimePicker } from './datetimepicker';
-export { GridTable } from './gridtable';
+export { SelectList, SelectListProps } from './select';
+export { SidePanel, SidePanelProps } from './sidepanel';
+export { Step, StepItem, StepProps, StepTab, StepTabBody, StepTabBodyProps, StepTabProps } from './stepTab';
+export { TabItem, TabSelector, TabSelectorProps } from './tabselector';
+export { TagSearchBox, TagSearchBoxProps } from './tagsearchbox';
+export { TipDialog } from './tipdialog';
+export { TipInfo } from './tipinfo';
 export { TransferTable, TransferTableProps } from './transferTable';
-export { emptyTips } from './empty';
-export { NavigateLink } from './NavigateLink';
+export * from './validate-provider';
+export { WorkflowDialog } from './workflowdialog';
 export * from './yamleditor';
diff --git a/web/console/src/modules/common/components/validate-provider/index.tsx b/web/console/src/modules/common/components/validate-provider/index.tsx
new file mode 100644
index 0000000000..753de517b9
--- /dev/null
+++ b/web/console/src/modules/common/components/validate-provider/index.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { Bubble } from 'tea-component';
+
+interface Props {
+  status?: 'validating' | 'error' | 'success';
+  message?: string;
+  children: React.ReactElement;
+}
+
+export const ValidateProvider = ({ status, message, children }: Props) => {
+  const classNames = status === 'error' ? 'is-error' : undefined;
+
+  return (
+    <Bubble content={message}>
+      <span className={classNames}>{children}</span>
+    </Bubble>
+  );
+};
diff --git a/web/console/src/modules/common/layouts/TeaFormLayout.tsx b/web/console/src/modules/common/layouts/TeaFormLayout.tsx
index 3f62953e14..14d176b613 100644
--- a/web/console/src/modules/common/layouts/TeaFormLayout.tsx
+++ b/web/console/src/modules/common/layouts/TeaFormLayout.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
 import { Card, Layout } from '@tencent/tea-component';
+import React from 'react';
 
 const { Content, Footer } = Layout;
 
diff --git a/web/console/src/webApi/apiPath/apiKind.ts b/web/console/src/webApi/apiPath/apiKind.ts
new file mode 100644
index 0000000000..7cafcb8541
--- /dev/null
+++ b/web/console/src/webApi/apiPath/apiKind.ts
@@ -0,0 +1,289 @@
+import { ApiVersionKeyName } from './apiVersion';
+
+/** CRD资源的 Kind 全称 */
+export enum K8SKindNameEnum {
+  // K8S原生资源
+  Deployment = 'Deployment',
+  StatefulSet = 'StatefulSet',
+  DaemonSet = 'DaemonSet',
+  Job = 'Job',
+  CronJob = 'CronJob',
+  Pod = 'Pod',
+  Namespace = 'Namespace',
+  ReplicationController = 'ReplicationController',
+  ReplicaSet = 'ReplicaSet',
+  Service = 'Service',
+  ServiceAccount = 'ServiceAccount',
+  Ingress = 'Ingress',
+  ConfigMap = 'ConfigMap',
+  Secret = 'Secret',
+  PersistentVolume = 'PersistentVolume',
+  PersistentVolumeClaim = 'PersistentVolumeClaim',
+  StorageClass = 'StorageClass',
+  HorizontalPodAutoscaler = 'HorizontalPodAutoscaler',
+  HorizontalPodCronscaler = 'HorizontalPodCronscaler',
+  VerticalPodAutoscaler = 'VerticalPodAutoscaler',
+  Node = 'Node',
+
+  // RBAC相关
+  ClusterRole = 'ClusterRole',
+  ClusterRoleBinding = 'ClusterRoleBinding',
+  Role = 'Role',
+  RoleBinding = 'RoleBinding',
+
+  // CRD
+  Cluster = 'Cluster',
+  PersistentEvent = 'PersistentEvent',
+  LogCollector = 'LogCollector',
+  LogListener = 'loglistener',
+  Eniipamds = 'Eniipamds',
+  Gateway = 'Gateway',
+  RequestAuthentication = 'RequestAuthentication',
+  PeerAuthentication = 'PeerAuthentication',
+  Authorization = 'Authorization',
+  VirtualService = 'Virtual Service',
+  DestinationRule = 'Destination Rule',
+  None = 'None',
+  ControlPlane = 'Control Plane',
+  Sidecar = 'Sidecar',
+  WorkloadEntry = 'Workload Entry',
+  EnvoyFilter = 'Envoy Filter',
+  WorkloadGroup = 'Workload Group',
+  AuthorizationPolicy = 'Authorization Policy',
+  IstioResource = 'Istio Resource',
+  // AI 相关
+  Environment = 'Environment',
+
+  // Addon相关
+  Addon = 'Addon',
+  ClusterAddon = 'ClusterAddon',
+  AddonLogCollector = 'AddonLogCollector',
+  Helm = 'Helm',
+  GameApp = 'GameApp',
+  GPUManager = 'GPUManager',
+  LBCF = 'LBCF',
+  CFS = 'CFS',
+  COS = 'COS',
+  ImageP2P = 'ImageP2P',
+  NodeProblemDetector = 'NodeProblemDetector',
+  DNSAutoscaler = 'DNSAutoscaler',
+  NodeLocalDNSCache = 'NodeLocalDNSCache',
+  Tcr = 'Tcr',
+  OOMGuard = 'OOMGuard',
+
+  NginxIngressOperator = 'NginxIngress',
+  NginxIngressCRD = 'NginxIngressCRD',
+  ResourceQuota = 'ResourceQuota',
+  LimitRange = 'LimitRange',
+  Scheduler = 'DynamicScheduler',
+  NetworkPolicy = 'NetworkPolicy',
+  HPC = 'HPC',
+  CBS = 'CBS',
+  DeScheduler = 'DeScheduler',
+  OLM = 'OLM',
+
+  // 分布式云相关
+  Localization = 'Localization',
+  Globalization = 'Globalization',
+  Description = 'Description',
+  Manifest = 'Manifest',
+  Subscription = 'Subscription',
+  HelmChart = 'HelmChart',
+  HelmRelease = 'HelmRelease',
+
+  RecommendationValue = 'recommendationValue',
+  QGPU = 'QGPU',
+  housekeeperPolicy = 'housekeeperPolicy',
+  Endpoints = 'Endpoints',
+  InjectPod = 'InjectPod',
+  'Backup' = 'Backup',
+  BackupSchedule = 'Schedule',
+  'Restore' = 'Restore'
+}
+
+/** 资源所归属的集合 */
+export enum GroupEnumType {
+  /** apps */
+  Apps = 'apps',
+
+  /** extensions */
+  Extensions = 'extensions',
+
+  /** batch */
+  Batch = 'batch',
+
+  /** autoscaling */
+  AutoScaling = 'autoscaling',
+
+  AutoScalingK8sIo = 'autoscaling.k8s.io',
+
+  /** networking.istio.io */
+  NetworkingIstioIo = 'networking.istio.io',
+
+  /** security.istio.io */
+  SecurityIstioIo = 'security.istio.io',
+
+  /** networking.k8s.io */
+  NetworkingK8sIo = 'networking.k8s.io',
+
+  /** storage.k8s.io */
+  StorageK8sIo = 'storage.k8s.io',
+
+  /** ccs.cloud.tencent.com */
+  CcsQcloudTencentCom = 'ccs.cloud.tencent.com',
+
+  /** cls.cloud.tencent.com */
+  ClsCloudTencentCom = 'cls.cloud.tencent.com',
+
+  /** empty */
+  Empty = '',
+
+  /** rbac.authorization.k8s.io */
+  RbacAuthK8sIo = 'rbac.authorization.k8s.io',
+
+  /** HPC */
+  HPCTencentCom = 'autoscaling.cloud.tencent.com',
+
+  /** 分布式云 */
+  Clusternet = 'apps.clusternet.io',
+
+  /** 推薦 */
+  RecommendationTkeIo = 'recommendation.tke.io',
+
+  CloudTencent = 'cloud.tencent.com',
+
+  /** 新版Addon */
+  ApplicationTkeStackIo = 'application.tkestack.io',
+
+  NetworkingTkeCloudTencent = 'networking.tke.cloud.tencent.com',
+  HousekeeperPolicy = 'scheduling.crane.io',
+
+  EKSCloudTencentCom = 'eks.tke.cloud.tencent.com',
+
+  BackupTKE = 'backup.tke.cloud.tencent.com'
+}
+
+/** 资源所归属的版本 */
+export enum VersionEnumType {
+  /** v1 */
+  V1 = 'v1',
+
+  /** v1beta1 */
+  V1Beta1 = 'v1beta1',
+
+  /** v1beta2 */
+  V1Beta2 = 'v1beta2',
+
+  /** v2beta1 */
+  V2Beta1 = 'v2beta1',
+
+  /** v2alpha1 */
+  V2Alpha1 = 'v2alpha1',
+
+  /** v1alpha3 */
+  V1Alpha3 = 'v1alpha3',
+
+  V1Aplha1 = 'v1alpha1',
+
+  V2 = 'v2'
+}
+
+/** 资源所归属的路径 */
+export enum BasicEntryType {
+  /** api */
+  Api = 'api',
+
+  /** apis */
+  Apis = 'apis'
+}
+
+/** K8sKindName to ApiVersionKeyName */
+export const KindNameToApiKeyName: { [name in Exclude<K8SKindNameEnum, 'None'>]: ApiVersionKeyName } = {
+  [K8SKindNameEnum.LimitRange]: 'limitRange',
+  [K8SKindNameEnum.Endpoints]: 'endpoint',
+  [K8SKindNameEnum.InjectPod]: 'injectpod',
+  [K8SKindNameEnum.ResourceQuota]: 'resourceQuota',
+  [K8SKindNameEnum.Deployment]: 'deployment',
+  [K8SKindNameEnum.StatefulSet]: 'statefulset',
+  [K8SKindNameEnum.DaemonSet]: 'daemonset',
+  [K8SKindNameEnum.Job]: 'job',
+  [K8SKindNameEnum.CronJob]: 'cronjob',
+  [K8SKindNameEnum.Pod]: 'pods',
+  [K8SKindNameEnum.Namespace]: 'ns',
+  [K8SKindNameEnum.ReplicationController]: 'rc',
+  [K8SKindNameEnum.ReplicaSet]: 'rs',
+  [K8SKindNameEnum.Service]: 'svc',
+  [K8SKindNameEnum.ServiceAccount]: 'serviceaccount',
+  [K8SKindNameEnum.Ingress]: 'ingress',
+  [K8SKindNameEnum.ConfigMap]: 'configmap',
+  [K8SKindNameEnum.Secret]: 'secret',
+  [K8SKindNameEnum.PersistentVolume]: 'pv',
+  [K8SKindNameEnum.PersistentVolumeClaim]: 'pvc',
+  [K8SKindNameEnum.StorageClass]: 'sc',
+  [K8SKindNameEnum.HorizontalPodAutoscaler]: 'hpa',
+  [K8SKindNameEnum.HorizontalPodCronscaler]: 'hpc',
+  [K8SKindNameEnum.VerticalPodAutoscaler]: 'vpa',
+  [K8SKindNameEnum.Node]: 'node',
+  [K8SKindNameEnum.ClusterRole]: 'clusterRole',
+  [K8SKindNameEnum.ClusterRoleBinding]: 'clusterRoleBinding',
+  [K8SKindNameEnum.Role]: 'role',
+  [K8SKindNameEnum.RoleBinding]: 'roleBinding',
+  [K8SKindNameEnum.Cluster]: 'cluster',
+  [K8SKindNameEnum.PersistentEvent]: 'addon_persistentevent',
+  [K8SKindNameEnum.LogCollector]: 'logcs',
+  [K8SKindNameEnum.LogListener]: 'loglistener',
+  [K8SKindNameEnum.Eniipamds]: 'eniipamds',
+  [K8SKindNameEnum.Gateway]: 'gateway',
+  [K8SKindNameEnum.RequestAuthentication]: 'requestAuthentication',
+  [K8SKindNameEnum.PeerAuthentication]: 'peerAuthentication',
+  [K8SKindNameEnum.Authorization]: 'authorization',
+  [K8SKindNameEnum.VirtualService]: 'virtualservice',
+  [K8SKindNameEnum.DestinationRule]: 'destinationrule',
+  [K8SKindNameEnum.ControlPlane]: 'controlPlane',
+  [K8SKindNameEnum.Sidecar]: 'sidecar',
+  [K8SKindNameEnum.WorkloadEntry]: 'workloadEntry',
+  [K8SKindNameEnum.EnvoyFilter]: 'envoyFilter',
+  [K8SKindNameEnum.WorkloadGroup]: 'workloadGroup',
+  [K8SKindNameEnum.AuthorizationPolicy]: 'authorizationPolicy',
+  [K8SKindNameEnum.IstioResource]: 'istioResource',
+  [K8SKindNameEnum.Addon]: 'addon',
+  [K8SKindNameEnum.ClusterAddon]: 'clusterAddon',
+  [K8SKindNameEnum.AddonLogCollector]: 'addon_logcollector',
+  [K8SKindNameEnum.Helm]: 'addon_helm',
+  [K8SKindNameEnum.GameApp]: 'addon_gameapp',
+  [K8SKindNameEnum.GPUManager]: 'addon_gpumanager',
+  [K8SKindNameEnum.LBCF]: 'addon_lbcf',
+  [K8SKindNameEnum.CFS]: 'addon_cfs',
+  [K8SKindNameEnum.COS]: 'addon_cos',
+  [K8SKindNameEnum.ImageP2P]: 'addon_p2p',
+  [K8SKindNameEnum.NodeProblemDetector]: 'addon_npd',
+  [K8SKindNameEnum.DNSAutoscaler]: 'addon_dns_autoscaler',
+  [K8SKindNameEnum.NodeLocalDNSCache]: 'addon_dns_localcache',
+  [K8SKindNameEnum.Tcr]: 'addon_tcr',
+  [K8SKindNameEnum.OOMGuard]: 'addon_oom_guard',
+  [K8SKindNameEnum.NginxIngressOperator]: 'addon_nginx_ingress_controller_operator',
+  [K8SKindNameEnum.NginxIngressCRD]: 'nginx_ingress_crd',
+  [K8SKindNameEnum.Scheduler]: 'addon_scheduler',
+  [K8SKindNameEnum.NetworkPolicy]: 'addon_network_policy',
+  [K8SKindNameEnum.HPC]: 'addon_hpc',
+  [K8SKindNameEnum.CBS]: 'addon_cbs',
+  [K8SKindNameEnum.DeScheduler]: 'addon_de_scheduler',
+  [K8SKindNameEnum.OLM]: 'addon_olm',
+  [K8SKindNameEnum.Environment]: 'ai_environment',
+
+  // 集群備份相關
+  [K8SKindNameEnum.Backup]: 'backup',
+  [K8SKindNameEnum.BackupSchedule]: 'backupSchedule',
+  [K8SKindNameEnum.Restore]: 'restore',
+
+  [K8SKindNameEnum.Subscription]: 'subscription',
+  [K8SKindNameEnum.Manifest]: 'manifest',
+  [K8SKindNameEnum.Localization]: 'localization',
+  [K8SKindNameEnum.Globalization]: 'globalization',
+  [K8SKindNameEnum.HelmChart]: 'helmchart',
+  [K8SKindNameEnum.HelmRelease]: 'helmrelease',
+  [K8SKindNameEnum.Description]: 'description',
+  [K8SKindNameEnum.RecommendationValue]: 'recommendationValue',
+  [K8SKindNameEnum.QGPU]: 'addon_qgpu',
+  [K8SKindNameEnum.housekeeperPolicy]: 'housekeeperPolicy'
+};
diff --git a/web/console/src/webApi/apiPath/apiServerVersion.ts b/web/console/src/webApi/apiPath/apiServerVersion.ts
new file mode 100644
index 0000000000..7b3040de7b
--- /dev/null
+++ b/web/console/src/webApi/apiPath/apiServerVersion.ts
@@ -0,0 +1,6 @@
+/** 这里是后台的api Server 的Version的版本 */
+export const apiServerVersion = {
+  basicUrl: 'apis' as any,
+  group: 'platform.tke' as any,
+  version: 'v1' as any
+};
diff --git a/web/console/src/webApi/apiPath/apiVersion.ts b/web/console/src/webApi/apiPath/apiVersion.ts
new file mode 100644
index 0000000000..773eb49675
--- /dev/null
+++ b/web/console/src/webApi/apiPath/apiVersion.ts
@@ -0,0 +1,892 @@
+import { satisfyClusterVersion } from '../../../helpers';
+import { BasicEntryType, GroupEnumType, K8SKindNameEnum, VersionEnumType } from './apiKind';
+import { apiServerVersion } from './apiServerVersion';
+
+export type ApiVersionKeyName = keyof ApiVersion;
+export interface ApiVersion {
+  limitRange?: ResourceApiInfo;
+  resourceQuota?: ResourceApiInfo;
+  deployment?: ResourceApiInfo;
+  statefulset?: ResourceApiInfo;
+  daemonset?: ResourceApiInfo;
+  job?: ResourceApiInfo;
+  cronjob?: ResourceApiInfo;
+  pods?: ResourceApiInfo;
+  rc?: ResourceApiInfo;
+  rs?: ResourceApiInfo;
+  svc?: ResourceApiInfo;
+  ingress?: ResourceApiInfo;
+  configmap?: ResourceApiInfo;
+  secret?: ResourceApiInfo;
+  pv?: ResourceApiInfo;
+  pvc?: ResourceApiInfo;
+  sc?: ResourceApiInfo;
+  hpa?: ResourceApiInfo;
+  event?: ResourceApiInfo;
+  node?: ResourceApiInfo;
+  masteretcd?: ResourceApiInfo;
+  cluster?: ResourceApiInfo;
+  ns?: ResourceApiInfo;
+  np?: ResourceApiInfo;
+  logcs?: ResourceApiInfo;
+  eniipamds?: ResourceApiInfo;
+  loglistener?: ResourceApiInfo;
+  hpc?: ResourceApiInfo;
+  vpa?: ResourceApiInfo;
+  endpoint?: ResourceApiInfo;
+  injectpod?: ResourceApiInfo;
+
+  // 集群備份相關
+  backup?: ResourceApiInfo;
+  backupSchedule?: ResourceApiInfo;
+  restore?: ResourceApiInfo;
+
+  /** rbac的相关资源 */
+  clusterRole?: ResourceApiInfo;
+  clusterRoleBinding?: ResourceApiInfo;
+  role?: ResourceApiInfo;
+  roleBinding?: ResourceApiInfo;
+
+  /** 服务网格资源 */
+  serviceForMesh?: ResourceApiInfo;
+  gateway?: ResourceApiInfo;
+  requestAuthentication?: ResourceApiInfo;
+  peerAuthentication?: ResourceApiInfo;
+  authentication?: ResourceApiInfo;
+  authorization?: ResourceApiInfo;
+  serviceaccount?: ResourceApiInfo;
+  virtualservice?: ResourceApiInfo;
+  destinationrule?: ResourceApiInfo;
+  serviceentry?: ResourceApiInfo;
+  controlPlane?: ResourceApiInfo;
+  istioResource?: ResourceApiInfo;
+  sidecar?: ResourceApiInfo;
+  workloadEntry?: ResourceApiInfo;
+  envoyFilter?: ResourceApiInfo;
+  workloadGroup?: ResourceApiInfo;
+  authorizationPolicy?: ResourceApiInfo;
+  nginx_ingress_crd?: ResourceApiInfo;
+
+  loadBalancerResource?: ResourceApiInfo;
+
+  /** ============= 以下是ai environment的相关配置 ============== */
+  ai_environment?: ResourceApiInfo;
+  /** ============= 以下是ai environment的相关配置 ============== */
+
+  /** ============= 以下是addon的相关配置 ============== */
+  addon?: ResourceApiInfo;
+  addonApps?: ResourceApiInfo;
+  clusterAddon?: ResourceApiInfo;
+  addon_helm?: ResourceApiInfo;
+  addon_gameapp?: ResourceApiInfo;
+  addon_gpumanager?: ResourceApiInfo;
+  addon_logcollector?: ResourceApiInfo;
+  addon_persistentevent?: ResourceApiInfo;
+  addon_lbcf?: ResourceApiInfo;
+  addon_cfs?: ResourceApiInfo;
+  addon_cos?: ResourceApiInfo;
+  addon_p2p?: ResourceApiInfo;
+  addon_npd?: ResourceApiInfo;
+  addon_dns_autoscaler?: ResourceApiInfo;
+  addon_dns_localcache?: ResourceApiInfo;
+  addon_tcr?: ResourceApiInfo;
+  addon_oom_guard?: ResourceApiInfo;
+  addon_nginx_ingress_controller_operator?: ResourceApiInfo;
+  // addon_vertical_pod_autoscaler?: ResourceApiInfo;
+  addon_scheduler?: ResourceApiInfo;
+  addon_network_policy?: ResourceApiInfo;
+  addon_hpc?: ResourceApiInfo;
+  addon_cbs?: ResourceApiInfo;
+  addon_de_scheduler?: ResourceApiInfo;
+  addon_olm?: ResourceApiInfo;
+  addon_qgpu?: ResourceApiInfo;
+  addon_craned?: ResourceApiInfo;
+  addon_crane_scheduler?: ResourceApiInfo;
+  /** ============= 以上是addon的相关配置 ============== */
+
+  /** ============= 以上是addon的相关配置 ============== */
+  subscription?: ResourceApiInfo;
+  manifest?: ResourceApiInfo;
+  localization?: ResourceApiInfo;
+  globalization?: ResourceApiInfo;
+  description?: ResourceApiInfo;
+  helmchart?: ResourceApiInfo;
+  helmrelease?: ResourceApiInfo;
+  /** ============= 以上是addon的相关配置 ============== */
+  recommendationValue?: ResourceApiInfo;
+  housekeeperPolicy?: ResourceApiInfo;
+}
+
+interface ResourceApiInfo {
+  group: GroupEnumType;
+  version: VersionEnumType;
+  basicEntry: BasicEntryType;
+  headTitle?: K8SKindNameEnum;
+}
+
+/** 这里的apiVersion的配置，只列出与1.8不同的，其余都保持和1.8相同的配置 */
+const k8sApiVersionFor17: ApiVersion = {
+  deployment: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Deployment
+  },
+  statefulset: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.StatefulSet
+  },
+  daemonset: {
+    group: GroupEnumType.Extensions,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.DaemonSet
+  },
+  rs: {
+    group: GroupEnumType.Extensions,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ReplicaSet
+  },
+  cronjob: {
+    group: GroupEnumType.Batch,
+    version: VersionEnumType.V2Alpha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.CronJob
+  },
+  hpa: {
+    group: GroupEnumType.AutoScaling,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.HorizontalPodAutoscaler
+  },
+  gateway: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Gateway
+  },
+  authentication: {
+    group: GroupEnumType.SecurityIstioIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.PeerAuthentication
+  },
+  virtualservice: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.VirtualService
+  },
+  destinationrule: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.DestinationRule
+  },
+  serviceentry: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.None
+  }
+};
+
+/**
+ * 这里的apiVersion的配置，只列出与1.8不同的，其余都保持和1.8相同的配置
+ * apps/v1beta1 及 apps/v1beta2 ，请使用apps/v1
+ * extensions/v1beta1下的daemonsets , deployments , replicasets ，请使用apps/v1
+ * extensions/v1beta1下的networkpolicies，请使用networking.k8s.io/v1
+ * extensions/v1beta1下的podsecuritypolicies ，请使用policy/v1beta1
+ */
+const k8sApiVersionFor118: ApiVersion = {
+  deployment: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Deployment
+  },
+  statefulset: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.StatefulSet
+  },
+  daemonset: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.DaemonSet
+  },
+  rs: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ReplicaSet
+  },
+  controlPlane: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ControlPlane
+  }
+};
+
+/**
+ * 这里的apiVersion的配置，只列出与1.8不同的，其余都保持和1.8相同的配置
+ * 1.12及以上 extensions/v1beta1 => networking.k8s.io/v1beta1
+ */
+const k8sApiVersionForOver112: ApiVersion = {
+  ingress: {
+    group: GroupEnumType.NetworkingK8sIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Ingress
+  }
+};
+
+const k8sApiVersionForOver122: ApiVersion = {
+  clusterRole: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ClusterRole
+  },
+  clusterRoleBinding: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ClusterRoleBinding
+  },
+  role: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Role
+  },
+  roleBinding: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.RoleBinding
+  },
+  ingress: {
+    group: GroupEnumType.NetworkingK8sIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Ingress
+  }
+};
+
+const k8sApiVersionForOver126: ApiVersion = {
+  hpa: {
+    group: GroupEnumType.AutoScaling,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.HorizontalPodAutoscaler
+  },
+  cronjob: {
+    group: GroupEnumType.Batch,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.CronJob
+  }
+};
+
+/** 以1.8的为基准，后续有新增再继续更改 */
+const k8sApiVersionFor18: ApiVersion = {
+  deployment: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1Beta2,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Deployment
+  },
+  statefulset: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1Beta2,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.StatefulSet
+  },
+  daemonset: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1Beta2,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.DaemonSet
+  },
+  job: {
+    group: GroupEnumType.Batch,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Job
+  },
+  cronjob: {
+    group: GroupEnumType.Batch,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.CronJob
+  },
+  pods: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Pod
+  },
+  rc: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.ReplicationController
+  },
+  rs: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1Beta2,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ReplicaSet
+  },
+  svc: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Service
+  },
+  serviceaccount: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.ServiceAccount
+  },
+  ingress: {
+    group: GroupEnumType.Extensions,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Ingress
+  },
+  configmap: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.ConfigMap
+  },
+  secret: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Secret
+  },
+  pv: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.PersistentVolume
+  },
+  pvc: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.PersistentVolumeClaim
+  },
+  sc: {
+    group: GroupEnumType.StorageK8sIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.StorageClass
+  },
+  hpa: {
+    group: GroupEnumType.AutoScaling,
+    version: VersionEnumType.V2Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.HorizontalPodAutoscaler
+  },
+  hpc: {
+    group: GroupEnumType.HPCTencentCom,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.HorizontalPodCronscaler
+  },
+  vpa: {
+    group: GroupEnumType.AutoScalingK8sIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.VerticalPodAutoscaler
+  },
+  event: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api
+  },
+  node: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Node
+  },
+  masteretcd: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Node
+  },
+  cluster: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.Cluster
+  },
+  ns: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Namespace
+  },
+  np: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Namespace
+  },
+  logcs: {
+    group: GroupEnumType.CcsQcloudTencentCom,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.LogCollector
+  },
+  loglistener: {
+    group: GroupEnumType.ClsCloudTencentCom,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.LogListener
+  },
+  eniipamds: {
+    group: apiServerVersion.group,
+    basicEntry: apiServerVersion.basicUrl,
+    version: apiServerVersion.version,
+    headTitle: K8SKindNameEnum.Eniipamds
+  },
+  gateway: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Gateway
+  },
+  requestAuthentication: {
+    group: GroupEnumType.SecurityIstioIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.RequestAuthentication
+  },
+  peerAuthentication: {
+    group: GroupEnumType.SecurityIstioIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.PeerAuthentication
+  },
+  authorization: {
+    group: GroupEnumType.SecurityIstioIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Authorization
+  },
+  virtualservice: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.VirtualService
+  },
+  destinationrule: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.DestinationRule
+  },
+  serviceentry: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.None
+  },
+  sidecar: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Sidecar
+  },
+  workloadEntry: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.WorkloadEntry
+  },
+  envoyFilter: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.EnvoyFilter
+  },
+  workloadGroup: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.WorkloadGroup
+  },
+  authorizationPolicy: {
+    group: GroupEnumType.SecurityIstioIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.AuthorizationPolicy
+  },
+  istioResource: {
+    group: GroupEnumType.NetworkingIstioIo,
+    version: VersionEnumType.V1Alpha3,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.IstioResource
+  },
+  controlPlane: {
+    group: GroupEnumType.Apps,
+    version: VersionEnumType.V1Beta2,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ControlPlane
+  },
+  clusterRole: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ClusterRole
+  },
+  clusterRoleBinding: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ClusterRoleBinding
+  },
+  role: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Role
+  },
+  roleBinding: {
+    group: GroupEnumType.RbacAuthK8sIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.RoleBinding
+  },
+  resourceQuota: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.ResourceQuota
+  },
+  limitRange: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.LimitRange
+  },
+  recommendationValue: {
+    group: GroupEnumType.RecommendationTkeIo,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.RecommendationValue
+  },
+  ai_environment: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.Environment
+  },
+  loadBalancerResource: {
+    group: GroupEnumType.NetworkingTkeCloudTencent,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.RecommendationValue
+  },
+  backup: {
+    group: GroupEnumType.BackupTKE,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Backup
+  },
+  backupSchedule: {
+    group: GroupEnumType.BackupTKE,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.BackupSchedule
+  },
+  restore: {
+    group: GroupEnumType.BackupTKE,
+    version: VersionEnumType.V1Beta1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Restore
+  },
+  endpoint: {
+    group: GroupEnumType.Empty,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Api,
+    headTitle: K8SKindNameEnum.Endpoints
+  },
+  injectpod: {
+    group: GroupEnumType.EKSCloudTencentCom,
+    basicEntry: BasicEntryType.Apis,
+    version: VersionEnumType.V1,
+    headTitle: K8SKindNameEnum.Eniipamds
+  }
+};
+
+const k8sApiVersionForAddon: ApiVersion = {
+  addon: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.Addon
+  },
+  clusterAddon: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.ClusterAddon
+  },
+  addonApps: {
+    group: GroupEnumType.ApplicationTkeStackIo,
+    version: VersionEnumType.V1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.ClusterAddon
+  },
+  addon_helm: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.Helm
+  },
+  addon_gameapp: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.GameApp
+  },
+  addon_gpumanager: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.GPUManager
+  },
+  addon_logcollector: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.AddonLogCollector
+  },
+  addon_persistentevent: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.PersistentEvent
+  },
+  addon_lbcf: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.LBCF
+  },
+  addon_cfs: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.CFS
+  },
+  addon_cos: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.COS
+  },
+  addon_p2p: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.ImageP2P
+  },
+  addon_npd: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.NodeProblemDetector
+  },
+  addon_dns_autoscaler: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.DNSAutoscaler
+  },
+  addon_dns_localcache: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.NodeLocalDNSCache
+  },
+  addon_tcr: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.Tcr
+  },
+  addon_oom_guard: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.OOMGuard
+  },
+  addon_nginx_ingress_controller_operator: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.NginxIngressOperator
+  },
+  nginx_ingress_crd: {
+    group: apiServerVersion.group,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.NginxIngressCRD
+  },
+  addon_scheduler: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.Scheduler
+  },
+  addon_network_policy: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.NetworkPolicy
+  },
+  addon_hpc: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.HPC
+  },
+  addon_cbs: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.CBS
+  },
+  addon_de_scheduler: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.DeScheduler
+  },
+  addon_olm: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.OLM
+  },
+  addon_qgpu: {
+    group: apiServerVersion.group,
+    version: apiServerVersion.version,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.QGPU
+  },
+  addon_craned: {
+    group: GroupEnumType.HousekeeperPolicy,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.housekeeperPolicy
+  },
+  addon_crane_scheduler: {
+    group: GroupEnumType.HousekeeperPolicy,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.housekeeperPolicy
+  },
+  housekeeperPolicy: {
+    group: GroupEnumType.HousekeeperPolicy,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: apiServerVersion.basicUrl,
+    headTitle: K8SKindNameEnum.housekeeperPolicy
+  }
+};
+
+const k8sApiVersionForClusternet: ApiVersion = {
+  subscription: {
+    group: GroupEnumType.Clusternet,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Subscription
+  },
+  manifest: {
+    group: GroupEnumType.Clusternet,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Manifest
+  },
+  localization: {
+    group: GroupEnumType.Clusternet,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Localization
+  },
+  globalization: {
+    group: GroupEnumType.Clusternet,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Globalization
+  },
+
+  helmchart: {
+    group: GroupEnumType.Clusternet,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.HelmChart
+  },
+  helmrelease: {
+    group: GroupEnumType.Clusternet,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.HelmRelease
+  },
+  description: {
+    group: GroupEnumType.Clusternet,
+    version: VersionEnumType.V1Aplha1,
+    basicEntry: BasicEntryType.Apis,
+    headTitle: K8SKindNameEnum.Description
+  }
+};
+/**
+ * 这里配置的是k8s各版本的的k8s资源的 group 和 version 的最新版本
+ * @pre 只需要保证每个k8s大版本当中的 group 和 version使用最新的即可，会向下兼容
+ */
+export function apiVersion(clusterVersion = '1.8'): ApiVersion {
+  let finalApiVersion: ApiVersion = { ...k8sApiVersionForClusternet, ...k8sApiVersionForAddon, ...k8sApiVersionFor18 };
+
+  // 1.7当中的group变化
+  if (satisfyClusterVersion(clusterVersion, '1.7', 'eq')) {
+    finalApiVersion = { ...finalApiVersion, ...k8sApiVersionFor17 };
+  }
+
+  // 1.12及其以上的版本，ingress的group 为 extensions/v1beta1 => networking.k8s.io/v1beta1
+  if (satisfyClusterVersion(clusterVersion, '1.12', 'gt')) {
+    finalApiVersion = { ...finalApiVersion, ...k8sApiVersionForOver112 };
+  }
+
+  // 1.18版本的group变化
+  if (satisfyClusterVersion(clusterVersion, '1.18', 'ge')) {
+    finalApiVersion = { ...finalApiVersion, ...k8sApiVersionFor118 };
+  }
+
+  if (satisfyClusterVersion(clusterVersion, '1.22', 'ge')) {
+    finalApiVersion = { ...finalApiVersion, ...k8sApiVersionForOver122 };
+  }
+
+  if (satisfyClusterVersion(clusterVersion, '1.26', 'ge')) {
+    finalApiVersion = { ...finalApiVersion, ...k8sApiVersionForOver126 };
+  }
+
+  return finalApiVersion;
+}
+
+//TODO 对照修复
diff --git a/web/console/src/webApi/apiPath/index.ts b/web/console/src/webApi/apiPath/index.ts
new file mode 100644
index 0000000000..0ce77d5e7a
--- /dev/null
+++ b/web/console/src/webApi/apiPath/index.ts
@@ -0,0 +1,9 @@
+import { apiVersion, ApiVersionKeyName } from './apiVersion';
+export { ApiVersionKeyName } from './apiVersion';
+
+export function apiPath(clusterVersion: string, resourceType: ApiVersionKeyName) {
+  const versionInfo = apiVersion(clusterVersion);
+
+  const { basicEntry, group, version } = versionInfo[resourceType];
+  return `/${basicEntry}/${group}/${version}`;
+}
diff --git a/web/console/src/webApi/index.ts b/web/console/src/webApi/index.ts
index d55be12e66..2c27e5d9f6 100644
--- a/web/console/src/webApi/index.ts
+++ b/web/console/src/webApi/index.ts
@@ -7,3 +7,7 @@ export * as storageClassAPI from './storage-class';
 export * as PVCAPI from './pvc';
 
 export * as registryApi from './registry';
+
+export * as workloadApi from './workload';
+
+export * as nodeApi from './node';
diff --git a/web/console/src/webApi/node.ts b/web/console/src/webApi/node.ts
new file mode 100644
index 0000000000..c078b6701b
--- /dev/null
+++ b/web/console/src/webApi/node.ts
@@ -0,0 +1,9 @@
+import { Request } from './request';
+
+export function fetchNodeList({ clusterId }) {
+  return Request.get<any, any>(`/api/v1/nodes`, {
+    headers: {
+      'X-TKE-ClusterName': clusterId
+    }
+  });
+}
diff --git a/web/console/src/webApi/request.ts b/web/console/src/webApi/request.ts
index cfe3b4855f..f2e68219a8 100644
--- a/web/console/src/webApi/request.ts
+++ b/web/console/src/webApi/request.ts
@@ -16,10 +16,9 @@
  * specific language governing permissions and limitations under the License.
  */
 import { changeForbiddentConfig } from '@/index.tke';
+import { createCSRFHeader } from '@helper';
 import Axios from 'axios';
 import { v4 as uuidv4 } from 'uuid';
-import Cookies from 'js-cookie';
-import { createCSRFHeader } from '@helper';
 
 const instance = Axios.create({
   timeout: 10000
diff --git a/web/console/src/webApi/workload.ts b/web/console/src/webApi/workload.ts
new file mode 100644
index 0000000000..0be2a60fc6
--- /dev/null
+++ b/web/console/src/webApi/workload.ts
@@ -0,0 +1,35 @@
+import { apiPath, ApiVersionKeyName } from './apiPath';
+import { Request } from './request';
+
+interface IProps {
+  clusterVersion: string;
+  resourceId: string;
+  namespace: string;
+  clusterId: string;
+  kind: ApiVersionKeyName;
+  data?: any;
+}
+
+export function fetchWorkloadResource({
+  resourceId,
+  namespace,
+  clusterId,
+  kind,
+
+  clusterVersion
+}: IProps) {
+  return Request.get<any, any>(`${apiPath(clusterVersion, kind)}/namespaces/${namespace}/${kind}s/${resourceId}`, {
+    headers: {
+      'X-TKE-ClusterName': clusterId
+    }
+  });
+}
+
+export function updateWorkloadResource({ resourceId, namespace, clusterId, kind, data, clusterVersion }: IProps) {
+  return Request.patch(`${apiPath(clusterVersion, kind)}/namespaces/${namespace}/${kind}s/${resourceId}`, data, {
+    headers: {
+      'Content-Type': 'application/strategic-merge-patch+json',
+      'X-TKE-ClusterName': clusterId
+    }
+  });
+}