接口优化

main
xuechunyuan 3 years ago
parent 17e9399b4a
commit 427d9e69be
  1. 6
      src/App.vue
  2. 5
      src/views/components/carWarn.vue
  3. 28
      src/views/components/pathMap.vue

@ -15,4 +15,10 @@
color: #2c3e50;
overflow: hidden;
}
.el-message{
padding:0.2rem !important;
}
.el-message__icon,.el-message__content{
font-size: 16px !important;
}
</style>

@ -53,14 +53,15 @@ export default {
let yesterDay1 = now.setDate(now.getDate() - 1);
let param = {
"StartTime": dateFormat(new Date(yesterDay1), 'yyyy-MM-dd'),
"EndTime": dateFormat(new Date(), 'yyyy-MM-dd')
"EndTime": dateFormat(new Date(), 'yyyy-MM-dd'),
"Imei": "41000001254"
}
lunzApi.getMessInfoByMessType(key, param).then(res => {
let resData = res.Data;
resData.map(item => {
let idx = this.carList.findIndex(item2 => item2.deviceId == item.Imei);
item.carNo = idx > -1 ? this.carList[idx].cardNo : '-';
item.TimeStamp = dateFormat(new Date(TimeStamp), 'yyyy-MM-dd hh:mm:ss')
item.TimeStamp = dateFormat(new Date(item.TimeStamp), 'yyyy-MM-dd hh:mm:ss')
this.carWarn.push(item);
})
})

@ -103,7 +103,7 @@ export default {
<div>时速${res.Data.spd}km/h</div>
<div>海拔${res.Data.alt}</div>
<div>ACC检测${this.locationAcc[res.Data.acc]}</div>
<div style="display: inline-block;border: 1px solid #eee;border-radius: 3px;padding: 3px 8px;color: #0e94eb;cursor: pointer;" id="btnPath_${carInfo.DeviceNumber}">昨日轨迹</div>
<div style="display: inline-block;border: 1px solid #eee;border-radius: 3px;padding: 3px 8px;color: #0e94eb;cursor: pointer;" id="btnPath_${carInfo.DeviceNumber}">行车轨迹</div>
</div>`;
let infoWindow = new BMapGL.InfoWindow(sContent);
// marker
@ -124,11 +124,10 @@ export default {
queryPath(deviceId) {
let now = new Date();
let yesterDay1 = now.setDate(now.getDate() - 1);
let yesterDay2 = now.setDate(now.getDate() - 1);
let param = {
"Imei": deviceId,
"StartTime": dateFormat(new Date(yesterDay2), 'yyyy-MM-dd'),
"EndTime": dateFormat(new Date(yesterDay1), 'yyyy-MM-dd'),
"StartTime": dateFormat(new Date(yesterDay1), 'yyyy-MM-dd'),
"EndTime": dateFormat(new Date(), 'yyyy-MM-dd'),
"MaxValue": 500
}
lunzApi.getLocationsByImei(this.key, param).then(res => {
@ -142,16 +141,21 @@ export default {
}
// this.polyline = new BMapGL.Polyline(point, { strokeColor: '#F5533D', strokeWeight: 2, strokeOpacity: 1, })
// this.baiduMap.addOverlay(this.polyline);
this.polyline = new BMapGL.Polyline(point,{
strokeColor: '#F5533D',
strokeWeight: 3,
strokeOpacity: 1,
this.polyline = new BMapGL.Polyline(point, {
strokeColor: '#F5533D',
strokeWeight: 3,
strokeOpacity: 1,
});
let trackAni = new BMapGLLib.TrackAnimation(this.baiduMap, this.polyline, {
overallView: true,
tilt: 30,
duration: 20000,
delay: 300
overallView: true,
tilt: 30,
duration: 20000,
delay: 300
}, error => {
this.$message({
message: '未查询到今日行车轨迹',
type: 'warning'
});
});
trackAni.start();
})

Loading…
Cancel
Save