<template>
|
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible">
|
<el-form :model="formData" ref="formData">
|
<el-form-item label="登录名" label-width="120px" prop="loginName"
|
:rules="[{required: true, message: '请输入登录名', trigger: 'blur'}]">
|
<el-input v-model="formData.loginName" auto-complete="off"></el-input>
|
</el-form-item>
|
<el-form-item label="姓名" label-width="120px" prop="name"
|
:rules="[{required: true, message: '请输入姓名', trigger: 'blur'}]">
|
<el-input v-model="formData.name" auto-complete="off"></el-input>
|
</el-form-item>
|
<el-form-item label="手机号" prop="phone" label-width="120px"
|
:rules="[{ required: true, message: '手机号不能为空'},{ type: 'number', message: '手机号必须为数字'}]">
|
<el-input v-model.number="formData.phone" auto-complete="off"></el-input>
|
</el-form-item>
|
<el-form-item label="角色" label-width="120px" prop="roleIds" :rules="[{required: true, message: '请选择角色', trigger: 'blur'}]">
|
<select-role-widget ref="selectRoleWidget" @backData="rolesBack" ></select-role-widget>
|
</el-form-item>
|
<el-form-item label="部门" label-width="120px" prop="deptId" :rules="[{required: false, message: '请选择部门', trigger: 'blur'}]">
|
<select-department-widget ref="selectDepartmentWidget" @backData="deptBack" ></select-department-widget>
|
</el-form-item>
|
<el-form-item label="所属公司" label-width="120px" prop="roleIds" :rules="[{required: false, message: '新增投入品企业管理员或中草药企业管理员使用'}]">
|
<select-zcy-and-trp-company-widget ref="SelectZcyAndTrpCompanyWidget" @backData="companyBack"></select-zcy-and-trp-company-widget>
|
</el-form-item>
|
<el-form-item label="所在地区" label-width="120px" prop="area"
|
:rules="[{required: true, message: '请选择所在地区', trigger: 'blur'}]">
|
<v-distpicker :province="formData.province"
|
:city="formData.city"
|
:area="formData.area"
|
@province="onChangeProvince" @city="onChangeCity" @area="onChangeArea">
|
</v-distpicker>
|
</el-form-item>
|
<el-form-item label="备注" label-width="120px" prop="description"
|
:rules="[{required: false, message: '请输入备注', trigger: 'blur'}]">
|
<el-input v-model="formData.description" auto-complete="off"></el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button type="primary" @click="onSave">确 定</el-button>
|
</div>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
name: "AddDialog",
|
data() {
|
return {
|
pageConfig: {
|
saveUrl: this.$systemconfig.basePath + '/security/user/save',
|
findRoles:this.$systemconfig.basePath+'/security/user/findRoles'
|
},
|
// 窗体显示或隐藏
|
dialogVisible: false,
|
dialogTitle: '新增',
|
//表单数据
|
formData: {
|
name: '',
|
loginName: '',
|
phone: '',
|
roleIds: '',
|
description: '',
|
deptId: '',
|
companyId:'',
|
province:'',
|
city:'',
|
area:'',
|
}
|
}
|
},
|
mounted() {
|
},
|
methods: {
|
// 本窗体显示或隐藏
|
showDialog(val) {
|
this.dialogVisible = val;
|
},
|
//修改
|
initData(row) {
|
this.dialogTitle = '修改';
|
this.formData.id = row.id;
|
this.formData.name = row.name;
|
this.formData.loginName = row.loginName;
|
this.formData.phone = Number(row.phone);
|
this.formData.description = row.description;
|
this.formData.deptId = row.deptId;
|
setTimeout(()=>{
|
this.$refs.selectDepartmentWidget.initData(row.deptId);
|
},500);
|
this.$byutil.postData(this,this.pageConfig.findRoles,{userId:row.id},res=>{
|
let roleIds = []
|
for (let i in res.obj) {
|
roleIds.push(res.obj[i].roleId)
|
}
|
this.formData.roleIds = roleIds;
|
setTimeout(()=>{
|
this.$refs.selectRoleWidget.initData(roleIds);
|
},500);
|
|
});
|
this.formData.province = row.province;
|
this.formData.city = row.city;
|
this.formData.area = row.area;
|
},
|
rolesBack(val){
|
this.formData.roleIds = val;
|
},
|
companyBack(val){
|
this.formData.companyId = val;
|
},
|
deptBack(val){
|
this.formData.deptId = val;
|
},
|
|
// 保存
|
onSave() {
|
// if(this.formData.province == ''|| this.formData.city == ''||this.formData.area == ''){
|
// this.$message({message: '请将省市县/区填写完整', type: 'fail'});
|
// return;
|
// }
|
this.formData.roleIds = this.formData.roleIds.join(",");
|
this.$refs['formData'].validate((valid) => {
|
if (valid) {
|
this.$byutil.postData(this, this.pageConfig.saveUrl, this.formData, response => {
|
this.$refs['formData'].resetFields();
|
this.showDialog(false);
|
this.$emit('reloadData');
|
this.$message({message: '操作成功', type: 'success'});
|
|
})
|
// })
|
} else {
|
return false;
|
}
|
});
|
},
|
|
/********************以下是省市县三级联动组件方法*********************/
|
onChangeProvince(a){
|
this.formData.province = a.value;
|
},
|
onChangeCity(a){
|
this.formData.city = a.value;
|
},
|
onChangeArea(a){
|
this.formData.area = a.value;
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
