From 825ebd19fb975005328826ea859aff43bc162f1c Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Fri, 15 Mar 2024 15:40:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=88=E6=8A=A4=E8=BF=9B=E7=A8=8B?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8A=A0=E8=BD=BD=E7=8A=B6=E6=80=81=20(#4201?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refs https://github.com/1Panel-dev/1Panel/issues/4129
---
 frontend/src/views/toolbox/supervisor/index.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/toolbox/supervisor/index.vue b/frontend/src/views/toolbox/supervisor/index.vue
index b01b5641e..19bc2c7b1 100644
--- a/frontend/src/views/toolbox/supervisor/index.vue
+++ b/frontend/src/views/toolbox/supervisor/index.vue
@@ -18,7 +18,7 @@
                 </el-button>
             </template>
             <template #main v-if="showTable">
-                <ComplexTable :data="data" :class="{ mask: !supervisorStatus.isRunning }">
+                <ComplexTable :data="data" :class="{ mask: !supervisorStatus.isRunning }" v-loading="dataLoading">
                     <el-table-column
                         :label="$t('commons.table.name')"
                         fix
@@ -175,6 +175,7 @@ const supervisorStatus = ref({
     isRunning: false,
     init: true,
 });
+const dataLoading = ref(false);
 
 const setting = () => {
     setSuperVisor.value = true;
@@ -213,8 +214,9 @@ const search = async () => {
     if (!supervisorStatus.value.isExist) {
         return;
     }
-    loading.value = true;
+
     let needLoadStatus = false;
+    dataLoading.value = true;
     try {
         const res = await GetSupervisorProcess();
         data.value = res.data;
@@ -229,8 +231,10 @@ const search = async () => {
         if (supervisorStatus.value.isRunning && needLoadStatus) {
             setTimeout(loadStatus, 1000);
         }
-    } catch (error) {}
-    loading.value = false;
+    } catch (error) {
+    } finally {
+        dataLoading.value = false;
+    }
 };
 
 const loadStatus = async () => {