<template>
|
<div>
|
<el-dialog :visible.sync="dialogVisible" @close="$emit('close')" title="重置密码"
|
width="30%">
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
<el-form-item label="姓名" prop="nickName">
|
<el-input :disabled="true" v-model="form.nickName" placeholder="请输入" style="width: 50%;"></el-input>
|
</el-form-item>
|
<el-form-item label="登陆账号" prop="account">
|
<el-input :disabled="true" v-model="form.account" placeholder="请输入" style="width: 50%;"></el-input>
|
</el-form-item>
|
<el-form-item label="新密码" prop="password">
|
<el-input v-model="form.password" placeholder="请输入" style="width: 50%;"></el-input>
|
</el-form-item>
|
<el-form-item label="确认密码" prop="confirmPassword">
|
<el-input v-model="form.confirmPassword" placeholder="请输入" style="width: 50%;"></el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer">
|
<el-button @click="$emit('close')">关闭</el-button>
|
<el-button type="primary" @click="submit">保存</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
dialogVisible: {
|
type: Boolean,
|
default: false
|
},
|
row: {
|
type: Object,
|
default: () => { }
|
}
|
},
|
data() {
|
return {
|
form: { status: true },
|
rules: {
|
password: [{ required: true, message: '请新密码', trigger: 'blur' }],
|
confirmPassword: [{ required: true, message: '请确认密码', trigger: 'blur' },{
|
validator: (rule, value, callback) => {
|
if (value !== this.form.password) {
|
callback(new Error('两次输入密码不一致!'));
|
} else {
|
callback();
|
}
|
}}],
|
}
|
};
|
},
|
created() {
|
this.form = { status: true }
|
if (Object.keys(this.row).length) {
|
this.form = {
|
userId: this.row.userId,
|
nickName: this.row.nickName,
|
account: this.row.userName,
|
}
|
}
|
},
|
mounted() { },
|
methods: {
|
|
submit() {
|
this.$refs['form'].validate((valid) => {
|
if (valid) {
|
if (this.row.deptId) {
|
this.form.deptId = this.row.deptId
|
}
|
this.form.orderNum = 0
|
this.form.ancestors = 0
|
this.form.parentId = 100
|
this.$emit('confirm', this.form)
|
}
|
})
|
}
|
},
|
};
|
</script>
|
<style scoped></style>
|
