parent
e62ecd40b3
commit
eea2542e90
10 changed files with 714 additions and 1315 deletions
@ -1,16 +0,0 @@ |
|||||||
import axios from '@/utils/request'; |
|
||||||
|
|
||||||
export interface LoginParam { |
|
||||||
username: string; |
|
||||||
password: string; |
|
||||||
browser?: boolean; |
|
||||||
} |
|
||||||
|
|
||||||
export interface RefreshTokenParam { |
|
||||||
refreshToken: string; |
|
||||||
browser?: boolean; |
|
||||||
} |
|
||||||
|
|
||||||
export const accountLogin = async (data: LoginParam): Promise<any> => (await axios.post('/auth/jwt/login', data)).data; |
|
||||||
export const accountRefreshToken = async (data: RefreshTokenParam): Promise<any> => (await axios.post('/auth/jwt/refresh-token', data)).data; |
|
||||||
export const queryCurrentUser = async (): Promise<any> => (await axios.get('/user/current')).data; |
|
||||||
@ -0,0 +1,8 @@ |
|||||||
|
import axios from '@/utils/request'; |
||||||
|
|
||||||
|
export const pageStuAssessment = async (data: Record<string, any>): Promise<any> => (await axios.post('/occupationlab/occupationlab/assessment/pageStuAssessment', data)).data; |
||||||
|
export const getProjectBySystemId = async (data: Record<string, any>): Promise<any> => |
||||||
|
(await axios.get('/occupationlab/occupationlab/projectManage/getProjectBySystemId', data)).data; |
||||||
|
export const getProjectDetail = async (data: Record<string, any>): Promise<any> => (await axios.get('/occupationlab/occupationlab/projectManage/getProjectDetail', data)).data; |
||||||
|
export const getDetailById = async (id: number | string): Promise<any> => (await axios.get(`/occupationlab/occupationlab/assessment/getDetailById?id=${id}`)).data; |
||||||
|
export const getCompetition = async (id: number | string): Promise<any> => (await axios.post(`/competition/competition/management/getCompetition?competitionId=${id}`)).data; |
||||||
File diff suppressed because it is too large
Load Diff
@ -1,62 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="h-full p-3 bg-gray-100"> |
|
||||||
<el-form ref="form" :model="bean" class="mx-auto md:max-w-xs"> |
|
||||||
<h3 class="py-5 text-center text-3xl font-bold text-primary">UJCMS</h3> |
|
||||||
<el-alert v-if="error" :title="error" type="error" class="mb-3" :closable="false" show-icon /> |
|
||||||
<el-form-item prop="username" :rules="[{ required: true, message: () => $t('v.required') }]"> |
|
||||||
<el-input ref="username" v-model="bean.username" type="text" name="username" :placeholder="$t('username')" :prefix-icon="User" autocomplete="on" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item prop="password" :rules="[{ required: true, message: () => $t('v.required') }]"> |
|
||||||
<el-input ref="password" v-model="bean.password" type="password" name="password" :placeholder="$t('password')" :prefix-icon="Lock" show-password /> |
|
||||||
</el-form-item> |
|
||||||
<el-button type="primary" native-type="submit" class="w-full" :loading="loading" @click.prevent="handleLogin">{{ $t('login') }}</el-button> |
|
||||||
</el-form> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script setup lang="ts"> |
|
||||||
import { ref, watchEffect } from 'vue'; |
|
||||||
import { LocationQueryValue, useRoute, useRouter } from 'vue-router'; |
|
||||||
import { User, Lock } from '@element-plus/icons-vue'; |
|
||||||
import { login } from '@/store/useCurrentUser'; |
|
||||||
|
|
||||||
const form = ref<any>(); |
|
||||||
const bean = ref<any>({}); |
|
||||||
const error = ref<string | null>(null); |
|
||||||
const loading = ref<boolean>(false); |
|
||||||
const redirect = ref<string | null>(null); |
|
||||||
const route = useRoute(); |
|
||||||
const router = useRouter(); |
|
||||||
if (import.meta.env.MODE === 'development') { |
|
||||||
bean.value = { username: 'admin', password: 'password' }; |
|
||||||
} else if (import.meta.env.MODE === 'staging') { |
|
||||||
bean.value = { username: 'demo', password: '123' }; |
|
||||||
} |
|
||||||
|
|
||||||
watchEffect(() => { |
|
||||||
redirect.value = route.query.redirect as LocationQueryValue; |
|
||||||
}); |
|
||||||
|
|
||||||
const handleLogin = () => { |
|
||||||
form.value.validate(async (valid: boolean) => { |
|
||||||
if (!valid) return; |
|
||||||
loading.value = true; |
|
||||||
try { |
|
||||||
const data = await login(bean.value); |
|
||||||
// 登录失败，显示错误信息 |
|
||||||
if (data.status !== 0) { |
|
||||||
error.value = data.message; |
|
||||||
return; |
|
||||||
} |
|
||||||
if (redirect.value) { |
|
||||||
router.push(redirect.value); |
|
||||||
} else { |
|
||||||
// 从 403 页面跳转到登录页面时，使用 router.push 会继续回到 403 页面，可能是页面缓存所致 |
|
||||||
window.location.reload(); |
|
||||||
} |
|
||||||
} finally { |
|
||||||
loading.value = false; |
|
||||||
} |
|
||||||
}); |
|
||||||
}; |
|
||||||
</script> |
|
||||||
Loading…
Reference in new issue