From 977f591fbc02883bfc9bab3fea793f278d309531 Mon Sep 17 00:00:00 2001 From: 13693261870 <252740454@qq.com> Date: 星期五, 14 十月 2022 10:36:02 +0800 Subject: [PATCH] 1 --- src/views/AuthorizationManagement/userRoleAuthorization.vue | 278 ++++++++++++++++++++++++------------------------------- 1 files changed, 121 insertions(+), 157 deletions(-) diff --git a/src/views/AuthorizationManagement/userRoleAuthorization.vue b/src/views/AuthorizationManagement/userRoleAuthorization.vue index 9d9333c..6fb3476 100644 --- a/src/views/AuthorizationManagement/userRoleAuthorization.vue +++ b/src/views/AuthorizationManagement/userRoleAuthorization.vue @@ -1,34 +1,27 @@ <template> <div class="menuSettings_box"> <div class="menuSettings_tree"> - <My-bread - :list="[ + <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('operatManage.UserRoleAuthorization')}`, - ]" - ></My-bread> + ]"></My-bread> <el-divider /> <div class="menuTreeBox"> - <el-tree - :data="depList" - :props="defaultProps" - :show-checkbox="true" - :check-on-click-node="true" - :check-strictly="true" - node-key="id" - @check="treeCheck" - ref="treeForm" - > + <el-tree :data="depList" + :props="defaultProps" + :show-checkbox="true" + :check-on-click-node="true" + :check-strictly="true" + node-key="id" + @check="treeCheck" + ref="treeForm"> </el-tree> </div> </div> - <div - class="menuSettings_tree" - style="margin-left: 10px; width: calc(50% - 172px)" - > - <div - style=" + <div class="menuSettings_tree" + style="margin-left: 10px; width: calc(50% - 172px)"> + <div style=" font-size: 14px; color: #606266; line-height: 1; @@ -36,53 +29,42 @@ position: relative; top: 10px; margin-left: 10px; - " - > + "> {{ $t("operatManage.UserRoleAuthorizationObj.RoleTable") }} </div> <el-divider /> - <el-table - :data="tableData" - style="width: 100%" - @row-click="singleElection" - highlight-current-row - height="85%" - :header-cell-style="{ + <el-table :data="tableData" + style="width: 100%" + @row-click="singleElection" + highlight-current-row + height="85%" + :header-cell-style="{ background: 'transparent', - }" - > - <el-table-column align="center" width="55"> + }"> + <el-table-column align="center" + width="55"> <template slot-scope="scope"> <!-- 鍙互鎵嬪姩鐨勪慨鏀筶abel鐨勫�硷紝浠庤�屾帶鍒堕�夋嫨鍝竴椤� --> - <el-radio - class="radio" - v-model="templateSelection" - :label="scope.row.id" - > </el-radio - > + <el-radio class="radio" + v-model="templateSelection" + :label="scope.row.id"> </el-radio> </template> </el-table-column> - <el-table-column - prop="id" - :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')" - > + <el-table-column prop="id" + :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')"> </el-table-column> - <el-table-column - prop="name" - :label="$t('operatManage.UserRoleAuthorizationObj.name')" - > + <el-table-column prop="name" + :label="$t('operatManage.UserRoleAuthorizationObj.name')"> </el-table-column> </el-table> <div style="text-align: center; margin-top: 20px"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 30, 40]" - :page-size="userlistData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > + <el-pagination @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="listData.pageIndex" + :page-sizes="[10, 20, 30, 40]" + :page-size="userlistData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count"> </el-pagination> </div> </div> @@ -90,8 +72,7 @@ <!-- <div class="title_box"> <h4>璇︾粏淇℃伅</h4> </div> --> - <div - style=" + <div style=" font-size: 14px; color: #606266; line-height: 1; @@ -101,104 +82,85 @@ margin-left: 10px; display: flex; align-items: center; - " - > + "> <span> - {{ $t("operatManage.UserRoleAuthorizationObj.userTable") }}</span - > - <div class="btn" style="margin-left: auto"> - <el-button - type="primary" - icon="el-icon-circle-plus-outline" - size="small" - :disabled="roleid == null ? true : false" - @click="adduser" - >{{ $t("operatManage.UserRoleAuthorizationObj.Added") }}</el-button - > - <el-button - type="danger" - icon="el-icon-delete" - size="small" - @click="deletesUser" - :disabled="roleid == null ? true : false" - >{{ $t("operatManage.UserRoleAuthorizationObj.delete") }}</el-button - > + {{ $t("operatManage.UserRoleAuthorizationObj.userTable") }}</span> + <div class="btn" + style="margin-left: auto"> + <el-button type="primary" + icon="el-icon-circle-plus-outline" + size="small" + :disabled="roleid == null ? true : false" + @click="adduser">{{ $t("operatManage.UserRoleAuthorizationObj.Added") }}</el-button> + <el-button type="danger" + icon="el-icon-delete" + size="small" + @click="deletesUser" + :disabled="roleid == null ? true : false">{{ $t("operatManage.UserRoleAuthorizationObj.delete") }}</el-button> </div> </div> <el-divider class="divider" /> - <el-table - :data="usertableData" - stripe - style="width: 100%" - height="85%" - @selection-change="handleSelectionChange" - :header-cell-style="{ + <el-table :data="usertableData" + stripe + style="width: 100%" + height="85%" + @selection-change="handleSelectionChange" + :header-cell-style="{ background: 'transparent', - }" - > - <el-table-column type="selection" width="55"> </el-table-column> - <el-table-column - prop="id" - :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')" - > + }"> + <el-table-column type="selection" + width="55"> </el-table-column> + <el-table-column prop="id" + :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')"> </el-table-column> - <el-table-column - prop="uname" - :label="$t('operatManage.UserRoleAuthorizationObj.name')" - > + <el-table-column prop="uname" + :label="$t('operatManage.UserRoleAuthorizationObj.name')"> </el-table-column> </el-table> - <div style="margin-top: 20px; text-align: center" class="pagination_box"> - <el-pagination - @size-change="userhandleSizeChange" - @current-change="userhandleCurrentChange" - :current-page="userlistData.pageIndex" - :page-sizes="[10, 20, 30, 40]" - :page-size="userlistData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="usercount" - > + <div style="margin-top: 20px; text-align: center" + class="pagination_box"> + <el-pagination @size-change="userhandleSizeChange" + @current-change="userhandleCurrentChange" + :current-page="userlistData.pageIndex" + :page-sizes="[10, 20, 30, 40]" + :page-size="userlistData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="usercount"> </el-pagination> </div> </div> - <el-dialog - :title="$t('operatManage.UserRoleAuthorizationObj.Added')" - :visible.sync="dialogTableVisible" - > - <el-table - :data="gridData" - height="40vh" - @selection-change="addhandleSelectionChange" - > - <el-table-column type="selection" width="55"> </el-table-column> - <el-table-column - prop="id" - :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')" - > + <el-dialog :title="$t('operatManage.UserRoleAuthorizationObj.Added')" + :visible.sync="dialogTableVisible"> + <el-table :data="gridData" + height="40vh" + @selection-change="addhandleSelectionChange"> + <el-table-column type="selection" + width="55"> </el-table-column> + <el-table-column prop="id" + :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')"> </el-table-column> - <el-table-column - prop="uname" - :label="$t('operatManage.UserRoleAuthorizationObj.name')" - > + <el-table-column prop="uname" + :label="$t('operatManage.UserRoleAuthorizationObj.name')"> </el-table-column> </el-table> - <div style="margin-top: 20px; text-align: center" class="pagination_box"> - <el-pagination - @size-change="addhandleSizeChange" - @current-change="addhandleCurrentChange" - :current-page="addlistData.pageIndex" - :page-sizes="[10, 20, 30, 40]" - :page-size="addlistData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="addcount" - > + <div style="margin-top: 20px; text-align: center" + class="pagination_box"> + <el-pagination @size-change="addhandleSizeChange" + @current-change="addhandleCurrentChange" + :current-page="addlistData.pageIndex" + :page-sizes="[10, 20, 30, 40]" + :page-size="addlistData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="addcount"> </el-pagination> </div> - <div slot="footer" class="dialog-footer"> + <div slot="footer" + class="dialog-footer"> <el-button @click="dialogTableVisible = false">{{ $t("dataManage.dictionaryManageObj.cancel") }}</el-button> - <el-button type="primary" @click="addConfirm">{{ $t("dataManage.dictionaryManageObj.confirm") }}</el-button> + <el-button type="primary" + @click="addConfirm">{{ $t("dataManage.dictionaryManageObj.confirm") }}</el-button> </div> </el-dialog> </div> @@ -220,7 +182,7 @@ MyBread, }, - data() { + data () { return { addcount: 0, gridData: [], @@ -261,7 +223,7 @@ }; }, methods: { - addConfirm() { + addConfirm () { this.$confirm("纭畾鏄惁鏂板", "鎻愮ず", { confirmButtonText: "纭畾", cancelButtonText: "鍙栨秷", @@ -280,15 +242,17 @@ type: "success", message: "鏂板鎴愬姛!", }); + this.dialogTableVisible = false; + this.getuserList(); }) - .catch(() => {}); + .catch(() => { }); }, - adduser() { + adduser () { this.dialogTableVisible = true; this.getadduserList(); }, //鐢ㄦ埛鍒犻櫎 - async deletesUser() { + async deletesUser () { let arr = []; this.usermultipleSelection.forEach((e) => { arr.push(e.id); @@ -304,45 +268,45 @@ this.getuserList(); }, //鐢ㄦ埛琛ㄥ閫� - handleSelectionChange(val) { + handleSelectionChange (val) { this.usermultipleSelection = val; }, //鏂板鐢ㄦ埛琛ㄥ閫� - addhandleSelectionChange(val) { + addhandleSelectionChange (val) { this.addmultipleSelection = val; }, // 鏂板鐢ㄦ埛琛ㄥ垎椤� - addhandleSizeChange(val) { + addhandleSizeChange (val) { this.addlistData.pageSize = val; this.getadduserList(); }, // 鏂板鐢ㄦ埛琛ㄥ垎椤� - addhandleCurrentChange(val) { + addhandleCurrentChange (val) { this.addlistData.pageIndex = val; this.getadduserList(); }, // 鐢ㄦ埛琛ㄥ垎椤� - userhandleSizeChange(val) { + userhandleSizeChange (val) { this.userlistData.pageSize = val; this.getuserList(); }, // 鐢ㄦ埛琛ㄥ垎椤� - userhandleCurrentChange(val) { + userhandleCurrentChange (val) { this.userlistData.pageIndex = val; this.getuserList(); }, // 瑙掕壊琛ㄥ垎椤� - handleSizeChange(val) { + handleSizeChange (val) { this.listData.pageSize = val; this.getRole(); }, // 瑙掕壊琛ㄥ垎椤� - handleCurrentChange(val) { + handleCurrentChange (val) { this.listData.pageIndex = val; this.getRole(); }, // 瑙掕壊鍗曢�� - singleElection(row) { + singleElection (row) { this.templateSelection = row.id; this.checkList = this.tableData.filter((item) => item.id === row.id); this.userlistData.roleid = row.id; @@ -350,7 +314,7 @@ this.getuserList(); }, // 閮ㄩ棬璇锋眰 - async getMenuTree() { + async getMenuTree () { //鑾峰彇鐩綍鏍戞渶澶D锛屾柊寤鸿妭鐐逛娇鐢� const data = await queryDepTree(); @@ -359,7 +323,7 @@ } this.depList = this.treeData(data.result); }, - treeData(source) { + treeData (source) { let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕 return cloneData.filter((father) => { // 寰幆鎵�鏈夐」 @@ -369,7 +333,7 @@ }); }, // 閮ㄩ棬鏍戝崟閫� - treeCheck(node, list) { + treeCheck (node, list) { //node 璇ヨ妭鐐规墍瀵瑰簲鐨勫璞°�乴ist 鏍戠洰鍓嶇殑閫変腑鐘舵�佸璞� //閫変腑浜嬩欢鍦ㄩ�変腑鍚庢墽琛岋紝褰搇is涓湁涓や釜閫変腑鏃讹紝浣跨敤setCheckedKeys鏂规硶锛岄�変腑涓�涓妭鐐� console.log(node, list); @@ -388,7 +352,7 @@ this.usertableData = []; } }, - async getadduserList() { + async getadduserList () { this.addlistData.roleid = this.roleid; this.addlistData.debid = this.debid; @@ -400,7 +364,7 @@ this.addcount = data.count; }, // 鐢ㄦ埛琛ㄨ姹� - async getuserList() { + async getuserList () { const data = await roleUserselectByPageForRole(this.userlistData); if (data.code !== 200) { return this.$message.error("鐢ㄦ埛鍒楄〃璇锋眰閿欒"); @@ -409,7 +373,7 @@ this.usercount = data.count; }, // 瑙掕壊琛ㄨ姹� - async getRole() { + async getRole () { const data = await select_Role_ByPageAndCount(this.listData); if (data.code !== 200) { return this.$message.error("鐢ㄦ埛瑙掕壊璇锋眰閿欒"); @@ -418,7 +382,7 @@ this.count = data.count; }, }, - created() { + created () { this.getMenuTree(); }, }; -- Gitblit v1.9.3