| | |
| | | >校验</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"
|
| | |
| | | <div>
|
| | | <div>
|
| | | <span style="font-size: 17.5px; color: black; margin-left: 50px"
|
| | | >起点 :</span
|
| | | >路段名称 :</span
|
| | | >
|
| | | <a-input
|
| | | style="width: 300px; margin-left: 15px"
|
| | | placeholder="请输入起点"
|
| | | placeholder="请输入路段名称"
|
| | | v-model="startLu"
|
| | | />
|
| | | </div>
|
| | | <div style="margin-top: 10px; margin-left: 50px">
|
| | | <!-- <div style="margin-top: 10px; margin-left: 50px">
|
| | | <span style="font-size: 17.5px; color: black">终点 :</span>
|
| | | <a-input
|
| | | style="width: 300px; margin-left: 15px"
|
| | | placeholder="请输入终点"
|
| | | v-model="endLu"
|
| | | />
|
| | | </div>
|
| | | </div> -->
|
| | | </div>
|
| | | </a-modal>
|
| | | <div class="right">
|
| | |
| | | private tableLoading: boolean = false;
|
| | | private columns: any[] = [
|
| | | {
|
| | | title: "起点",
|
| | | title: "路段名称",
|
| | | dataIndex: "startPoint"
|
| | | },
|
| | | {
|
| | | title: "终点",
|
| | | dataIndex: "endPoint"
|
| | | },
|
| | | {
|
| | | title: "操作",
|
| | |
| | | private startLu:any=''
|
| | | private endLu:any=''
|
| | | private insertCarLu(){
|
| | | if(this.carvalue==='请选择走航车'){
|
| | | this.$message.warning('添加请先选择走航车!')
|
| | | return
|
| | | }
|
| | |
|
| | | post('coordinate/interCruiserRoad',{
|
| | | startPoint:this.startLu,
|
| | | endPoint:this.endLu
|
| | | mac:this.carvalue
|
| | | |
| | | }).then((res)=>{
|
| | | console.log(res);
|
| | | this.$message.success(res.data.message)
|
| | |
| | | this.selectLu()
|
| | | })
|
| | | }
|
| | |
|
| | | private opRender(text: string, record: any, index: number) {
|
| | | return (
|
| | | <div style="width:180px">
|
| | |
| | | time2:this.timevalue[1],
|
| | | mac:this.carvalue,
|
| | | }).then((res)=>{
|
| | | console.log(res);
|
| | | this.carDate=[]
|
| | | this.pointshow=true
|
| | | this.setMarker(res)
|
| | |
| | | private endtime:any=''
|
| | | private startstate:any='none'
|
| | | private setMarker(res) {
|
| | | console.log(res);
|
| | | const that=this
|
| | | that.carDate=[]
|
| | | that.carDataList=[]
|
| | |
| | | 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 = []
|
| | |
| | | var centerPoint = view.center;
|
| | | this.map.centerAndZoom(centerPoint, mapZoom);
|
| | | }
|
| | |
|
| | | private selectLuName:any=null
|
| | | private selectLu(){
|
| | | get('coordinate/selectCruiserRoad',{
|
| | | name:this.selectLuName
|
| | | }).then((res)=>{
|
| | | this.dataSource=res.data.data
|
| | | })
|
| | |
| | | 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;
|