diff --git a/src/views/order/loadOrder/loadOrderDetail/index.vue b/src/views/order/loadOrder/loadOrderDetail/index.vue index e9020cb..541e5c4 100644 --- a/src/views/order/loadOrder/loadOrderDetail/index.vue +++ b/src/views/order/loadOrder/loadOrderDetail/index.vue @@ -165,7 +165,7 @@ + :stroke-weight="2" :strokeWeight="6" @click="toShowPolyline"> - 起点:({{ trackItem.startDot.lat+','+trackItem.startDot.lng }}) + ({{ trackItem.startDot.lat+','+trackItem.startDot.lng }}) - 终点:({{ trackItem.endDot.lat+','+trackItem.endDot.lng }}) + ({{ trackItem.endDot.lat+','+trackItem.endDot.lng }}) - + + ({{ polyline.lng+','+polyline.lat }}) +
飞行时长:{{ trackItem.time }} @@ -277,7 +279,9 @@ export default { url: 'http://api.map.baidu.com/library/LuShu/1.2/examples/car.png', size: {width: 52, height: 26}, opts: {anchor: {width: 27, height:13}} - } + }, + showPolyline: false, + polyline: {}, } }, created() { @@ -432,8 +436,7 @@ export default { const distance = R * c; // 距离,单位为米 return distance; - }, - // 设置飞行时间 + }, // 设置飞行时间 setTrackTime(createTimeEnd) { const tracks = this.trackItem.tracks; if (tracks.length === 1) { @@ -480,6 +483,13 @@ export default { } return result; }, + // 点击折线轨迹 + toShowPolyline(e){ + if(e.point){ + this.polyline = e.point; + this.showPolyline = true; + } + }, handleApiClick(type) { // 跳转到对应的API模块 console.log('跳转到API模块:', type)