From 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 10:35:15 +0800 Subject: [PATCH] 廊坊代码更新 --- src/views/maintenance/userManagement.vue | 195 +++++++++++++++++++++++++++++++++++------------- 1 files changed, 142 insertions(+), 53 deletions(-) diff --git a/src/views/maintenance/userManagement.vue b/src/views/maintenance/userManagement.vue index 33aa041..8eabba0 100644 --- a/src/views/maintenance/userManagement.vue +++ b/src/views/maintenance/userManagement.vue @@ -1,15 +1,20 @@ <template> <div class="userInfo_box"> - <My-bread - :list="[ + <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('userManage.userManage')}`, - ]" - ></My-bread> + ]"></My-bread> <el-divider /> <div class="inquire"> - <el-form ref="queryForm" :model="queryForm" :inline="true"> - <el-form-item prop="uname" :label="$t('userManage.userInfoObj.uname')"> + <el-form + ref="queryForm" + :model="queryForm" + :inline="true" + > + <el-form-item + prop="uname" + :label="$t('userManage.userInfoObj.uname')" + > <el-input v-model="queryForm.uname" /> </el-form-item> <el-form-item @@ -20,6 +25,7 @@ v-model="queryForm.depid" :options="treeOptions" filterable + ref="cascaderHandle" @change="handleChange" :show-all-levels="false" :props="{ @@ -38,7 +44,7 @@ @click="queryInfo()" icon="el-icon-search" style="background: #409eff; border: 1px solid #409eff; color: white" - >{{ $t('operatManage.ELM.search') }} + >{{ $t('operatManage.ELM.search') }} </el-button> </el-form-item> <el-form-item> @@ -78,7 +84,7 @@ @click="editPwd" type="warning" icon="el-icon-unlock" - >{{ $t('common.changepassWord') }} + >{{ $t('common.changepassWord') }} </el-button> </el-form-item> </el-form> @@ -88,10 +94,12 @@ :data="tableData" border style="width: 100%" - height="99%" @selection-change="handleSelectionChange" > - <el-table-column type="selection" width="55" /> + <el-table-column + type="selection" + width="55" + /> <el-table-column align="center" type="index" @@ -142,7 +150,8 @@ prop="idcard" width="200px" :label="$t('userManage.userInfoObj.idcard')" - /><el-table-column + /> + <el-table-column align="center" prop="job" width="200px" @@ -179,11 +188,23 @@ :label="$t('userManage.userInfoObj.status')" > <template slot-scope="scope"> - <el-tag v-if="scope.row.status == 0" type="success">姝e父</el-tag> - <el-tag v-if="scope.row.status == 1" type="info">绂佺敤</el-tag> - <el-tag v-if="scope.row.status == 2" type="warning">鍒犻櫎</el-tag> + <el-tag + v-if="scope.row.status == 0" + type="success" + >姝e父</el-tag> + <el-tag + v-if="scope.row.status == 1" + type="info" + >绂佺敤</el-tag> + <el-tag + v-if="scope.row.status == 2" + type="warning" + >鍒犻櫎</el-tag> <el-tag v-if="scope.row.status == 3">鐢宠</el-tag> - <el-tag v-if="scope.row.status == 4" type="danger">鎷掓壒</el-tag> + <el-tag + v-if="scope.row.status == 4" + type="danger" + >鎷掓壒</el-tag> </template> </el-table-column> <el-table-column @@ -205,12 +226,14 @@ plain @click="editInfo(scope.row)" size="mini" - >{{ $t('common.edit') }}</el-button - > + >{{ $t('common.edit') }}</el-button> </template> </el-table-column> </el-table> - <div style="margin-top: 25px" class="pagination_box"> + <div + style="margin-top: 25px" + class="pagination_box" + > <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -247,8 +270,14 @@ v-if="behavior == '鏂板鐢ㄦ埛'" :label-width="formLabelWidth" > - <el-input v-model="editForm.uid" autocomplete="off"></el-input> - <div class="isNewUser" v-if="isNewUser"> + <el-input + v-model="editForm.uid" + autocomplete="off" + ></el-input> + <div + class="isNewUser" + v-if="isNewUser" + > <img src="../../assets/img/success.png" /> {{ $t('userManage.userInfoObj.uid') }} </div> @@ -308,7 +337,10 @@ :label="$t('userManage.userInfoObj.username')" :label-width="formLabelWidth" > - <el-input v-model="editForm.uname" autocomplete="off"></el-input> + <el-input + v-model="editForm.uname" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item prop="sex" @@ -334,7 +366,10 @@ :label="$t('userManage.userInfoObj.nativePlace')" :label-width="formLabelWidth" > - <el-input v-model="editForm.natives" autocomplete="off"></el-input> + <el-input + v-model="editForm.natives" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item prop="depid" @@ -346,6 +381,7 @@ :options="treeOptions" filterable clearable + ref="editcaderHandle" @change="editChange" :show-all-levels="false" :props="{ @@ -363,7 +399,10 @@ :label="$t('userManage.userInfoObj.identityCard')" :label-width="formLabelWidth" > - <el-input v-model="editForm.idcard" autocomplete="off"></el-input> + <el-input + v-model="editForm.idcard" + autocomplete="off" + ></el-input> </el-form-item> </div> <div style="width: 45%"> @@ -372,35 +411,50 @@ :label="$t('userManage.userInfoObj.job')" :label-width="formLabelWidth" > - <el-input v-model="editForm.job" autocomplete="off"></el-input> + <el-input + v-model="editForm.job" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item prop="edu" :label="$t('userManage.userInfoObj.edu')" :label-width="formLabelWidth" > - <el-input v-model="editForm.edu" autocomplete="off"></el-input> + <el-input + v-model="editForm.edu" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item prop="addr" :label="$t('userManage.userInfoObj.addr')" :label-width="formLabelWidth" > - <el-input v-model="editForm.addr" autocomplete="off"></el-input> + <el-input + v-model="editForm.addr" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item prop="email" :label="$t('userManage.userInfoObj.email')" :label-width="formLabelWidth" > - <el-input v-model="editForm.email" autocomplete="off"></el-input> + <el-input + v-model="editForm.email" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item prop="contact" :label="$t('userManage.userInfoObj.contact')" :label-width="formLabelWidth" > - <el-input v-model="editForm.contact" autocomplete="off"></el-input> + <el-input + v-model="editForm.contact" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item prop="status" @@ -426,12 +480,23 @@ :label="$t('userManage.userInfoObj.remarks')" :label-width="formLabelWidth" > - <el-input v-model="editForm.bak" autocomplete="off"></el-input> + <el-input + v-model="editForm.bak" + autocomplete="off" + ></el-input> </el-form-item> </div> </el-form> - <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer"> - <el-button size="medium" type="info" @click="cancelEdit()">{{ + <div + v-if="behavior == '淇敼淇℃伅'" + slot="footer" + class="dialog-footer" + > + <el-button + size="medium" + type="info" + @click="cancelEdit()" + >{{ $t('common.reset') }}</el-button> <el-button @@ -439,11 +504,18 @@ style="background: #409eff; border: 1px solid #409eff; color: white" @click="sendEdit('editForm')" v-loading.fullscreen.lock="fullscreenLoading" - >{{ $t('common.submit') }}</el-button - > + >{{ $t('common.submit') }}</el-button> </div> - <div v-else slot="footer" class="dialog-footer"> - <el-button size="medium" type="info" @click="cancelAdd('editForm')">{{ + <div + v-else + slot="footer" + class="dialog-footer" + > + <el-button + size="medium" + type="info" + @click="cancelAdd('editForm')" + >{{ $t('common.reset') }}</el-button> <el-button @@ -451,8 +523,7 @@ style="background: #409eff; border: 1px solid #409eff; color: white" @click="sendAdd('editForm')" v-loading.fullscreen.lock="fullscreenLoading" - >{{ $t('common.submit') }}</el-button - > + >{{ $t('common.submit') }}</el-button> </div> </el-dialog> <el-dialog @@ -462,7 +533,11 @@ :visible.sync="resetPwd" :before-close="handleClose" > - <el-form :model="pwdForm" ref="pwdForm" :rules="rules"> + <el-form + :model="pwdForm" + ref="pwdForm" + :rules="rules" + > <el-form-item prop="adminPwd" :label="$t('common.AdminPassword')" @@ -500,8 +575,15 @@ ></el-input> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button size="medium" type="info" @click="cancelReset - 'pwdForm'">{{ + <div + slot="footer" + class="dialog-footer" + > + <el-button + size="medium" + type="info" + @click="cancelReset - 'pwdForm'" + >{{ $t('common.reset') }}</el-button> <el-button @@ -509,8 +591,7 @@ style="background: #409eff; border: 1px solid #409eff; color: white" @click="sendReset('pwdForm')" v-loading.fullscreen.lock="fullscreenLoading" - >{{ $t('common.submit') }}</el-button - > + >{{ $t('common.submit') }}</el-button> </div> </el-dialog> </div> @@ -770,7 +851,7 @@ }); } }) - .catch((res) => {}); + .catch((res) => { }); queryPageUser({ pageIndex: 1, @@ -787,7 +868,7 @@ }); } }) - .catch((res) => {}); + .catch((res) => { }); }, treeData(source) { let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕 @@ -801,6 +882,8 @@ //鏌ヨ閫夋嫨鍗曚綅 handleChange(value) { this.queryForm.depid = value; + + this.$refs.cascaderHandle.dropDownVisible = false }, //鎼滅储鎸夐挳 queryInfo() { @@ -943,7 +1026,7 @@ setTimeout(() => { this.fullscreenLoading = false; if (res.code == 200) { - this.getUserInfo(); + this.$message({ message: '淇敼鎴愬姛', type: 'success', @@ -956,6 +1039,7 @@ }; this.multipleSelection = []; this.resetPwd = false; + this.getUserInfo(); } }, 500); }) @@ -972,16 +1056,16 @@ editInfo(row) { delete row.updateTime; delete row.updateUser; - // row.pwd = ''; + this.initialForm = JSON.stringify(row); this.behavior = '淇敼淇℃伅'; this.editForm = JSON.parse(JSON.stringify(row)); - this.dialogFormVisible = true; }, //缂栬緫閫夋嫨鍗曚綅 editChange(value) { this.editForm.depid = value; + this.$refs.editcaderHandle.dropDownVisible = false }, //鍏抽棴寮瑰嚭妗� handleClose(done) { @@ -1015,7 +1099,7 @@ done(); }) - .catch((_) => {}); + .catch((_) => { }); }, //鎻愪氦缂栬緫 sendEdit(formName) { @@ -1121,16 +1205,17 @@ <style lang="less" scoped> //@import url(); 寮曞叆鍏叡css绫� .userInfo_box { - border-radius: 10px; - height: 100%; + height: 98%; + width: 98%; + padding: 1%; + position: absolute; - box-sizing: border-box; .el-input { width: 300px; } .inquire { position: relative; - height: 110px; + height: auto; overflow: auto; padding: 8px; margin-top: 20px; @@ -1143,10 +1228,11 @@ } } .table_box { - height: 470px; + height: 60%; padding: 10px; border-radius: 5px; border: 1px solid rgb(202, 201, 204); + overflow: auto; /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/ /deep/ .el-table { @@ -1280,6 +1366,9 @@ background: transparent; } } + /deep/.userInfo_box .pagination_box .btn-next { + background: white; + } } </style> <style> -- Gitblit v1.9.3