| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="密码"> |
| | | <el-input v-model="form.test" placeholder="" disabled clearable></el-input> |
| | | <el-input v-model="form.password" placeholder="" :disabled="isDisabled" clearable></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | emits: ['success', 'closed'], |
| | | data() { |
| | | return { |
| | | isDisabled: false, |
| | | deptIdList: [], |
| | | employeeIdOptions: [], |
| | | roleList: [], |
| | |
| | | isSaveing: false, |
| | | //表单数据 |
| | | form: { |
| | | test: "", |
| | | password: "", |
| | | account: "", |
| | | realName: "", |
| | | phone: "", |
| | |
| | | mounted() { |
| | | this.getRole(); |
| | | this.getDeptIdList(); |
| | | this.getEmployee(); |
| | | }, |
| | | methods: { |
| | | employeeIdChange(val) { //关联员工 |
| | | val = val[val.length - 1]; |
| | | if(val == null) { |
| | | this.form.employeeId = ""; |
| | | this.form.employeeName = ""; |
| | | return; |
| | | }; |
| | | var that = this; |
| | | this.form.employeeId = val[val.length - 1]; |
| | | function forEmp(arr) { |
| | | arr.forEach(item=> { |
| | | if(item.id == that.form.employeeId) { |
| | | that.form.employeeName = item.name; |
| | | }else { |
| | | if(item.children) { |
| | | forEmp(item.children); |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | forEmp(this.employeeIdOptions); |
| | | }, |
| | | roleIdChange(val) { //数据权限 |
| | | this.form.roleIdStr = val.join(","); |
| | |
| | | open(mode='add'){ |
| | | this.mode = mode; |
| | | this.visible = true; |
| | | if(mode=='add') { |
| | | this.getEmployee(""); |
| | | } |
| | | return this |
| | | }, |
| | | //加载树数据 |
| | |
| | | //表单提交方法 |
| | | submit(){ |
| | | var obj = Object.assign({},this.form); |
| | | obj.employeeId = obj.employeeIdStr; |
| | | obj.deptId = obj.deptIdStr; |
| | | obj.roleId = obj.roleIdStr; |
| | | delete obj.employeeIdStr; |
| | | delete obj.deptIdStr; |
| | | delete obj.roleIdStr; |
| | | this.$refs.dialogForm.validate(async (valid) => { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | getEmployee() { |
| | | this.$HTTP.get("/api/blade-cps/employee/unbind-employee?employeeId=").then(res=> { |
| | | getEmployee(employeeId) { |
| | | this.$HTTP.get("/api/blade-cps/employee/unbind-employee?employeeId=" + employeeId).then(res=> { |
| | | if(res.code == 200) { |
| | | function changeArr(arr) { |
| | | arr.forEach(item=> { |
| | | if(!item.children) { |
| | | if(item.isGroup) { |
| | | item.disabled = true; |
| | | }else { |
| | | item.disabled = false; |
| | | } |
| | | }else { |
| | | changeArr(item.children) |
| | | } |
| | | }) |
| | | } |
| | | changeArr(res.data[0].children); |
| | | this.employeeIdOptions = res.data; |
| | | } |
| | | }) |
| | |
| | | showDetail(data) { |
| | | this.$HTTP.get("/api/blade-user/detail?id="+data.id).then(res=> { |
| | | if(res.code == 200) { |
| | | res.data.employeeIdStr = res.data.employeeId; |
| | | res.data.deptIdStr = res.data.deptId; |
| | | res.data.roleIdStr = res.data.roleId; |
| | | res.data.roleId = res.data.roleId.split(","); |
| | | res.data.deptId = [res.data.deptId]; |
| | | Object.assign(this.form, res.data); |
| | | console.log(this.form); |
| | | this.form = res.data; |
| | | this.getEmployee(res.data.employeeId); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | //可以和上面一样单个注入,也可以像下面一样直接合并进去 |
| | | //Object.assign(this.form, data) |
| | | this.showDetail(data); |
| | | this.isDisabled = true; |
| | | } |
| | | } |
| | | } |