增加版本号

web/src/components/SiteFooter.vue

@@ -1,12 +1,31 @@
 <script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import http from '../api/http'
+
 const currentYear = new Date().getFullYear()
+const frontendVersion = __APP_VERSION__
+const backendVersion = ref<string>()
+
+onMounted(async () => {
+  try {
+    const { data } = await http.get<{ version?: string }>('/system/version')
+    backendVersion.value = data.version?.trim() || undefined
+  } catch {
+    // 页脚版本信息不应影响业务页面，也不应为暂时的网络异常额外弹出提示。
+  }
+})
 </script>
 
 <template>
   <footer class="site-footer" aria-label="网站版权信息">
     <div class="site-footer-inner">
       <p>© {{ currentYear }} 明序教务 · 版权所有</p>
-      <span class="footer-note">教务管理与学业服务平台</span>
+      <div class="footer-meta">
+        <span class="footer-note">教务管理与学业服务平台</span>
+        <span class="footer-versions" aria-live="polite">
+          前端 v{{ frontendVersion }} · 后端 v{{ backendVersion ?? '—' }}
+        </span>
+      </div>
     </div>
   </footer>
 </template>
@@ -40,7 +59,9 @@ const currentYear = new Date().getFullYear()
   letter-spacing: .04em;
 }
 
+.footer-meta { display: flex; align-items: center; gap: 14px; }
 .footer-note { color: #aeb9d8; font-size: 11px; }
+.footer-versions { color: #c3cce5; font-size: 11px; font-variant-numeric: tabular-nums; }
 
 @media (max-width: 600px) {
   .site-footer-inner {
@@ -52,6 +73,7 @@ const currentYear = new Date().getFullYear()
     gap: 7px;
   }
 
-  .footer-note { font-size: 10px; }
+  .footer-meta { align-items: flex-start; flex-direction: column; gap: 4px; }
+  .footer-note, .footer-versions { font-size: 10px; }
 }
 </style>