fix: ip选择器容器拓扑树数据量过大卡死 #3057

# Reviewed, transaction id: 9784
TencentBlueKing · Jun 14, 2024 · e4811ae · e4811ae
1 parent 69ec867
commit e4811ae
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 5 deletions.
diff --git a/src/frontend/package.json b/src/frontend/package.json
@@ -14,7 +14,7 @@
   "keywords": [],
   "license": "ISC",
   "dependencies": {
-    "@blueking/ip-selector": "0.3.0-beta.21",
+    "@blueking/ip-selector": "0.3.0-beta.26",
     "@blueking/login-modal": "1.0.4",
     "@blueking/notice-component-vue2": "2.0.0-beta.2",
     "@blueking/paas-login": "0.0.11",

diff --git a/src/frontend/src/components/task-step/common/rolling/index.vue b/src/frontend/src/components/task-step/common/rolling/index.vue
@@ -143,6 +143,10 @@
         type: String,
         required: true,
       },
+      serverField: {
+        type: String,
+        required: true,
+      },
       formData: {
         type: Object,
         default: () => ({}),
@@ -200,11 +204,15 @@
       },
     },
     beforeDestroy() {
+      if (this.popperInstance) {
+        this.popperInstance.hide();
+        this.popperInstance.destroy();
+      }
       this.popperInstance = undefined;
     },
     methods: {
       showTips() {
-        if (this.formData.server.isEmpty) {
+        if (this.formData[this.serverField].isEmpty) {
           this.popperInstance && this.popperInstance.hide();
           return;
         }
@@ -221,7 +229,7 @@
             size: 'small',
             boundary: 'window',
             distance: 20,
-            zIndex: window.__bk_zIndex_manager.nextZIndex(), // eslint-disable-line no-underscore-dangle
+            zIndex: 990,
           });
           this.popperInstance.setContent(this.$refs.tips);
         }
@@ -230,11 +238,13 @@
           hostList,
           nodeList,
           containerList,
-        } = this.formData.server.executeObjectsInfo;
+        } = this.formData[this.serverField].executeObjectsInfo;
 
         // 选中的主机或者容器大于 100 时直接显示
         if (hostList.length >= 100 || containerList.length >= 100) {
-          this.popperInstance.show();
+          setTimeout(() => {
+            this.popperInstance.show();
+          }, 1000);
           return;
         }
 

diff --git a/src/frontend/src/views/fast-execution/distro-file/index.vue b/src/frontend/src/views/fast-execution/distro-file/index.vue
@@ -103,6 +103,7 @@
               :form-data="formData"
               mode-field="rollingMode"
               name="rolling"
+              server-field="server"
               @on-change="handleChange"
               @on-reset="handleReset" />
           </card-layout>

diff --git a/src/frontend/src/views/fast-execution/exec-script/index.vue b/src/frontend/src/views/fast-execution/exec-script/index.vue
@@ -91,6 +91,7 @@
             :form-data="formData"
             mode-field="rollingMode"
             name="rolling"
+            server-field="taskTarget"
             @on-change="handleChange"
             @on-reset="handleReset" />
         </jb-form>