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.
97 lines
2.8 KiB
97 lines
2.8 KiB
5 years ago
|
<template>
|
||
|
<div>
|
||
|
|
||
|
<el-form ref="form" :model="form">
|
||
|
<el-form-item>
|
||
|
<el-row>
|
||
|
<el-col :span="22">
|
||
|
<el-input v-model="form.oldpassword" show-password autofocus="true" prefix-icon="el-icon-unlock"
|
||
|
placeholder="当前密码"></el-input>
|
||
|
</el-col>
|
||
|
</el-row>
|
||
|
</el-form-item>
|
||
|
<el-form-item>
|
||
|
<el-row>
|
||
|
<el-col :span="22">
|
||
|
<el-input v-model="form.newpassword" show-password prefix-icon="el-icon-lock"
|
||
|
placeholder="新密码"></el-input>
|
||
|
</el-col>
|
||
|
</el-row>
|
||
|
</el-form-item>
|
||
|
|
||
|
<el-form-item>
|
||
|
<el-row>
|
||
|
<el-col :span="22">
|
||
|
<el-input v-model="form.surepassword" show-password prefix-icon="el-icon-lock"
|
||
|
placeholder="确认密码"></el-input>
|
||
|
</el-col>
|
||
|
</el-row>
|
||
|
</el-form-item>
|
||
|
|
||
|
<el-form-item>
|
||
|
<el-row>
|
||
|
<el-col :span="22">
|
||
|
<el-button type="danger" @click="updatepasswd">更新密码</el-button>
|
||
|
</el-col>
|
||
|
</el-row>
|
||
|
</el-form-item>
|
||
|
|
||
|
</el-form>
|
||
|
|
||
|
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import {userinfos} from "../restful";
|
||
|
|
||
|
export default {
|
||
|
name: "FirUserProfileChangePwd",
|
||
|
data() {
|
||
|
return {
|
||
|
form: {
|
||
|
oldpassword: '',
|
||
|
newpassword: '',
|
||
|
surepassword: ''
|
||
|
},
|
||
|
}
|
||
|
}, methods: {
|
||
|
updatepasswd() {
|
||
|
if (this.form.newpassword === this.form.surepassword) {
|
||
|
|
||
|
userinfos(data=>{
|
||
|
if(data.code === 1000){
|
||
|
this.userinfo = data.data;
|
||
|
this.$message.success('密码修改成功');
|
||
|
}else {
|
||
|
this.$message.error('密码修改失败,'+data.msg);
|
||
|
}
|
||
|
},{"methods":'PUT','data':{
|
||
|
"oldpassword": this.form.oldpassword,
|
||
|
"surepassword": this.form.surepassword
|
||
|
}});
|
||
|
} else {
|
||
|
this.$message.error('密码不一致');
|
||
|
}
|
||
|
}
|
||
|
}, mounted() {
|
||
|
this.$store.dispatch('douserInfoIndex', 1);
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style scoped>
|
||
|
.el-form {
|
||
|
max-width: 360px;
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
|
||
|
.el-form-item .el-button {
|
||
|
max-width: 360px;
|
||
|
width: 100%;
|
||
|
height: 50px;
|
||
|
}
|
||
|
|
||
|
|
||
|
</style>
|