From 3605ce0aee7644db5aabe1b5137c3e8475a25056 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Sat, 10 May 2025 10:14:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=AE=9A=E6=97=B6?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E6=8C=82=E8=B5=B7=E4=BC=9A=E8=AF=9D=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../stores/session/actions/sshSuspendActions.ts | 12 +++++++++---
 .../src/views/SuspendedSshSessionsView.vue      | 17 ++++++++++++++++-
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/stores/session/actions/sshSuspendActions.ts b/packages/frontend/src/stores/session/actions/sshSuspendActions.ts
index 692b78f..3f41992 100644
--- a/packages/frontend/src/stores/session/actions/sshSuspendActions.ts
+++ b/packages/frontend/src/stores/session/actions/sshSuspendActions.ts
@@ -151,8 +151,12 @@ export const requestUnmarkSshSuspend = (sessionId: string): void => {
 /**
  * 获取挂起的 SSH 会话列表 (通过 HTTP API)
  */
-export const fetchSuspendedSshSessions = async (): Promise<void> => {
-  isLoadingSuspendedSessions.value = true;
+export const fetchSuspendedSshSessions = async (options?: { showLoadingIndicator?: boolean }): Promise<void> => {
+  const shouldShowLoading = options?.showLoadingIndicator ?? true;
+
+  if (shouldShowLoading) {
+    isLoadingSuspendedSessions.value = true;
+  }
   try {
     // 假设后端 API 端点为 /api/ssh/suspended-sessions
     // 并且它返回 SuspendedSshSession[] 类型的数据
@@ -170,7 +174,9 @@ export const fetchSuspendedSshSessions = async (): Promise<void> => {
     // 即使失败，也可能需要清空旧数据或保留旧数据，具体取决于产品需求
     // suspendedSshSessions.value = []; // 例如，失败时清空
   } finally {
-    isLoadingSuspendedSessions.value = false;
+    if (shouldShowLoading) {
+      isLoadingSuspendedSessions.value = false;
+    }
   }
 };
 
diff --git a/packages/frontend/src/views/SuspendedSshSessionsView.vue b/packages/frontend/src/views/SuspendedSshSessionsView.vue
index e2cc785..a70ee81 100644
--- a/packages/frontend/src/views/SuspendedSshSessionsView.vue
+++ b/packages/frontend/src/views/SuspendedSshSessionsView.vue
@@ -107,7 +107,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed, nextTick, watch } from 'vue'; // +++ 导入 nextTick 和 watch +++
+import { ref, onMounted, onUnmounted, computed, nextTick, watch } from 'vue'; // +++ 导入 nextTick, watch 和 onUnmounted +++
 import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
 import { useSessionStore } from '../stores/session.store';
@@ -243,8 +243,23 @@ const removeSession = (session: SuspendedSshSession) => { // 参数类型改为
   }
 };
 
+let fetchIntervalId: number | undefined;
+
 onMounted(async () => {
+  // 立即获取一次数据 (显示加载指示器)
   await sessionStore.fetchSuspendedSshSessions();
+  
+  // 设置定时器，每3秒获取一次数据 (不显示加载指示器)
+  fetchIntervalId = window.setInterval(async () => {
+    await sessionStore.fetchSuspendedSshSessions({ showLoadingIndicator: false });
+  }, 3000);
+});
+
+onUnmounted(() => {
+  // 组件卸载时清除定时器
+  if (fetchIntervalId) {
+    clearInterval(fetchIntervalId);
+  }
 });
 
 </script>