From 0602f1d21ddb26db97723ee920d173a8f3c842e6 Mon Sep 17 00:00:00 2001
From: YGXB_net <ygxb-net@outlook.com>
Date: Sun, 23 Aug 2026 00:17:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(settings):=20=E6=B7=BB=E5=8A=A0=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 API 模块中添加获取版本信息的接口方法
- 在设置页面组件中引入 API 并调用版本获取方法
- 使用 onMounted 钩子在组件挂载时获取版本数据
- 将获取到的版本信息绑定到模板中显示
- 完成设置页面的初始功能实现
---
 web/src/api.ts                       |  3 +++
 web/src/views/admin/SettingsView.vue | 11 ++++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/api.ts b/web/src/api.ts
index d0ed3d5..c529679 100644
--- a/web/src/api.ts
+++ b/web/src/api.ts
@@ -5,6 +5,9 @@ const axiosInstance = axios.create({
 })
 
 export default {
+    getVersion:() =>
+        axiosInstance.get('/api/version'),
+
     getTokenList: () =>
         axiosInstance.get('/api/token'),
 
diff --git a/web/src/views/admin/SettingsView.vue b/web/src/views/admin/SettingsView.vue
index 8833fb4..6566c3a 100644
--- a/web/src/views/admin/SettingsView.vue
+++ b/web/src/views/admin/SettingsView.vue
@@ -1,7 +1,16 @@
 <script setup lang="ts">
+import api from "@/api.ts";
+
+const version = ref('')
+
+onMounted(() => {
+  api.getVersion().then((response) => {
+    version.value = response.data
+  })
+})
 
 </script>
 
 <template>
-  TODO
+  {{ version }}
 </template>