<el-form-item>
<input placeholder="User" v-model="form.name">
</el-form-item>
<el-form-item>
<input placeholder="Password" v-model="form.password" type="password" :show-password="true">
</el-form-item>
data(){
return{
form: {
name: '',
password: '',
},
menuTree:[]
}
}
methods: {
onSubmit(){
if (this.form.name != ''this.form.password != '') {
this.$gAjax(`/api/user/getUserInfo?userName=${this.form.name}&password=${this.form.password}`)
.then(res => {
console.log(res)
if(res.status==0){
this.$message({
message: '用户不存在',
type: 'error',
showClose: true,
duration: 3000,
});
}else if(res.status==2){
this.$message({
message: '密码错误',
type: 'error',
showClose: true,
duration: 3000,
});
}else if(res.status==1){
//权限的实现 sessionStorage.setItem('menuTree', JSON.stringify(this.menuTree));
sessionStorage.setItem('useModel', res.data.userPermissionMoudle);
//跳转页面
this.$router.push({
path: '/Totle',
})
}
})["catch"](() => {});
} else {
this.$message({
message: '请填写完整的用户名、密码',
type: 'error',
showClose: true,
duration: 3000,
});
}
}
}
mounted:{
// 点击回车键登录
let that = this;
document.onkeydown = function(e) {
if (e.keyCode == 13) {
that.onSubmit();
}
}
};