<template>
|
<zt-dialog ref="dialog" title="修改密码" @confirm="formSubmit" column="1" append-to-body>
|
<el-form :model="dataForm" ref="dataForm" :rules="dataRule" label-width="120px">
|
<zt-form-item prop="userName" :label="$t('user.username')" rules="required">
|
<el-input v-model="dataForm.userName" :placeholder="$t('user.username')"></el-input>
|
</zt-form-item>
|
<zt-form-item prop="oldPassword" label="旧密码" rules="required">
|
<el-input v-model="dataForm.oldPassword" type="password" :placeholder="旧密码"></el-input>
|
</zt-form-item>
|
<zt-form-item prop="password" label="新密码" rules="required">
|
<el-input v-model="dataForm.password" type="password" :placeholder="新密码"></el-input>
|
</zt-form-item>
|
<zt-form-item prop="confirmPassword" label="确认密码" rules="required">
|
<el-input v-model="dataForm.confirmPassword" type="password" :placeholder="确认密码"></el-input>
|
</zt-form-item>
|
</el-form>
|
</zt-dialog>
|
</template>
|
|
<script>
|
|
export default {
|
data() {
|
return {
|
dataForm: {
|
userName: '',
|
oldPassword: '',
|
password: '',
|
confirmPassword: '',
|
}
|
}
|
},
|
|
methods: {
|
init() {
|
},
|
// 表单提交
|
async formSubmit() {
|
// this.$refs.dataForm.validate((valid) => {
|
// if (!valid) {
|
// this.$alert('输入错误', '提示', {
|
// confirmButtonText: '确定'
|
// })
|
// return false
|
// }
|
// })
|
if (this.dataForm.password != this.dataForm.confirmPassword) {
|
this.$alert('密码输入不一致', '提示', {
|
confirmButtonText: '确定'
|
})
|
return false
|
}
|
console.log(this.dataForm, 'this.dataForm')
|
let res = await this.$http['put']('/sys/userChangePassword', this.dataForm)
|
if (res.success) {
|
if (res.data === 'OK') {
|
this.$alert('修改密码成功', '提示', {
|
confirmButtonText: '确定'
|
})
|
this.$refs.dialog.close()
|
this.$emit('refreshDataList')
|
}
|
else{
|
this.$alert(res.data , '提示', {
|
confirmButtonText: '确定'
|
})
|
}
|
}
|
}
|
}
|
}
|
</script>
|
