From df4269a5e9febfe187a741ab1d62b0bfaae5af3d Mon Sep 17 00:00:00 2001
From: xh <11675084@qq.com>
Date: Wed, 19 Nov 2025 17:29:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=81=87=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/views/workbench/index.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/admin/src/views/workbench/index.vue b/admin/src/views/workbench/index.vue
index d8fd898..1a2c6dc 100644
--- a/admin/src/views/workbench/index.vue
+++ b/admin/src/views/workbench/index.vue
@@ -92,7 +92,7 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive } from 'vue'
+import { reactive, onDeactivated, onActivated, onMounted } from 'vue'
 import { getWorkbench } from '@/api/app'
 import '@/utils/echart'
 import vCharts from 'vue-echarts'
@@ -161,8 +161,30 @@ const getData = async () => {
     workbenchData.visitorOption.xAxis.data = res.visitor.date
     workbenchData.visitorOption.series[0].data = res.visitor.list
 }
+let timer: any = null
+function updateChart() {
+    clearInterval(timer)
+    timer = setInterval(() => {
+        workbenchData.visitorOption.xAxis.data.push(new Date().toLocaleTimeString())
+        workbenchData.visitorOption.series[0].data.push(Math.floor(Math.random() * 500))
 
-getData()
+        // 保持数据长度在10个
+        if (workbenchData.visitorOption.xAxis.data.length > 20) {
+            workbenchData.visitorOption.xAxis.data.shift()
+            workbenchData.visitorOption.series[0].data.shift()
+        }
+    }, 1000)
+}
+onActivated(() => {
+    updateChart()
+})
+onDeactivated(() => {
+    clearInterval(timer)
+})
+onMounted(() => {
+    getData()
+    updateChart()
+})
 </script>
 
 <style lang="scss" scoped></style>