修改默认登录账户
This commit is contained in:
@@ -21,6 +21,7 @@ const service: AxiosInstance = axios.create({
|
||||
// 配置新建第二个 axios 实例(新功能服务)
|
||||
const newService: AxiosInstance = axios.create({
|
||||
baseURL: 'http://192.168.3.95:8000/',
|
||||
// baseURL: 'http://192.168.3.49:8000/',
|
||||
timeout: 50000,
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
paramsSerializer: {
|
||||
|
||||
@@ -1,11 +1,7 @@
|
||||
<template>
|
||||
<el-form ref="loginForm" size="large" class="login-content-form" :model="ruleForm" :rules="formRules">
|
||||
<el-form-item class="login-animation1" prop="username">
|
||||
<el-input
|
||||
type="text"
|
||||
:placeholder="$t('message.account.accountPlaceholder1')"
|
||||
v-model="ruleForm.username"
|
||||
clearable autocomplete="off">
|
||||
<el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" v-model="ruleForm.username" clearable autocomplete="off">
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon"><ele-User /></el-icon>
|
||||
</template>
|
||||
@@ -51,14 +47,7 @@
|
||||
<el-col :span="1"></el-col>
|
||||
<el-col :span="8">
|
||||
<div class="login-content-code">
|
||||
<img
|
||||
class="login-content-code-img"
|
||||
@click="getCaptcha"
|
||||
width="130"
|
||||
height="38"
|
||||
:src="captchaSrc"
|
||||
style="cursor: pointer"
|
||||
/>
|
||||
<img class="login-content-code-img" @click="getCaptcha" width="130" height="38" :src="captchaSrc" style="cursor: pointer" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
@@ -71,15 +60,7 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import {
|
||||
toRefs,
|
||||
reactive,
|
||||
defineComponent,
|
||||
computed,
|
||||
onMounted,
|
||||
getCurrentInstance,
|
||||
ref, unref
|
||||
} from 'vue';
|
||||
import { toRefs, reactive, defineComponent, computed, onMounted, getCurrentInstance, ref, unref } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
@@ -91,47 +72,43 @@ import { initBackEndControlRoutes } from '/@/router/backEnd';
|
||||
import { Session } from '/@/utils/storage';
|
||||
import { formatAxis } from '/@/utils/formatTime';
|
||||
import { NextLoading } from '/@/utils/loading';
|
||||
import {login,captcha} from "/@/api/login";
|
||||
import { login, captcha } from '/@/api/login';
|
||||
export default defineComponent({
|
||||
name: 'loginAccount',
|
||||
setup() {
|
||||
const { t } = useI18n();
|
||||
const {proxy} = <any>getCurrentInstance();
|
||||
const { proxy } = <any>getCurrentInstance();
|
||||
const storesThemeConfig = useThemeConfig();
|
||||
const { themeConfig } = storeToRefs(storesThemeConfig);
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const loginForm = ref(null)
|
||||
const loginForm = ref(null);
|
||||
const state = reactive({
|
||||
isShowPassword: false,
|
||||
ruleForm: {
|
||||
username: 'demo',
|
||||
username: 'admin',
|
||||
password: '123456',
|
||||
verifyCode: '',
|
||||
verifyKey:''
|
||||
verifyKey: '',
|
||||
},
|
||||
formRules:{
|
||||
username: [
|
||||
{ required: true, trigger: "blur", message: "用户名不能为空" }
|
||||
],
|
||||
password: [
|
||||
{ required: true, trigger: "blur", message: "密码不能为空" }
|
||||
],
|
||||
verifyCode: [{ required: true, trigger: "blur", message: "验证码不能为空" }]
|
||||
formRules: {
|
||||
username: [{ required: true, trigger: 'blur', message: '用户名不能为空' }],
|
||||
password: [{ required: true, trigger: 'blur', message: '密码不能为空' }],
|
||||
verifyCode: [{ required: true, trigger: 'blur', message: '验证码不能为空' }],
|
||||
},
|
||||
loading: {
|
||||
signIn: false,
|
||||
},
|
||||
captchaSrc:'',
|
||||
captchaSrc: '',
|
||||
});
|
||||
onMounted(() => {
|
||||
getCaptcha();
|
||||
});
|
||||
const getCaptcha = () => {
|
||||
captcha().then((res:any)=>{
|
||||
state.captchaSrc = res.data.img
|
||||
state.ruleForm.verifyKey = res.data.key
|
||||
})
|
||||
captcha().then((res: any) => {
|
||||
state.captchaSrc = res.data.img;
|
||||
state.ruleForm.verifyKey = res.data.key;
|
||||
});
|
||||
};
|
||||
// 时间获取
|
||||
const currentTime = computed(() => {
|
||||
@@ -139,25 +116,26 @@ export default defineComponent({
|
||||
});
|
||||
// 登录
|
||||
const onSignIn = async () => {
|
||||
if(state.loading.signIn){
|
||||
return
|
||||
if (state.loading.signIn) {
|
||||
return;
|
||||
}
|
||||
const formWrap = unref(loginForm) as any;
|
||||
if (!formWrap) return;
|
||||
formWrap.validate((valid: boolean) => {
|
||||
if(valid){
|
||||
if (valid) {
|
||||
state.loading.signIn = true;
|
||||
login(state.ruleForm).then(async (res:any)=>{
|
||||
const userInfo = res.data.userInfo
|
||||
userInfo.avatar = proxy.getUpFileUrl(userInfo.avatar)
|
||||
login(state.ruleForm)
|
||||
.then(async (res: any) => {
|
||||
const userInfo = res.data.userInfo;
|
||||
userInfo.avatar = proxy.getUpFileUrl(userInfo.avatar);
|
||||
// 存储 token 到浏览器缓存
|
||||
Session.set('token', res.data.token);
|
||||
// 存储用户信息到浏览器缓存
|
||||
Session.set('userInfo', userInfo);
|
||||
// 设置用户菜单
|
||||
Session.set('userMenu',res.data.menuList)
|
||||
Session.set('userMenu', res.data.menuList);
|
||||
// 设置按钮权限
|
||||
Session.set('permissions',res.data.permissions)
|
||||
Session.set('permissions', res.data.permissions);
|
||||
// 模拟数据,对接接口时,记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断(模拟数据)
|
||||
Cookies.set('username', state.ruleForm.username);
|
||||
if (!themeConfig.value.isRequestRoutes) {
|
||||
@@ -171,12 +149,13 @@ export default defineComponent({
|
||||
// 执行完 initBackEndControlRoutes,再执行 signInSuccess
|
||||
signInSuccess();
|
||||
}
|
||||
}).catch(()=>{
|
||||
})
|
||||
.catch(() => {
|
||||
state.loading.signIn = false;
|
||||
getCaptcha();
|
||||
})
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
};
|
||||
// 登录成功后的跳转
|
||||
const signInSuccess = () => {
|
||||
@@ -210,7 +189,6 @@ export default defineComponent({
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.login-content-form {
|
||||
margin-top: 20px;
|
||||
|
||||
Reference in New Issue
Block a user