<template>
|
<div class="login-wrap">
|
<div class="ms-login">
|
<div class="ms-title">峰峰智慧泊车</div>
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="0px" class="ms-content">
|
<el-form-item prop="loginId">
|
<el-input v-model="ruleForm.loginName" placeholder="loginName">
|
<el-button slot="prepend" icon="el-icon-lx-people">用户名</el-button>
|
</el-input>
|
</el-form-item>
|
<el-form-item prop="password">
|
<el-input type="password" placeholder="password" v-model="ruleForm.password" @keyup.enter.native="submitForm('ruleForm')">
|
<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('ruleForm')">登录</el-button>
|
</div>
|
</el-form>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data: function(){
|
return {
|
ruleForm: {
|
loginName: '',
|
password: '',
|
},
|
rules: {
|
loginName: [
|
{ required: true, message: '请输入用户名', trigger: 'blur' }
|
],
|
password: [
|
{ required: true, message: '请输入密码', trigger: 'blur' }
|
]
|
}
|
}
|
},
|
created(){
|
//this.$router.push({'path': '/home'});
|
},
|
|
methods: {
|
submitForm(formName) {
|
this.$refs[formName].validate((valid) => {
|
//this.$byutil.setUser({username:123})
|
//this.$router.push({'path': '/'});
|
if (valid) {
|
var url = this.$systemconfig.basePath + '/user/login';
|
this.$byutil.postData(this,url,this.ruleForm,res=>{
|
let data = res;
|
if (data) {
|
localStorage.userId = data.obj.id
|
localStorage.name = data.obj.name
|
localStorage.type = data.obj.type
|
this.$router.push({'path': '/home'});
|
// if (this._isMobile()) {
|
// this.$router.push({'path': '/index4'});
|
// } else {
|
// this.$router.push({'path': '/index'});
|
// }
|
}
|
})
|
} else {
|
return false;
|
}
|
});
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.login-wrap{
|
position: relative;
|
width:100%;
|
height:100%;
|
/*background-image: url(../../assets/img/loginBj.jpg);*/
|
/*background-size: 100%;*/
|
}
|
.ms-title{
|
width:100%;
|
line-height: 50px;
|
text-align: center;
|
font-size:20px;
|
color: rgb(12, 12, 12);
|
border-bottom: 1px solid #ddd;
|
}
|
.ms-login{
|
position: absolute;
|
left:50%;
|
top:50%;
|
width:350px;
|
margin:-190px 0 0 -175px;
|
border-radius: 5px;
|
background: rgba(255,255,255, 0.3);
|
overflow: hidden;
|
}
|
.ms-content{
|
padding: 30px 30px;
|
}
|
.login-btn{
|
text-align: center;
|
}
|
.login-btn button{
|
width:100%;
|
height:36px;
|
margin-bottom: 10px;
|
}
|
.login-tips{
|
font-size:12px;
|
line-height:30px;
|
color:#fff;
|
}
|
</style>
|
