From 86f8884e45d7c87f09abb03e85acdc843cd08385 Mon Sep 17 00:00:00 2001
From: AoXuan <aoxuan233@gmail.com>
Date: Tue, 9 Sep 2025 21:28:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=90=8E=E7=AB=AF?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC=E6=A3=80=E6=9F=A5=E5=8A=9F=E8=83=BD=E5=8F=8A?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/TitleBar.vue | 58 +++++++++++++++++++++++++---
 1 file changed, 53 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/TitleBar.vue b/frontend/src/components/TitleBar.vue
index ef20330..270e355 100644
--- a/frontend/src/components/TitleBar.vue
+++ b/frontend/src/components/TitleBar.vue
@@ -12,6 +12,13 @@
           <span v-if="updateInfo?.if_need_update" class="update-hint" :title="getUpdateTooltip()">
             检测到更新 {{ updateInfo.latest_version }} 请尽快更新
           </span>
+          <span
+            v-if="backendUpdateInfo?.if_latest"
+            class="update-hint"
+            :title="getUpdateTooltip()"
+          >
+            检测到更新后端有更新。请重启软件即可自动完成更新
+          </span>
         </span>
       </div>
     </div>
@@ -42,11 +49,11 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { MinusOutlined, BorderOutlined, CopyOutlined, CloseOutlined } from '@ant-design/icons-vue'
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+import { BorderOutlined, CloseOutlined, CopyOutlined, MinusOutlined } from '@ant-design/icons-vue'
 import { useTheme } from '@/composables/useTheme'
-import { Service } from '@/api'
 import type { UpdateCheckOut } from '@/api'
+import { Service, type VersionOut } from '@/api'
 
 const { isDark } = useTheme()
 const isMaximized = ref(false)
@@ -54,6 +61,11 @@ const isMaximized = ref(false)
 // 使用 import.meta.env 或直接定义版本号，确保打包后可用
 const version = import.meta.env.VITE_APP_VERSION || '获取版本失败！'
 const updateInfo = ref<UpdateCheckOut | null>(null)
+const backendUpdateInfo = ref<VersionOut | null>(null)
+
+const POLL_MS = 10 * 60 * 1000 // 10 分钟
+let pollTimer: number | null = null
+const polling = ref(false)
 
 // 获取是否有更新
 const getAppVersion = async () => {
@@ -65,7 +77,16 @@ const getAppVersion = async () => {
     return ver || '获取版本失败！'
   } catch (error) {
     console.error('Failed to get app version:', error)
-    return '获取版本失败！'
+    return '获取前端版本失败！'
+  }
+}
+
+const getBackendVersion = async () => {
+  try {
+    backendUpdateInfo.value = await Service.getGitVersionApiInfoVersionPost()
+  } catch (error) {
+    console.error('Failed to get backend version:', error)
+    return '获取后端版本失败！'
   }
 }
 
@@ -111,13 +132,40 @@ const closeWindow = async () => {
   }
 }
 
+const pollOnce = async () => {
+  if (polling.value) return
+  polling.value = true
+  try {
+    const [appRes, backendRes] = await Promise.allSettled([getAppVersion(), getBackendVersion()])
+
+    if (appRes.status === 'rejected') {
+      console.error('getAppVersion failed:', appRes.reason)
+    }
+    if (backendRes.status === 'rejected') {
+      console.error('getBackendVersion failed:', backendRes.reason)
+    }
+  } finally {
+    polling.value = false
+  }
+}
+
 onMounted(async () => {
   try {
     isMaximized.value = (await window.electronAPI?.windowIsMaximized()) || false
   } catch (error) {
     console.error('Failed to get window state:', error)
   }
-  await getAppVersion()
+  // 初始化立即跑一次
+  await pollOnce()
+  // 每 10 分钟检查一次更新
+  pollTimer = window.setInterval(pollOnce, POLL_MS)
+})
+
+onBeforeUnmount(() => {
+  if (pollTimer) {
+    clearInterval(pollTimer)
+    pollTimer = null
+  }
 })
 </script>