{"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/systemMonitoring/vehicleMonitoring/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/systemMonitoring/vehicleMonitoring/index.vue","mtime":1708395041893},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldFZlaGljbGVNb25pdG9yaW5nTGlzdCB9IGZyb20gJ0AvYXBpL3N5c3RlbU1vbml0b3JpbmcnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3ZlaGljbGVNb25pdG9yaW5nJywKICBjb21wb25lbnRzOiB7fSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGFibGVEYXRhOiBbXSwKICAgICAgc2VhcmNoRGF0YTogewogICAgICAgIHBhZ2VOdW06IDEsCiAgICAgICAgcGFnZVNpemU6IDEwLAogICAgICAgIHRlcm1pbmFsQ29kZTogJycsCiAgICAgICAgdGVybWluYWxOYW1lOiAnJywKICAgICAgICBzdGF0dXM6ICcnCiAgICAgIH0sCiAgICAgIHRvdGFsOiAwCiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIGlmICh0aGlzLiRyb3V0ZS5wYXJhbXMucGFnZU51bSkgewogICAgICB0aGlzLnNlYXJjaERhdGEuc3RhdHVzID0gdGhpcy4kcm91dGUucGFyYW1zLnN0YXR1czsKICAgIH0KICAgIHRoaXMuZ2V0TGlzdCh0aGlzLnNlYXJjaERhdGEpOwogIH0sCiAgbWV0aG9kczogewogICAgZ2V0TGlzdDogZnVuY3Rpb24gZ2V0TGlzdChwYXJhbXMpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKICAgICAgZ2V0VmVoaWNsZU1vbml0b3JpbmdMaXN0KHBhcmFtcykudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgX3RoaXMudGFibGVEYXRhID0gcmVzLmRhdGEucmVjb3JkczsKICAgICAgICAgIF90aGlzLnRvdGFsID0gcmVzLmRhdGEudG90YWw7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBzZWFyY2hCdG46IGZ1bmN0aW9uIHNlYXJjaEJ0bigpIHsKICAgICAgdGhpcy5zZWFyY2hEYXRhLnBhZ2VOdW0gPSAxOwogICAgICB0aGlzLmdldExpc3QodGhpcy5zZWFyY2hEYXRhKTsKICAgIH0sCiAgICBoYW5kbGVTaXplQ2hhbmdlOiBmdW5jdGlvbiBoYW5kbGVTaXplQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnNlYXJjaERhdGEucGFnZVNpemUgPSB2YWw7CiAgICAgIHRoaXMuZ2V0TGlzdCh0aGlzLnNlYXJjaERhdGEpOwogICAgfSwKICAgIGhhbmRsZUN1cnJlbnRDaGFuZ2U6IGZ1bmN0aW9uIGhhbmRsZUN1cnJlbnRDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMuc2VhcmNoRGF0YS5wYWdlTnVtID0gdmFsOwogICAgICB0aGlzLmdldExpc3QodGhpcy5zZWFyY2hEYXRhKTsKICAgIH0sCiAgICByZXNldDogZnVuY3Rpb24gcmVzZXQoKSB7CiAgICAgIHRoaXMuc2VhcmNoRGF0YSA9IHsKICAgICAgICBwYWdlTnVtOiAxLAogICAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgICB0ZXJtaW5hbENvZGU6ICcnLAogICAgICAgIHRlcm1pbmFsTmFtZTogJycsCiAgICAgICAgc3RhdHVzOiAnJwogICAgICB9OwogICAgICB0aGlzLmdldExpc3QodGhpcy5zZWFyY2hEYXRhKTsKICAgIH0KICB9Cn07"},{"version":3,"names":["getVehicleMonitoringList","name","components","data","tableData","searchData","pageNum","pageSize","terminalCode","terminalName","status","total","created","$route","params","getList","methods","_this","then","res","code","records","searchBtn","handleSizeChange","val","handleCurrentChange","reset"],"sources":["src/views/systemMonitoring/vehicleMonitoring/index.vue"],"sourcesContent":["<template>\n    <div class=\"dashboard-container\">\n        <div class=\"search-content\">\n            <el-input style=\"width: 220px;\" placeholder=\"请输入终端编码\" clearable v-model=\"searchData.terminalCode\"></el-input>\n            <el-input style=\"width: 220px;\" placeholder=\"请输入终端名称\" clearable v-model=\"searchData.terminalName\"></el-input>\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 prop=\"terminalCodes\" label=\"终端编码\">\n                </el-table-column>\n                <el-table-column prop=\"terminalName\" label=\"终端名称\">\n                </el-table-column>\n                <el-table-column prop=\"status\" label=\"终端状态\">\n                    <template slot-scope=\"scope\">\n                        <div class=\"startUsing\" v-if=\"scope.row.status == '在线'\">在线</div>\n                        <div class=\"Deactivate\" v-else>离线</div>\n                    </template>\n                </el-table-column>\n                <el-table-column prop=\"travelMileFormat\" label=\"当前所在位置\">\n                  <template slot-scope=\"scope\">\n                    {{ scope.row.travelMileFormat }}-{{ scope.row.lineDirName }}\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"currenTime\" label=\"更新时间\">\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 {getVehicleMonitoringList} from '@/api/systemMonitoring'\nexport default {\n    name:'vehicleMonitoring',\n    components:{\n\n    },\n    data() {\n        return {\n            tableData:[],\n            searchData:{\n                pageNum: 1,\n                pageSize: 10,\n                terminalCode:'',\n                terminalName:'',\n                status:''\n            },\n            total:0\n        }\n    },\n    created() {\n      if(this.$route.params.pageNum){\n        this.searchData.status = this.$route.params.status\n      }\n        this.getList(this.searchData)\n    },\n    methods:{\n       getList(params) {\n        getVehicleMonitoringList(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       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       reset() {\n        this.searchData = {            \n            pageNum: 1,\n            pageSize: 10,\n            terminalCode:'',\n            terminalName:'',\n            status:''            \n        }\n        this.getList(this.searchData)\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.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>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAAA,wBAAA;AACA;EACAC,IAAA;EACAC,UAAA,GAEA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA;MACAC,UAAA;QACAC,OAAA;QACAC,QAAA;QACAC,YAAA;QACAC,YAAA;QACAC,MAAA;MACA;MACAC,KAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,SAAAC,MAAA,CAAAC,MAAA,CAAAR,OAAA;MACA,KAAAD,UAAA,CAAAK,MAAA,QAAAG,MAAA,CAAAC,MAAA,CAAAJ,MAAA;IACA;IACA,KAAAK,OAAA,MAAAV,UAAA;EACA;EACAW,OAAA;IACAD,OAAA,WAAAA,QAAAD,MAAA;MAAA,IAAAG,KAAA;MACAjB,wBAAA,CAAAc,MAAA,EAAAI,IAAA,WAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACAH,KAAA,CAAAb,SAAA,GAAAe,GAAA,CAAAhB,IAAA,CAAAkB,OAAA;UACAJ,KAAA,CAAAN,KAAA,GAAAQ,GAAA,CAAAhB,IAAA,CAAAQ,KAAA;QACA;MACA;IACA;IACAW,SAAA,WAAAA,UAAA;MACA,KAAAjB,UAAA,CAAAC,OAAA;MACA,KAAAS,OAAA,MAAAV,UAAA;IACA;IACAkB,gBAAA,WAAAA,iBAAAC,GAAA;MACA,KAAAnB,UAAA,CAAAE,QAAA,GAAAiB,GAAA;MACA,KAAAT,OAAA,MAAAV,UAAA;IACA;IACAoB,mBAAA,WAAAA,oBAAAD,GAAA;MACA,KAAAnB,UAAA,CAAAC,OAAA,GAAAkB,GAAA;MACA,KAAAT,OAAA,MAAAV,UAAA;IACA;IACAqB,KAAA,WAAAA,MAAA;MACA,KAAArB,UAAA;QACAC,OAAA;QACAC,QAAA;QACAC,YAAA;QACAC,YAAA;QACAC,MAAA;MACA;MACA,KAAAK,OAAA,MAAAV,UAAA;IACA;EACA;AACA"}]}