{"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=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/monitor/index.vue","mtime":1708395041891},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBtYXBHZXR0ZXJzIH0gZnJvbSAndnVleCcNCmltcG9ydCB7IG1vbml0b3JMaXN0LG1vbml0b3JOYW1lTGlzdCAsbW9uaXRvckRldGFpbCx0b0FkZG1vbml0LHRvVXBkYXRlTW9uaXRvcix0b1NsaWNlTW9uaXRvcn0gZnJvbSAnQC9hcGkvbW9uaXRvcicNCmltcG9ydCBkZXRhaWxlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy9kZXRhaWxlRGlhbG9nLnZ1ZScNCmltcG9ydCBhZGRSb2xlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy9hZGRSb2xlRGlhbG9nLnZ1ZScNCmltcG9ydCB1cGRhdGFSb2xlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy91cERhdGVSb2xlRGlhbG9nLnZ1ZScNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnaG9tZScsDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwR2V0dGVycyhbDQogICAgICAnbmFtZScsDQogICAgXSkNCiAgfSwNCiAgY29tcG9uZW50czogew0KICAgIGRldGFpbGVEaWFsb2csDQogICAgYWRkUm9sZURpYWxvZywNCiAgICB1cGRhdGFSb2xlRGlhbG9nDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHRhYmxlRGF0YTogW10sDQogICAgICBkZWxldGVBcnJheTpbXSwNCiAgICAgIG1vbml0b3JOYW1lRGF0YTpbXSwNCiAgICAgIHRvdGFsOiAwLA0KICAgICAgc2VhcmNoRGF0YTogew0KICAgICAgICBwYWdlTnVtOiAxLA0KICAgICAgICBwYWdlU2l6ZTogMTAsDQogICAgICAgIG1vbml0b3JTeXN0ZW1OYW1lOiAnJywNCiAgICAgICAgc3RhdHVzOiAnJywNCiAgICAgIH0sDQogICAgICBkZXRhaWxkRGF0YTogew0KICAgICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwNCiAgICAgICAgZGF0YToge30NCiAgICAgIH0sDQogICAgICBhZGRSb2xlRGF0YTogew0KICAgICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwNCiAgICAgICAgZGF0YToge30NCiAgICAgIH0sDQogICAgICB1cGRhdGVSb2xlRGF0YTogew0KICAgICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwNCiAgICAgICAgZGF0YToge30NCiAgICAgIH0sDQogICAgICBzdGF0dXNPcHRpb25zOiBbDQogICAgICAgIHsNCiAgICAgICAgICBsYWJlbDogJ+WcqOe6vycsDQogICAgICAgICAgdmFsdWU6ICcxJw0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgbGFiZWw6ICfnprvnur8nLA0KICAgICAgICAgIHZhbHVlOiAnMicNCiAgICAgICAgfQ0KICAgICAgXSwNCiAgICAgIHJvbGVPcHRpb25zOiBbDQoNCiAgICAgIF0NCiAgICB9DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5nZXRSb2xlTGlzdCh0aGlzLnNlYXJjaERhdGEpDQogICAgdGhpcy5nZXRNb25pdG9yZU5hbWUoKQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgaGFuZGxlU2VsZWN0aW9uQ2hhbmdlKHZhbCl7DQogICAgICB0aGlzLmRlbGV0ZUFycmF5ID0gdmFsLm1hcCgoaXRlbSkgPT4gaXRlbS5pZCk7DQogICAgfSwNCiAgICBnZXRNb25pdG9yZU5hbWUoKXsNCiAgICAgICAgbGV0IHBhcmFtcz17fQ0KICAgICAgICBtb25pdG9yTmFtZUxpc3QocGFyYW1zKS50aGVuKHJlc3BvbnNlPT57DQogICAgICAgICAgICB0aGlzLm1vbml0b3JOYW1lRGF0YT1yZXNwb25zZS5kYXRhDQogICAgICAgIH0pDQogICAgfSwNCiAgICBnZXRSb2xlTGlzdChwYXJhbXMpIHsNCiAgICAgICAgbW9uaXRvckxpc3QocGFyYW1zKS50aGVuKHJlcyA9PiB7DQogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsNCiAgICAgICAgICB0aGlzLnRvdGFsID0gcmVzLmRhdGEudG90YWwNCiAgICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhLnJlY29yZHMNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsDQogICAgICAgICAgICBtZXNzYWdlOiByZXMubXNnDQogICAgICAgICAgfSk7DQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICB1cGRhdGVSb2xlKHNjb3BlKSB7DQogICAgICBtb25pdG9yRGV0YWlsKHNjb3BlLmlkKS50aGVuKHJlcyA9PiB7DQogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsNCiAgICAgICAgICB0aGlzLnVwZGF0ZVJvbGVEYXRhLmRhdGEgPSByZXMuZGF0YQ0KICAgICAgdGhpcy51cGRhdGVSb2xlRGF0YS5kaWFsb2dWaXNpYmxlID0gdHJ1ZQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgaGFuZGxlU2l6ZUNoYW5nZSh2YWwpIHsNCiAgICAgIHRoaXMuc2VhcmNoRGF0YS5wYWdlU2l6ZSA9IHZhbA0KICAgICAgdGhpcy5nZXRSb2xlTGlzdCh0aGlzLnNlYXJjaERhdGEpDQogICAgfSwNCiAgICBoYW5kbGVDdXJyZW50Q2hhbmdlKHZhbCkgew0KICAgICAgdGhpcy5zZWFyY2hEYXRhLnBhZ2VOdW0gPSB2YWwNCiAgICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKQ0KICAgIH0sDQogICAgc2VhcmNoQnRuKCkgew0KICAgICAgdGhpcy5nZXRSb2xlTGlzdCh0aGlzLnNlYXJjaERhdGEpDQogICAgfSwNCiAgICByZXNldCgpIHsNCiAgICAgIHRoaXMuc2VhcmNoRGF0YSA9IHsNCiAgICAgICAgcGFnZU51bTogMSwNCiAgICAgICAgcGFnZVNpemU6IDEwLA0KICAgICAgICByb2xlTmFtZTogJycsDQogICAgICAgIHN0YXR1czogJycsDQogICAgICAgIHJvbGVJZDogJycNCiAgICAgIH0NCiAgICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKQ0KICAgIH0sICAgDQogICAgdXBkYXRlUm9sZUJ0bihwYXlsb2FkKSB7DQogICAgICB0b1VwZGF0ZU1vbml0b3IocGF5bG9hZCkudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycsDQogICAgICAgICAgICBtZXNzYWdlOiAn5L+u5pS55oiQ5YqfIScNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLnVwZGF0ZVJvbGVEYXRhLmRpYWxvZ1Zpc2libGUgPSBmYWxzZQ0KICAgICAgICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKQ0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgdHlwZTogJ2Vycm9yJywNCiAgICAgICAgICAgIG1lc3NhZ2U6IHJlcy5tc2cNCiAgICAgICAgICB9KTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgKQ0KICAgIH0sDQogICAgLy/liKDpmaTop5LoibINCiAgICBkZWxSb2xlKHNjb3BlKSB7DQogICAgICB0aGlzLmRlbGV0ZUFycmF5LnB1c2goc2NvcGUuaWQpDQogICAgICB0aGlzLnRvRGVsZXRlKCkNCiAgICB9LA0KICAgIHRvRGVsZXRlKCl7DQogICAgICBpZih0aGlzLmRlbGV0ZUFycmF5Lmxlbmd0aD09MCl7DQogICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICB0eXBlOiAnZXJyb3InLA0KICAgICAgICAgICAgICBtZXNzYWdlOiAgJ+ivt+WFiOmAieaLqemcgOimgeWIoOmZpOeahOaVsOaNricNCiAgICAgICAgICAgIH0pOw0KICAgICAgfWVsc2V7DQogICAgICAgIHRoaXMuJGNvbmZpcm0oJ+ehruWumuimgeWIoOmZpOWQlz8nLCAn5L+h5oGv5o+Q56S6Jywgew0KICAgICAgICBjb25maXJtQnV0dG9uVGV4dDogJ+ehruWumicsDQogICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLA0KICAgICAgICB0eXBlOiAnd2FybmluZycNCiAgICAgIH0pLnRoZW4oKCkgPT4gew0KICAgICAgICB0b1NsaWNlTW9uaXRvcih0aGlzLmRlbGV0ZUFycmF5KS50aGVuKHJlcyA9PiB7DQogICAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgew0KICAgICAgICAgICAgdGhpcy5nZXRSb2xlTGlzdCh0aGlzLnNlYXJjaERhdGEpDQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLA0KICAgICAgICAgICAgICBtZXNzYWdlOiAn5Yig6Zmk5oiQ5YqfIScNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgICAgdHlwZTogJ2Vycm9yJywNCiAgICAgICAgICAgICAgbWVzc2FnZTogcmVzLm1zZw0KICAgICAgICAgICAgfSk7DQogICAgICAgICAgfQ0KICAgICAgICB9KQ0KICAgICAgfSkuY2F0Y2goKCkgPT4gew0KICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICB0eXBlOiAnaW5mbycsDQogICAgICAgICAgbWVzc2FnZTogJ+W3suWPlua2iOWIoOmZpCcNCiAgICAgICAgfSk7DQogICAgICB9KTsNCiAgICAgIH0NCiAgICB9LA0KICAgIC8v5re75Yqg6KeS6ImyDQogICAgYWRkUm9sZUJ0bjEocGF5bG9hZCkgew0KICAgICAgdG9BZGRtb25pdChwYXlsb2FkKS50aGVuKHJlcyA9PiB7ICAgICAgICANCiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLA0KICAgICAgICAgICAgbWVzc2FnZTogJ+a3u+WKoOaIkOWKn++8gScNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSkNCiAgICAgICAgICB0aGlzLmFkZFJvbGVEYXRhLmRpYWxvZ1Zpc2libGUgPSBmYWxzZQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgYWRkUm9sZUJ0bigpIHsNCiAgICAgIHRoaXMuYWRkUm9sZURhdGEuZGlhbG9nVmlzaWJsZSA9IHRydWUNCiAgICB9LA0KICAgIC8v5p+l55yL6K+m5oOFDQogICAgbG9va0RldGFpbChzY29wZSkgew0KICAgICAgICBtb25pdG9yRGV0YWlsKHNjb3BlLmlkKS50aGVuKHJlcyA9PiB7DQogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsNCiAgICAgICAgICB0aGlzLmRldGFpbGREYXRhLmRhdGEgPSByZXMuZGF0YQ0KICAgICAgICAgIHRoaXMuZGV0YWlsZERhdGEuZGlhbG9nVmlzaWJsZSA9IHRydWUNCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;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;;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;AACA;AACA;AACA;AACA;AACA","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\">&#xe604;</span>\r\n          新增\r\n        </div>\r\n        <div class=\"btn\" @click=\"toDelete()\">\r\n            <span class=\"icon font_family\">&#xe607;</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"]}]}