Implement background optimization composable for data refresh and SSE

Co-authored-by: jxxghp <jxxghp@163.com>

src/views/dashboard/AnalyticsScheduler.vue

@@ -2,9 +2,11 @@
 import api from '@/api'
 import type { ScheduleInfo } from '@/api/types'
 import { useI18n } from 'vue-i18n'
+import { useBackgroundOptimization } from '@/composables/useBackgroundOptimization'
 
 // 国际化
 const { t } = useI18n()
+const { useDataRefresh } = useBackgroundOptimization()
 
 // 输入参数
 const props = defineProps({
@@ -18,9 +20,6 @@ const props = defineProps({
 // 定时服务列表
 const schedulerList = ref<ScheduleInfo[]>([])
 
-// 定时器
-let refreshTimer: NodeJS.Timeout | null = null
-
 // 调用API加载定时服务列表
 async function loadSchedulerList() {
   if (!props.allowRefresh) {
@@ -35,22 +34,13 @@ async function loadSchedulerList() {
   }
 }
 
-onMounted(() => {
-  loadSchedulerList()
-
-  // 启动定时器
-  refreshTimer = setInterval(() => {
-    loadSchedulerList()
-  }, 60000)
-})
-
-// 组件卸载时停止定时器
-onUnmounted(() => {
-  if (refreshTimer) {
-    clearInterval(refreshTimer)
-    refreshTimer = null
-  }
-})
+// 使用优化的数据刷新定时器
+useDataRefresh(
+  'dashboard-scheduler',
+  loadSchedulerList,
+  60000, // 60秒间隔
+  true // 立即执行
+)
 </script>
 
 <template>