|
|
@@ -2,15 +2,15 @@
|
|
|
<div class="password">
|
|
|
<span @click="dialogVisible=true">编辑</span>
|
|
|
<el-dialog title="修改密码" :visible.sync="dialogVisible" :before-close="handleClose">
|
|
|
- <el-form ref="form" :model="form" label-width="80px">
|
|
|
- <el-form-item label="原密码">
|
|
|
+ <el-form ref="form" :rules="rules" :model="form" label-width="80px">
|
|
|
+ <el-form-item label="原密码" prop="pass">
|
|
|
<el-input v-model="form.pass" placeholder="请输入原密码"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="新密码">
|
|
|
- <el-input v-model="form.newpass" placeholder="请输入新密码"></el-input>
|
|
|
+ <el-form-item label="新密码" prop="newpass">
|
|
|
+ <el-input placeholder="请输入新密码" v-model="form.newpass" show-password></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="确认密码">
|
|
|
- <el-input v-model="form.checkpass" placeholder="请再次输入密码"></el-input>
|
|
|
+ <el-form-item label="确认密码" prop="checkpass">
|
|
|
+ <el-input v-model="form.checkpass" placeholder="请再次输入密码" show-password></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="footer">
|
|
|
@@ -23,15 +23,35 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import md5 from 'js-md5'
|
|
|
export default {
|
|
|
name: 'PassEdit',
|
|
|
data () {
|
|
|
+ let checkPass = (rule,value,callback) => {
|
|
|
+ if(this.form.newpass != this.form.checkpass) {
|
|
|
+ callback(new Error('两次输入密码不一致'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
return {
|
|
|
dialogVisible: false,
|
|
|
form: {
|
|
|
pass:'',
|
|
|
newpass:'',
|
|
|
checkpass:''
|
|
|
+ },
|
|
|
+ rules:{
|
|
|
+ pass:[
|
|
|
+ { required: true, message: '请输入密码', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ newpass:[
|
|
|
+ { required: true, message: '请输入密码', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ checkpass:[
|
|
|
+ { required: true, message: '请输入密码', trigger: 'blur' },
|
|
|
+ { validator: checkPass, trigger: 'blur' },
|
|
|
+ ]
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
@@ -45,6 +65,41 @@ export default {
|
|
|
this.dialogVisible = false
|
|
|
},
|
|
|
passEdit() {
|
|
|
+ this.$refs.form.validate(val => {
|
|
|
+ if(val) {
|
|
|
+ this.$api.requested({
|
|
|
+ "accesstoken": "299697db3f25396622f7f4a7f1673405",
|
|
|
+ "classname": "common.usercenter.usercenter",
|
|
|
+ "method": "changePassWord",
|
|
|
+ "content": {
|
|
|
+ "password":md5(this.form.pass),
|
|
|
+ "newpassword":md5(this.form.checkpass)
|
|
|
+ }
|
|
|
+ }).then( res => {
|
|
|
+ if(res.code == 1) {
|
|
|
+ this.$notify({
|
|
|
+ title:'提示',
|
|
|
+ message:'密码修改成功',
|
|
|
+ type:'success'
|
|
|
+ })
|
|
|
+ this.$refs.form.resetFields()
|
|
|
+ } else {
|
|
|
+ this.$notify({
|
|
|
+ title:'提示',
|
|
|
+ message:'密码修改失败',
|
|
|
+ type:'warning'
|
|
|
+ })
|
|
|
+ this.$refs.form.resetFields()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$notify({
|
|
|
+ title:'提示',
|
|
|
+ message:'请按照要求修改密码',
|
|
|
+ type:'warning'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
},
|
|
|
};
|