From 2ee769b46afd819336b9a4eb06c3b15188a138c2 Mon Sep 17 00:00:00 2001
From: duorameng <2997944583@qq.com>
Date: Sun, 21 Jun 2026 11:42:26 +0800
Subject: [PATCH] feat(monitor): persist active tab using localStorage #133

---
 web/src/views/monitor/Monitor.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/views/monitor/Monitor.vue b/web/src/views/monitor/Monitor.vue
index 015efd4..91cbe5b 100644
--- a/web/src/views/monitor/Monitor.vue
+++ b/web/src/views/monitor/Monitor.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, computed } from 'vue'
+import { ref, watch, onMounted, onUnmounted, computed } from 'vue'
 import type { MonitorStats } from '@/api'
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
@@ -33,7 +33,12 @@ ChartJS.register(
   Filler
 )
 
-const activeTab = ref('charts')
+const activeTab = ref(localStorage.getItem('monitor_active_tab') || 'charts')
+
+watch(activeTab, (newVal) => {
+  localStorage.setItem('monitor_active_tab', newVal)
+})
+
 const stats = ref<MonitorStats | null>(null)
 const loading = ref(false)
 let timer: any = null