03e0920e6605807b0a320c478a951a98.json 20 KB

1
  1. {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/role/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/role/index.vue","mtime":1708395041892},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBtYXBHZXR0ZXJzIH0gZnJvbSAndnVleCcNCmltcG9ydCB7IHJvbGVMaXN0LCBnZXRPcHRpb25TZWxlY3QsIGRlbFJvbGUsIHJvbGVEZXRhaWxlLCBhZGRSb2xlLCBlZGl0Um9sZSB9IGZyb20gJ0AvYXBpL3N5c01hbmFnZScNCmltcG9ydCBkZXRhaWxlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy9kZXRhaWxlRGlhbG9nLnZ1ZScNCmltcG9ydCBhZGRSb2xlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy9hZGRSb2xlRGlhbG9nLnZ1ZScNCmltcG9ydCB1cGRhdGFSb2xlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy91cERhdGVSb2xlRGlhbG9nLnZ1ZScNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnaG9tZScsDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwR2V0dGVycyhbDQogICAgICAnbmFtZScsDQogICAgXSkNCiAgfSwNCiAgY29tcG9uZW50czogew0KICAgIGRldGFpbGVEaWFsb2csDQogICAgYWRkUm9sZURpYWxvZywNCiAgICB1cGRhdGFSb2xlRGlhbG9nDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHRhYmxlRGF0YTogW10sDQogICAgICB0b3RhbDogMCwNCiAgICAgIHNlYXJjaERhdGE6IHsNCiAgICAgICAgcGFnZU51bTogMSwNCiAgICAgICAgcGFnZVNpemU6IDEwLA0KICAgICAgICByb2xlTmFtZTogJycsDQogICAgICAgIHN0YXR1czogJycsDQogICAgICAgIHJvbGVLZXk6ICcnDQogICAgICB9LA0KICAgICAgZGV0YWlsZERhdGE6IHsNCiAgICAgICAgZGlhbG9nVmlzaWJsZTogZmFsc2UsDQogICAgICAgIGRhdGE6IHt9DQogICAgICB9LA0KICAgICAgYWRkUm9sZURhdGE6IHsNCiAgICAgICAgZGlhbG9nVmlzaWJsZTogZmFsc2UsDQogICAgICAgIGRhdGE6IHt9DQogICAgICB9LA0KICAgICAgdXBkYXRlUm9sZURhdGE6IHsNCiAgICAgICAgZGlhbG9nVmlzaWJsZTogZmFsc2UsDQogICAgICAgIGRhdGE6IHt9DQogICAgICB9LA0KICAgICAgc3RhdHVzT3B0aW9uczogWw0KICAgICAgICB7DQogICAgICAgICAgbGFiZWw6ICflkK/nlKgnLA0KICAgICAgICAgIHZhbHVlOiAnMScNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGxhYmVsOiAn5YGc55SoJywNCiAgICAgICAgICB2YWx1ZTogJzInDQogICAgICAgIH0NCiAgICAgIF0sDQogICAgICByb2xlT3B0aW9uczogWw0KDQogICAgICBdDQogICAgfQ0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKQ0KICAgIHRoaXMuZ2V0T3B0aW9uU2VsZWN0KCkNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGdldFJvbGVMaXN0KHBhcmFtcykgew0KICAgICAgcm9sZUxpc3QocGFyYW1zKS50aGVuKHJlcyA9PiB7DQogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsNCiAgICAgICAgICB0aGlzLnRvdGFsID0gcmVzLmRhdGEudG90YWwNCiAgICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhLnJlY29yZHMNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsDQogICAgICAgICAgICBtZXNzYWdlOiByZXMubXNnDQogICAgICAgICAgfSk7DQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICB1cGRhdGVSb2xlKHNjb3BlKSB7DQogICAgICB0aGlzLnVwZGF0ZVJvbGVEYXRhLmRhdGEgPSB7IC4uLnNjb3BlIH0gICAgICANCiAgICAgIHJvbGVEZXRhaWxlKHNjb3BlLnJvbGVJZCkudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7ICAgICAgICAgICAgICAgIA0KICAgICAgICAgIHRoaXMudXBkYXRlUm9sZURhdGEuZGF0YS5tZW51SWRzID0gcmVzLmRhdGEubWVudUlkcyAgICAgICAgICANCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICAgIHRoaXMudXBkYXRlUm9sZURhdGEuZGlhbG9nVmlzaWJsZSA9IHRydWUNCiAgICB9LA0KICAgIGhhbmRsZVNpemVDaGFuZ2UodmFsKSB7DQogICAgICB0aGlzLnNlYXJjaERhdGEucGFnZVNpemUgPSB2YWwNCiAgICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKQ0KICAgIH0sDQogICAgaGFuZGxlQ3VycmVudENoYW5nZSh2YWwpIHsNCiAgICAgIHRoaXMuc2VhcmNoRGF0YS5wYWdlTnVtID0gdmFsDQogICAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSkNCiAgICB9LA0KICAgIHNlYXJjaEJ0bigpIHsNCiAgICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKQ0KICAgIH0sDQogICAgcmVzZXQoKSB7DQogICAgICB0aGlzLnNlYXJjaERhdGEgPSB7DQogICAgICAgIHBhZ2VOdW06IDEsDQogICAgICAgIHBhZ2VTaXplOiAxMCwNCiAgICAgICAgcm9sZU5hbWU6ICcnLA0KICAgICAgICBzdGF0dXM6ICcnLA0KICAgICAgICByb2xlSWQ6ICcnDQogICAgICB9DQogICAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSkNCiAgICB9LCAgIA0KICAgIHVwZGF0ZVJvbGVCdG4ocGF5bG9hZCkgew0KICAgICAgZWRpdFJvbGUocGF5bG9hZCkudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycsDQogICAgICAgICAgICBtZXNzYWdlOiAn5L+u5pS55oiQ5YqfIScNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLnVwZGF0ZVJvbGVEYXRhLmRpYWxvZ1Zpc2libGUgPSBmYWxzZQ0KICAgICAgICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKQ0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgdHlwZTogJ2Vycm9yJywNCiAgICAgICAgICAgIG1lc3NhZ2U6IHJlcy5tc2cNCiAgICAgICAgICB9KTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgKQ0KICAgIH0sDQogICAgLy/liKDpmaTop5LoibINCiAgICBkZWxSb2xlKHNjb3BlKSB7DQogICAgICB0aGlzLiRjb25maXJtKCfnoa7lrpropoHliKDpmaTlkJc/JywgJ+S/oeaBr+aPkOekuicsIHsNCiAgICAgICAgY29uZmlybUJ1dHRvblRleHQ6ICfnoa7lrponLA0KICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiAn5Y+W5raIJywNCiAgICAgICAgdHlwZTogJ3dhcm5pbmcnDQogICAgICB9KS50aGVuKCgpID0+IHsNCiAgICAgICAgZGVsUm9sZShzY29wZS5yb2xlSWQpLnRoZW4ocmVzID0+IHsNCiAgICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7DQogICAgICAgICAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSkNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycsDQogICAgICAgICAgICAgIG1lc3NhZ2U6ICfliKDpmaTmiJDlip8hJw0KICAgICAgICAgICAgfSk7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICB0eXBlOiAnZXJyb3InLA0KICAgICAgICAgICAgICBtZXNzYWdlOiByZXMubXNnDQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9DQogICAgICAgIH0pDQogICAgICB9KS5jYXRjaCgoKSA9PiB7DQogICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgIHR5cGU6ICdpbmZvJywNCiAgICAgICAgICBtZXNzYWdlOiAn5bey5Y+W5raI5Yig6ZmkJw0KICAgICAgICB9KTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy/mt7vliqDop5LoibINCiAgICBhZGRSb2xlQnRuMShwYXlsb2FkKSB7DQogICAgICBhZGRSb2xlKHBheWxvYWQpLnRoZW4ocmVzID0+IHsNCiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLA0KICAgICAgICAgICAgbWVzc2FnZTogJ+a3u+WKoOaIkOWKn++8gScNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSkNCiAgICAgICAgICB0aGlzLmFkZFJvbGVEYXRhLmRpYWxvZ1Zpc2libGUgPSBmYWxzZQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgYWRkUm9sZUJ0bigpIHsNCiAgICAgIHRoaXMuYWRkUm9sZURhdGEuZGlhbG9nVmlzaWJsZSA9IHRydWUNCiAgICB9LA0KICAgIC8v6I635Y+W6KeS6Imy6YCJ5oup5qGG5YiX6KGoDQogICAgZ2V0T3B0aW9uU2VsZWN0KCkgew0KICAgICAgdGhpcy5yb2xlT3B0aW9ucyA9IFtdDQogICAgICBnZXRPcHRpb25TZWxlY3QoKS50aGVuKHJlcyA9PiB7DQogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsNCiAgICAgICAgICByZXMuZGF0YS5mb3JFYWNoKGVsZW1lbnQgPT4gew0KICAgICAgICAgICAgdGhpcy5yb2xlT3B0aW9ucy5wdXNoKHsNCiAgICAgICAgICAgICAgdmFsdWU6IGVsZW1lbnQucm9sZUlkLA0KICAgICAgICAgICAgICBsYWJlbDogZWxlbWVudC5yb2xlTmFtZQ0KICAgICAgICAgICAgfSkNCiAgICAgICAgICB9KTsNCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIC8v5p+l55yL6K+m5oOFDQogICAgbG9va0RldGFpbChzY29wZSkgew0KICAgICAgcm9sZURldGFpbGUoc2NvcGUucm9sZUlkKS50aGVuKHJlcyA9PiB7DQogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsNCiAgICAgICAgICB0aGlzLmRldGFpbGREYXRhLmRhdGEgPSByZXMuZGF0YQ0KICAgICAgICAgIHRoaXMuZGV0YWlsZERhdGEuZGlhbG9nVmlzaWJsZSA9IHRydWUNCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/role","sourcesContent":["<template>\r\n <div class=\"dashboard-container\">\r\n <div class=\"search-content\">\r\n <el-input style=\"width: 220px;\" placeholder=\"请输入角色名称\" v-model=\"searchData.roleName\" clearable></el-input> \r\n <el-select style=\"width: 220px;\" clearable placeholder=\"请选择状态\" v-model=\"searchData.status\">\r\n <el-option v-for=\"item in statusOptions\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n <div class=\"search-btn\"> \r\n <div class=\"search\" @click=\"searchBtn()\">查询</div>\r\n <div class=\"reset\" @click=\"reset()\">重置</div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"table-content\">\r\n <div style=\"width: 100%;height: 30px;\">\r\n <div class=\"btn\" style=\"margin-right: -3px;\" @click=\"addRoleBtn()\">\r\n <span class=\"icon font_family\">&#xe604;</span>\r\n 新增\r\n </div>\r\n </div>\r\n <el-table ref=\"multipleTable\" :data=\"tableData\" tooltip-effect=\"dark\" style=\"width: 100%\">\r\n <el-table-column type=\"selection\" width=\"55\">\r\n </el-table-column>\r\n <el-table-column type=\"index\" label=\"序号\" width=\"80\">\r\n </el-table-column>\r\n <el-table-column prop=\"roleName\" label=\"角色名称\">\r\n </el-table-column>\r\n <el-table-column prop=\"roleKey\" label=\"权限字符\">\r\n </el-table-column>\r\n <el-table-column prop=\"roleSort\" label=\"显示顺序\">\r\n </el-table-column>\r\n <el-table-column prop=\"status\" label=\"状态\" width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"startUsing\" v-if=\"scope.row.status == 1\">启用</div>\r\n <div class=\"Deactivate\" v-else>停用</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"updateTime\" label=\"最近更新\">\r\n </el-table-column>\r\n <el-table-column prop=\"userName\" label=\"操作\" width=\"200\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"operateBtn\">\r\n <div @click=\"updateRole(scope.row)\">修改</div>\r\n <div @click=\"delRole(scope.row)\">删除</div>\r\n <div @click=\"lookDetail(scope.row)\">详情查看</div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <detaileDialog v-if=\"detaildData.dialogVisible\" :detaildData=\"detaildData\"></detaileDialog>\r\n <addRoleDialog v-if=\"addRoleData.dialogVisible\" :addRoleData=\"addRoleData\" @addRoleBtn1=\"addRoleBtn1\"></addRoleDialog>\r\n <updataRoleDialog v-if=\"updateRoleData.dialogVisible\" :updateRoleData=\"updateRoleData\"\r\n @updateRoleBtn=\"updateRoleBtn\"></updataRoleDialog>\r\n <div class=\"pagination\">\r\n <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\" :page-sizes=\"[10, 15, 20]\"\r\n :page-size=\"searchData.pageSize\" layout=\"total, sizes, prev, pager, next, jumper\" :total=\"total\">\r\n </el-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { roleList, getOptionSelect, delRole, roleDetaile, addRole, editRole } from '@/api/sysManage'\r\nimport detaileDialog from './components/detaileDialog.vue'\r\nimport addRoleDialog from './components/addRoleDialog.vue'\r\nimport updataRoleDialog from './components/upDateRoleDialog.vue'\r\n\r\nexport default {\r\n name: 'home',\r\n computed: {\r\n ...mapGetters([\r\n 'name',\r\n ])\r\n },\r\n components: {\r\n detaileDialog,\r\n addRoleDialog,\r\n updataRoleDialog\r\n },\r\n data() {\r\n return {\r\n tableData: [],\r\n total: 0,\r\n searchData: {\r\n pageNum: 1,\r\n pageSize: 10,\r\n roleName: '',\r\n status: '',\r\n roleKey: ''\r\n },\r\n detaildData: {\r\n dialogVisible: false,\r\n data: {}\r\n },\r\n addRoleData: {\r\n dialogVisible: false,\r\n data: {}\r\n },\r\n updateRoleData: {\r\n dialogVisible: false,\r\n data: {}\r\n },\r\n statusOptions: [\r\n {\r\n label: '启用',\r\n value: '1'\r\n },\r\n {\r\n label: '停用',\r\n value: '2'\r\n }\r\n ],\r\n roleOptions: [\r\n\r\n ]\r\n }\r\n },\r\n created() {\r\n this.getRoleList(this.searchData)\r\n this.getOptionSelect()\r\n },\r\n methods: {\r\n getRoleList(params) {\r\n roleList(params).then(res => {\r\n if (res.code == 200) {\r\n this.total = res.data.total\r\n this.tableData = res.data.records\r\n } else {\r\n this.$message({\r\n type: 'error',\r\n message: res.msg\r\n });\r\n }\r\n })\r\n },\r\n updateRole(scope) {\r\n this.updateRoleData.data = { ...scope } \r\n roleDetaile(scope.roleId).then(res => {\r\n if (res.code == 200) { \r\n this.updateRoleData.data.menuIds = res.data.menuIds \r\n }\r\n })\r\n this.updateRoleData.dialogVisible = true\r\n },\r\n handleSizeChange(val) {\r\n this.searchData.pageSize = val\r\n this.getRoleList(this.searchData)\r\n },\r\n handleCurrentChange(val) {\r\n this.searchData.pageNum = val\r\n this.getRoleList(this.searchData)\r\n },\r\n searchBtn() {\r\n this.getRoleList(this.searchData)\r\n },\r\n reset() {\r\n this.searchData = {\r\n pageNum: 1,\r\n pageSize: 10,\r\n roleName: '',\r\n status: '',\r\n roleId: ''\r\n }\r\n this.getRoleList(this.searchData)\r\n }, \r\n updateRoleBtn(payload) {\r\n editRole(payload).then(res => {\r\n if (res.code == 200) {\r\n this.$message({\r\n type: 'success',\r\n message: '修改成功!'\r\n });\r\n this.updateRoleData.dialogVisible = false\r\n this.getRoleList(this.searchData)\r\n } else {\r\n this.$message({\r\n type: 'error',\r\n message: res.msg\r\n });\r\n }\r\n }\r\n )\r\n },\r\n //删除角色\r\n delRole(scope) {\r\n this.$confirm('确定要删除吗?', '信息提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n delRole(scope.roleId).then(res => {\r\n if (res.code == 200) {\r\n this.getRoleList(this.searchData)\r\n this.$message({\r\n type: 'success',\r\n message: '删除成功!'\r\n });\r\n } else {\r\n this.$message({\r\n type: 'error',\r\n message: res.msg\r\n });\r\n }\r\n })\r\n }).catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消删除'\r\n });\r\n });\r\n },\r\n //添加角色\r\n addRoleBtn1(payload) {\r\n addRole(payload).then(res => {\r\n if (res.code == 200) {\r\n this.$message({\r\n type: 'success',\r\n message: '添加成功!'\r\n });\r\n this.getRoleList(this.searchData)\r\n this.addRoleData.dialogVisible = false\r\n }\r\n })\r\n },\r\n addRoleBtn() {\r\n this.addRoleData.dialogVisible = true\r\n },\r\n //获取角色选择框列表\r\n getOptionSelect() {\r\n this.roleOptions = []\r\n getOptionSelect().then(res => {\r\n if (res.code == 200) {\r\n res.data.forEach(element => {\r\n this.roleOptions.push({\r\n value: element.roleId,\r\n label: element.roleName\r\n })\r\n });\r\n }\r\n })\r\n },\r\n //查看详情\r\n lookDetail(scope) {\r\n roleDetaile(scope.roleId).then(res => {\r\n if (res.code == 200) {\r\n this.detaildData.data = res.data\r\n this.detaildData.dialogVisible = true\r\n }\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n &-container {\r\n margin: 30px;\r\n }\r\n\r\n &-text {\r\n font-size: 30px;\r\n line-height: 46px;\r\n }\r\n}\r\n\r\n.dashboard-container {\r\n .search-content {\r\n width: 100%;\r\n height: 74px;\r\n background-color: #fff;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 10px;\r\n\r\n .el-input {\r\n margin: 0 10px;\r\n }\r\n\r\n .el-select {\r\n margin: 0 10px;\r\n }\r\n\r\n .search-btn {\r\n display: flex;\r\n align-items: center;\r\n height: 100%; \r\n margin-left: 10px;\r\n\r\n div {\r\n // margin: 0 6px;\r\n display: inline-block;\r\n width: 80px;\r\n height: 40px;\r\n border-radius: 2px;\r\n font-size: 14px;\r\n line-height: 40px;\r\n text-align: center;\r\n }\r\n\r\n div:hover {\r\n cursor: pointer;\r\n }\r\n\r\n .search {\r\n margin-right: 10px;\r\n background-color: #2766DD;\r\n color: #F7F8FB;\r\n }\r\n\r\n .search:hover {\r\n background-color: #4D85F4;\r\n }\r\n\r\n .reset {\r\n color: #333334;\r\n border: 1px solid #D7D7D7;\r\n }\r\n\r\n .reset:hover {\r\n color: #1F9FFF;\r\n border: 1px solid #1F9FFF;\r\n }\r\n }\r\n }\r\n\r\n .table-content {\r\n margin-top: 15px;\r\n width: 100%;\r\n background-color: #fff;\r\n padding: 0 20px 20px;\r\n\r\n .btn {\r\n margin: 15px 20px 15px 0;\r\n cursor: pointer;\r\n float: left;\r\n text-align: center;\r\n width: 98px;\r\n height: 34px;\r\n border-radius: 2px;\r\n border: 1px solid #ABC7FD;\r\n line-height: 34px;\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #2250C8;\r\n background-color: #E7EEFF;\r\n }\r\n\r\n .btn:hover {\r\n color: #FFFFFF;\r\n background-color: #2250C8;\r\n border: 1px solid #2250C8;\r\n }\r\n\r\n .btn:active {\r\n color: #FFFFFF;\r\n background-color: #194DA4;\r\n border: 1px solid #194DA4;\r\n }\r\n\r\n .startUsing {\r\n width: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #00974D;\r\n border-radius: 4px;\r\n background-color: #E7FAF0;\r\n border: 1px solid #BEFDDD;\r\n }\r\n\r\n .Deactivate {\r\n width: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #FF9933;\r\n border-radius: 4px;\r\n background-color: #FFF3E8;\r\n border: 1px solid #FDE6CF;\r\n }\r\n\r\n .operateBtn {\r\n display: flex;\r\n justify-content: center;\r\n color: #2866DD;\r\n\r\n div {\r\n font-size: 14px;\r\n margin: 0 5px;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .pagination {\r\n margin: 10px 0;\r\n width: 100%;\r\n height: 20px;\r\n\r\n .el-pagination {\r\n float: right;\r\n margin: 10px 0;\r\n }\r\n }\r\n }\r\n\r\n}\r\n</style>\r\n"]}]}