From e2fdfe540eaf160dc7d063c60667041edcc64e86 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期二, 05 十一月 2024 22:55:14 +0800
Subject: [PATCH] 处理显示名称
---
src/views/console/system/addUser.vue | 210 ++++++++++++++++++++++++++++++++--------------------
1 files changed, 130 insertions(+), 80 deletions(-)
diff --git a/src/views/console/system/addUser.vue b/src/views/console/system/addUser.vue
index dd9b703..cebe197 100644
--- a/src/views/console/system/addUser.vue
+++ b/src/views/console/system/addUser.vue
@@ -3,46 +3,44 @@
<el-form :model="form" :rules="rules" :disabled="mode=='show'" ref="dialogForm" label-width="120px" label-position="center">
<el-row>
<el-col :span="12">
- <el-form-item label="璐﹀彿" prop="userName">
- <el-input v-model="form.userName" placeholder="宀椾綅缂栧彿" clearable></el-input>
+ <el-form-item label="璐﹀彿" prop="account">
+ <el-input v-model="form.account" placeholder="璐﹀彿" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="璐﹀彿鏄电О" prop="name">
- <el-input v-model="form.name" placeholder="宀椾綅" clearable></el-input>
+ <el-form-item label="璐﹀彿鏄电О" prop="realName">
+ <el-input v-model="form.realName" placeholder="璐﹀彿鏄电О" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="瀵嗙爜" prop="name">
- <el-input v-model="form.name" placeholder="宀椾綅" clearable></el-input>
+ <el-form-item label="瀵嗙爜">
+ <el-input v-model="form.password" placeholder="" :disabled="isDisabled" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鎵嬫満鍙�" prop="name">
- <el-input v-model="form.name" placeholder="宀椾綅" clearable></el-input>
+ <el-form-item label="鎵嬫満鍙�">
+ <el-input v-model="form.phone" placeholder="鎵嬫満鍙�" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="閭" prop="name">
- <el-input v-model="form.name" placeholder="宀椾綅" clearable></el-input>
+ <el-form-item label="閭">
+ <el-input v-model="form.email" placeholder="閭" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鍏宠仈鍛樺伐" prop="name">
- <el-input v-model="form.name" placeholder="宀椾綅" clearable></el-input>
+ <el-form-item label="鍏宠仈鍛樺伐">
+ <el-cascader v-model="form.employeeId" :options="employeeIdOptions" :props="{value: 'id',label: 'name'}" placeholder="宀椾綅" style="width: 100%" clearable @change="employeeIdChange"/>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鏁版嵁鏉冮檺" prop="name">
- <el-select v-model="form.name" style="width: 100%">
- <el-option v-for="item in groups" :key="item.id" :label="item.label" :value="item.id"/>
- </el-select>
+ <el-form-item label="鏁版嵁鏉冮檺" prop="deptId">
+ <el-tree-select v-model="form.deptId" clearable multiple show-checkbox placeholder="鏁版嵁鏉冮檺閰嶇疆" default-expand-all :data="deptIdList" :props="{ label: 'title' ,id: 'id',children: 'children'}" node-key="id" ref="deptIdTree" style="width: 100%" />
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鎵�灞炶鑹�" prop="name">
- <el-select v-model="form.name" style="width: 100%">
- <el-option v-for="item in groups" :key="item.id" :label="item.label" :value="item.id"/>
+ <el-form-item label="鎵�灞炶鑹�" prop="roleId">
+ <el-select v-model="form.roleId" multiple collapse-tags collapse-tags-tooltip :max-collapse-tags="3" style="width: 100%" @change="roleIdChange">
+ <el-option v-for="item in roleList" :key="item.id" :label="item.roleName" :value="item.id"/>
</el-select>
</el-form-item>
</el-col>
@@ -60,7 +58,10 @@
emits: ['success', 'closed'],
data() {
return {
- value1: true,
+ isDisabled: false,
+ deptIdList: [],
+ employeeIdOptions: [],
+ roleList: [],
mode: "add",
titleMap: {
add: '鏂板缓璐﹀彿',
@@ -71,49 +72,22 @@
isSaveing: false,
//琛ㄥ崟鏁版嵁
form: {
- id:"",
- userName: "",
- avatar: "",
- name: "",
- dept: "",
- group: []
+ password: "",
+ account: "",
+ realName: "",
+ phone: "",
+ email: "",
+ employeeId: "",
+ deptId: "",
+ roleId: ""
},
//楠岃瘉瑙勫垯
rules: {
- avatar:[
- {required: true, message: '璇蜂笂浼犲ご鍍�'}
- ],
- userName: [
- {required: true, message: '璇疯緭鍏ョ櫥褰曡处鍙�'}
- ],
- name: [
- {required: true, message: '璇疯緭鍏ョ湡瀹炲鍚�'}
- ],
- password: [
- {required: true, message: '璇疯緭鍏ョ櫥褰曞瘑鐮�'},
- {validator: (rule, value, callback) => {
- if (this.form.password2 !== '') {
- this.$refs.dialogForm.validateField('password2');
- }
- callback();
- }}
- ],
- password2: [
- {required: true, message: '璇峰啀娆¤緭鍏ュ瘑鐮�'},
- {validator: (rule, value, callback) => {
- if (value !== this.form.password) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- }else{
- callback();
- }
- }}
- ],
- dept: [
- {required: true, message: '璇烽�夋嫨鎵�灞為儴闂�'}
- ],
- group: [
- {required: true, message: '璇烽�夋嫨鎵�灞炶鑹�', trigger: 'change'}
- ]
+ account:[{required: true, message: '璇疯緭鍏ヨ处鍙�'}],
+ realName:[{required: true, message: '璇疯緭鍏ユ樀绉�'}],
+ password:[{required: true, message: '璇疯緭鍏ュ瘑鐮�'}],
+ deptId:[{required: true, message: '璇烽�夋嫨鏁版嵁鏉冮檺', trigger: 'change'}],
+ roleId:[{required: true, message: '璇烽�夋嫨鎵�灞炶鑹�', trigger: 'change'}],
},
//鎵�闇�鏁版嵁閫夐」
groups: [],
@@ -130,14 +104,41 @@
}
},
mounted() {
- // this.getGroup()
- // this.getDept()
+ this.getRole();
+ this.getDeptIdList();
},
methods: {
+ employeeIdChange(val) { //鍏宠仈鍛樺伐
+ 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
},
//鍔犺浇鏍戞暟鎹�
@@ -151,34 +152,83 @@
},
//琛ㄥ崟鎻愪氦鏂规硶
submit(){
+ var obj = Object.assign({}, this.addPersonForm);
+ var obj = Object.assign({},this.form);
+ obj.deptId = obj.deptId.join(",");
+ obj.roleId = obj.roleId.join(",");
this.$refs.dialogForm.validate(async (valid) => {
if (valid) {
- this.isSaveing = true;
- var res = await this.$API.demo.post.post(this.form);
- this.isSaveing = false;
- if(res.code == 200){
- this.$emit('success', this.form, this.mode)
- this.visible = false;
- this.$message.success("鎿嶄綔鎴愬姛")
- }else{
- this.$alert(res.message, "鎻愮ず", {type: 'error'})
- }
+ //this.isSaveing = true;
+ this.$HTTP.post("/api/blade-user/submit",obj).then(res=> {
+ this.isSaveing = false;
+ if(res.code == 200) {
+ this.$emit('success', this.form, this.mode);
+ this.visible = false;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ }else {
+ this.$alert(res.message, "鎻愮ず", {type: 'error'});
+ }
+ })
}else{
return false;
}
})
},
- //琛ㄥ崟娉ㄥ叆鏁版嵁
+ getRole() {
+ this.$HTTP.get("/api/blade-system/role/list?roleAlias=&roleName=").then(res=> {
+ if(res.code == 200) {
+ this.roleList = res.data;
+ }
+ })
+ },
+ getDeptIdList() {
+ this.$HTTP.get("/api/blade-system/data-scope-manager/tree?tenantId=000000").then(res=> {
+ if(res.code == 200) {
+ this.deptIdList = res.data;
+ }
+ })
+ },
+ getEmployee(employeeId) {
+ this.$HTTP.get("/api/smis/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.roleId = res.data.roleId.split(",");
+ if (res.data.deptId) {
+ res.data.deptId = res.data.deptId.split(",");
+ } else {
+ res.data.deptId = [];
+ }
+ this.form = res.data;
+ this.getEmployee(res.data.employeeId);
+ }
+ })
+ },
+ //琛ㄥ崟娉ㄥ叆鏁版嵁
setData(data){
- this.form.id = data.id
- this.form.userName = data.userName
- this.form.avatar = data.avatar
- this.form.name = data.name
- this.form.group = data.group
- this.form.dept = data.dept
-
//鍙互鍜屼笂闈竴鏍峰崟涓敞鍏ワ紝涔熷彲浠ュ儚涓嬮潰涓�鏍风洿鎺ュ悎骞惰繘鍘�
//Object.assign(this.form, data)
+ this.showDetail(data);
+ this.isDisabled = true;
}
}
}
--
Gitblit v1.9.3