<template>
<div class="login-wrap">
<div class="login-content" v-loading="loginloading" element-loading-text="正在登录...">
<div style="margin-top:20px;"><img src="" style="width:90px"/></div>
<div class="ms-title">
Vue 智慧平台
</div>
<el-form label-position="right" :model="ruleForm" :rules="rules" ref="ruleForm" size="small" label-width="0px">
<el-form-item prop="username">
<el-input v-model="ruleForm.username" class="inputwinth320" :maxlength="20">
<template slot="prepend">帐号</template>
</el-input>
</el-form-item>
<el-form-item prop="password" style="margin-top:20px;">
<el-input show-password type="password" v-model="ruleForm.password" v-on:keyup.enter.native="submitForm()" class="inputwinth320" :maxlength="20">
<template slot="prepend">密码</template>
</el-input>
</el-form-item>
<el-form-item style="margin-top:20px;">
<el-button type="primary" @click="submitForm()" class="inputwinth320 login-height">登录</el-button>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
export default {
data: function() {
return {
moduleName: "userInfo",
loginloading: false,
logindesc: "",
logintitle: "",
ruleForm: {
username: "",
password: ""
},
rules: {
username: [{ required: true, message: "请输入账号" }],
password: [{ required: true, message: "请输入密码" }]
}
};
},
created: function() {
var _self = this;
document.onkeydown = function(e) {
if (window.event.keyCode === 13) {
_self.submitForm();
}
}
},
methods: {
submitForm() {
const self = this;
self.$refs.ruleForm.validate(valid => {
if (valid) {
self.loginloading = true;
var u = self.ruleForm;
var url = this.moduleName +"/login?username=" +u.username +"&password=" + self.$cryptosha1(u.password).toString();
self.$ajax.get(url).then(
data => {
self.$router.push("/index");
self.loginloading = false;
},
error => {
self.loginloading = false;
}
);
}
});
},
resetForm() {
this.$refs.ruleForm.resetFields();
}
}
};
</script>
<style scoped>
</style>
