From 3da01972a3e804f52c2167764425d0c97ca8a332 Mon Sep 17 00:00:00 2001
From: bestlee <bestlee@djxinxi.net>
Date: Tue, 23 Jun 2026 17:28:13 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=BB=A5=E5=8F=8A=E8=B7=AF=E7=94=B1=E6=9D=83=E9=99=90=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/logo.png           | Bin 0 -> 4648 bytes
 src/main.js               |   3 --
 src/router/index.js       |  73 ++++++++++++++++++++++++++------
 src/views/error/404.vue   |   3 ++
 src/views/login/index.vue |  87 +++++++++++++++++++++++++++++++++++++-
 5 files changed, 149 insertions(+), 17 deletions(-)
 create mode 100644 public/logo.png
 create mode 100644 src/views/error/404.vue

diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..70b9ec901387ff02a7c97522c7274097109e0bb2
GIT binary patch
literal 4648
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
P(GLItH-S~_IN|;SO}>iN

literal 0
HcmV?d00001

diff --git a/src/main.js b/src/main.js
index 8787a83..9d7b3b4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,6 @@
 import './assets/main.css'
-
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
-
 import App from './App.vue'
 import router from './router'
 import 'amfe-flexible'
@@ -11,5 +9,4 @@ const app = createApp(App)
 
 app.use(createPinia())
 app.use(router)
-
 app.mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index 7f32152..74c5af0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,19 +1,68 @@
 import { createRouter, createWebHistory } from 'vue-router'
 
+// 静态路由（公共页面）
+const constantRoutes = [
+  {
+    path: '/',
+    redirect: '/login'
+  },
+  {
+    path: '/login',
+    name: 'login',
+    component: () => import('../views/login/index.vue'),
+  },
+  {
+    path: '/404',
+    name: 'NotFound',
+    component: () => import('../views/error/404.vue'),
+  },
+];
+
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/',
-      name: 'login',
-      component: () => import('../views/login/index.vue'),
+  history: createWebHistory(),
+  routes: constantRoutes,
+})
+
+// 动态路由（需要权限的页面）
+// 注意：这些路由不会在一开始注册，而是在守卫中动态添加
+const asyncRoutes = [
+  {
+    path: '/applyList',
+    name: 'applyList',
+    component: () => import('../views/applyList/index.vue'),
+    meta: {
+      title: '申请列表',
     },
-    {
-      path: '/applyList',
-      name: 'applyList',
-      component: () => import('../views/applyList/index.vue'),
-    },
-  ],
+  },
+]
+
+// 标志位：是否已添加动态路由
+let isRoutesAdded = false
+router.beforeEach((to, from, next) => {
+  const token = localStorage.getItem('token')
+  if (token) {
+    // 关键：有 token 但业务路由还没挂载 => 动态添加（仅一次）
+    if (!isRoutesAdded) {
+      asyncRoutes.forEach(route => {
+        router.addRoute(route)
+      })
+      // 必须加载最后面
+      router.addRoute({ 
+        path: '/:pathMatch(.*)*', 
+        redirect: '/404' 
+      });
+      isRoutesAdded = true
+      next({ ...to })
+    } else {
+      next()
+    }
+  } else {
+    if (to.path === '/login' || to.path === '/404') {
+      next()
+    } else {
+      next({ path: '/login' })
+    }
+  }
 })
 
 export default router
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
new file mode 100644
index 0000000..128ddc2
--- /dev/null
+++ b/src/views/error/404.vue
@@ -0,0 +1,3 @@
+<template>
+    <div>404</div>
+</template>
\ No newline at end of file
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index c5554a1..30dd353 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,12 +1,95 @@
 <script setup>
+import { ref } from 'vue'
+import router from '@/router'
 
+const btnLoading = ref(false)
+const formData = ref({
+    username: '',
+    password: '',
+})
+
+// 登录提交
+const onSubmit = (values) => {
+    btnLoading.value = true;
+    console.log(values);
+    setTimeout(() => {
+        btnLoading.value = false;
+        router.push({ path: '/applyList' });
+    }, 1000);
+}
 </script>
 
 <template>
-    <div class="login">login</div>
+<div class="main">
+    <div class="box">
+        <div class="logo">
+            <img src="/public/logo.png" alt="">
+            <p class="login">登录</p>
+        </div>
+        <van-form @submit="onSubmit" size="small" label-width="1.2rem">
+            <van-cell-group inset>
+                <van-field
+                    v-model="formData.username"
+                    name="username"
+                    label="用户名"
+                    placeholder="请输入用户名"
+                    :rules="[{ required: true, message: '请输入用户名' }]"
+                />
+                <van-field
+                    v-model="formData.password"
+                    type="password"
+                    name="password"
+                    label="密码"
+                    placeholder="请输入密码"
+                    :rules="[{ required: true, message: '请输入密码' }]"
+                />
+            </van-cell-group>
+            <van-button class="btn" :loading="btnLoading" round block size="small" type="primary" native-type="submit">登录</van-button>
+        </van-form>
+    </div>
+</div>
 </template>
+
 <style scoped>
+:deep(.van-cell-group--inset) {
+    margin: 0;
+}
+.main {
+    width: 100%;
+    min-height: 100vh;
+    height: 100%;
+    background: linear-gradient(to bottom, #3d59aa, #4d76c1, #64a1e1);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+}
+.box {
+    width: 80%;
+    background: #fff;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 20px 12px
+}
+.logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 10px;
+}
+.logo img {
+    width: 30px;
+    height: 30px;
+    margin-right: 10px;
+}
 .login {
-    font-size: 14px;
+    font-size: 20px;
+}
+.btn {
+    margin-top: 10px;
 }
 </style>