From 55130575dfca480cad64b735dfd2728537d3fa21 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 10 Jul 2023 16:46:52 +0800
Subject: [PATCH] fix dashboard

---
 src/views/dashboard/AnalyticsProcesses.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/views/dashboard/AnalyticsProcesses.vue b/src/views/dashboard/AnalyticsProcesses.vue
index 143a899c..32849c95 100644
--- a/src/views/dashboard/AnalyticsProcesses.vue
+++ b/src/views/dashboard/AnalyticsProcesses.vue
@@ -3,10 +3,15 @@ import { formatSeconds } from "@/@core/utils/formatters";
 import api from "@/api";
 import { Process } from "@/api/types";
 
+// 表头
 const headers = ["进程ID", "进程名称", "运行时间", "内存占用"];
 
+// 数据列表
 const processList = ref<Process[]>([]);
 
+// 定时器
+let refreshTimer: NodeJS.Timer | null = null;
+
 // 调用API加载数据
 const loadProcessList = async () => {
   try {
@@ -19,6 +24,18 @@ const loadProcessList = async () => {
 
 onMounted(() => {
   loadProcessList();
+  // 启动定时器
+  refreshTimer = setInterval(() => {
+    loadProcessList();
+  }, 5000);
+});
+
+// 组件卸载时停止定时器
+onUnmounted(() => {
+  if (refreshTimer) {
+    clearInterval(refreshTimer);
+    refreshTimer = null;
+  }
 });
 </script>