From c5c5a98ac44a8232b67631fb3044068b97aa447a Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Mon, 21 Apr 2025 10:51:01 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=E4=BF=AE=E5=A4=8D=20MCP?=
 =?UTF-8?q?=20=E9=A1=B5=E9=9D=A2=E7=9A=84=E4=B8=80=E4=BA=9B=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/components/shared/ItemCardGrid.vue |  2 +-
 dashboard/src/views/ToolUsePage.vue              | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/shared/ItemCardGrid.vue b/dashboard/src/components/shared/ItemCardGrid.vue
index 8a81656ac..c10c41c05 100644
--- a/dashboard/src/components/shared/ItemCardGrid.vue
+++ b/dashboard/src/components/shared/ItemCardGrid.vue
@@ -10,7 +10,7 @@
     <v-row v-else>
       <v-col v-for="(item, index) in items" :key="index" cols="12" md="6" lg="4" xl="3">
         <v-card class="item-card hover-elevation" :color="getItemEnabled(item) ? '' : 'grey-lighten-4'">
-          <!-- <div class="item-status-indicator" :class="{'active': getItemEnabled(item)}"></div> -->
+          <div class="item-status-indicator" :class="{'active': getItemEnabled(item)}"></div>
           <v-card-title class="d-flex justify-space-between align-center pb-1 pt-3">
             <span class="text-h4 text-truncate" :title="getItemTitle(item)">{{ getItemTitle(item) }}</span>
             <v-tooltip location="top">
diff --git a/dashboard/src/views/ToolUsePage.vue b/dashboard/src/views/ToolUsePage.vue
index 5a384a671..edac815e2 100644
--- a/dashboard/src/views/ToolUsePage.vue
+++ b/dashboard/src/views/ToolUsePage.vue
@@ -60,7 +60,7 @@
             <v-card-text class="px-4 py-3">
 
               <item-card-grid :items="mcpServers || []" title-field="name" enabled-field="active"
-                empty-icon="mdi-server-off" empty-text="暂无 MCP 服务器，点击 新增服务器 添加" @toggle-enabled="platformStatusChange"
+                empty-icon="mdi-server-off" empty-text="暂无 MCP 服务器，点击 新增服务器 添加" @toggle-enabled="updateServerStatus"
                 @delete="deleteServer" @edit="editServer">
                 <template v-slot:item-details="{ item }">
 
@@ -568,13 +568,17 @@ export default {
     this.getTools();
     this.fetchMarketplaceServers();
 
-    // 定期刷新本地服务器列表
-    setInterval(() => {
+    this.refreshInterval = setInterval(() => {
       this.getServers();
       this.getTools();
     }, 5000);
   },
 
+  unmounted() {
+    // 清除定时器
+    clearInterval(this.refreshInterval);
+  },
+
   methods: {
     openurl(url) {
       window.open(url, '_blank');
@@ -724,6 +728,8 @@ export default {
     },
 
     updateServerStatus(server) {
+      // 切换服务器状态
+      server.active = !server.active;
       axios.post('/api/tools/mcp/update', server)
         .then(response => {
           this.getServers();