You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
3.2 KiB
119 lines
3.2 KiB
<template>
|
|
<div>
|
|
<el-form
|
|
class="detail-form-content"
|
|
ref="ruleForm"
|
|
:rules="rules"
|
|
:model="ruleForm"
|
|
label-width="80px"
|
|
>
|
|
<el-form-item label="原密码" prop="password">
|
|
<el-input v-model="ruleForm.password" show-password></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="新密码" prop="newpassword">
|
|
<el-input type="password" v-model="ruleForm.newpassword" show-password></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="确认密码" prop="repassword">
|
|
<el-input type="password" v-model="ruleForm.repassword" show-password></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="onUpdateHandler">确 定</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
dialogVisible: false,
|
|
ruleForm: {},
|
|
user: {},
|
|
rules: {
|
|
password: [
|
|
{
|
|
required: true,
|
|
message: "密码不能为空",
|
|
trigger: "blur"
|
|
}
|
|
],
|
|
newpassword: [
|
|
{
|
|
required: true,
|
|
message: "新密码不能为空",
|
|
trigger: "blur"
|
|
}
|
|
],
|
|
repassword: [
|
|
{
|
|
required: true,
|
|
message: "确认密码不能为空",
|
|
trigger: "blur"
|
|
}
|
|
]
|
|
}
|
|
};
|
|
},
|
|
mounted() {
|
|
this.$http({
|
|
url: `${this.$storage.get("sessionTable")}/session`,
|
|
method: "get"
|
|
}).then(({ data }) => {
|
|
if (data && data.code === 0) {
|
|
this.user = data.data;
|
|
} else {
|
|
this.$message.error(data.msg);
|
|
}
|
|
});
|
|
},
|
|
methods: {
|
|
onLogout() {
|
|
this.$storage.remove("Token");
|
|
this.$router.replace({ name: "login" });
|
|
},
|
|
// 修改密码
|
|
onUpdateHandler() {
|
|
this.$refs["ruleForm"].validate(valid => {
|
|
if (valid) {
|
|
var password = "";
|
|
if (this.user.mima) {
|
|
password = this.user.mima;
|
|
} else if (this.user.password) {
|
|
password = this.user.password;
|
|
}
|
|
if (this.ruleForm.password != password) {
|
|
this.$message.error("原密码错误");
|
|
return;
|
|
}
|
|
if (this.ruleForm.newpassword != this.ruleForm.repassword) {
|
|
this.$message.error("两次密码输入不一致");
|
|
return;
|
|
}
|
|
this.user.password = this.ruleForm.newpassword;
|
|
this.user.mima = this.ruleForm.newpassword;
|
|
this.$http({
|
|
url: `${this.$storage.get("sessionTable")}/update`,
|
|
method: "post",
|
|
data: this.user
|
|
}).then(({ data }) => {
|
|
if (data && data.code === 0) {
|
|
this.$message({
|
|
message: "修改密码成功,下次登录系统生效",
|
|
type: "success",
|
|
duration: 1500,
|
|
onClose: () => {
|
|
}
|
|
});
|
|
} else {
|
|
this.$message.error(data.msg);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
</style>
|