|
@@ -7,20 +7,20 @@
|
|
|
lock-scroll
|
|
|
width="80%">
|
|
|
<div id="container" v-if="dialogVisible"></div>
|
|
|
- <div class="input-card" style="right: 10.3%;bottom: 10.3%" v-if="this.lineArr.length>0">
|
|
|
- <h4>轨迹回放控制</h4>
|
|
|
- <div class="input-item">
|
|
|
- <input type="button" class="btn" value="开始动画" id="start" @click="startAnimation()"/>
|
|
|
- <input type="button" class="btn" value="暂停动画" id="pause" @click="pauseAnimation()"/>
|
|
|
- </div>
|
|
|
- <div class="input-item">
|
|
|
- <input type="button" class="btn" value="继续动画" id="resume" @click="resumeAnimation()"/>
|
|
|
- <input type="button" class="btn" value="停止动画" id="stop" @click="stopAnimation()"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-card" style="right: 10.3%;bottom: 10.3%" v-else>
|
|
|
- <span style="color: red">暂无该车辆轨迹信息</span>
|
|
|
- </div>
|
|
|
+<!-- <div class="input-card" style="right: 10.3%;bottom: 10.3%" v-if="this.lineArr.length>0">-->
|
|
|
+<!-- <h4>轨迹回放控制</h4>-->
|
|
|
+<!-- <div class="input-item">-->
|
|
|
+<!-- <input type="button" class="btn" value="开始动画" id="start" @click="startAnimation()"/>-->
|
|
|
+<!-- <input type="button" class="btn" value="暂停动画" id="pause" @click="pauseAnimation()"/>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="input-item">-->
|
|
|
+<!-- <input type="button" class="btn" value="继续动画" id="resume" @click="resumeAnimation()"/>-->
|
|
|
+<!-- <input type="button" class="btn" value="停止动画" id="stop" @click="stopAnimation()"/>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="input-card" style="right: 10.3%;bottom: 10.3%" v-else>-->
|
|
|
+<!-- <span style="color: red">暂无该车辆轨迹信息</span>-->
|
|
|
+<!-- </div>-->
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
|
|
@@ -96,9 +96,10 @@ export default {
|
|
|
map: this.map
|
|
|
});
|
|
|
// (this.parkingPoint[i].ete - this.parkingPoint[i].bte)
|
|
|
- console.log(this.fun(this.parkingPoint[i].bte, this.parkingPoint[i].ete));
|
|
|
+ // console.log(this.fun(this.parkingPoint[i].bte, this.parkingPoint[i].ete));
|
|
|
+ let fun = this.fun(this.parkingPoint[i].bte, this.parkingPoint[i].ete)==='获取失败'?'':this.fun(this.parkingPoint[i].bte, this.parkingPoint[i].ete)
|
|
|
this.marker.content = '<div style="width: 300px;">'
|
|
|
- + '<p style="font-size: 22px;font-weight: bold;background-color: #2d8cf0;color: #fff;">' + this.fun(this.parkingPoint[i].bte, this.parkingPoint[i].ete) + '</p>'
|
|
|
+ + '<p style="font-size: 22px;font-weight: bold;background-color: #2d8cf0;color: #fff;">' + fun + '</p>'
|
|
|
+ '<p style="padding: 5px 0"><span style="color: #a0a0a0">停车时间:</span>' + (new Date(Number(this.parkingPoint[i].bte) + 8 * 60 * 60 * 1000).toJSON().split('T').join(' ').substr(0, 19)).slice(5,19)+'至'+ (new Date(Number(this.parkingPoint[i].ete) + 8 * 60 * 60 * 1000).toJSON().split('T').join(' ').substr(0, 19)).slice(5,19)+ '</p>'
|
|
|
+ '<p><span style="color: #a0a0a0">当前位置:</span>' +this.parkingPoint[i].address + '</p>'
|
|
|
+ '</div>'
|