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