From 3636d6f572a8aaf43af90ba9839a8fa5370eba10 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 08 Nov 2023 17:09:03 +0800
Subject: [PATCH] fix:路劲规划修改
---
src/views/list/road.vue | 87 +++++++++++++++++++++++++++++++++----------
1 files changed, 67 insertions(+), 20 deletions(-)
diff --git a/src/views/list/road.vue b/src/views/list/road.vue
index a92981f..fe9ac86 100644
--- a/src/views/list/road.vue
+++ b/src/views/list/road.vue
@@ -16,10 +16,9 @@
>
</a-select>
<a-range-picker
- v-model="timevalue"
- show-time
- @ok="change1()"
- valueFormat="yyyy-MM-DD HH:MM:SS"
+ :show-time="{ format: 'HH:mm' }"
+ @ok="change1"
+ format="YYYY-MM-DD HH:mm"
style="width: 175px; margin-left: 10px"
/>
@@ -169,8 +168,7 @@
import { jsonp } from 'vue-jsonp'
import any = jasmine.any;
import { da } from "date-fns/locale";
-
-
+import {Moment} from 'moment';
@Component({
components: {
@@ -178,12 +176,32 @@
})
export default class road extends Vue {
private timevalue:any=[]
- private change1(){
- console.log(this.timevalue);
+
+ private change1(dates: Moment[]) {
+ this.timevalue=[]
+ this.timevalue=[dates[0].format("YYYY-MM-DD HH:mm"),dates[1].format("YYYY-MM-DD HH:mm")]
+
}
private mounted() {
this.roadmap();
}
+ private dateFormat(fmt: string, date: any) {
+ let o = {
+ "M+": date.getMonth() + 1, //������
+ "d+": date.getDate(), //���
+ "h+": date.getHours(), //������
+ "m+": date.getMinutes(), //���
+ "s+": date.getSeconds(), //���
+ "q+": Math.floor((date.getMonth() + 3) / 3), //������
+ "S": date.getMilliseconds() //������
+ }
+ if (/(y+)/.test(fmt))
+ fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
+ for (var k in o)
+ if (new RegExp("(" + k + ")").test(fmt))
+ fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)))
+ return fmt
+}
private map:any
private roadmap(){
this.map = new BMapGL.Map('roadmap')
@@ -201,12 +219,22 @@
private tableLoading: boolean = false;
private columns: any[] = [
{
+ title: "������",
+ dataIndex: "key",
+ key: "key",
+ align: "center",
+ customRender: (text,record,index) => `${index+1}`,
+ width: 60,
+ },
+ {
title: "������������",
- dataIndex: "startPoint"
+ dataIndex: "startPoint",
+ align: "center",
},
{
title: "������",
- customRender: this.opRender
+ customRender: this.opRender,
+ align: "center",
}
];
private openIn(){
@@ -274,11 +302,11 @@
this.check=false
this.startstate='batch'
this.batchshow=true
- this.selectCar();
+ // this.selectCar();
this.batchid=record.coordinateId
}
private handlebatch(){
- this.selectCar()
+ // this.selectCar()
this.batchshow=false
this.handlenull();
}
@@ -297,15 +325,17 @@
this.$message.success(res.data.message)
this.starttime=''
this.endtime=''
- this.selectCar()
+ // this.selectCar()
}))
}
private upa=''
private recordid:any=0
- private handleEditModalVisible(record){
+ private handleEditModalVisible(record) {
+ console.log('dataList',this.dataList)
this.check=false
this.handlebatch()
- this.startstate='none'
+ this.startstate = 'none'
+ this.dataList=[]
this.upa='upa'
this.recordid=record.coordinateId
if(this.carvalue==='������������������'){
@@ -343,7 +373,7 @@
}
private inupa(){
this.upa=''
- this.selectCar()
+ // this.selectCar()
}
private carvalue:any='������������������'
private carIndex:any=[]
@@ -396,6 +426,7 @@
this.$message.warning('���������������')
return
}
+ console.log("this.timevalue",this.timevalue);
get('cruiserInfo/getCruiserInFo',{
mac:this.carvalue,
// time1:'2023-08-05 00:00:00',
@@ -420,7 +451,7 @@
private endtime:any=''
private InfoWindow = null
private startstate:any='none'
- private setMarker(res) {
+ private setMarker(res) {
const that=this
that.carDate=[]
that.carDataList=[]
@@ -438,10 +469,25 @@
//������������point
var myIcon = new BMapGL.Icon(require("@/assets/723cd95f31481a502d495b2d814d658.png"), new BMapGL.Size(50, 50), {
});
+ var startIcon = new BMapGL.Icon(require("@/assets/start.png"), new BMapGL.Size(50, 50), {
+ });
+ var endIcon = new BMapGL.Icon(require("@/assets/end.png"), new BMapGL.Size(50, 50), {
+ });
const statePoint = new BMapGL.Point(that.carDate[i].flylon,that.carDate[i].flylat);
bPoints.push(statePoint)
- that.marker[i] = new BMapGL.Marker(statePoint,{icon:myIcon});
- that.marker[i].customData = {data: that.carDate[i].data,state: that.carDate[i].state};
+ if (i === 0) {
+ that.marker[i] = new BMapGL.Marker(statePoint, { icon: startIcon });
+ that.marker[i].customData = { data: that.carDate[i].data, state: that.carDate[i].state };
+ that.marker[i].iconPng='startIcon'
+ } else if (i === that.carDate.length - 1) {
+ that.marker[i] = new BMapGL.Marker(statePoint, { icon: endIcon });
+ that.marker[i].customData = { data: that.carDate[i].data, state: that.carDate[i].state };
+ that.marker[i].iconPng='endIcon'
+ } else {
+ that.marker[i] = new BMapGL.Marker(statePoint,{icon:myIcon});
+ that.marker[i].customData = { data: that.carDate[i].data, state: that.carDate[i].state };
+ that.marker[i].iconPng='myIcon'
+ }
var infoWindow ='';
//that.marker[i].name = that.carDate[i].time;
that.marker[i].on('mouseover', function (e) {
@@ -460,6 +506,7 @@
that.marker[i].addEventListener("click",function(){
switch(that.carDate[i].state){
case '1':
+ console.log('that.marker',that.marker[i])
that.marker[i].setIcon(new BMapGL.Icon(require("@/assets/fb259ce2e368f6853a58b91d6f6b293.png"), new BMapGL.Size(50, 50)
));
that.carDate[i].state='2'
@@ -572,7 +619,7 @@
}).then((res)=>{
this.dataSource=res.data.data
})
- }
+ }
private created () {
this.car()
this.selectLu()
--
Gitblit v1.8.0