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 1/2] =?UTF-8?q?=E6=8F=92=E4=BB=B6=E4=BB=AA=E8=A1=A8?=
 =?UTF-8?q?=E6=9D=BF=E7=BB=84=E4=BB=B6=E5=8D=B8=E8=BD=BD=E6=97=B6=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=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>

From 73f9ebc709076574028fb5586b9e3fc8523f2d1b Mon Sep 17 00:00:00 2001
From: Allen <hotlcc@qq.com>
Date: Wed, 15 May 2024 10:29:34 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=8F=92=E4=BB=B6=E4=BB=AA=E8=A1=A8?=
 =?UTF-8?q?=E6=9D=BF=E6=94=AF=E6=8C=81=E8=87=AA=E5=AE=9A=E4=B9=89=E5=AD=90?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/misc/DashboardElement.vue b/src/components/misc/DashboardElement.vue
index b438f006..be645514 100644
--- a/src/components/misc/DashboardElement.vue
+++ b/src/components/misc/DashboardElement.vue
@@ -46,7 +46,7 @@ onUnmounted(() => {
         <VIcon class="cursor-move">mdi-drag</VIcon>
       </template>
       <VCardTitle>
-        {{ props.config?.name }}
+        {{ props.config?.name + (props.config?.attrs?.subtitle ? ' - ' + props.config.attrs.subtitle : '') }}
       </VCardTitle>
     </VCardItem>
     <VCardText :class="{ 'p-0': props.config?.attrs.border === false }">
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 2ef5a744..d2591fa5 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -268,7 +268,10 @@ onBeforeMount(async () => {
       <VCardText>
         <VRow>
           <VCol v-for="item in dashboardConfigs" :key="item.id" cols="6" md="4" sm="4">
-            <VCheckbox v-model="enableConfig[item.id]" :label="item.name" />
+            <VCheckbox
+              v-model="enableConfig[item.id]"
+              :label="item.name + (item.attrs?.subtitle ? ' - ' + item.attrs.subtitle : '')"
+            />
           </VCol>
         </VRow>
       </VCardText>