xto-fronted 0.3.7 → 0.3.8

package/src/views/login/index.vue

@@ -1,17 +1,14 @@
 <script setup lang="ts">
 import { ref, reactive } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 import { Button } from '@xto/base'
 import { Form, FormItem, Input, Checkbox } from '@xto/form'
 import { Message } from '@xto/feedback'
-import { useAuthStore } from '@/stores/auth'
-import { useUserStore } from '@/stores/user'
-import { useMenuStore } from '@/stores/menu'
+import { login } from '@/api/auth'
+import { setTokenInfo } from '@/utils/auth'
 
 const router = useRouter()
-const authStore = useAuthStore()
-const userStore = useUserStore()
-const menuStore = useMenuStore()
+const route = useRoute()
 
 const loading = ref(false)
 const rememberMe = ref(false)
@@ -39,85 +36,25 @@ const handleLogin = async () => {
     await formRef.value?.validate()
     loading.value = true
 
-    // Mock 登录
-    setTimeout(() => {
-      // 设置 token
-      authStore.login({
-        token: 'mock_token_' + Date.now(),
-        refreshToken: 'mock_refresh_token',
-        expireTime: Date.now() + 7 * 24 * 60 * 60 * 1000
-      })
-
-      // 设置用户信息
-      userStore.setUserInfo({
-        id: 1,
-        username: formData.username,
-        nickname: '管理员',
-        avatar: '',
-        email: 'admin@example.com',
-        phone: '13800138000',
-        status: 1,
-        roles: ['admin'],
-        permissions: ['*'],
-        createTime: new Date().toISOString()
-      })
-
-      // 设置菜单
-      menuStore.setMenuList([
-        {
-          id: 1,
-          name: 'Dashboard',
-          path: '/dashboard',
-          component: 'dashboard/index',
-          icon: 'dashboard',
-          title: '仪表盘',
-          keepAlive: true,
-          affix: true
-        },
-        {
-          id: 2,
-          name: 'System',
-          path: '/system',
-          redirect: '/system/user',
-          icon: 'setting',
-          title: '系统管理',
-          children: [
-            {
-              id: 21,
-              name: 'SystemUser',
-              path: '/system/user',
-              component: 'system/user/index',
-              icon: 'user',
-              title: '用户管理',
-              keepAlive: true
-            },
-            {
-              id: 22,
-              name: 'SystemRole',
-              path: '/system/role',
-              component: 'system/role/index',
-              icon: 'role',
-              title: '角色管理',
-              keepAlive: true
-            },
-            {
-              id: 23,
-              name: 'SystemMenu',
-              path: '/system/menu',
-              component: 'system/menu/index',
-              icon: 'menu',
-              title: '菜单管理',
-              keepAlive: true
-            }
-          ]
-        }
-      ])
-
-      Message.success('登录成功')
-      router.push('/')
-      loading.value = false
-    }, 1000)
+    // 调用登录 API
+    const result = await login({
+      username: formData.username,
+      password: formData.password
+    })
+
+    // 保存 token
+    setTokenInfo(result)
+
+    Message.success('登录成功')
+
+    // 获取重定向地址
+    const redirect = route.query.redirect as string || '/'
+
+    // 跳转到目标页面（路由守卫会自动获取用户信息和菜单）
+    router.push(redirect)
   } catch (error) {
+    console.error('登录失败:', error)
+  } finally {
     loading.value = false
   }
 }
@@ -178,7 +115,7 @@ const handleLogin = async () => {
       </Form>
 
       <div class="login__footer">
-        <p>提示: 任意用户名密码即可登录 (Mock 模式)</p>
+        <p>默认账号: admin / 123456</p>
       </div>
     </div>
   </div>