| 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/monitor/index.vue?vue&type=style&index=0&id=1555fc97&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/monitor/index.vue","mtime":1708395041891},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmRhc2hib2FyZCB7DQogICYtY29udGFpbmVyIHsNCiAgICBtYXJnaW46IDMwcHg7DQogIH0NCg0KICAmLXRleHQgew0KICAgIGZvbnQtc2l6ZTogMzBweDsNCiAgICBsaW5lLWhlaWdodDogNDZweDsNCiAgfQ0KfQ0KDQouZGFzaGJvYXJkLWNvbnRhaW5lciB7DQogIC5zZWFyY2gtY29udGVudCB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiA3NHB4Ow0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIHBhZGRpbmctbGVmdDogMTBweDsNCg0KICAgIC5lbC1pbnB1dCB7DQogICAgICBtYXJnaW46IDAgMTBweDsNCiAgICB9DQoNCiAgICAuZWwtc2VsZWN0IHsNCiAgICAgIG1hcmdpbjogMCAxMHB4Ow0KICAgIH0NCg0KICAgIC5zZWFyY2gtYnRuIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgaGVpZ2h0OiAxMDAlOyAgICAgIA0KICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7DQoNCiAgICAgIGRpdiB7DQogICAgICAgIC8vIG1hcmdpbjogMCA2cHg7DQogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICAgICAgd2lkdGg6IDgwcHg7DQogICAgICAgIGhlaWdodDogNDBweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICB9DQoNCiAgICAgIGRpdjpob3ZlciB7DQogICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgIH0NCg0KICAgICAgLnNlYXJjaCB7DQogICAgICAgIG1hcmdpbi1yaWdodDogMTBweDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZERDsNCiAgICAgICAgY29sb3I6ICNGN0Y4RkI7DQogICAgICB9DQoNCiAgICAgIC5zZWFyY2g6aG92ZXIgew0KICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNEQ4NUY0Ow0KICAgICAgfQ0KDQogICAgICAucmVzZXQgew0KICAgICAgICBjb2xvcjogIzMzMzMzNDsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0Q3RDdENzsNCiAgICAgIH0NCg0KICAgICAgLnJlc2V0OmhvdmVyIHsNCiAgICAgICAgY29sb3I6ICMxRjlGRkY7DQogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxRjlGRkY7DQogICAgICB9DQogICAgfQ0KICB9DQoNCiAgLnRhYmxlLWNvbnRlbnQgew0KICAgIG1hcmdpbi10b3A6IDE1cHg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgICBwYWRkaW5nOiAwIDIwcHggMjBweDsNCg0KICAgIC5idG4gew0KICAgICAgbWFyZ2luOiAxNXB4IDIwcHggMTVweCAwOw0KICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgZmxvYXQ6IGxlZnQ7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICB3aWR0aDogOThweDsNCiAgICAgIGhlaWdodDogMzRweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNBQkM3RkQ7DQogICAgICBsaW5lLWhlaWdodDogMzRweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICBjb2xvcjogIzIyNTBDODsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNFN0VFRkY7DQogICAgfQ0KDQogICAgLmJ0bjpob3ZlciB7DQogICAgICBjb2xvcjogI0ZGRkZGRjsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyMjUwQzg7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMjI1MEM4Ow0KICAgIH0NCg0KICAgIC5idG46YWN0aXZlIHsNCiAgICAgIGNvbG9yOiAjRkZGRkZGOw0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzE5NERBNDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxOTREQTQ7DQogICAgfQ0KDQogICAgLnN0YXJ0VXNpbmcgew0KICAgICAgICB3aWR0aDogNTRweDsNCiAgICAgICAgaGVpZ2h0OiAyNHB4Ow0KICAgICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgY29sb3I6ICMwMDk3NEQ7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0U3RkFGMDsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0JFRkRERDsNCiAgICAgIH0NCg0KICAgICAgLkRlYWN0aXZhdGUgew0KICAgICAgICB3aWR0aDogNTRweDsNCiAgICAgICAgaGVpZ2h0OiAyNHB4Ow0KICAgICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgY29sb3I6ICNGRjk5MzM7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRjNFODsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0ZERTZDRjsNCiAgICAgIH0NCg0KICAgIC5vcGVyYXRlQnRuIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgIGNvbG9yOiAjMjg2NkREOw0KDQogICAgICBkaXYgew0KICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIG1hcmdpbjogMCA1cHg7DQogICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgIH0NCiAgICB9DQoNCiAgICAucGFnaW5hdGlvbiB7DQogICAgICBtYXJnaW46IDEwcHggMDsNCiAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgaGVpZ2h0OiAyMHB4Ow0KDQogICAgICAuZWwtcGFnaW5hdGlvbiB7DQogICAgICAgIGZsb2F0OiByaWdodDsNCiAgICAgICAgbWFyZ2luOiAxMHB4IDA7DQogICAgICB9DQogICAgfQ0KICB9DQoNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsRA;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/monitor","sourcesContent":["<template>\r\n <div class=\"dashboard-container\">\r\n <div class=\"search-content\">\r\n <el-select\r\n v-model=\"searchData.monitorSystemName\"\r\n placeholder=\"请选择监测系统名称\"\r\n style=\"width: 220px; padding: 0 10px\"\r\n filterable\r\n >\r\n <el-option\r\n v-for=\"item in monitorNameData\"\r\n :key=\"item.monitorSystemName\"\r\n :label=\"item.monitorSystemName\"\r\n :value=\"item.monitorSystemName\"\r\n />\r\n </el-select> \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: 20px;\" @click=\"addRoleBtn()\">\r\n <span class=\"icon font_family\"></span>\r\n 新增\r\n </div>\r\n <div class=\"btn\" @click=\"toDelete()\">\r\n <span class=\"icon font_family\"></span>\r\n 批量删除\r\n </div>\r\n </div>\r\n <el-table ref=\"multipleTable\" :data=\"tableData\" @selection-change=\"handleSelectionChange\" 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 prop=\"clientId\" label=\"监测系统编码\">\r\n </el-table-column>\r\n <el-table-column prop=\"monitorSystemName\" 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=\"remark\" label=\"备注\">\r\n </el-table-column> -->\r\n <el-table-column prop=\"createTime\" 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 { monitorList,monitorNameList ,monitorDetail,toAddmonit,toUpdateMonitor,toSliceMonitor} from '@/api/monitor'\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 deleteArray:[],\r\n monitorNameData:[],\r\n total: 0,\r\n searchData: {\r\n pageNum: 1,\r\n pageSize: 10,\r\n monitorSystemName: '',\r\n status: '',\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.getMonitoreName()\r\n },\r\n methods: {\r\n handleSelectionChange(val){\r\n this.deleteArray = val.map((item) => item.id);\r\n },\r\n getMonitoreName(){\r\n let params={}\r\n monitorNameList(params).then(response=>{\r\n this.monitorNameData=response.data\r\n })\r\n },\r\n getRoleList(params) {\r\n monitorList(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 monitorDetail(scope.id).then(res => {\r\n if (res.code == 200) {\r\n this.updateRoleData.data = res.data\r\n this.updateRoleData.dialogVisible = true\r\n }\r\n })\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 toUpdateMonitor(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.deleteArray.push(scope.id)\r\n this.toDelete()\r\n },\r\n toDelete(){\r\n if(this.deleteArray.length==0){\r\n this.$message({\r\n type: 'error',\r\n message: '请先选择需要删除的数据'\r\n });\r\n }else{\r\n this.$confirm('确定要删除吗?', '信息提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n toSliceMonitor(this.deleteArray).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 //添加角色\r\n addRoleBtn1(payload) {\r\n toAddmonit(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 lookDetail(scope) {\r\n monitorDetail(scope.id).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"]}]}
|
