{"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=style&index=0&id=57f6a960&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/drivingChart/index.vue","mtime":1708395041890},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmRhc2hib2FyZCB7CiAgJi1jb250YWluZXIgewogICAgbWFyZ2luOiA0NXB4IDMwcHggMzBweDsKICB9CgogICYtdGV4dCB7CiAgICBmb250LXNpemU6IDMwcHg7CiAgICBsaW5lLWhlaWdodDogNDZweDsKICB9Cn0KCi5kYXNoYm9hcmQtY29udGFpbmVyIHsKICAuc2VhcmNoLWNvbnRlbnQgewogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgdG9wOiAtMjBweDsKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OiA3NHB4OwogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgcGFkZGluZy1sZWZ0OiAxMHB4OwoKICAgIC5lbC1pbnB1dCB7CiAgICAgIG1hcmdpbjogMCAxMHB4OwogICAgfQoKICAgIC5lbC1zZWxlY3QgewogICAgICBtYXJnaW46IDAgMTBweDsKICAgIH0KCiAgICAuc2VhcmNoLWJ0biB7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgIGhlaWdodDogMTAwJTsKICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7CgogICAgICBkaXYgewogICAgICAgIC8vIG1hcmdpbjogMCA2cHg7CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHdpZHRoOiA4MHB4OwogICAgICAgIGhlaWdodDogNDBweDsKICAgICAgICBib3JkZXItcmFkaXVzOiAycHg7CiAgICAgICAgZm9udC1zaXplOiAxNHB4OwogICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4OwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgfQoKICAgICAgZGl2OmhvdmVyIHsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIH0KCiAgICAgIC5zZWFyY2ggewogICAgICAgIG1hcmdpbi1yaWdodDogMTBweDsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2NkREOwogICAgICAgIGNvbG9yOiAjRjdGOEZCOwogICAgICB9CgogICAgICAuc2VhcmNoOmhvdmVyIHsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNEQ4NUY0OwogICAgICB9CgogICAgICAucmVzZXQgewogICAgICAgIGNvbG9yOiAjMzMzMzM0OwogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNEN0Q3RDc7CiAgICAgIH0KCiAgICAgIC5yZXNldDpob3ZlciB7CiAgICAgICAgY29sb3I6ICMxRjlGRkY7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzFGOUZGRjsKICAgICAgfQogICAgfQogIH0KCiAgLnRhYmxlLWNvbnRlbnQgewogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgdG9wOiAtMjBweDsKICAgIG1hcmdpbi10b3A6IDE1cHg7CiAgICB3aWR0aDogMTAwJTsKICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICBwYWRkaW5nOiAwIDIwcHggMjBweDsKCiAgICAuYnRuIHsKICAgICAgbWFyZ2luOiAxNXB4IDIwcHggMTVweCAwOwogICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIGZsb2F0OiBsZWZ0OwogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgIHdpZHRoOiA5OHB4OwogICAgICBoZWlnaHQ6IDM0cHg7CiAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsKICAgICAgYm9yZGVyOiAxcHggc29saWQgI0FCQzdGRDsKICAgICAgbGluZS1oZWlnaHQ6IDM0cHg7CiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7CiAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgY29sb3I6ICMyMjUwQzg7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNFN0VFRkY7CiAgICB9CgogICAgLmJ0bjpob3ZlciB7CiAgICAgIGNvbG9yOiAjRkZGRkZGOwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjI1MEM4OwogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMjI1MEM4OwogICAgfQoKICAgIC5idG46YWN0aXZlIHsKICAgICAgY29sb3I6ICNGRkZGRkY7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMxOTREQTQ7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxOTREQTQ7CiAgICB9CgogICAgLnN0YXJ0VXNpbmcgewogICAgICB3aWR0aDogNjBweDsKICAgICAgaGVpZ2h0OiAyNXB4OwogICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7CiAgICAgIGxpbmUtaGVpZ2h0OiAyNXB4OwogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgIGZvbnQtc2l6ZTogMTJweDsKICAgICAgY29sb3I6ICNmZmY7CiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTc0QjsKICAgIH0KCiAgICAuRGVhY3RpdmF0ZSB7CiAgICAgIHdpZHRoOiA2MHB4OwogICAgICBoZWlnaHQ6IDI1cHg7CiAgICAgIG1hcmdpbjogMTQuNXB4IGF1dG8gMDsKICAgICAgbGluZS1oZWlnaHQ6IDI1cHg7CiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgZm9udC1zaXplOiAxMnB4OwogICAgICBjb2xvcjogI2ZmZjsKICAgICAgYm9yZGVyLXJhZGl1czogNXB4OwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkY5OTMzOwogICAgfQoKICAgIC5vcGVyYXRlQnRuIHsKICAgICAgZGlzcGxheTogZmxleDsKICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgIGNvbG9yOiAjMjg2NkREOwoKICAgICAgZGl2IHsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgbWFyZ2luOiAwIDVweDsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIH0KICAgIH0KCiAgICAucGFnaW5hdGlvbiB7CiAgICAgIG1hcmdpbjogMTBweCAwOwogICAgICB3aWR0aDogMTAwJTsKICAgICAgaGVpZ2h0OiAyMHB4OwoKICAgICAgLmVsLXBhZ2luYXRpb24gewogICAgICAgIGZsb2F0OiByaWdodDsKICAgICAgICBtYXJnaW46IDEwcHggMDsKICAgICAgfQogICAgfQogIH0KfQoKCi5lbC10b29sdGlwX19wb3BwZXIgewogIG1heC13aWR0aDogMzAlOwogIHBhZGRpbmctYm90dG9tOiA1cHggIWltcG9ydGFudDsKICBkaXNwbGF5OiAtd2Via2l0LWJveDsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIC13ZWJraXQtbGluZS1jbGFtcDogMTU7CiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDsKCn0KCi5lbC10b29sdGlwX19wb3BwZXIsCi5lbC10b29sdGlwX19wb3BwZXIuaXMtZGFyayB7CiAgYmFja2dyb3VuZDogcmdiKDQ4LCA2NSwgODYpICFpbXBvcnRhbnQ7CiAgY29sb3I6ICNmZmYgIWltcG9ydGFudDsKICBsaW5lLWhlaWdodDogMjRweDsKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;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;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;;AAEA;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;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;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  "]}]}