{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/systemMonitoring/monitoringSystemMonitoring/index.vue?vue&type=style&index=0&id=3b794a90&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/systemMonitoring/monitoringSystemMonitoring/index.vue","mtime":1708395041893},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZGFzaGJvYXJkIHsKICAmLWNvbnRhaW5lciB7CiAgICBtYXJnaW46IDMwcHg7CiAgfQoKICAmLXRleHQgewogICAgZm9udC1zaXplOiAzMHB4OwogICAgbGluZS1oZWlnaHQ6IDQ2cHg7CiAgfQp9CgouZGFzaGJvYXJkLWNvbnRhaW5lciB7CiAgLnNlYXJjaC1jb250ZW50IHsKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OiA3NHB4OwogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgcGFkZGluZy1sZWZ0OiAxMHB4OwoKICAgIC5lbC1pbnB1dCB7CiAgICAgIG1hcmdpbjogMCAxMHB4OwogICAgfQoKICAgIC5lbC1zZWxlY3QgewogICAgICBtYXJnaW46IDAgMTBweDsKICAgIH0KCiAgICAuc2VhcmNoLWJ0biB7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgIGhlaWdodDogMTAwJTsgICAgICAKICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7CgogICAgICBkaXYgewogICAgICAgIC8vIG1hcmdpbjogMCA2cHg7CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHdpZHRoOiA4MHB4OwogICAgICAgIGhlaWdodDogNDBweDsKICAgICAgICBib3JkZXItcmFkaXVzOiAycHg7CiAgICAgICAgZm9udC1zaXplOiAxNHB4OwogICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4OwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgfQoKICAgICAgZGl2OmhvdmVyIHsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIH0KCiAgICAgIC5zZWFyY2ggewogICAgICAgIG1hcmdpbi1yaWdodDogMTBweDsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2NkREOwogICAgICAgIGNvbG9yOiAjRjdGOEZCOwogICAgICB9CgogICAgICAuc2VhcmNoOmhvdmVyIHsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNEQ4NUY0OwogICAgICB9CgogICAgICAucmVzZXQgewogICAgICAgIGNvbG9yOiAjMzMzMzM0OwogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNEN0Q3RDc7CiAgICAgIH0KCiAgICAgIC5yZXNldDpob3ZlciB7CiAgICAgICAgY29sb3I6ICMxRjlGRkY7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzFGOUZGRjsKICAgICAgfQogICAgfQogIH0KCiAgLnRhYmxlLWNvbnRlbnQgewogICAgbWFyZ2luLXRvcDogMTVweDsKICAgIHdpZHRoOiAxMDAlOwogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICAgIHBhZGRpbmc6IDAgMjBweCAyMHB4OwoKICAgIC5idG4gewogICAgICBtYXJnaW46IDE1cHggMjBweCAxNXB4IDA7CiAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgZmxvYXQ6IGxlZnQ7CiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgd2lkdGg6IDk4cHg7CiAgICAgIGhlaWdodDogMzRweDsKICAgICAgYm9yZGVyLXJhZGl1czogMnB4OwogICAgICBib3JkZXI6IDFweCBzb2xpZCAjQUJDN0ZEOwogICAgICBsaW5lLWhlaWdodDogMzRweDsKICAgICAgZm9udC13ZWlnaHQ6IDQwMDsKICAgICAgZm9udC1zaXplOiAxNHB4OwogICAgICBjb2xvcjogIzIyNTBDODsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0U3RUVGRjsKICAgIH0KCiAgICAuYnRuOmhvdmVyIHsKICAgICAgY29sb3I6ICNGRkZGRkY7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyMjUwQzg7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMyMjUwQzg7CiAgICB9CgogICAgLmJ0bjphY3RpdmUgewogICAgICBjb2xvcjogI0ZGRkZGRjsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzE5NERBNDsKICAgICAgYm9yZGVyOiAxcHggc29saWQgIzE5NERBNDsKICAgIH0KCiAgICAuc3RhcnRVc2luZyB7CiAgICAgICAgd2lkdGg6IDU0cHg7CiAgICAgICAgaGVpZ2h0OiAyNHB4OwogICAgICAgIG1hcmdpbjogMTQuNXB4IGF1dG8gMDsKICAgICAgICBsaW5lLWhlaWdodDogMjRweDsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgICAgZm9udC1zaXplOiAxMnB4OwogICAgICAgIGNvbG9yOiAjMDA5NzREOwogICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRTdGQUYwOwogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNCRUZEREQ7CiAgICAgIH0KCiAgICAgIC5EZWFjdGl2YXRlIHsKICAgICAgICB3aWR0aDogNTRweDsKICAgICAgICBoZWlnaHQ6IDI0cHg7CiAgICAgICAgbWFyZ2luOiAxNC41cHggYXV0byAwOwogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4OwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBmb250LXNpemU6IDEycHg7CiAgICAgICAgY29sb3I6ICNGRjk5MzM7CiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4OwogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNGRkYzRTg7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0ZERTZDRjsKICAgICAgfQoKICAgIC5vcGVyYXRlQnRuIHsKICAgICAgZGlzcGxheTogZmxleDsKICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgIGNvbG9yOiAjMjg2NkREOwoKICAgICAgZGl2IHsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgbWFyZ2luOiAwIDVweDsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIH0KICAgIH0KCiAgICAucGFnaW5hdGlvbiB7CiAgICAgIG1hcmdpbjogMTBweCAwOwogICAgICB3aWR0aDogMTAwJTsKICAgICAgaGVpZ2h0OiAyMHB4OwoKICAgICAgLmVsLXBhZ2luYXRpb24gewogICAgICAgIGZsb2F0OiByaWdodDsKICAgICAgICBtYXJnaW46IDEwcHggMDsKICAgICAgfQogICAgfQogIH0KCn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyIA;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/systemMonitoring/monitoringSystemMonitoring","sourcesContent":["<template>\n    <div class=\"dashboard-container\">\n        <div class=\"search-content\">\n            <!-- <el-input style=\"width: 220px;\" placeholder=\"请输入监测系统名称\" v-model=\"searchData.monitorSystemName\" clearable></el-input> -->\n            <el-select\n              v-model=\"searchData.monitorSystemName\"\n              placeholder=\"请选择监测系统名称\"\n              style=\"width: 220px; margin-right: 20px\"\n              filterable\n              clearable\n            >\n              <el-option\n                v-for=\"item in monitorNameData\"\n                :key=\"item.monitorSystemName\"\n                :label=\"item.monitorSystemName\"\n                :value=\"item.monitorSystemName\"\n              />\n            </el-select>\n            <el-select style=\"width: 220px;\" clearable placeholder=\"请选择状态\" v-model=\"searchData.status\">\n                <el-option label=\"在线\" value=\"1\"></el-option>\n                <el-option label=\"离线\" value=\"2\"></el-option>\n            </el-select>\n            <div class=\"search-btn\">        \n                <div class=\"search\" @click=\"searchBtn()\">查询</div>\n                <div class=\"reset\" @click=\"reset()\">重置</div>\n            </div>     \n        </div>\n        \n        <div class=\"table-content\">\n            <div style=\"width: 100%;height: 30px;\">\n                <div class=\"btn\" style=\"margin-right: -3px;\" @click=\"reset()\">刷新</div>\n            </div>\n            <el-table ref=\"multipleTable\" :data=\"tableData\" tooltip-effect=\"dark\" style=\"width: 100%\">\n                <el-table-column type=\"index\" label=\"序号\" width=\"80\">\n                </el-table-column>\n                <el-table-column prop=\"monitorSystemName\" label=\"监测系统名称\">\n                </el-table-column>                \n                <el-table-column prop=\"statusName\" label=\"状态\">\n                  <template slot-scope=\"scope\">\n                      <span style=\"color: red;\" v-if=\"scope.row.statusName == '未联通'\">离线</span>\n                      <span v-else>在线</span>\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"报警数量\">\n                    <template slot-scope=\"scope\">\n                        <span style=\"color:blue;cursor: pointer;\" @click=\"toAlarmList(scope.row,'')\">{{ scope.row.countAll||0 }}</span>\n                    </template>\n                </el-table-column>\n                <el-table-column label=\"未解除报警总数\">\n                    <template slot-scope=\"scope\">\n                        <span style=\"color:blue;cursor: pointer;\" @click=\"toAlarmList(scope.row,'2')\">{{ scope.row.failureToReport||0 }}</span>\n                    </template>\n                </el-table-column>\n                <el-table-column prop=\"turnOnTime\" label=\"最近接入时间\" width=\"300px\">\n                </el-table-column>\n            </el-table>\n            <div class=\"pagination\">\n                <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\" :page-sizes=\"[10, 15, 20]\"\n                :page-size=\"searchData.pageSize\" layout=\"total, sizes, prev, pager, next, jumper\" :total=\"total\">\n                </el-pagination>\n            </div>\n        </div>\n    </div>    \n</template>\n<script>\nimport {getMonitoringSystemMonitoringList} from '@/api/systemMonitoring'\nimport { monitorNameList } from \"@/api/monitor\";\nexport default {\n    name:'monitoringSystemMonitoring',\n    data () {\n        return {\n            tableData: [],  \n            total: 0,\n            searchData:{\n                pageNum: 1,\n                pageSize: 10, \n                monitorSystemName:'',\n                status:''\n            },\n            monitorNameData: [],\n        }\n    },\n    created() {\n        this.getList(this.searchData)\n        this.getMonitoreName();\n    },\n    methods:{\n        getMonitoreName() {\n          let params = {};\n          monitorNameList(params).then((response) => {\n            this.monitorNameData = response.data;\n          });\n        },\n        getList(params) {\n            getMonitoringSystemMonitoringList(params).then(res => {                \n                if (res.code == 200) {\n                    this.tableData = res.data.records                    \n                    this.total = res.data.total                    \n                }\n            }) \n        },\n        searchBtn() {\n            this.searchData.pageNum = 1\n            this.getList(this.searchData)\n        },\n        reset() {\n            this.searchData = {            \n                pageNum: 1,\n                pageSize: 10, \n                monitorSystemName:'',\n                status:''            \n            }\n            this.getList(this.searchData)\n        },\n        handleSizeChange(val) {\n            this.searchData.pageSize = val\n            this.getList(this.searchData)\n        },\n        handleCurrentChange(val) {\n            this.searchData.pageNum = val\n            this.getList(this.searchData)\n        },\n        toAlarmList(row,val) {            \n            this.$router.push({\n                name:'List',\n                params:{\n                    pageNum:1,\n                    pageSize:10,\n                    source:row.clientId,\n                    isLock:val\n                }\n            })\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.dashboard {\n  &-container {\n    margin: 30px;\n  }\n\n  &-text {\n    font-size: 30px;\n    line-height: 46px;\n  }\n}\n\n.dashboard-container {\n  .search-content {\n    width: 100%;\n    height: 74px;\n    background-color: #fff;\n    display: flex;\n    align-items: center;\n    padding-left: 10px;\n\n    .el-input {\n      margin: 0 10px;\n    }\n\n    .el-select {\n      margin: 0 10px;\n    }\n\n    .search-btn {\n      display: flex;\n      align-items: center;\n      height: 100%;      \n      margin-left: 10px;\n\n      div {\n        // margin: 0 6px;\n        display: inline-block;\n        width: 80px;\n        height: 40px;\n        border-radius: 2px;\n        font-size: 14px;\n        line-height: 40px;\n        text-align: center;\n      }\n\n      div:hover {\n        cursor: pointer;\n      }\n\n      .search {\n        margin-right: 10px;\n        background-color: #2766DD;\n        color: #F7F8FB;\n      }\n\n      .search:hover {\n        background-color: #4D85F4;\n      }\n\n      .reset {\n        color: #333334;\n        border: 1px solid #D7D7D7;\n      }\n\n      .reset:hover {\n        color: #1F9FFF;\n        border: 1px solid #1F9FFF;\n      }\n    }\n  }\n\n  .table-content {\n    margin-top: 15px;\n    width: 100%;\n    background-color: #fff;\n    padding: 0 20px 20px;\n\n    .btn {\n      margin: 15px 20px 15px 0;\n      cursor: pointer;\n      float: left;\n      text-align: center;\n      width: 98px;\n      height: 34px;\n      border-radius: 2px;\n      border: 1px solid #ABC7FD;\n      line-height: 34px;\n      font-weight: 400;\n      font-size: 14px;\n      color: #2250C8;\n      background-color: #E7EEFF;\n    }\n\n    .btn:hover {\n      color: #FFFFFF;\n      background-color: #2250C8;\n      border: 1px solid #2250C8;\n    }\n\n    .btn:active {\n      color: #FFFFFF;\n      background-color: #194DA4;\n      border: 1px solid #194DA4;\n    }\n\n    .startUsing {\n        width: 54px;\n        height: 24px;\n        margin: 14.5px auto 0;\n        line-height: 24px;\n        text-align: center;\n        font-size: 12px;\n        color: #00974D;\n        border-radius: 4px;\n        background-color: #E7FAF0;\n        border: 1px solid #BEFDDD;\n      }\n\n      .Deactivate {\n        width: 54px;\n        height: 24px;\n        margin: 14.5px auto 0;\n        line-height: 24px;\n        text-align: center;\n        font-size: 12px;\n        color: #FF9933;\n        border-radius: 4px;\n        background-color: #FFF3E8;\n        border: 1px solid #FDE6CF;\n      }\n\n    .operateBtn {\n      display: flex;\n      justify-content: center;\n      color: #2866DD;\n\n      div {\n        font-size: 14px;\n        margin: 0 5px;\n        cursor: pointer;\n      }\n    }\n\n    .pagination {\n      margin: 10px 0;\n      width: 100%;\n      height: 20px;\n\n      .el-pagination {\n        float: right;\n        margin: 10px 0;\n      }\n    }\n  }\n\n}\n</style>"]}]}