| 1 |
- {"remainingRequest":"/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/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7Z2V0VmVoaWNsZU1vbml0b3JpbmdMaXN0fSBmcm9tICdAL2FwaS9zeXN0ZW1Nb25pdG9yaW5nJwpleHBvcnQgZGVmYXVsdCB7CiAgICBuYW1lOid2ZWhpY2xlTW9uaXRvcmluZycsCiAgICBjb21wb25lbnRzOnsKCiAgICB9LAogICAgZGF0YSgpIHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgICB0YWJsZURhdGE6W10sCiAgICAgICAgICAgIHNlYXJjaERhdGE6ewogICAgICAgICAgICAgICAgcGFnZU51bTogMSwKICAgICAgICAgICAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgICAgICAgICAgIHRlcm1pbmFsQ29kZTonJywKICAgICAgICAgICAgICAgIHRlcm1pbmFsTmFtZTonJywKICAgICAgICAgICAgICAgIHN0YXR1czonJwogICAgICAgICAgICB9LAogICAgICAgICAgICB0b3RhbDowCiAgICAgICAgfQogICAgfSwKICAgIGNyZWF0ZWQoKSB7CiAgICAgIGlmKHRoaXMuJHJvdXRlLnBhcmFtcy5wYWdlTnVtKXsKICAgICAgICB0aGlzLnNlYXJjaERhdGEuc3RhdHVzID0gdGhpcy4kcm91dGUucGFyYW1zLnN0YXR1cwogICAgICB9CiAgICAgICAgdGhpcy5nZXRMaXN0KHRoaXMuc2VhcmNoRGF0YSkKICAgIH0sCiAgICBtZXRob2RzOnsKICAgICAgIGdldExpc3QocGFyYW1zKSB7CiAgICAgICAgZ2V0VmVoaWNsZU1vbml0b3JpbmdMaXN0KHBhcmFtcykudGhlbihyZXMgPT4geyAgICAgICAgICAgIAogICAgICAgICAgICBpZihyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgICAgICAgIHRoaXMudGFibGVEYXRhID0gcmVzLmRhdGEucmVjb3JkcwogICAgICAgICAgICAgICAgdGhpcy50b3RhbCA9IHJlcy5kYXRhLnRvdGFsCiAgICAgICAgICAgIH0KICAgICAgICB9KQogICAgICAgfSwKICAgICAgIHNlYXJjaEJ0bigpIHsKICAgICAgICB0aGlzLnNlYXJjaERhdGEucGFnZU51bSA9IDEKICAgICAgICB0aGlzLmdldExpc3QodGhpcy5zZWFyY2hEYXRhKQogICAgICAgfSwKICAgICAgIGhhbmRsZVNpemVDaGFuZ2UodmFsKSB7CiAgICAgICAgdGhpcy5zZWFyY2hEYXRhLnBhZ2VTaXplID0gdmFsCiAgICAgICAgdGhpcy5nZXRMaXN0KHRoaXMuc2VhcmNoRGF0YSkKICAgICAgIH0sCiAgICAgICBoYW5kbGVDdXJyZW50Q2hhbmdlKHZhbCkgewogICAgICAgIHRoaXMuc2VhcmNoRGF0YS5wYWdlTnVtID0gdmFsCiAgICAgICAgdGhpcy5nZXRMaXN0KHRoaXMuc2VhcmNoRGF0YSkKICAgICAgIH0sCiAgICAgICByZXNldCgpIHsKICAgICAgICB0aGlzLnNlYXJjaERhdGEgPSB7ICAgICAgICAgICAgCiAgICAgICAgICAgIHBhZ2VOdW06IDEsCiAgICAgICAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgICAgICAgdGVybWluYWxDb2RlOicnLAogICAgICAgICAgICB0ZXJtaW5hbE5hbWU6JycsCiAgICAgICAgICAgIHN0YXR1czonJyAgICAgICAgICAgIAogICAgICAgIH0KICAgICAgICB0aGlzLmdldExpc3QodGhpcy5zZWFyY2hEYXRhKQogICAgICAgfQogICAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;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","file":"index.vue","sourceRoot":"src/views/systemMonitoring/vehicleMonitoring","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>"]}]}
|
