{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/operation-log/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/operation-log/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldFRva2VuIH0gZnJvbSAnQC91dGlscy9hdXRoJwppbXBvcnQgeyBtYXBHZXR0ZXJzIH0gZnJvbSAndnVleCcKaW1wb3J0IHsgZ2V0TGluZVdheUxpc3QsIGdldExpbmVEaXIgfSBmcm9tICdAL2FwaS9hY2NvdW50L2NhbWVyYScKaW1wb3J0IHsKICBnZXRMb2dMaXN0LAogIGV4cG9ydFZlaGljbGVMb2csCiAgbGlzdE5vUGFnZQp9IGZyb20gJ0AvYXBpL3N5c01hbmFnZScKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQ2FydCcsCiAgY29tcHV0ZWQ6IHsKICAgIC4uLm1hcEdldHRlcnMoWyduYW1lJ10pCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbGluZVdheURhdGE6IFtdLAogICAgICBzZWFyY2hTaG93OiB0cnVlLAogICAgICB0YWJsZURhdGE6IFtdLAogICAgICB0b3RhbDogMCwKICAgICAgcGFyYW1zOiB7CiAgICAgICAgcGFnZU51bTogMSwKICAgICAgICBwYWdlU2l6ZTogMTAsCiAgICAgICAgdmVoaWNsZUNvZGU6ICcnLC8v5py66L2m57yW56CBCiAgICAgICAgcmFpbHdheUNvZGU6ICcnLC8v57q/6Lev57yW56CBCiAgICAgICAgbGluZURpcjogJycsLy/ooYzliKsKICAgICAgICBzdGF0dXM6ICcnLy/ovabovb3nirbmgIEKICAgICAgfSwKICAgICAgbGluZURpckRhdGE6IFtdLAogICAgICBzdGF0dXM6IFsKICAgICAgICB7CiAgICAgICAgICBsYWJlbDogJ+WcqOe6vycsCiAgICAgICAgICB2YWx1ZTogJzEnCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBsYWJlbDogJ+emu+e6vycsCiAgICAgICAgICB2YWx1ZTogJzInCiAgICAgICAgfQogICAgICBdLAogICAgICBsb2NvbW90aXZlTmFtZUxpc3Q6IFtdCiAgICB9CiAgfSwKICB3YXRjaDogewoKICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmdldExpbmVXYXlMaXN0KCkKICAgIHRoaXMuZ2V0TGluZVR5cGVMaXN0KCkKICAgIHRoaXMubGlzdE5vUGFnZSgpCiAgICB0aGlzLmdldExvZ0xpc3QodGhpcy5wYXJhbXMpCiAgfSwKICBtZXRob2RzOiB7CiAgICBzZWFyY2hMb2coKSB7CiAgICAgIHRoaXMuZ2V0TG9nTGlzdCh0aGlzLnBhcmFtcykKICAgIH0sCiAgICByZXNldCgpIHsKICAgICAgdGhpcy5wYXJhbXMgPSB7CiAgICAgICAgcGFnZU51bTogMSwKICAgICAgICBwYWdlU2l6ZTogMTAsCiAgICAgICAgdmVoaWNsZUNvZGU6ICcnLC8v5py66L2m57yW56CBCiAgICAgICAgcmFpbHdheUNvZGU6ICcnLC8v57q/6Lev57yW56CBCiAgICAgICAgbGluZURpcjogbnVsbCwvL+ihjOWIqwogICAgICAgIHN0YXR1czogbnVsbC8v6L2m6L2954q25oCBCiAgICAgIH0KICAgICAgdGhpcy5nZXRMb2dMaXN0KHRoaXMucGFyYW1zKQogICAgfSwKICAgIC8v6I635Y+W5py66L2m5ZCN56ewCiAgICBsaXN0Tm9QYWdlKCkgewogICAgICBsaXN0Tm9QYWdlKCkudGhlbihyZXMgPT4gewogICAgICAgIHRoaXMubG9jb21vdGl2ZU5hbWVMaXN0ID0gcmVzLmRhdGEKICAgICAgfSkKICAgIH0sCiAgICAvLyDooYzliKvkuIvmi4kKICAgIGdldExpbmVUeXBlTGlzdCgpIHsKICAgICAgZ2V0TGluZURpcih7fSkudGhlbigocmVzKSA9PiB7CiAgICAgICAgdGhpcy5saW5lRGlyRGF0YSA9IHJlcy5kYXRhCiAgICAgIH0pCiAgICB9LAogICAgZ2V0TGluZVdheUxpc3QoKSB7CiAgICAgIGdldExpbmVXYXlMaXN0KHt9KS50aGVuKChyZXMpID0+IHsKICAgICAgICB0aGlzLmxpbmVXYXlEYXRhID0gcmVzLmRhdGEKICAgICAgfSkKICAgIH0sCiAgICBoYW5kbGVTaXplQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhcmFtcy5wYWdlU2l6ZT0gdmFsCiAgICAgIHRoaXMuZ2V0TG9nTGlzdCh0aGlzLnBhcmFtcykKICAgIH0sCiAgICBoYW5kbGVDdXJyZW50Q2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhcmFtcy5wYWdlTnVtID0gdmFsCiAgICAgIHRoaXMuZ2V0TG9nTGlzdCh0aGlzLnBhcmFtcykKICAgIH0sCiAgICBnZXRMb2dMaXN0KHBhcmFtcykgewogICAgICBnZXRMb2dMaXN0KHBhcmFtcykudGhlbihyZXMgPT4gewogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIHRoaXMudGFibGVEYXRhID0gcmVzLmRhdGEucmVjb3JkcwogICAgICAgICAgdGhpcy50b3RhbCA9IHJlcy5kYXRhLnRvdGFsCiAgICAgICAgfQogICAgICB9KQogICAgfSwKICAgIC8v5a+85Ye6CiAgICBleHBvcnRWZWhpY2xlTG9nKCkgewogICAgICBleHBvcnRWZWhpY2xlTG9nKCcvbW9uaXRvci92ZWhpY2xlcG9zaXRpb24vZXhwb3J0JywgewogICAgICAgIHZlaGljbGVDb2RlOiB0aGlzLnBhcmFtcy52ZWhpY2xlQ29kZSwKICAgICAgICByYWlsd2F5Q29kZTogdGhpcy5wYXJhbXMucmFpbHdheUNvZGUsCiAgICAgICAgbGluZURpcjogdGhpcy5wYXJhbXMubGluZURpciwKICAgICAgICBzdGF0dXM6IHRoaXMucGFyYW1zLnN0YXR1cywKICAgICAgfSkudGhlbihyZXMgPT4gewogICAgICAgIC8vIGNvbnN0IGJsb2IgPSBuZXcgQmxvYihbcmVzXSwgeyB0eXBlOiAndGV4dC9wbGFpbjtjaGFyc2V0PXV0Zi04JyB9KTsKICAgICAgICAvLyBjb25zdCB1cmwgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChibG9iKTsKICAgICAgICAvLyBjb25zdCBhID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpOwogICAgICAgIC8vIGEuaHJlZiA9IHVybDsKICAgICAgICAvLyBhLmRvd25sb2FkID0gJ+acuui9puihjOmptuaXpeW/ly54bHN4JzsKICAgICAgICAvLyBhLmNsaWNrKCk7CiAgICAgICAgLy8gd2luZG93LlVSTC5yZXZva2VPYmplY3RVUkwodXJsKTsKCgogICAgICAgIGlmIChyZXMudHlwZSA9PSAiYXBwbGljYXRpb24vanNvbiIpIHsKICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7IAogICAgICAgICAgcmVhZGVyLnJlYWRBc1RleHQocmVzLCAndXRmLTgnKTsgCiAgICAgICAgICByZWFkZXIub25sb2FkID0gZnVuY3Rpb24gKCkgewogICAgICAgICAgICBjb25zdCBtc2cgPSBKU09OLnBhcnNlKHJlYWRlci5yZXN1bHQpOwogICAgICAgICAgICBpZihtc2cuY29kZSA9PSAyMDApewogICAgICAgICAgICAgIGNvbnN0IGJsb2IgPSBuZXcgQmxvYihbcmVzXSwgeyB0eXBlOiAndGV4dC9wbGFpbjtjaGFyc2V0PXV0Zi04JyB9KTsKICAgICAgICAgICAgICBjb25zdCB1cmwgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChibG9iKTsKICAgICAgICAgICAgICBjb25zdCBhID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpOwogICAgICAgICAgICAgIGEuaHJlZiA9IHVybDsKICAgICAgICAgICAgICBhLmRvd25sb2FkID0gJ+acuui9puihjOmptuaXpeW/ly54bHN4JzsKICAgICAgICAgICAgICBhLmNsaWNrKCk7CiAgICAgICAgICAgICAgd2luZG93LlVSTC5yZXZva2VPYmplY3RVUkwodXJsKTsKICAgICAgICAgICAgfSBlbHNlewogICAgICAgICAgICAgIE1lc3NhZ2UoewogICAgICAgICAgICAgICAgdHlwZTogJ2Vycm9yJywKICAgICAgICAgICAgICAgIG1lc3NhZ2U6IG1zZy5tc2cKICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgfSAgICAgIAogICAgICAgICAgfQogICAgICAgIH1lbHNlewogICAgICAgICAgY29uc3QgYmxvYiA9IG5ldyBCbG9iKFtyZXNdLCB7IHR5cGU6ICd0ZXh0L3BsYWluO2NoYXJzZXQ9dXRmLTgnIH0pOwogICAgICAgICAgY29uc3QgdXJsID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoYmxvYik7CiAgICAgICAgICBjb25zdCBhID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpOwogICAgICAgICAgYS5ocmVmID0gdXJsOwogICAgICAgICAgYS5kb3dubG9hZCA9ICfmnLrovabooYzpqbbml6Xlv5cueGxzeCc7CiAgICAgICAgICBhLmNsaWNrKCk7CiAgICAgICAgICB3aW5kb3cuVVJMLnJldm9rZU9iamVjdFVSTCh1cmwpOwogICAgICAgIH0KCiAgICAgIH0pCiAgICB9CiAgfQoKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;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;;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;;;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;;AAEA;AACA;AACA;;AAEA","file":"index.vue","sourceRoot":"src/views/system/operation-log","sourcesContent":["<template>\n  <div class=\"dashboard-container\">\n    <div class=\"dashboard-text\">\n      <div style=\"padding: 15px; background: #fff; margin-top: -15px\">\n        <el-row :gutter=\"24\" type=\"flex\" style=\"flex-wrap: wrap;margin-left: -5px;\">\n          <el-select v-model=\"params.vehicleCode\" placeholder=\"请选择机车名称\" style=\"width: 220px;\" clearable>\n            <el-option v-for=\"item in locomotiveNameList\" :key=\"item.vehicleCode\" :label=\"item.vehicleName\"\n              :value=\"item.vehicleCode\" />\n          </el-select>\n          <el-select v-model=\"params.railwayCode\" placeholder=\"请选择线路\" style=\"width: 220px\" clearable>\n            <el-option v-for=\"item in lineWayData\" :key=\"item.railwayCode\" :label=\"item.railwayName\"\n              :value=\"item.railwayCode\" />\n          </el-select>\n          <el-select v-model=\"params.lineDir\" placeholder=\"请选择行别\" style=\"width: 220px\" clearable>\n            <el-option v-for=\"item in lineDirData\" :key=\"item.dictValue\" :label=\"item.dictLabel\"\n              :value=\"item.dictValue\" />\n          </el-select>\n          <div v-if=\"searchShow == true\" :span=\"6\" justify=\"end\" style=\"display: flex; margin-top: 2px\" type=\"flex\">\n            <div class=\"search_btn\" style=\"margin-left: 10px;cursor: pointer;\" @click=\"searchLog\">\n              查询\n            </div>\n            <div class=\"reset_btn\" style=\"margin-left: 10px;cursor: pointer;\" @click=\"reset\">\n              重置\n            </div>\n            <el-button v-if=\"searchShow == false\" type=\"text\" style=\"color: #2766dd !important; margin-left: 10px\"\n              icon=\"el-icon-arrow-up\" @click=\"searchShow = true\">收起</el-button>\n            <el-button v-if=\"searchShow == true\" style=\"color: #2766dd; margin-left: 10px\" type=\"text\"\n              icon=\"el-icon-arrow-down\" @click=\"searchShow = false\">展开</el-button>\n          </div>\n        </el-row>\n\n\n        <el-row :gutter=\"24\" type=\"flex\" style=\"flex-wrap: wrap;margin-left: -5px;\">\n          <div v-if=\"searchShow == false\" :span=\"12\">\n            <div style=\"display: flex; align-items: center; margin-top: 6px\">\n              <el-select v-model=\"params.status\" placeholder=\"请选择状态\" style=\"width: 220px\" clearable>\n                <el-option v-for=\"item in status\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\n              </el-select>\n            </div>\n          </div>\n          <el-col style=\"width: 470px\" />\n          <el-col v-if=\"searchShow == false\" :span=\"6\" justify=\"end\" type=\"flex\" style=\"width: 300px;\">\n            <div class=\"search_btn\" style=\"margin-left: 10px;position: relative;top: 0px;display: inline-block;\"\n              @click=\"searchLog\">\n              查询\n            </div>\n            <div class=\"reset_btn\" style=\"margin-left: 10px;position: relative;top: 0px;display: inline-block;\"\n              @click=\"reset\">\n              重置\n            </div>\n            <el-button v-if=\"searchShow == false\" type=\"text\" icon=\"el-icon-arrow-up\"\n              style=\"color: #2766dd !important; margin-left: 10px;display: inline-block;\"\n              @click=\"searchShow = true\">收起</el-button>\n            <el-button v-if=\"searchShow == true\" type=\"text\"\n              style=\"color: #2766dd; margin-left: 10px;display: inline-block;\" icon=\"el-icon-arrow-down\"\n              @click=\"searchShow = false\">展开</el-button>\n          </el-col>\n        </el-row>\n      </div>\n    </div>\n\n    <div style=\"padding: 20px; background: #fff; margin-top: 15px\">\n      <div class=\"cardHeadr\">\n        <!-- <div style=\"font-size: 18px;height: 30px;float: left;position: relative;top: 17px;\">\n          机车总数:<span style=\"font-size: 24px; color: red\">{{\n            total\n          }}</span>\n        </div> -->\n        <div style=\"font-size: 18px; float: left;\">\n          <div class=\"addBtn\" @click=\"exportVehicleLog()\">\n            <span class=\"icon font_family\">&#xe605;</span>\n            导出\n          </div>\n        </div>\n      </div>\n      <el-table :data=\"tableData\" style=\"width: 100%\">\n        <el-table-column prop=\"vehicleCode\" label=\"车号\" align=\"center\" />\n        <el-table-column prop=\"vehicleName\" label=\"机车名称\" align=\"center\" />\n        <el-table-column prop=\"railwayName\" label=\"车辆行驶线路\" align=\"center\" />\n        <el-table-column prop=\"lineDirName\" label=\"车辆行驶行别\" align=\"center\" />\n        <el-table-column prop=\"travelMileFormat\" label=\"车辆行驶位置m\" align=\"center\" />\n        <el-table-column prop=\"deptName\" label=\"终端状态\" align=\"center\">\n          <template slot-scope=\"scope\">\n            <div v-if=\"scope.row.status == '1'\">在线</div>\n            <div v-else>离线</div>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"railwayCode\" label=\"车载终端编码\" align=\"center\" />\n        <el-table-column prop=\"currenTime\" label=\"更新时间\" align=\"center\" />\n      </el-table>\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 { getLineWayList, getLineDir } from '@/api/account/camera'\nimport {\n  getLogList,\n  exportVehicleLog,\n  listNoPage\n} from '@/api/sysManage'\n\nexport default {\n  name: 'Cart',\n  computed: {\n    ...mapGetters(['name'])\n  },\n  data() {\n    return {\n      lineWayData: [],\n      searchShow: true,\n      tableData: [],\n      total: 0,\n      params: {\n        pageNum: 1,\n        pageSize: 10,\n        vehicleCode: '',//机车编码\n        railwayCode: '',//线路编码\n        lineDir: '',//行别\n        status: ''//车载状态\n      },\n      lineDirData: [],\n      status: [\n        {\n          label: '在线',\n          value: '1'\n        },\n        {\n          label: '离线',\n          value: '2'\n        }\n      ],\n      locomotiveNameList: []\n    }\n  },\n  watch: {\n\n  },\n  created() {\n    this.getLineWayList()\n    this.getLineTypeList()\n    this.listNoPage()\n    this.getLogList(this.params)\n  },\n  methods: {\n    searchLog() {\n      this.getLogList(this.params)\n    },\n    reset() {\n      this.params = {\n        pageNum: 1,\n        pageSize: 10,\n        vehicleCode: '',//机车编码\n        railwayCode: '',//线路编码\n        lineDir: null,//行别\n        status: null//车载状态\n      }\n      this.getLogList(this.params)\n    },\n    //获取机车名称\n    listNoPage() {\n      listNoPage().then(res => {\n        this.locomotiveNameList = res.data\n      })\n    },\n    // 行别下拉\n    getLineTypeList() {\n      getLineDir({}).then((res) => {\n        this.lineDirData = res.data\n      })\n    },\n    getLineWayList() {\n      getLineWayList({}).then((res) => {\n        this.lineWayData = res.data\n      })\n    },\n    handleSizeChange(val) {\n      this.params.pageSize= val\n      this.getLogList(this.params)\n    },\n    handleCurrentChange(val) {\n      this.params.pageNum = val\n      this.getLogList(this.params)\n    },\n    getLogList(params) {\n      getLogList(params).then(res => {\n        if (res.code == 200) {\n          this.tableData = res.data.records\n          this.total = res.data.total\n        }\n      })\n    },\n    //导出\n    exportVehicleLog() {\n      exportVehicleLog('/monitor/vehicleposition/export', {\n        vehicleCode: this.params.vehicleCode,\n        railwayCode: this.params.railwayCode,\n        lineDir: this.params.lineDir,\n        status: this.params.status,\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 = '机车行驶日志.xlsx';\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 = '机车行驶日志.xlsx';\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 = '机车行驶日志.xlsx';\n          a.click();\n          window.URL.revokeObjectURL(url);\n        }\n\n      })\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-text {\n  .el-select {\n    margin: 0 10px;\n  }\n}\n\n.cardHeadr {\n  margin-top: -20px;\n  // display: flex;\n  // justify-content: space-between;\n}\n\n.search_btn {\n  cursor: pointer;\n  background-color: #2766dd;\n  color: #f7f8fb;\n  font-size: 14px;\n  width: 80px;\n  height: 40px;\n  text-align: center;\n  line-height: 40px;\n}\n\n.search_btna {\n  cursor: pointer;\n  background-color: #2766dd !important;\n  color: #f7f8fb;\n  font-size: 14px;\n  width: 80px;\n  height: 40px;\n  text-align: center;\n}\n\n.search_btna,\n.search_btn:hover {\n  background-color: #4d85f4;\n}\n\n.reset_btn {\n  cursor: pointer;\n  color: #565656;\n  font-size: 14px;\n  border: 1px solid #d7d7d7;\n  width: 80px;\n  height: 40px;\n  text-align: center;\n  line-height: 40px;\n}\n\n.reset_btn:hover {\n  color: #1f9fff;\n  border: 1px solid #1f9fff;\n  background: none;\n}\n\n.addBtn {\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.addBtn:hover {\n  color: #FFFFFF;\n  background-color: #2250C8;\n  border: 1px solid #2250C8;\n}\n\n.addBtn:active {\n  color: #FFFFFF;\n  background-color: #194DA4;\n  border: 1px solid #194DA4;\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.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.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\n.xzmba {\n  color: #2766dd;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.hxj {\n  width: 100%;\n  text-align: center;\n  padding: 0 !important;\n}\n\n::v-deep .el-dialog__header {\n  padding: 0 20px 10px !important;\n}\n\n::v-deep .el-dialog__body {\n  padding: 20px 20px !important;\n}\n\n::v-deep .el-upload__tip {\n  margin-top: -17px;\n}\n\n::v-deep .el-upload-dragger .el-upload__text {\n  margin-top: -10px;\n}\n\n.dialog-footer {\n  text-align: center;\n}\n\n.detailDia {\n  div {\n    padding-left: 100px;\n  }\n}\n\n::v-deep .el-input__inner,\n.el-input--suffix .el-input__inner {\n  padding-right: 0 !important;\n}\n\n::v-deep .el-input.is-disabled .el-input__inner {\n  color: #606266;\n}\n\n::v-deep .el-textarea .el-input__count {\n  bottom: -40px;\n}\n\n::v-deep .el-input__icon {\n  // line-height: 47px;\n}\n\n</style>\n  "]}]}