| | |
| | |
|
| | | private change1(dates: Moment[]) {
|
| | | this.timevalue=[]
|
| | | this.timevalue=[dates[0].format("YYYY-MM-DD hh:mm"),dates[1].format("YYYY-MM-DD hh:mm")]
|
| | | this.timevalue=[dates[0].format("YYYY-MM-DD HH:mm"),dates[1].format("YYYY-MM-DD HH:mm")]
|
| | |
|
| | | }
|
| | | private mounted() {
|
| | |
| | | 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(){
|
| | |
| | | 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();
|
| | | }
|
| | |
| | | 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==='请选择走航车'){
|
| | |
| | | }
|
| | | private inupa(){
|
| | | this.upa=''
|
| | | this.selectCar()
|
| | | // this.selectCar()
|
| | | }
|
| | | private carvalue:any='请选择走航车'
|
| | | private carIndex:any=[]
|
| | |
| | | private endtime:any=''
|
| | | private InfoWindow = null
|
| | | private startstate:any='none'
|
| | | private setMarker(res) {
|
| | | private setMarker(res) {
|
| | | const that=this
|
| | | that.carDate=[]
|
| | | that.carDataList=[]
|
| | |
| | | //创建单个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) {
|
| | |
| | | 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'
|
| | |
| | | }).then((res)=>{
|
| | | this.dataSource=res.data.data
|
| | | })
|
| | | }
|
| | | }
|
| | | private created () {
|
| | | this.car()
|
| | | this.selectLu()
|