| 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=style&index=0&id=5fc99eaf&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/role/index.vue","mtime":1708395041892},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5kYXNoYm9hcmQgew0KICAmLWNvbnRhaW5lciB7DQogICAgbWFyZ2luOiAzMHB4Ow0KICB9DQoNCiAgJi10ZXh0IHsNCiAgICBmb250LXNpemU6IDMwcHg7DQogICAgbGluZS1oZWlnaHQ6IDQ2cHg7DQogIH0NCn0NCg0KLmRhc2hib2FyZC1jb250YWluZXIgew0KICAuc2VhcmNoLWNvbnRlbnQgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogNzRweDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7DQoNCiAgICAuZWwtaW5wdXQgew0KICAgICAgbWFyZ2luOiAwIDEwcHg7DQogICAgfQ0KDQogICAgLmVsLXNlbGVjdCB7DQogICAgICBtYXJnaW46IDAgMTBweDsNCiAgICB9DQoNCiAgICAuc2VhcmNoLWJ0biB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgIGhlaWdodDogMTAwJTsgICAgICANCiAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KDQogICAgICBkaXYgew0KICAgICAgICAvLyBtYXJnaW46IDAgNnB4Ow0KICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgICAgIHdpZHRoOiA4MHB4Ow0KICAgICAgICBoZWlnaHQ6IDQwcHg7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogNDBweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgfQ0KDQogICAgICBkaXY6aG92ZXIgew0KICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICB9DQoNCiAgICAgIC5zZWFyY2ggew0KICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyNzY2REQ7DQogICAgICAgIGNvbG9yOiAjRjdGOEZCOw0KICAgICAgfQ0KDQogICAgICAuc2VhcmNoOmhvdmVyIHsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzREODVGNDsNCiAgICAgIH0NCg0KICAgICAgLnJlc2V0IHsNCiAgICAgICAgY29sb3I6ICMzMzMzMzQ7DQogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNEN0Q3RDc7DQogICAgICB9DQoNCiAgICAgIC5yZXNldDpob3ZlciB7DQogICAgICAgIGNvbG9yOiAjMUY5RkZGOw0KICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjMUY5RkZGOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KDQogIC50YWJsZS1jb250ZW50IHsNCiAgICBtYXJnaW4tdG9wOiAxNXB4Ow0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogICAgcGFkZGluZzogMCAyMHB4IDIwcHg7DQoNCiAgICAuYnRuIHsNCiAgICAgIG1hcmdpbjogMTVweCAyMHB4IDE1cHggMDsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgIGZsb2F0OiBsZWZ0Ow0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgd2lkdGg6IDk4cHg7DQogICAgICBoZWlnaHQ6IDM0cHg7DQogICAgICBib3JkZXItcmFkaXVzOiAycHg7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjQUJDN0ZEOw0KICAgICAgbGluZS1oZWlnaHQ6IDM0cHg7DQogICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgY29sb3I6ICMyMjUwQzg7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRTdFRUZGOw0KICAgIH0NCg0KICAgIC5idG46aG92ZXIgew0KICAgICAgY29sb3I6ICNGRkZGRkY7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjI1MEM4Ow0KICAgICAgYm9yZGVyOiAxcHggc29saWQgIzIyNTBDODsNCiAgICB9DQoNCiAgICAuYnRuOmFjdGl2ZSB7DQogICAgICBjb2xvcjogI0ZGRkZGRjsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMxOTREQTQ7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMTk0REE0Ow0KICAgIH0NCg0KICAgIC5zdGFydFVzaW5nIHsNCiAgICAgICAgd2lkdGg6IDU0cHg7DQogICAgICAgIGhlaWdodDogMjRweDsNCiAgICAgICAgbWFyZ2luOiAxNC41cHggYXV0byAwOw0KICAgICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgIGNvbG9yOiAjMDA5NzREOw0KICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNFN0ZBRjA7DQogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNCRUZEREQ7DQogICAgICB9DQoNCiAgICAgIC5EZWFjdGl2YXRlIHsNCiAgICAgICAgd2lkdGg6IDU0cHg7DQogICAgICAgIGhlaWdodDogMjRweDsNCiAgICAgICAgbWFyZ2luOiAxNC41cHggYXV0byAwOw0KICAgICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgIGNvbG9yOiAjRkY5OTMzOw0KICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNGRkYzRTg7DQogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNGREU2Q0Y7DQogICAgICB9DQoNCiAgICAub3BlcmF0ZUJ0biB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICBjb2xvcjogIzI4NjZERDsNCg0KICAgICAgZGl2IHsNCiAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICBtYXJnaW46IDAgNXB4Ow0KICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICB9DQogICAgfQ0KDQogICAgLnBhZ2luYXRpb24gew0KICAgICAgbWFyZ2luOiAxMHB4IDA7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICAgIGhlaWdodDogMjBweDsNCg0KICAgICAgLmVsLXBhZ2luYXRpb24gew0KICAgICAgICBmbG9hdDogcmlnaHQ7DQogICAgICAgIG1hcmdpbjogMTBweCAwOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KDQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkQA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA","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\"></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"]}]}
|
