From be9da7811d3084101cd9fa63304daf6712caff6f Mon Sep 17 00:00:00 2001
From: sudoooooo <zjbbabybaby@gmail.com>
Date: Tue, 4 Jun 2024 16:10:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96=E8=AF=B7=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/contentModule/HistoryPanel.vue    | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/web/src/management/pages/edit/modules/contentModule/HistoryPanel.vue b/web/src/management/pages/edit/modules/contentModule/HistoryPanel.vue
index 8f1a5a40..ef268f5d 100644
--- a/web/src/management/pages/edit/modules/contentModule/HistoryPanel.vue
+++ b/web/src/management/pages/edit/modules/contentModule/HistoryPanel.vue
@@ -25,7 +25,6 @@
   </el-popover>
 </template>
 
-
 <script>
 import { getSurveyHistory } from '@/management/api/survey'
 import moment from 'moment'
@@ -65,10 +64,9 @@ export default {
     }
   },
   watch: {
-    surveyId: {
-      immediate: true,
+    visible: {
       async handler(newVal) {
-        if (newVal) {
+        if (this.visible && newVal) {
           this.fetchHis()
         }
       }
@@ -76,7 +74,7 @@ export default {
     currentTab: {
       immediate: true,
       async handler(newVal) {
-        if (newVal) {
+        if (this.visible && newVal) {
           this.fetchHis()
         }
       }
@@ -89,26 +87,32 @@ export default {
     fetchHis() {
       this.paneLoading = true
       switch (this.currentTab) {
-
         case 'daily':
           getSurveyHistory({
             surveyId: this.surveyId,
             historyType: 'dailyHis'
-          }).then((dailyHis) => {
-            this.dailyHis = dailyHis.data || []
           })
-          break;
+            .then((dailyHis) => {
+              this.dailyHis = dailyHis.data || []
+            })
+            .finally(() => {
+              this.paneLoading = false
+            })
+          break
 
         case 'publish':
           getSurveyHistory({
             surveyId: this.surveyId,
             historyType: 'publishHis'
-          }).then((publishHis) => {
-            this.publishHis = publishHis.data || []
           })
-          break;
+            .then((publishHis) => {
+              this.publishHis = publishHis.data || []
+            })
+            .finally(() => {
+              this.paneLoading = false
+            })
+          break
       }
-      this.paneLoading = false
     }
   }
 }