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

---
 frontend/src/views/Settings.vue | 45 +++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index 38610b6..e4e7b6f 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -14,6 +14,9 @@ import { useSettingsApi } from '../composables/useSettingsApi'
 import type { SelectValue } from 'ant-design-vue/es/select'
 import type { SettingsData } from '../types/settings'
 import { Service, type VersionOut } from '@/api'
+import UpdateModal from '@/components/UpdateModal.vue'
+
+const updateData = ref<Record<string, string[]>>({})
 
 const app_version = import.meta.env.VITE_APP_VERSION || '获取版本失败！'
 
@@ -21,6 +24,8 @@ const router = useRouter()
 const { themeMode, themeColor, themeColors, setThemeMode, setThemeColor } = useTheme()
 const { loading, getSettings, updateSettings } = useSettingsApi()
 
+const updateVisible = ref(false)
+
 const activeKey = ref('basic')
 
 const backendUpdateInfo = ref<VersionOut | null>(null)
@@ -210,6 +215,34 @@ const openDevTools = () => {
   }
 }
 
+const version = import.meta.env.VITE_APP_VERSION || '获取版本失败！'
+
+const checkUpdate = async () => {
+  try {
+    const response = await Service.checkUpdateApiUpdateCheckPost({
+      current_version: version,
+    })
+    if (response.code === 200) {
+      if (response.if_need_update) {
+        updateData.value = response.update_info
+        updateVisible.value = true
+      } else {
+        message.success("暂无更新~")
+      }
+    } else {
+      message.error(response.message || '获取更新失败')
+    }
+  } catch (error) {
+    console.error('获取更新失败:', error)
+    return '获取更新失败！'
+  }
+}
+
+// 确认回调
+const onUpdateConfirmed = () => {
+  updateVisible.value = false
+}
+
 onMounted(() => {
   loadSettings()
   getBackendVersion()
@@ -1224,11 +1257,23 @@ onMounted(() => {
                   </div>
                 </a-col>
               </a-row>
+              <a-button
+                type="primary"
+                @click="checkUpdate"
+                size="large"
+                >检查更新</a-button>
             </div>
           </div>
         </a-tab-pane>
       </a-tabs>
     </div>
+    <!-- 更新模态框 -->
+    <UpdateModal
+      v-if="updateVisible"
+      v-model:visible="updateVisible"
+      :update-data="updateData"
+      @confirmed="onUpdateConfirmed"
+    />
   </div>
 </template>