From f6884ba4f96ae63ae1365c037c009792a66542a6 Mon Sep 17 00:00:00 2001
From: Allen <hotlcc@qq.com>
Date: Wed, 15 May 2024 10:27:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=92=E4=BB=B6=E4=BB=AA=E8=A1=A8=E6=9D=BF?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=8D=B8=E8=BD=BD=E6=97=B6=E5=8F=96=E6=B6=88?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0=E5=AE=9A=E6=97=B6=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/misc/DashboardElement.vue |  9 +++++++++
 src/pages/dashboard.vue                  | 11 +++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/misc/DashboardElement.vue b/src/components/misc/DashboardElement.vue
index 4ecf2347..b438f006 100644
--- a/src/components/misc/DashboardElement.vue
+++ b/src/components/misc/DashboardElement.vue
@@ -16,6 +16,15 @@ import { isNullOrEmptyObject } from '@/@core/utils'
 const props = defineProps({
   // 仪表板配置
   config: Object as PropType<DashboardItem>,
+  // 刷新状态
+  refreshStatus: Boolean,
+})
+
+const emit = defineEmits(['update:refreshStatus'])
+
+onUnmounted(() => {
+  // 组件卸载时禁用刷新状态
+  emit('update:refreshStatus', false)
 })
 </script>
 <template>
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 61f98ff3..2ef5a744 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -172,6 +172,8 @@ function saveDashboardConfig() {
   } catch (error) {
     console.error(error)
   }
+  // 保存后重新获取插件仪表板
+  getDashboardPlugins()
   dialog.value = false
 }
 
@@ -184,6 +186,8 @@ async function getDashboardPlugins() {
     if (!isNullOrEmptyObject(dashboardPlugins.value)) {
       // 下载插件仪表板配置
       dashboardPlugins.value.forEach(async (plugin: { id: string }) => {
+        // 初始化插件仪表板的刷新状态
+        pluginDashboardRefreshStatus.value[plugin.id] = true
         await getPluginDashboard(plugin.id)
       })
     }
@@ -192,6 +196,9 @@ async function getDashboardPlugins() {
   }
 }
 
+// 插件仪表板的刷新状态
+const pluginDashboardRefreshStatus = ref<{ [key: string]: boolean }>({})
+
 // 获取一个插件的仪表板配置项
 async function getPluginDashboard(id: string) {
   try {
@@ -209,7 +216,7 @@ async function getPluginDashboard(id: string) {
         // 定时刷新
         if (res.attrs?.refresh) {
           setTimeout(() => {
-            getPluginDashboard(id)
+            pluginDashboardRefreshStatus.value[id] && getPluginDashboard(id)
           }, res.attrs.refresh * 1000)
         }
       }
@@ -243,7 +250,7 @@ onBeforeMount(async () => {
   >
     <template #item="{ element }">
       <VCol v-if="enableConfig[element.id] && element.cols" v-bind:="element.cols">
-        <DashboardElement :config="element" />
+        <DashboardElement :config="element" v-model:refreshStatus="pluginDashboardRefreshStatus[element.id]" />
       </VCol>
     </template>
   </draggable>