{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/drivingChart/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/drivingChart/index.vue","mtime":1708395041890},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldFRva2VuIH0gZnJvbSAnQC91dGlscy9hdXRoJwppbXBvcnQgeyBtYXBHZXR0ZXJzIH0gZnJvbSAndnVleCcKaW1wb3J0IHsKICBnZXRJZ25vcmVMaXN0LAogIGV4cG9ydElnbm9yZUxpc3QsCiAgdGVybWluYWxBbGwsCiAgZ2V0RGV0YWlsCn0gZnJvbSAnQC9hcGkvc3lzTWFuYWdlJwppbXBvcnQgZGV0YWlsZURpYWxvZyBmcm9tICcuL2NvbXBvbnRlbnMvZGV0YWlsZURpYWxvZy52dWUnCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQ2FydCcsCiAgY29tcHV0ZWQ6IHsKICAgIC4uLm1hcEdldHRlcnMoWyduYW1lJ10pCiAgfSwKICBjb21wb25lbnRzOiB7CiAgICBkZXRhaWxlRGlhbG9nCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdG90YWw6IDAsCiAgICAgIHRhYmxlRGF0YTogW10sCiAgICAgIHBhcmFtczogewogICAgICAgIHBhZ2VOdW06IDEsCiAgICAgICAgcGFnZVNpemU6IDEwLAogICAgICAgIHRlcm1pbmFsQ29kZTogJycsCiAgICAgICAgYWxhcm1JZDogJycKICAgICAgfSwKICAgICAgdGVybWluYWxMaXN0OiBbXSwKICAgICAgZGV0YWlsZURhdGE6IHsKICAgICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwKICAgICAgICBkYXRhOiB7fQogICAgICB9CiAgICB9CiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuZ2V0SWdub3JlTGlzdCh0aGlzLnBhcmFtcykKICAgIHRoaXMudGVybWluYWxBbGwoKQogIH0sCiAgbWV0aG9kczogewogICAgZ2V0SWdub3JlTGlzdChwYXJhbXMpIHsKICAgICAgZ2V0SWdub3JlTGlzdChwYXJhbXMpLnRoZW4ocmVzID0+IHsKICAgICAgICB0aGlzLnRvdGFsID0gcmVzLmRhdGEudG90YWwKICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhLnJlY29yZHMKICAgICAgfSkKICAgIH0sCiAgICBoYW5kbGVTaXplQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhcmFtcy5wYWdlU2l6ZSA9IHZhbAogICAgICB0aGlzLmdldElnbm9yZUxpc3QodGhpcy5wYXJhbXMpCiAgICB9LAogICAgaGFuZGxlQ3VycmVudENoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYXJhbXMucGFnZU51bSA9IHZhbAogICAgICB0aGlzLmdldElnbm9yZUxpc3QodGhpcy5wYXJhbXMpCiAgICB9LAogICAgZXhwb3J0SWdub3JlTGlzdCgpIHsKICAgICAgZXhwb3J0SWdub3JlTGlzdCgnL3Rlcm1pbmFsL2lnbm9yZS9leHBvcnQnLCB7CiAgICAgICAgdGVybWluYWxDb2RlOiB0aGlzLnBhcmFtcy50ZXJtaW5hbENvZGUsCiAgICAgICAgYWxhcm1JZDogdGhpcy5wYXJhbXMuYWxhcm1JZCwKICAgICAgfSkudGhlbihyZXMgPT4gewogICAgICAgIC8vIGNvbnN0IGJsb2IgPSBuZXcgQmxvYihbcmVzXSwgeyB0eXBlOiAndGV4dC9wbGFpbjtjaGFyc2V0PXV0Zi04JyB9KTsKICAgICAgICAvLyBjb25zdCB1cmwgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChibG9iKTsKICAgICAgICAvLyBjb25zdCBhID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpOwogICAgICAgIC8vIGEuaHJlZiA9IHVybDsKICAgICAgICAvLyBhLmRvd25sb2FkID0gJ+e7iOerr+W/veeVpeaKpeitpuS/oeaBry54bHMnOwogICAgICAgIC8vIGEuY2xpY2soKTsKICAgICAgICAvLyB3aW5kb3cuVVJMLnJldm9rZU9iamVjdFVSTCh1cmwpOwoKCiAgICAgICAgaWYgKHJlcy50eXBlID09ICJhcHBsaWNhdGlvbi9qc29uIikgewogICAgICAgICAgY29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTsgCiAgICAgICAgICByZWFkZXIucmVhZEFzVGV4dChyZXMsICd1dGYtOCcpOyAKICAgICAgICAgIHJlYWRlci5vbmxvYWQgPSBmdW5jdGlvbiAoKSB7CiAgICAgICAgICAgIGNvbnN0IG1zZyA9IEpTT04ucGFyc2UocmVhZGVyLnJlc3VsdCk7CiAgICAgICAgICAgIGlmKG1zZy5jb2RlID09IDIwMCl7CiAgICAgICAgICAgICAgY29uc3QgYmxvYiA9IG5ldyBCbG9iKFtyZXNdLCB7IHR5cGU6ICd0ZXh0L3BsYWluO2NoYXJzZXQ9dXRmLTgnIH0pOwogICAgICAgICAgICAgIGNvbnN0IHVybCA9IHdpbmRvdy5VUkwuY3JlYXRlT2JqZWN0VVJMKGJsb2IpOwogICAgICAgICAgICAgIGNvbnN0IGEgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdhJyk7CiAgICAgICAgICAgICAgYS5ocmVmID0gdXJsOwogICAgICAgICAgICAgIGEuZG93bmxvYWQgPSAn57uI56uv5b+955Wl5oql6K2m5L+h5oGvLnhscyc7CiAgICAgICAgICAgICAgYS5jbGljaygpOwogICAgICAgICAgICAgIHdpbmRvdy5VUkwucmV2b2tlT2JqZWN0VVJMKHVybCk7CiAgICAgICAgICAgIH0gZWxzZXsKICAgICAgICAgICAgICBNZXNzYWdlKHsKICAgICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsCiAgICAgICAgICAgICAgICBtZXNzYWdlOiBtc2cubXNnCiAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIH0gICAgICAKICAgICAgICAgIH0KICAgICAgICB9ZWxzZXsKICAgICAgICAgIGNvbnN0IGJsb2IgPSBuZXcgQmxvYihbcmVzXSwgeyB0eXBlOiAndGV4dC9wbGFpbjtjaGFyc2V0PXV0Zi04JyB9KTsKICAgICAgICAgIGNvbnN0IHVybCA9IHdpbmRvdy5VUkwuY3JlYXRlT2JqZWN0VVJMKGJsb2IpOwogICAgICAgICAgY29uc3QgYSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKTsKICAgICAgICAgIGEuaHJlZiA9IHVybDsKICAgICAgICAgIGEuZG93bmxvYWQgPSAn57uI56uv5b+955Wl5oql6K2m5L+h5oGvLnhscyc7CiAgICAgICAgICBhLmNsaWNrKCk7CiAgICAgICAgICB3aW5kb3cuVVJMLnJldm9rZU9iamVjdFVSTCh1cmwpOwogICAgICAgIH0KCgogICAgICB9KQogICAgfSwKICAgIHRlcm1pbmFsQWxsKCkgewogICAgICB0ZXJtaW5hbEFsbCgpLnRoZW4ocmVzID0+IHsKICAgICAgICB0aGlzLnRlcm1pbmFsTGlzdCA9IHJlcy5kYXRhCiAgICAgIH0pCiAgICB9LAogICAgc2VhcmNoRGF0YSgpIHsKICAgICAgdGhpcy5nZXRJZ25vcmVMaXN0KHRoaXMucGFyYW1zKQogICAgfSwKICAgIHJlc2V0KCkgewogICAgICB0aGlzLnBhcmFtcyA9IHsKICAgICAgICBwYWdlTnVtOiAxLAogICAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgICB0ZXJtaW5hbENvZGU6ICcnLAogICAgICAgIGFsYXJtSWQ6ICcnCiAgICAgIH0KICAgICAgdGhpcy5nZXRJZ25vcmVMaXN0KHRoaXMucGFyYW1zKQogICAgfSwKICAgIGdldERldGFpbChyb3cpIHsgICAgICAKICAgICAgZ2V0RGV0YWlsKHsgaWQ6IHJvdy5pZCB9KS50aGVuKHJlcyA9PiB7ICAgICAgICAgICAgICAgCiAgICAgICAgdGhpcy5kZXRhaWxlRGF0YS5kYXRhID0gcmVzLmRhdGEKICAgICAgICB0aGlzLmRldGFpbGVEYXRhLmRhdGEudGVybWluYWxOYW1lID0gcm93LnRlcm1pbmFsTmFtZQogICAgICAgIHRoaXMuZGV0YWlsZURhdGEuZGF0YS50ZXJtaW5hbENvZGUgPSByb3cudGVybWluYWxDb2RlCiAgICAgICAgdGhpcy5kZXRhaWxlRGF0YS5kYXRhLmlnbm9yZVRpbWUgPSByb3cuaWdub3JlVGltZQogICAgICAgIHRoaXMuZGV0YWlsZURhdGEuZGlhbG9nVmlzaWJsZSA9IHRydWUKICAgICAgfSkKICAgIH0KICB9Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA;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;;;AAGA;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;;;AAGA;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/drivingChart","sourcesContent":["<template>\n  <div class=\"dashboard-container\">\n    <div class=\"search-content\">\n      <el-select v-model=\"params.terminalCode\" style=\"width: 220px;\" clearable placeholder=\"请选择终端名称\">\n        <el-option v-for=\"item in terminalList\" :key=\"item.terminalCode\" :label=\"item.terminalName\"\n          :value=\"item.terminalCode\" />\n      </el-select>\n      <div class=\"search-btn\">\n        <div class=\"search\" @click=\"searchData\">查询</div>\n        <div class=\"reset\" @click=\"reset\">重置</div>\n      </div>\n    </div>\n    <div class=\"table-content\">\n      <!-- <div style=\"font-size: 18px;position: relative;top: 17px;float: left;\">\n        忽略个数:<span style=\"font-size: 24px; color: red\">{{\n          total\n        }}</span>        \n      </div> -->\n      <div class=\"btn\" @click=\"exportIgnoreList()\">\n        <span class=\"icon font_family\">&#xe605;</span>\n        导出\n      </div>\n      <el-table :data=\"tableData\" style=\"width: 100%\">\n        <el-table-column prop=\"terminalCode\" label=\"终端编码\" align=\"center\" />\n        <el-table-column prop=\"terminalName\" label=\"终端名称\" align=\"center\" />\n        <el-table-column prop=\"ignoreTime\" label=\"忽略时间\" align=\"center\" />\n        <el-table-column prop=\"vehicleCode\" label=\"忽略报警详情查看\" align=\"center\">\n          <template slot-scope=\"scope\">\n            <div class=\"operateBtn\">\n              <div @click=\"getDetail(scope.row)\">查看</div>\n            </div>\n          </template>\n        </el-table-column>\n      </el-table>\n      <detaileDialog :detaileData=\"detaileData\"></detaileDialog>\n      <div class=\"pagination\">\n        <el-pagination :page-sizes=\"[10, 15, 20]\" layout=\"total, sizes, prev, pager, next, jumper\" :total=\"total\"\n          @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\" />\n      </div>\n      <!-- <el-row type=\"flex\" justify=\"end\" style=\"margin-top: 10px\">\n        <el-pagination :page-sizes=\"[10, 15, 20]\" layout=\"total, sizes, prev, pager, next, jumper\" :total=\"total\"\n          @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\" />\n      </el-row> -->\n    </div>\n  </div>\n</template>\n  \n<script>\nimport { getToken } from '@/utils/auth'\nimport { mapGetters } from 'vuex'\nimport {\n  getIgnoreList,\n  exportIgnoreList,\n  terminalAll,\n  getDetail\n} from '@/api/sysManage'\nimport detaileDialog from './compontens/detaileDialog.vue'\nexport default {\n  name: 'Cart',\n  computed: {\n    ...mapGetters(['name'])\n  },\n  components: {\n    detaileDialog\n  },\n  data() {\n    return {\n      total: 0,\n      tableData: [],\n      params: {\n        pageNum: 1,\n        pageSize: 10,\n        terminalCode: '',\n        alarmId: ''\n      },\n      terminalList: [],\n      detaileData: {\n        dialogVisible: false,\n        data: {}\n      }\n    }\n  },\n\n  created() {\n    this.getIgnoreList(this.params)\n    this.terminalAll()\n  },\n  methods: {\n    getIgnoreList(params) {\n      getIgnoreList(params).then(res => {\n        this.total = res.data.total\n        this.tableData = res.data.records\n      })\n    },\n    handleSizeChange(val) {\n      this.params.pageSize = val\n      this.getIgnoreList(this.params)\n    },\n    handleCurrentChange(val) {\n      this.params.pageNum = val\n      this.getIgnoreList(this.params)\n    },\n    exportIgnoreList() {\n      exportIgnoreList('/terminal/ignore/export', {\n        terminalCode: this.params.terminalCode,\n        alarmId: this.params.alarmId,\n      }).then(res => {\n        // const blob = new Blob([res], { type: 'text/plain;charset=utf-8' });\n        // const url = window.URL.createObjectURL(blob);\n        // const a = document.createElement('a');\n        // a.href = url;\n        // a.download = '终端忽略报警信息.xls';\n        // a.click();\n        // window.URL.revokeObjectURL(url);\n\n\n        if (res.type == \"application/json\") {\n          const reader = new FileReader(); \n          reader.readAsText(res, 'utf-8'); \n          reader.onload = function () {\n            const msg = JSON.parse(reader.result);\n            if(msg.code == 200){\n              const blob = new Blob([res], { type: 'text/plain;charset=utf-8' });\n              const url = window.URL.createObjectURL(blob);\n              const a = document.createElement('a');\n              a.href = url;\n              a.download = '终端忽略报警信息.xls';\n              a.click();\n              window.URL.revokeObjectURL(url);\n            } else{\n              Message({\n                type: 'error',\n                message: msg.msg\n              });\n            }      \n          }\n        }else{\n          const blob = new Blob([res], { type: 'text/plain;charset=utf-8' });\n          const url = window.URL.createObjectURL(blob);\n          const a = document.createElement('a');\n          a.href = url;\n          a.download = '终端忽略报警信息.xls';\n          a.click();\n          window.URL.revokeObjectURL(url);\n        }\n\n\n      })\n    },\n    terminalAll() {\n      terminalAll().then(res => {\n        this.terminalList = res.data\n      })\n    },\n    searchData() {\n      this.getIgnoreList(this.params)\n    },\n    reset() {\n      this.params = {\n        pageNum: 1,\n        pageSize: 10,\n        terminalCode: '',\n        alarmId: ''\n      }\n      this.getIgnoreList(this.params)\n    },\n    getDetail(row) {      \n      getDetail({ id: row.id }).then(res => {               \n        this.detaileData.data = res.data\n        this.detaileData.data.terminalName = row.terminalName\n        this.detaileData.data.terminalCode = row.terminalCode\n        this.detaileData.data.ignoreTime = row.ignoreTime\n        this.detaileData.dialogVisible = true\n      })\n    }\n  }\n}\n</script>\n  \n<style lang=\"scss\" scoped>\n.dashboard {\n  &-container {\n    margin: 45px 30px 30px;\n  }\n\n  &-text {\n    font-size: 30px;\n    line-height: 46px;\n  }\n}\n\n.dashboard-container {\n  .search-content {\n    position: relative;\n    top: -20px;\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    position: relative;\n    top: -20px;\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: 60px;\n      height: 25px;\n      margin: 14.5px auto 0;\n      line-height: 25px;\n      text-align: center;\n      font-size: 12px;\n      color: #fff;\n      border-radius: 5px;\n      background-color: #00974B;\n    }\n\n    .Deactivate {\n      width: 60px;\n      height: 25px;\n      margin: 14.5px auto 0;\n      line-height: 25px;\n      text-align: center;\n      font-size: 12px;\n      color: #fff;\n      border-radius: 5px;\n      background-color: #FF9933;\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\n.el-tooltip__popper {\n  max-width: 30%;\n  padding-bottom: 5px !important;\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 15;\n  -webkit-box-orient: vertical;\n\n}\n\n.el-tooltip__popper,\n.el-tooltip__popper.is-dark {\n  background: rgb(48, 65, 86) !important;\n  color: #fff !important;\n  line-height: 24px;\n}\n</style>\n  "]}]}