feat(frontend): 实现认证模块

页面:
- views/auth/Login.vue,登录页(用户名密码表单、LDAP 认证入口)

API:
- api/auth.ts,认证相关接口(登录、登出、获取用户信息)

功能:
- 登录表单验证
- Mock 数据支持(MVP 阶段无需后端)
- 登录成功后跳转首页
This commit is contained in:
2026-07-14 15:39:32 +08:00
parent d36cdaca88
commit a4a0f84bf4
2 changed files with 269 additions and 0 deletions
+71
View File
@@ -0,0 +1,71 @@
import request from './request'
export interface LoginRequest {
username: string
password: string
}
export interface UserInfo {
id: number
username: string
display_name: string
email: string
business_line: string
}
export interface LoginResponse {
token: string
expires_in: number
user: UserInfo
}
// Mock 数据
const mockUser: UserInfo = {
id: 1,
username: 'admin',
display_name: '王晓东',
email: 'admin@qiniu.com',
business_line: 'kodo',
}
export const authApi = {
// 登录
login(data: LoginRequest): Promise<any> {
// MVP 阶段使用 Mock 数据
return new Promise((resolve) => {
setTimeout(() => {
resolve({
code: 0,
message: 'success',
data: {
token: 'mock-jwt-token-' + Date.now(),
expires_in: 3600,
user: mockUser,
},
})
}, 500)
})
},
// 登出
logout(): Promise<any> {
return new Promise((resolve) => {
setTimeout(() => {
resolve({ code: 0, message: 'success' })
}, 200)
})
},
// 获取用户信息
getUserInfo(): Promise<any> {
return new Promise((resolve) => {
setTimeout(() => {
resolve({
code: 0,
message: 'success',
data: mockUser,
})
}, 200)
})
},
}