fix:路径规划修改

quanyawei

2023-10-18 6426fb112c41bb28ab426e058ef76b77025008e5

 src/views/list/road.vue

@@ -2,17 +2,10 @@
  <div style="display: flex; overflow: hidden">

    <div class="left">

      <div class="left-one">

        <a-range-picker

          v-model="timevalue"

          show-time

          @ok="change1()"

          valueFormat="yyyy-MM-DD HH:MM:SS"

          style="width: 175px"

        />

        <a-select

          ref="select"

          v-model="carvalue"

          style="width: 180px; margin-left: 10px"

          style="width: 180px"

          placeholder="请选择走航车"

        >

          <a-select-option

@@ -22,6 +15,14 @@
            >{{ item.name }}</a-select-option

          >

        </a-select>

        <a-range-picker

          v-model="timevalue"

          :show-time="{ format: 'HH:mm' }"

          @ok="change1()"

          format="YYYY-MM-DD HH:mm"

          style="width: 175px; margin-left: 10px"

        />



        <a-button type="primary" style="margin-left: 10px" @click="selectCar"

          >查询</a-button

        >

@@ -29,7 +30,16 @@
          >校验</a-button

        >

      </div>



      <div class="left-five">

        <a-input

          style="width: 300px; margin-left: 0px"

          v-model="selectLuName"

          placeholder="请输入路段名称"

        />

        <a-button type="primary" style="margin-left: 10px" @click="selectLu"

          >搜索</a-button

        >

      </div>

      <div class="left-two">

        <a-table

          :dataSource="dataSource"

@@ -158,6 +168,7 @@
import axios from "axios";

import { jsonp }  from 'vue-jsonp'

import any = jasmine.any;

import { da } from "date-fns/locale";





@Component({

@@ -222,6 +233,7 @@
      this.selectLu()

    })

  }



  private opRender(text: string, record: any, index: number) {

    return (

        <div style="width:180px">

@@ -322,7 +334,6 @@
      coordinateId:this.recordid,

      data:this.dataList

    }).then((res)=>{

      console.log(res);

      this.$message.success(res.data.message)

      this.upa=''

      this.dataList=[]

@@ -407,9 +418,9 @@
  private carDataList:any=[]

  private starttime:any=''

  private endtime:any=''

  private InfoWindow = null

  private startstate:any='none'

  private  setMarker(res) {

    console.log(res);

    const that=this

     that.carDate=[]

     that.carDataList=[]

@@ -419,8 +430,6 @@
       for(var i=0;i<res.data.data.data.length;i++){

        that.carDataList.push(res.data.data.data[i])

      }

      console.log(that.carDate,'that.carDate');

      console.log(that.carDataList,'that.carDataList');

      that.map.clearOverlays()

      let bPoints = []

      let aPoints = []

@@ -433,11 +442,22 @@
          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};

          var infoWindow ='';

          //that.marker[i].name = that.carDate[i].time;

          that.marker[i].on('mouseover', function (e) {

            infoWindow = new BMapGL.InfoWindow("当前时间:"+that.carDate[i].time);

             that.map.openInfoWindow(infoWindow, statePoint);

          })

         
         that.marker[i].on('mouseout', function (e) {

             that.map.closeInfoWindow(infoWindow, statePoint);

          })

         // that.marker.setTitle(that.carDate[i].time);

         
          //在地图中添加marker

          that.map.addOverlay(that.marker[i]);

          // if(that.check===false){

          that.marker[i].addEventListener("click",function(){

          console.log(that.carDate[i].data,'that.carDate[i].data');

            switch(that.carDate[i].state){

              case '1':

                  that.marker[i].setIcon(new BMapGL.Icon(require("@/assets/fb259ce2e368f6853a58b91d6f6b293.png"), new BMapGL.Size(50, 50)

@@ -479,6 +499,7 @@
        // }

      }



    
        for (let i = 0; i < that.carDataList.length; i++) {

          // console.log(that.carDataList[i],'that.carDataList[i]');

          //创建单个point

@@ -532,15 +553,22 @@
        }

      }

    }



    private setZoom(bPoints) {

      var view = this.map.getViewport(eval(bPoints));

      var mapZoom = view.zoom;

      var centerPoint = view.center;

      this.map.centerAndZoom(centerPoint, mapZoom);

    }



  private selectLuName:any=null

    private selectLu(){

      var macType = null

      if(this.carvalue!=='请选择走航车'){

        macType = this.carvalue;

      }

      get('coordinate/selectCruiserRoad',{

        name:this.selectLuName,

        mac:macType

      }).then((res)=>{

        this.dataSource=res.data.data

      })

@@ -578,8 +606,11 @@
  height: 60px;

  border-bottom: 1px dashed gray;

}

.left-five {

  margin-top: 20px;

}

.left-two {

  margin-top: 30px;

  margin-top: 10px;

}

.BMap_Marker.BMap_noprint {

  width: 23px;