fix：主模块没有运行中的进程，导致资源指标不展示 (#1272)

TencentBlueKing · Apr 19, 2024 · 42c899b · 42c899b
1 parent 7e4e0a2
commit 42c899b
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/webfe/package_vue/src/views/dev-center/app/summary/default-overview.vue b/webfe/package_vue/src/views/dev-center/app/summary/default-overview.vue
@@ -173,12 +173,10 @@
               :class="{ 'resource-usage': isCloudNativeApp }"
             >
               <div
-                v-if="isProcessDataReady && !isChartLoading"
                 class="search-chart-wrap"
               >
                 <!-- 进程列表 -->
                 <bk-select
-                  v-if="curEnvProcesses.length"
                   v-model="curProcessName"
                   style="width: 116px; font-weight: normal;"
                   class="fr collapse-select mb10 mr10"
@@ -195,7 +193,6 @@
                 </bk-select>
                 <!-- 环境列表，该环境没有模块信息，不需要显示 -->
                 <bk-select
-                  v-if="curProcessEnvList.length"
                   v-model="curEnvName"
                   style="width: 116px; font-weight: normal;"
                   class="fr collapse-select mb10 mr10"
@@ -210,6 +207,7 @@
                     :name="option.label"
                   />
                 </bk-select>
+                <!-- 模块列表 -->
                 <bk-select
                   v-model="curModuleName"
                   style="width: 116px; font-weight: normal;"
@@ -549,6 +547,16 @@ export default {
         this.curEnvName = this.curProcessEnvList.length !== 0 ? this.curProcessEnvList[0].name : 'stag';
       }
     },
+    curAppModuleList: {
+      handler(modules) {
+        const isProcessListPresent = modules.find(module => module.name === this.curModuleName);
+        // 当前模块没有运行中的进程处理
+        if (!isProcessListPresent) {
+          this.curModuleName = modules[0].name;
+        }
+      },
+      deep: true,
+    },
   },
   created() {
     moment.locale(this.localLanguage);