登录界面调整

inventory-web/src/App.vue

@@ -1,12 +1,19 @@
 <script setup lang="ts">
-import { useRouter } from 'vue-router'
+import { computed } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import { InfoFilled, SwitchButton, UserFilled } from '@element-plus/icons-vue'
 import { useUserStore } from '@/stores/user'
 
 const router = useRouter()
+const route = useRoute() // [新增] 获取当前路由对象
 const userStore = useUserStore()
 
+// [新增] 计算属性：判断当前是否是登录页
+const isLoginPage = computed(() => {
+  return route.path === '/login'
+})
+
 // --- 退出登录逻辑 Start ---
 const handleLogout = () => {
   ElMessageBox.confirm(
@@ -28,9 +35,7 @@ const handleLogout = () => {
           message: '已安全退出',
         })
 
-        // 3. [关键修改] 强制跳转回登录页
-        // 使用 replace，这样用户点浏览器“返回”按钮不会又回到系统里
-        // 此时 store.token 已为空，路由守卫会放行 /login
+        // 3. 强制跳转回登录页
         await router.replace('/login')
       })
       .catch(() => {
@@ -42,7 +47,7 @@ const handleLogout = () => {
 
 <template>
   <div class="app-wrapper">
-    <header class="app-header">
+    <header v-if="!isLoginPage" class="app-header">
       <div class="logo-container">
         <router-link to="/" class="home-link">
           <img src="@/assets/iris.png" class="logo" alt="Logo" />
@@ -74,7 +79,7 @@ const handleLogout = () => {
       <router-view />
     </main>
 
-    <footer class="app-footer">
+    <footer v-if="!isLoginPage" class="app-footer">
       <span class="version-tag">
         <el-icon style="vertical-align: middle; margin-right: 4px"><InfoFilled /></el-icon>
         当前版本: 1.0 Beta (测试版)
@@ -84,7 +89,6 @@ const handleLogout = () => {
 </template>
 
 <style>
-/* 保持原有的样式，不需要改动 */
 .app-wrapper {
   display: flex;
   flex-direction: column;