|
@@ -2,7 +2,7 @@
|
|
|
<div style="width:100%;height:100%;position:relative">
|
|
|
<headerdiv ref="headerDiv" :currentindexP = currentindexNew ></headerdiv>
|
|
|
<div style="display: inline-flex;width:100%">
|
|
|
- <div style="width:25%;height:100%;">
|
|
|
+ <div style="width:15%;height:100%;">
|
|
|
<div style="width:100%">
|
|
|
<div class='droneleftTree'>
|
|
|
<!-- <el-input
|
|
@@ -35,7 +35,7 @@
|
|
|
<mapdiv ref="mapdiv" style=""></mapdiv>
|
|
|
</div>
|
|
|
|
|
|
- <div style="width:25%;height:100%;">
|
|
|
+ <div style="width:35%;height:100%;">
|
|
|
<div style="width:100%;padding-left:1rem">
|
|
|
<div class="publicTitle" style="margin-top:1.5rem">
|
|
|
<img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>
|
|
@@ -60,6 +60,7 @@
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="exportQuery">导出</el-button>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="区域" prop="areaName">
|
|
@@ -301,6 +302,11 @@ export default {
|
|
|
// this.queryLocationRecord()();
|
|
|
},
|
|
|
methods:{
|
|
|
+ exportQuery(){
|
|
|
+ this.download('/qdtl/electricLocation/export', {
|
|
|
+ ...this.queryParams
|
|
|
+ }, `巡逻车_${new Date().getTime()}.xlsx`)
|
|
|
+ },
|
|
|
getAllElectricDetail(){
|
|
|
getAllElectricDetail().then(response =>{
|
|
|
this.carStaticCount.totalCar = response.data.totalCar
|
|
@@ -430,7 +436,7 @@ export default {
|
|
|
view.setCenter(this.carArryData[index].fence.split(','));
|
|
|
this.$refs.mapdiv.clickObj = this.carArryData[index]
|
|
|
this.$refs.mapdiv.isShowCar = true
|
|
|
- this.$refs.mapdiv.carStyle = 'left:95rem;top:35rem'
|
|
|
+ this.$refs.mapdiv.carStyle = 'left:80rem;top:35rem'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -442,13 +448,15 @@ export default {
|
|
|
queryLocationRecord(this.queryParams).then(response =>{
|
|
|
console.log(response);
|
|
|
this.carRecordList = response.data
|
|
|
- for(var index in carRecordList){
|
|
|
- var obj = carRecordList[index]
|
|
|
+ for(var index in this.carRecordList){
|
|
|
+ var obj = this.carRecordList[index]
|
|
|
+ // console.log(obj.mileage);
|
|
|
if(obj.mileage != null){
|
|
|
- obj.mileage = obj.mileage/1000
|
|
|
+ obj.mileage = (obj.mileage/1000).toFixed(2)
|
|
|
+ // console.log(obj.mileage);
|
|
|
}
|
|
|
if(obj.dayMileage != null){
|
|
|
- obj.dayMileage = obj.dayMileage/1000
|
|
|
+ obj.dayMileage = (obj.dayMileage/1000).toFixed(2)
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -563,7 +571,7 @@ export default {
|
|
|
width: 85.1rem;
|
|
|
height: 16.3rem;
|
|
|
bottom: 0;
|
|
|
- left: 50%;
|
|
|
+ left: 40%;
|
|
|
transform: translate(-50%,-0%);
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
@@ -607,7 +615,7 @@ export default {
|
|
|
width: 50%;
|
|
|
height: 16.3rem;
|
|
|
top:8rem;
|
|
|
- left: 25%;
|
|
|
+ left: 15%;
|
|
|
background-color: rgba(0, 0, 0, 0.47);
|
|
|
// transform: translate(-50%,-0%);
|
|
|
display: flex;
|