This commit is contained in:
wangjinlei
2021-06-24 15:11:53 +08:00
parent b7d1ef35e2
commit bf5ae0fcaa
3 changed files with 242 additions and 108 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="login-wrap">
<div class="ms-login">
<div class="ms-title">{{$t('system.title')}}</div>
<div class="ms-title">{{ $t('system.title') }}</div>
<el-form :model="param" :rules="rules" ref="login" label-width="0px" class="ms-content">
<el-form-item prop="username">
<el-input v-model="param.username" auto-complete="off" placeholder="username">
@@ -10,24 +10,28 @@
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
type="password"
auto-complete="off"
placeholder="password"
v-model="param.password"
>
<i slot="prefix" class="el-icon-lx-lock" />
<el-input type="password" auto-complete="off" placeholder="password" v-model="param.password">
<i slot="prefix" class="el-icon-lx-lock" />
<!-- <el-button slot="prepend" icon="el-icon-lx-lock"></el-button> -->
</el-input>
</el-form-item>
<div class="login-btn">
<el-button type="primary" @click="submitForm()">{{$t('system.login')}}</el-button>
<el-button type="primary" @click="submitForm()">{{ $t('system.login') }}</el-button>
</div>
<el-row style="text-align: center;" >
<el-col :span="12"><el-link :underline="false" type="primary" @click="doRetrieve()">{{$t('system.repassword')}}</el-link></el-col>
<el-col :span="12"><el-link :underline="false" type="primary" @click="doRegister()">{{$t('system.register')}}</el-link></el-col>
<el-row style="text-align: center">
<el-col :span="12"
><el-link :underline="false" type="primary" @click="doRetrieve()">{{ $t('system.repassword') }}</el-link></el-col
>
<el-col :span="12"
><el-link :underline="false" type="primary" @click="doRegister()">{{ $t('system.register') }}</el-link></el-col
>
</el-row>
<el-row style="text-align: center">
<el-col :span="20"
><el-link :underline="false" type="primary" @click="doRetrieve()"
><img class="orcid" src="../../assets/img/orcid.png" />login with your </el-link
></el-col>
</el-row>
</el-form>
</div>
</div>
@@ -35,9 +39,9 @@
<script>
export default {
data: function() {
data: function () {
return {
aa:localStorage.getItem('ms_journal'),
aa: localStorage.getItem('ms_journal'),
param: {
username: '',
password: ''
@@ -51,28 +55,29 @@ export default {
methods: {
submitForm() {
//登录操作
this.$refs.login.validate(valid => {
this.$refs.login.validate((valid) => {
if (valid) {
this.$api
.post('api/user/checkLogin',this.param)
.then(res => {console.log(res);
if(res.code==1){
.post('api/user/checkLogin', this.param)
.then((res) => {
console.log(res);
if (res.code == 1) {
this.$message.error('Login failed, user name or password error!');
return false;
}else{
} else {
this.$message.success('login success');
localStorage.setItem('ms_username', res.userinfo.account);
if(this.param.username=='superadmin'||this.param.username=='wuxiongzhi2'){
localStorage.setItem('ms_userrole','admin');
}else if(res.userinfo.type==1&&res.userinfo.is_reviewer){
localStorage.setItem('ms_userrole','reviewer')
}else{
localStorage.setItem('ms_userrole',res.userinfo.type);
if (this.param.username == 'superadmin' || this.param.username == 'wuxiongzhi2') {
localStorage.setItem('ms_userrole', 'admin');
} else if (res.userinfo.type == 1 && res.userinfo.is_reviewer) {
localStorage.setItem('ms_userrole', 'reviewer');
} else {
localStorage.setItem('ms_userrole', res.userinfo.type);
}
this.$router.push('/');
}
})
.catch(err => {
.catch((err) => {
console.log(err);
});
} else {
@@ -136,4 +141,9 @@ export default {
line-height: 30px;
color: #fff;
}
.orcid {
display: block;
width: 20px;
height: 20px;
}
</style>