From b27ea54515f95e248da08072640d123d49de477f Mon Sep 17 00:00:00 2001 From: yz3456 <2753272399@qq.com> Date: 星期四, 27 六月 2024 23:34:36 +0800 Subject: [PATCH] 修改了用户管理 --- ruoyi-ui/src/views/system/user/index.vue | 486 +++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 390 insertions(+), 96 deletions(-) diff --git a/ruoyi-ui/src/views/system/user/index.vue b/ruoyi-ui/src/views/system/user/index.vue index ae87fe4..71b31d9 100644 --- a/ruoyi-ui/src/views/system/user/index.vue +++ b/ruoyi-ui/src/views/system/user/index.vue @@ -2,31 +2,7 @@ <div class="app-container"> <el-row :gutter="20"> <!--閮ㄩ棬鏁版嵁--> - <el-col :span="4" :xs="24"> - <div class="head-container"> - <el-input - v-model="deptName" - placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" - clearable - size="small" - prefix-icon="el-icon-search" - style="margin-bottom: 20px" - /> - </div> - <div class="head-container"> - <el-tree - :data="deptOptions" - :props="defaultProps" - :expand-on-click-node="false" - :filter-node-method="filterNode" - ref="tree" - node-key="id" - default-expand-all - highlight-current - @node-click="handleNodeClick" - /> - </div> - </el-col> + <!--鐢ㄦ埛鏁版嵁--> <el-col :span="20" :xs="24"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> @@ -111,7 +87,7 @@ :disabled="multiple" @click="handleDelete" v-hasPermi="['system:user:remove']" - >鍒犻櫎</el-button> + >鍋滅敤</el-button> </el-col> <el-col :span="1.5"> <el-button @@ -141,7 +117,7 @@ <el-table-column label="鐢ㄦ埛缂栧彿" align="center" key="userId" prop="userId" v-if="columns[0].visible" /> <el-table-column label="鐢ㄦ埛鍚嶇О" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" /> <el-table-column label="鐢ㄦ埛鏄电О" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" /> - <el-table-column label="閮ㄩ棬" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" /> + <el-table-column label="鎵嬫満鍙风爜" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" /> <el-table-column label="鐘舵��" align="center" key="status" v-if="columns[5].visible"> <template slot-scope="scope"> @@ -178,7 +154,7 @@ icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']" - >鍒犻櫎</el-button> + >鍋滅敤</el-button> <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']"> <el-button size="mini" type="text" icon="el-icon-d-arrow-right">鏇村</el-button> <el-dropdown-menu slot="dropdown"> @@ -211,36 +187,15 @@ <el-input v-model="form.nickName" placeholder="璇疯緭鍏ョ敤鎴锋樀绉�" maxlength="30" /> </el-form-item> </el-col> - <el-col :span="12"> - <el-form-item label="褰掑睘閮ㄩ棬" prop="deptId"> - <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="璇烽�夋嫨褰掑睘閮ㄩ棬" /> - </el-form-item> - </el-col> + <el-col :span="12"> + <el-form-item label="鐢ㄦ埛鍚嶇О" prop="userName"> + <el-input v-model="form.userName" placeholder="璇疯緭鍏ョ敤鎴峰悕绉�" maxlength="30" /> + </el-form-item> + </el-col> + + </el-row> - <el-row> - <el-col :span="12"> - <el-form-item label="鎵嬫満鍙风爜" prop="phonenumber"> - <el-input v-model="form.phonenumber" placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�" maxlength="11" /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="閭" prop="email"> - <el-input v-model="form.email" placeholder="璇疯緭鍏ラ偖绠�" maxlength="50" /> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :span="12"> - <el-form-item v-if="form.userId == undefined" label="鐢ㄦ埛鍚嶇О" prop="userName"> - <el-input v-model="form.userName" placeholder="璇疯緭鍏ョ敤鎴峰悕绉�" maxlength="30" /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item v-if="form.userId == undefined" label="鐢ㄦ埛瀵嗙爜" prop="password"> - <el-input v-model="form.password" placeholder="璇疯緭鍏ョ敤鎴峰瘑鐮�" type="password" maxlength="20" show-password/> - </el-form-item> - </el-col> - </el-row> + <el-row> <el-col :span="12"> <el-form-item label="鐢ㄦ埛鎬у埆"> @@ -267,32 +222,90 @@ </el-col> </el-row> <el-row> - <el-col :span="12"> - <el-form-item label="宀椾綅"> - <el-select v-model="form.postIds" multiple placeholder="璇烽�夋嫨宀椾綅"> + + <el-col :span="12"> + <el-form-item label="瑙掕壊" prop="role"> + <el-select v-model="form.role" placeholder="璇烽�夋嫨瑙掕壊" @change="getRole"> + + <el-option + v-for="item in roleOptions" + :key="item.roleId" + :label="item.roleName" + :value="item.roleId" + :disabled="item.status == 1" + ></el-option> + </el-select> + </el-form-item> + </el-col> + + + <el-col :span="12" v-if="form.role == 102"> + <el-form-item label="鏄惁鏈" prop="isMyFamily" > + <el-select v-model="form.isMyFamily" placeholder="璇疯緭鍏ユ槸鍚︽湰瀹�" @change="handleFamily"> + + <el-option + v-for="item in famOptions" + :key="item.opsi" + :label="item.opName" + :value="item.opsi" + + ></el-option> + + </el-select> + + </el-form-item> + </el-col> + </el-row> + <el-row v-if="form.role != 2 && form.isMyFamily == 1"> + + + <el-col :span="12"> + <el-form-item label="鐖朵翰" prop="fid"> + <el-select v-model="form.fid" placeholder="璇烽�夋嫨鐖朵翰" @change="hanldeLoop"> <el-option - v-for="item in postOptions" - :key="item.postId" - :label="item.postName" - :value="item.postId" - :disabled="item.status == 1" + v-for="item in fathorInfo" + :key="item.userId" + :label="item.nickName" + :value="item.userId" ></el-option> </el-select> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="瑙掕壊"> - <el-select v-model="form.roleIds" multiple placeholder="璇烽�夋嫨瑙掕壊"> + + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="姣嶄翰" prop="mid"> + <el-select v-model="form.mid" placeholder="璇烽�夋嫨姣嶄翰" @change="hanldeLoopMon"> + <el-option + v-for="item in motherInfo" + :key="item.userId" + :label="item.nickName" + :value="item.userId" + ></el-option> + </el-select> + + </el-form-item> + </el-col> + </el-row> + + <el-row > + + + + </el-row> + <el-row v-if="form.role != 2 && form.isMyFamily == 0"> + <el-col :span="12" > + <el-form-item label="閰嶅伓淇℃伅" prop="spouseId" > + <el-select v-model="form.spouseId" placeholder="璇烽�夋嫨閰嶅伓淇℃伅"> <el-option - v-for="item in roleOptions" - :key="item.roleId" - :label="item.roleName" - :value="item.roleId" - :disabled="item.status == 1" + v-for="item in allInfo" + :key="item.userId" + :label="item.nickName" + :value="item.userId" ></el-option> </el-select> - </el-form-item> - </el-col> + + </el-form-item> + </el-col> </el-row> <el-row> <el-col :span="24"> @@ -341,7 +354,10 @@ </template> <script> -import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus, deptTreeSelect } from "@/api/system/user"; +import { getIndividual,getInfoByFid, +getAllInfo,listUser, getUser, delUser, + updateUserInfo,addUser, updateUser, getAllFamilys,resetUserPwd, + changeUserStatus, deptTreeSelect ,updateFM} from "@/api/system/user"; import { getToken } from "@/utils/auth"; import Treeselect from "@riophae/vue-treeselect"; import "@riophae/vue-treeselect/dist/vue-treeselect.css"; @@ -354,6 +370,8 @@ return { // 閬僵灞� loading: true, + //瑙掕壊淇濆瓨 + rt: undefined, // 閫変腑鏁扮粍 ids: [], // 闈炲崟涓鐢� @@ -364,6 +382,8 @@ showSearch: true, // 鎬绘潯鏁� total: 0, + isshowMri: false, + isshowMar: false, // 鐢ㄦ埛琛ㄦ牸鏁版嵁 userList: null, // 寮瑰嚭灞傛爣棰� @@ -378,12 +398,25 @@ initPassword: undefined, // 鏃ユ湡鑼冨洿 dateRange: [], + //瀹跺涵鍙� + famiInfo:[], + fid: "鏃�", // 宀椾綅閫夐」 postOptions: [], // 瑙掕壊閫夐」 roleOptions: [], + famOptions:[{"opsi":1,"opName":"鏄�"},{"opsi":0,"opName":"鍚�"}], // 琛ㄥ崟鍙傛暟 + cuid: undefined, + orfid: undefined, + ormid: undefined, + motherInfo:[], + fathorInfo:[], + allInfo:[], + faid: 0, + maid: 0, form: {}, + zinfid: undefined, defaultProps: { children: "children", label: "label" @@ -431,6 +464,16 @@ nickName: [ { required: true, message: "鐢ㄦ埛鏄电О涓嶈兘涓虹┖", trigger: "blur" } ], + roleIds: [ + { required: true, message: "鐢ㄦ埛瑙掕壊涓嶈兘涓虹┖", trigger: "blur" } + ], + isMyFamily: [ + { required: true, message: "鏄惁澶栧珌涓嶈兘涓虹┖", trigger: "blur" } + ], + deptId: [ + { required: true, message: "鐢ㄦ埛瑙掕壊涓嶈兘涓虹┖", trigger: "blur" } + ], + password: [ { required: true, message: "鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" }, { min: 5, max: 20, message: '鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿', trigger: 'blur' } @@ -460,17 +503,169 @@ }, created() { this.getList(); + this.getFamlilyInfo(); this.getDeptTree(); + //鎷垮埌鑷繁瀹氫箟鐨勭敤鎴蜂俊鎭� + this.getAllIn(); this.getConfigKey("sys.user.initPassword").then(response => { this.initPassword = response.msg; }); }, methods: { + handleChange() + { + // alert(this.fid) + if(this.fid=="鏃�") + this.fid = "-1" + if(this.fid!="-1") + { + //鏌ヨ涓嶆槸鏈鐨勬椂鍊欙紝鍙互閫夋嫨鐨勯厤鍋朵俊鎭� + + getInfoByFid(this.fid).then(response=>{ + console.log("--------------------") + console.log(response.data) + this.allInfo = response.data + }) + this.isshowMar = true + } + else{ + this.isshowMar = false + } + }, + + hanldeLoop(){ + let fid = this.form.fid + let _this = this + if(this.cuid==undefined) + { + let jsd = true + for(var i = 0; i < _this.allInfo.length; i++) + { + if(_this.allInfo[i].userId==_this.form.fid) + { + //_this.form.mid = _this.allInfo[i].spouseId + _this.$set(_this.form,'mid',_this.allInfo[i].spouseId); + jsd = false + + } + if(jsd == true) + _this.$set(_this.form,'mid',''); + } + return; + } + + //alert(this.cuid) + + //alert(fid) + updateFM(this.cuid, fid).then(response => { + //alert(response.data) + if(!response.data) + { + for(var i = 0; i < _this.allInfo.length; i++) + { + if(_this.allInfo[i].userId==_this.form.fid) + { + //_this.form.mid = _this.allInfo[i].spouseId + _this.$set(_this.form,'mid',_this.allInfo[i].spouseId); + + } + } + }else + { + //alert(fid) + _this.$set(_this.form,'fid',_this.orfid); + this.$modal.msgSuccess("涓嶈兘閫夋嫨瀛愬瓩涓虹埗浜诧紒"); + } + }) + }, + hanldeLoopMon(){ + //alert(this.cuid) + let fid = this.form.mid + let _this = this + if(this.cuid==undefined) + { + let jsd = true + for(var i = 0; i < _this.allInfo.length; i++) + { + if(_this.allInfo[i].userId==_this.form.mid) + { + //_this.form.fid = _this.allInfo[i].spouseId + jsd = false + _this.$set(_this.form,'fid',_this.allInfo[i].spouseId); + + } + } + if(jsd == true) + _this.$set(_this.form,'fid',''); + return; + } + + //alert(fid) + updateFM(this.cuid, fid).then(response => { + //alert(response.data) + if(!response.data) + { + for(var i = 0; i < _this.allInfo.length; i++) + { + if(_this.allInfo[i].userId==_this.form.mid) + { + //_this.form.fid = _this.allInfo[i].spouseId + _this.$set(_this.form,'fid',_this.allInfo[i].spouseId); + + } + } + }else + { + //alert(fid) + _this.$set(_this.form,'mid',_this.ormid); + this.$modal.msgSuccess("涓嶈兘閫夋嫨瀛愬瓩涓烘瘝浜诧紒"); + } + }) + }, + handleFamily(value) + { + if(this.form.isMyFamily=="0") + this.isshowMri = true + }, + getAllIn(){ + getAllInfo().then(response => { + this.allInfo = response.data; + console.log(response.data) + for(var i = 0; i < this.allInfo.length; i++) + { + //alert(this.allInfo[i].sex == 1) + if(this.allInfo[i].sex == 0) + this.fathorInfo.push(this.allInfo[i]) + else + this.motherInfo.push(this.allInfo[i]) + } + // alert(98) + //console.log(this.fathorInfo) + //console.log('----sdfdsfds') + }) + }, + getRole(value){ + this.form.roleIds = [] + this.form.roleIds.push(this.rt) + }, + getFamlilyInfo(){ + let _this = this + getAllFamilys().then(response => { + // console.log(response.data) + // alert(response.data[0]) + _this.famiInfo= response.data.filter(function(item){ + return item.name !== "涓�鍙峰搴�"; +}); + + + }) + }, /** 鏌ヨ鐢ㄦ埛鍒楄〃 */ getList() { this.loading = true; listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => { this.userList = response.rows; + console.log(this.userList,'userList') this.total = response.total; this.loading = false; } @@ -506,6 +701,9 @@ // 鍙栨秷鎸夐挳 cancel() { this.open = false; + this.fid = "鏃�" + this.isshowMar = false + this.isshowMri = false this.reset(); }, // 琛ㄥ崟閲嶇疆 @@ -563,7 +761,12 @@ this.reset(); getUser().then(response => { this.postOptions = response.posts; - this.roleOptions = response.roles; + // this.roleOptions = response.roles; + this.roleOptions= [] + this.roleOptions.push(response.roles[1]) + this.roleOptions.push(response.roles[3]) + console.log(this.roleOptions) + console.log("0-009888") this.open = true; this.title = "娣诲姞鐢ㄦ埛"; this.form.password = this.initPassword; @@ -573,12 +776,49 @@ handleUpdate(row) { this.reset(); const userId = row.userId || this.ids; + this.cuid= row.userId || this.ids; + // this.fid = response.data.familyId + //alert(this.fid) getUser(userId).then(response => { this.form = response.data; + console.log(response.data) + console.log(response.data) this.postOptions = response.posts; this.roleOptions = response.roles; - this.$set(this.form, "postIds", response.postIds); - this.$set(this.form, "roleIds", response.roleIds); + console.log(this.roleOptions) + // this.$set(this.form, "postIds", response.postIds); + // this.$set(this.form, "roleIds", response.roleIds); + // alert(response.roleIds.length) + // if(response.roleIds.length!=0) + // this.rt = response.roleIds[0] + let _this = this + + getIndividual(userId).then(response => { + // alert(123) + // console.log('++++++++-----0000((((((9999))))))') + // console.log(response.data) + if(response.data!=undefined) + { + + _this.orfid = response.data.fatherId + _this.ormid = response.data.momId + //alert(response.data.roleId) + + _this.$set(_this.form,'fid',response.data.fatherId); + _this.$set(_this.form,'mid',response.data.momId); + _this.$set(_this.form,'isMyFamily',response.data.isMyFamily); + _this.$set(_this.form,'spouseId',response.data.spouseId); + if(response.data.roleId==3) + _this.$set(_this.form,'role',102); + else + _this.$set(_this.form,'role',response.data.roleId); + // alert(_this.form.fid) + _this.zinfid = response.data.userId + // alert(78) + } + } + ); + this.open = true; this.title = "淇敼鐢ㄦ埛"; this.form.password = ""; @@ -606,20 +846,74 @@ /** 鎻愪氦鎸夐挳 */ submitForm: function() { this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.userId != undefined) { - updateUser(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.getList(); - }); - } else { - addUser(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.getList(); - }); - } + + let ps = true + + + let _this = this + + + if(ps) + { + let fm = {} + fm.userId = _this.zinfid; + fm.nickName = this.form.nickName + alert(this.form.role) + fm.roleId = this.form.role + fm.sex = this.form.sex + alert(fm.sex) + fm.status = this.form.status + fm.fid = this.form.fid + fm.mid = this.form.mid + // alert(this.form.isMyFamily) + fm.isMyFamily = this.form.isMyFamily=='1'?1:0 + + fm.spouseId = this.form.spouseId + fm.sysId = this.form.userId + fm.userName = this.form.userName + + console.log(fm) + if (valid) { + if (this.form.userId != undefined) { + updateUser(fm).then(response => { + + this.open = false; + this.getList(); + + + // this.isshowMar = false + // this.isshowMri = false + // updateUserInfo(fm).then(response=>{ + // this.$modal.msgSuccess("淇敼鎴愬姛"); + // this.open = false; + // this.getList(); + // _this.rt = undefined + // _this.fid = "鏃�" + // this.isshowMar = false + // this.isshowMri = false + // }) + }); + } else { + + addUser(fm).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.open = false; + this.getList(); + _this.rt = undefined + + // this.isshowMar = false + // this.isshowMri = false + }); + } + } + + + } + else{ + this.$modal.msgSuccess("鏅�氳鑹蹭笉鑳芥嫢鏈夊搴彿锛�"); + // _this.rt = undefined + // _this.fid = "鏃�" + _this.isshowMar = false } }); }, @@ -667,4 +961,4 @@ } } }; -</script> \ No newline at end of file +</script> -- Gitblit v1.9.1