{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js??ref--0-0!/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/babel.config.js","mtime":1708395041663},{"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:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiL1VzZXJzL2Nhb2dlL0Rlc2t0b3AvXHU1NzMwXHU4RDI4XHU3M0IwXHU1NzNBL1ZlaGljbGVNb25pdG9yLVdFQi9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9lc20vb2JqZWN0U3ByZWFkMi5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5Lm1hcC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnB1c2guanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwoKaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gJ3Z1ZXgnOwppbXBvcnQgeyBtb25pdG9yTGlzdCwgbW9uaXRvck5hbWVMaXN0LCBtb25pdG9yRGV0YWlsLCB0b0FkZG1vbml0LCB0b1VwZGF0ZU1vbml0b3IsIHRvU2xpY2VNb25pdG9yIH0gZnJvbSAnQC9hcGkvbW9uaXRvcic7CmltcG9ydCBkZXRhaWxlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy9kZXRhaWxlRGlhbG9nLnZ1ZSc7CmltcG9ydCBhZGRSb2xlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy9hZGRSb2xlRGlhbG9nLnZ1ZSc7CmltcG9ydCB1cGRhdGFSb2xlRGlhbG9nIGZyb20gJy4vY29tcG9uZW50cy91cERhdGVSb2xlRGlhbG9nLnZ1ZSc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnaG9tZScsCiAgY29tcHV0ZWQ6IF9vYmplY3RTcHJlYWQoe30sIG1hcEdldHRlcnMoWyduYW1lJ10pKSwKICBjb21wb25lbnRzOiB7CiAgICBkZXRhaWxlRGlhbG9nOiBkZXRhaWxlRGlhbG9nLAogICAgYWRkUm9sZURpYWxvZzogYWRkUm9sZURpYWxvZywKICAgIHVwZGF0YVJvbGVEaWFsb2c6IHVwZGF0YVJvbGVEaWFsb2cKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0YWJsZURhdGE6IFtdLAogICAgICBkZWxldGVBcnJheTogW10sCiAgICAgIG1vbml0b3JOYW1lRGF0YTogW10sCiAgICAgIHRvdGFsOiAwLAogICAgICBzZWFyY2hEYXRhOiB7CiAgICAgICAgcGFnZU51bTogMSwKICAgICAgICBwYWdlU2l6ZTogMTAsCiAgICAgICAgbW9uaXRvclN5c3RlbU5hbWU6ICcnLAogICAgICAgIHN0YXR1czogJycKICAgICAgfSwKICAgICAgZGV0YWlsZERhdGE6IHsKICAgICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwKICAgICAgICBkYXRhOiB7fQogICAgICB9LAogICAgICBhZGRSb2xlRGF0YTogewogICAgICAgIGRpYWxvZ1Zpc2libGU6IGZhbHNlLAogICAgICAgIGRhdGE6IHt9CiAgICAgIH0sCiAgICAgIHVwZGF0ZVJvbGVEYXRhOiB7CiAgICAgICAgZGlhbG9nVmlzaWJsZTogZmFsc2UsCiAgICAgICAgZGF0YToge30KICAgICAgfSwKICAgICAgc3RhdHVzT3B0aW9uczogW3sKICAgICAgICBsYWJlbDogJ+WcqOe6vycsCiAgICAgICAgdmFsdWU6ICcxJwogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICfnprvnur8nLAogICAgICAgIHZhbHVlOiAnMicKICAgICAgfV0sCiAgICAgIHJvbGVPcHRpb25zOiBbXQogICAgfTsKICB9LAogIGNyZWF0ZWQ6IGZ1bmN0aW9uIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSk7CiAgICB0aGlzLmdldE1vbml0b3JlTmFtZSgpOwogIH0sCiAgbWV0aG9kczogewogICAgaGFuZGxlU2VsZWN0aW9uQ2hhbmdlOiBmdW5jdGlvbiBoYW5kbGVTZWxlY3Rpb25DaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMuZGVsZXRlQXJyYXkgPSB2YWwubWFwKGZ1bmN0aW9uIChpdGVtKSB7CiAgICAgICAgcmV0dXJuIGl0ZW0uaWQ7CiAgICAgIH0pOwogICAgfSwKICAgIGdldE1vbml0b3JlTmFtZTogZnVuY3Rpb24gZ2V0TW9uaXRvcmVOYW1lKCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwogICAgICB2YXIgcGFyYW1zID0ge307CiAgICAgIG1vbml0b3JOYW1lTGlzdChwYXJhbXMpLnRoZW4oZnVuY3Rpb24gKHJlc3BvbnNlKSB7CiAgICAgICAgX3RoaXMubW9uaXRvck5hbWVEYXRhID0gcmVzcG9uc2UuZGF0YTsKICAgICAgfSk7CiAgICB9LAogICAgZ2V0Um9sZUxpc3Q6IGZ1bmN0aW9uIGdldFJvbGVMaXN0KHBhcmFtcykgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKICAgICAgbW9uaXRvckxpc3QocGFyYW1zKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICBfdGhpczIudG90YWwgPSByZXMuZGF0YS50b3RhbDsKICAgICAgICAgIF90aGlzMi50YWJsZURhdGEgPSByZXMuZGF0YS5yZWNvcmRzOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICBfdGhpczIuJG1lc3NhZ2UoewogICAgICAgICAgICB0eXBlOiAnZXJyb3InLAogICAgICAgICAgICBtZXNzYWdlOiByZXMubXNnCiAgICAgICAgICB9KTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIHVwZGF0ZVJvbGU6IGZ1bmN0aW9uIHVwZGF0ZVJvbGUoc2NvcGUpIHsKICAgICAgdmFyIF90aGlzMyA9IHRoaXM7CiAgICAgIG1vbml0b3JEZXRhaWwoc2NvcGUuaWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIF90aGlzMy51cGRhdGVSb2xlRGF0YS5kYXRhID0gcmVzLmRhdGE7CiAgICAgICAgICBfdGhpczMudXBkYXRlUm9sZURhdGEuZGlhbG9nVmlzaWJsZSA9IHRydWU7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBoYW5kbGVTaXplQ2hhbmdlOiBmdW5jdGlvbiBoYW5kbGVTaXplQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnNlYXJjaERhdGEucGFnZVNpemUgPSB2YWw7CiAgICAgIHRoaXMuZ2V0Um9sZUxpc3QodGhpcy5zZWFyY2hEYXRhKTsKICAgIH0sCiAgICBoYW5kbGVDdXJyZW50Q2hhbmdlOiBmdW5jdGlvbiBoYW5kbGVDdXJyZW50Q2hhbmdlKHZhbCkgewogICAgICB0aGlzLnNlYXJjaERhdGEucGFnZU51bSA9IHZhbDsKICAgICAgdGhpcy5nZXRSb2xlTGlzdCh0aGlzLnNlYXJjaERhdGEpOwogICAgfSwKICAgIHNlYXJjaEJ0bjogZnVuY3Rpb24gc2VhcmNoQnRuKCkgewogICAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSk7CiAgICB9LAogICAgcmVzZXQ6IGZ1bmN0aW9uIHJlc2V0KCkgewogICAgICB0aGlzLnNlYXJjaERhdGEgPSB7CiAgICAgICAgcGFnZU51bTogMSwKICAgICAgICBwYWdlU2l6ZTogMTAsCiAgICAgICAgcm9sZU5hbWU6ICcnLAogICAgICAgIHN0YXR1czogJycsCiAgICAgICAgcm9sZUlkOiAnJwogICAgICB9OwogICAgICB0aGlzLmdldFJvbGVMaXN0KHRoaXMuc2VhcmNoRGF0YSk7CiAgICB9LAogICAgdXBkYXRlUm9sZUJ0bjogZnVuY3Rpb24gdXBkYXRlUm9sZUJ0bihwYXlsb2FkKSB7CiAgICAgIHZhciBfdGhpczQgPSB0aGlzOwogICAgICB0b1VwZGF0ZU1vbml0b3IocGF5bG9hZCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgX3RoaXM0LiRtZXNzYWdlKHsKICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLAogICAgICAgICAgICBtZXNzYWdlOiAn5L+u5pS55oiQ5YqfIScKICAgICAgICAgIH0pOwogICAgICAgICAgX3RoaXM0LnVwZGF0ZVJvbGVEYXRhLmRpYWxvZ1Zpc2libGUgPSBmYWxzZTsKICAgICAgICAgIF90aGlzNC5nZXRSb2xlTGlzdChfdGhpczQuc2VhcmNoRGF0YSk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIF90aGlzNC4kbWVzc2FnZSh7CiAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsCiAgICAgICAgICAgIG1lc3NhZ2U6IHJlcy5tc2cKICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAogICAgLy/liKDpmaTop5LoibIKICAgIGRlbFJvbGU6IGZ1bmN0aW9uIGRlbFJvbGUoc2NvcGUpIHsKICAgICAgdGhpcy5kZWxldGVBcnJheS5wdXNoKHNjb3BlLmlkKTsKICAgICAgdGhpcy50b0RlbGV0ZSgpOwogICAgfSwKICAgIHRvRGVsZXRlOiBmdW5jdGlvbiB0b0RlbGV0ZSgpIHsKICAgICAgdmFyIF90aGlzNSA9IHRoaXM7CiAgICAgIGlmICh0aGlzLmRlbGV0ZUFycmF5Lmxlbmd0aCA9PSAwKSB7CiAgICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgICB0eXBlOiAnZXJyb3InLAogICAgICAgICAgbWVzc2FnZTogJ+ivt+WFiOmAieaLqemcgOimgeWIoOmZpOeahOaVsOaNricKICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLiRjb25maXJtKCfnoa7lrpropoHliKDpmaTlkJc/JywgJ+S/oeaBr+aPkOekuicsIHsKICAgICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAn56Gu5a6aJywKICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLAogICAgICAgICAgdHlwZTogJ3dhcm5pbmcnCiAgICAgICAgfSkudGhlbihmdW5jdGlvbiAoKSB7CiAgICAgICAgICB0b1NsaWNlTW9uaXRvcihfdGhpczUuZGVsZXRlQXJyYXkpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICAgICAgX3RoaXM1LmdldFJvbGVMaXN0KF90aGlzNS5zZWFyY2hEYXRhKTsKICAgICAgICAgICAgICBfdGhpczUuJG1lc3NhZ2UoewogICAgICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLAogICAgICAgICAgICAgICAgbWVzc2FnZTogJ+WIoOmZpOaIkOWKnyEnCiAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgX3RoaXM1LiRtZXNzYWdlKHsKICAgICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsCiAgICAgICAgICAgICAgICBtZXNzYWdlOiByZXMubXNnCiAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0pOwogICAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uICgpIHsKICAgICAgICAgIF90aGlzNS4kbWVzc2FnZSh7CiAgICAgICAgICAgIHR5cGU6ICdpbmZvJywKICAgICAgICAgICAgbWVzc2FnZTogJ+W3suWPlua2iOWIoOmZpCcKICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgICB9CiAgICB9LAogICAgLy/mt7vliqDop5LoibIKICAgIGFkZFJvbGVCdG4xOiBmdW5jdGlvbiBhZGRSb2xlQnRuMShwYXlsb2FkKSB7CiAgICAgIHZhciBfdGhpczYgPSB0aGlzOwogICAgICB0b0FkZG1vbml0KHBheWxvYWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIF90aGlzNi4kbWVzc2FnZSh7CiAgICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJywKICAgICAgICAgICAgbWVzc2FnZTogJ+a3u+WKoOaIkOWKn++8gScKICAgICAgICAgIH0pOwogICAgICAgICAgX3RoaXM2LmdldFJvbGVMaXN0KF90aGlzNi5zZWFyY2hEYXRhKTsKICAgICAgICAgIF90aGlzNi5hZGRSb2xlRGF0YS5kaWFsb2dWaXNpYmxlID0gZmFsc2U7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBhZGRSb2xlQnRuOiBmdW5jdGlvbiBhZGRSb2xlQnRuKCkgewogICAgICB0aGlzLmFkZFJvbGVEYXRhLmRpYWxvZ1Zpc2libGUgPSB0cnVlOwogICAgfSwKICAgIC8v5p+l55yL6K+m5oOFCiAgICBsb29rRGV0YWlsOiBmdW5jdGlvbiBsb29rRGV0YWlsKHNjb3BlKSB7CiAgICAgIHZhciBfdGhpczcgPSB0aGlzOwogICAgICBtb25pdG9yRGV0YWlsKHNjb3BlLmlkKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICBfdGhpczcuZGV0YWlsZERhdGEuZGF0YSA9IHJlcy5kYXRhOwogICAgICAgICAgX3RoaXM3LmRldGFpbGREYXRhLmRpYWxvZ1Zpc2libGUgPSB0cnVlOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["mapGetters","monitorList","monitorNameList","monitorDetail","toAddmonit","toUpdateMonitor","toSliceMonitor","detaileDialog","addRoleDialog","updataRoleDialog","name","computed","_objectSpread","components","data","tableData","deleteArray","monitorNameData","total","searchData","pageNum","pageSize","monitorSystemName","status","detaildData","dialogVisible","addRoleData","updateRoleData","statusOptions","label","value","roleOptions","created","getRoleList","getMonitoreName","methods","handleSelectionChange","val","map","item","id","_this","params","then","response","_this2","res","code","records","$message","type","message","msg","updateRole","scope","_this3","handleSizeChange","handleCurrentChange","searchBtn","reset","roleName","roleId","updateRoleBtn","payload","_this4","delRole","push","toDelete","_this5","length","$confirm","confirmButtonText","cancelButtonText","catch","addRoleBtn1","_this6","addRoleBtn","lookDetail","_this7"],"sources":["src/views/system/monitor/index.vue"],"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"],"mappings":"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"}]}