| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\views\\admin\\role\\index.vue?vue&type=style&index=0&id=4c33675a&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\views\\admin\\role\\index.vue","mtime":1619070292889},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.el-dialog__wrapper {\n .el-dialog {\n width: 61% !important;\n\n .dialog-main-tree {\n max-height: 400px;\n overflow-y: auto;\n }\n }\n\n .el-form-item__label {\n width: 20% !important;\n padding-right: 20px;\n }\n\n .el-form-item__content {\n margin-left: 20% !important;\n }\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuSA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/admin/role","sourcesContent":["<!--\r\n - Copyright (c) 2018-2025, lengleng All rights reserved.\r\n -\r\n - Redistribution and use in source and binary forms, with or without\r\n - modification, are permitted provided that the following conditions are met:\r\n -\r\n - Redistributions of source code must retain the above copyright notice,\r\n - this list of conditions and the following disclaimer.\r\n - Redistributions in binary form must reproduce the above copyright\r\n - notice, this list of conditions and the following disclaimer in the\r\n - documentation and/or other materials provided with the distribution.\r\n - Neither the name of the pig4cloud.com developer nor the names of its\r\n - contributors may be used to endorse or promote products derived from\r\n - this software without specific prior written permission.\r\n - Author: lengleng (wangiegie@gmail.com)\r\n -->\r\n\r\n<template>\r\n <div class=\"app-container calendar-list-container\">\r\n <basic-container>\r\n <avue-crud\r\n ref=\"crud\"\r\n :option=\"tableOption\"\r\n :data=\"list\"\r\n :page.sync=\"page\"\r\n v-model=\"form\"\r\n :table-loading=\"listLoading\"\r\n :before-open=\"handleOpenBefore\"\r\n @on-load=\"getList\"\r\n @search-change=\"handleFilter\"\r\n @refresh-change=\"handleRefreshChange\"\r\n @row-update=\"update\"\r\n @row-save=\"create\">\r\n\r\n <template slot=\"menuLeft\">\r\n <el-button\r\n v-if=\"roleManager_btn_add\"\r\n class=\"filter-item\"\r\n type=\"primary\"\r\n icon=\"el-icon-edit\"\r\n @click=\"$refs.crud.rowAdd()\">添加\r\n </el-button>\r\n </template>\r\n <template slot=\"dsScopeForm\" slot-scope=\"scope\">\r\n <div v-if=\"form.dsType == 1\">\r\n <el-tree\r\n ref=\"scopeTree\"\r\n :data=\"dsScopeData\"\r\n :check-strictly=\"true\"\r\n :props=\"defaultProps\"\r\n :default-checked-keys=\"checkedDsScope\"\r\n class=\"filter-tree\"\r\n node-key=\"id\"\r\n highlight-current\r\n show-checkbox/>\r\n </div>\r\n </template>\r\n\r\n <template\r\n slot=\"menu\"\r\n slot-scope=\"scope\">\r\n <el-button\r\n v-if=\"roleManager_btn_edit\"\r\n type=\"text\"\r\n icon=\"el-icon-edit\"\r\n @click=\"handleUpdate(scope.row,scope.index)\">编辑\r\n </el-button>\r\n <el-button\r\n v-if=\"roleManager_btn_del\"\r\n type=\"text\"\r\n icon=\"el-icon-delete\"\r\n @click=\"handleDelete(scope.row,scope.index)\">删除\r\n </el-button>\r\n <el-button\r\n v-if=\"roleManager_btn_perm\"\r\n type=\"text\"\r\n icon=\"el-icon-plus\"\r\n @click=\"handlePermission(scope.row,scope.index)\">权限\r\n </el-button>\r\n </template>\r\n </avue-crud>\r\n </basic-container>\r\n <el-dialog\r\n :visible.sync=\"dialogPermissionVisible\"\r\n :close-on-click-modal=\"false\"\r\n title=\"分配权限\">\r\n <div class=\"dialog-main-tree\">\r\n <el-tree\r\n ref=\"menuTree\"\r\n :data=\"treeData\"\r\n :default-checked-keys=\"checkedKeys\"\r\n :check-strictly=\"false\"\r\n :props=\"defaultProps\"\r\n :filter-node-method=\"filterNode\"\r\n class=\"filter-tree\"\r\n node-key=\"id\"\r\n highlight-current\r\n show-checkbox\r\n default-expand-all/>\r\n </div>\r\n <div slot=\"footer\"\r\n class=\"dialog-footer\">\r\n <el-button\r\n type=\"primary\"\r\n @click=\"updatePermession(roleId)\">更 新\r\n </el-button>\r\n <el-button\r\n type=\"default\"\r\n @click=\"cancal()\">取消\r\n </el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import {addObj, delObj, fetchList, fetchRoleTree, permissionUpd, putObj} from '@/api/admin/role'\r\n import {tableOption} from '@/const/crud/admin/role'\r\n import {fetchTree} from '@/api/admin/dept'\r\n import {fetchMenuTree} from '@/api/admin/menu'\r\n import {mapGetters} from 'vuex'\r\n\r\n export default {\r\n name: 'TableRole',\r\n data() {\r\n return {\r\n searchForm: {},\r\n tableOption: tableOption,\r\n dsScopeData: [],\r\n treeData: [],\r\n checkedKeys: [],\r\n checkedDsScope: [],\r\n defaultProps: {\r\n label: 'name',\r\n value: 'id'\r\n },\r\n page: {\r\n total: 0, // 总页数\r\n currentPage: 1, // 当前页数\r\n pageSize: 20 // 每页显示多少条\r\n },\r\n menuIds: '',\r\n list: [],\r\n listLoading: true,\r\n form: {},\r\n roleId: undefined,\r\n roleCode: undefined,\r\n rolesOptions: undefined,\r\n dialogPermissionVisible: false,\r\n roleManager_btn_add: false,\r\n roleManager_btn_edit: false,\r\n roleManager_btn_del: false,\r\n roleManager_btn_perm: false\r\n }\r\n },\r\n created() {\r\n this.roleManager_btn_add = this.permissions['sys_role_add']\r\n this.roleManager_btn_edit = this.permissions['sys_role_edit']\r\n this.roleManager_btn_del = this.permissions['sys_role_del']\r\n this.roleManager_btn_perm = this.permissions['sys_role_perm']\r\n },\r\n computed: {\r\n ...mapGetters(['elements', 'permissions'])\r\n },\r\n methods: {\r\n getList(page, params) {\r\n this.listLoading = true\r\n fetchList(Object.assign({\r\n current: page.currentPage,\r\n size: page.pageSize\r\n }, params, this.searchForm)).then(response => {\r\n this.list = response.data.data.records\r\n this.page.total = response.data.data.total\r\n this.listLoading = false\r\n }).catch(() => {\r\n this.listLoading = false\r\n })\r\n },\r\n handleRefreshChange() {\r\n this.getList(this.page)\r\n },\r\n handleFilter(form) {\r\n this.searchForm = form\r\n this.page.currentPage = 1\r\n this.getList(this.page, form)\r\n },\r\n handleOpenBefore(show) {\r\n fetchTree().then(response => {\r\n this.dsScopeData = response.data.data\r\n if (this.form.dsScope) {\r\n this.checkedDsScope = (this.form.dsScope).split(',')\r\n } else {\r\n this.checkedDsScope = []\r\n }\r\n })\r\n show()\r\n },\r\n handleUpdate(row, index) {\r\n this.$refs.crud.rowEdit(row, index)\r\n },\r\n cancal() {\r\n this.dialogPermissionVisible = false;\r\n },\r\n handlePermission(row) {\r\n fetchRoleTree(row.roleId)\r\n .then(response => {\r\n this.checkedKeys = response.data.data\r\n return fetchMenuTree()\r\n })\r\n .then(response => {\r\n this.treeData = response.data.data\r\n // 解析出所有的太监节点\r\n this.checkedKeys = this.resolveAllEunuchNodeId(this.treeData, this.checkedKeys, [])\r\n this.dialogPermissionVisible = true\r\n this.roleId = row.roleId\r\n this.roleCode = row.roleCode\r\n })\r\n },\r\n /**\r\n * 解析出所有的太监节点id\r\n * @param json 待解析的json串\r\n * @param idArr 原始节点数组\r\n * @param temp 临时存放节点id的数组\r\n * @return 太监节点id数组\r\n */\r\n resolveAllEunuchNodeId(json, idArr, temp) {\r\n for (let i = 0; i < json.length; i++) {\r\n const item = json[i]\r\n // 存在子节点，递归遍历;不存在子节点，将json的id添加到临时数组中\r\n if (item.children && item.children.length !== 0) {\r\n this.resolveAllEunuchNodeId(item.children, idArr, temp)\r\n } else {\r\n temp.push(idArr.filter(id => id === item.id))\r\n }\r\n }\r\n return temp\r\n },\r\n filterNode(value, data) {\r\n if (!value) return true\r\n return data.label.indexOf(value) !== -1\r\n },\r\n getNodeData(data, done) {\r\n done()\r\n },\r\n handleDelete(row, index) {\r\n var _this = this\r\n this.$confirm('是否确认删除名称为\"' + row.roleName + '\"' + '\"的数据项?', '警告', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(function () {\r\n return delObj(row.roleId)\r\n }).then(() => {\r\n this.getList(this.page)\r\n this.$notify.success('删除成功')\r\n })\r\n },\r\n create(row, done, loading) {\r\n if (this.form.dsType === 1) {\r\n this.form.dsScope = this.$refs.scopeTree.getCheckedKeys().join(',')\r\n }\r\n addObj(this.form).then(() => {\r\n this.getList(this.page)\r\n done()\r\n this.$notify.success('创建成功')\r\n }).catch(() => {\r\n loading()\r\n })\r\n },\r\n update(row, index, done, loading) {\r\n if (this.form.dsType === 1) {\r\n this.form.dsScope = this.$refs.scopeTree.getCheckedKeys().join(',')\r\n }\r\n putObj(this.form).then(() => {\r\n this.getList(this.page)\r\n done()\r\n this.$notify.success('修改成功')\r\n }).catch(() => {\r\n loading()\r\n })\r\n },\r\n updatePermession(roleId) {\r\n this.menuIds = ''\r\n this.menuIds = this.$refs.menuTree.getCheckedKeys().join(',').concat(',').concat(this.$refs.menuTree.getHalfCheckedKeys().join(','))\r\n permissionUpd(roleId, this.menuIds).then(() => {\r\n this.dialogPermissionVisible = false\r\n this.$store.dispatch('GetMenu', {type: false})\r\n this.$notify.success('修改成功')\r\n })\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n .el-dialog__wrapper {\r\n .el-dialog {\r\n width: 61% !important;\r\n\r\n .dialog-main-tree {\r\n max-height: 400px;\r\n overflow-y: auto;\r\n }\r\n }\r\n\r\n .el-form-item__label {\r\n width: 20% !important;\r\n padding-right: 20px;\r\n }\r\n\r\n .el-form-item__content {\r\n margin-left: 20% !important;\r\n }\r\n }\r\n</style>\r\n"]}]}
|
