From 81f54040c2cb65537c6c6e1db8358a39a57dea0d Mon Sep 17 00:00:00 2001
From: mayisheng <admin>
Date: Mon, 15 Aug 2022 16:14:01 +0800
Subject: [PATCH] 1
---
src/components/campusNav/index.vue | 590 +++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 411 insertions(+), 179 deletions(-)
diff --git a/src/components/campusNav/index.vue b/src/components/campusNav/index.vue
index 1a664ae..c6e43a2 100644
--- a/src/components/campusNav/index.vue
+++ b/src/components/campusNav/index.vue
@@ -1,20 +1,20 @@
<template>
- <tool-small-box class="campus-nav-box">
- <template slot="tool-small-box-header">
+ <public-box class="campus-nav-box">
+ <template slot="public-box-header">
<div class="title">
<img class="icon deblurring" src="/img/icon/xndh.png" alt />
- <span>社区内导航</span>
+ <span>校区内导航</span>
</div>
- <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
+ <img class="close deblurring" src="/img/navicon/close.png" alt @click="closeModel" />
</template>
- <template slot="tool-small-box-content">
+ <template slot="public-box-content">
<div class="tab">
<ul>
- <li @click="tabClick('步行')" :class="{on:tabOneFlag}">
+ <li @click="tabClick('步行')" :class="{ on: tabOneFlag }">
<i></i>
步行
</li>
- <li @click="tabClick('驾车')" :class="{on:tabTwoFlag}">
+ <li @click="tabClick('驾车')" :class="{ on: tabTwoFlag }">
<i></i>
驾车
</li>
@@ -25,7 +25,7 @@
<div id="ToNameContainer">
<el-input v-model="toNameText" @input="toNameChange" placeholder="起点……">
<template slot="prepend">
- <i class="el-icon-location" style="color: green;"></i>
+ <i class="el-icon-location mydingwei" style="color: green"></i>
</template>
</el-input>
<div v-show="toNameShow" class="toname-value-box">
@@ -34,14 +34,14 @@
v-for="(item, index) in toNameList"
:key="index"
@click="originChange(item)"
- >{{item.mechanismname}}</li>
+ >{{ item.mechanismname }}</li>
</ul>
</div>
</div>
<div id="ComeNameContainer">
<el-input v-model="comeNameText" @input="comeNameChange" placeholder="终点……">
<template slot="prepend">
- <i class="el-icon-location" style="color: red;"></i>
+ <i class="el-icon-location mydingwei" style="color: red"></i>
</template>
</el-input>
<div v-show="comeNameShow" class="comename-value-box">
@@ -50,7 +50,7 @@
v-for="(item, index) in comeNameList"
:key="index"
@click="terminusChange(item)"
- >{{item.mechanismname}}</li>
+ >{{ item.mechanismname }}</li>
</ul>
</div>
</div>
@@ -59,35 +59,53 @@
<el-button @click="startNavigation" type="primary">导航</el-button>
</div>
</div>
+
+ <div class="path-box" v-show="pathBoxShow">
+ <ul>
+ <li v-for="(item, index) in pathBoxList" :key="index">{{item.instruction}}</li>
+ </ul>
+ </div>
</template>
- </tool-small-box>
+ </public-box>
</template>
<script>
import { mapGetters } from 'vuex'
import { getSearchList } from '@/api/pc/public/search'
import axios from 'axios'
+
+const CamPusNavLayer = {
+ campusStartLayer: null,
+ campusEndLayer: null,
+ campusRouteLayer: null
+}
+
export default {
name: 'campusNav',
data () {
return {
+
tabOneFlag: true,
tabTwoFlag: false,
- DC: null,
navigationWay: '步行',
- routeLayer: null,
toNameText: '',
comeNameText: '',
toNameList: [],
comeNameList: [],
toNameShow: false,
- comeNameShow: false
+ comeNameShow: false,
+ overChouse: false,
+ butChouse: '',
+
+ pathBoxShow: false,
+ pathBoxList: [],
+
+ isOverRouter: false // 是否启用了导航
}
},
computed: {
...mapGetters([
- 'viewer',
'twoOrThree',
// 起点
'startingPoint',
@@ -127,9 +145,145 @@
}
},
created () {
- this.DC = global.DC
+ },
+ mounted () {
+ const leftBut = document.querySelectorAll('.el-input-group__prepend')
+ leftBut[0].onclick = () => {
+ this.chouseDian('start')
+ }
+ leftBut[1].onclick = () => {
+ this.chouseDian('end')
+ }
},
methods: {
+ chouseDian (val) {
+ const that = this
+
+ that.clearLayer() // 清除完成的导航
+ if (that.isOverRouter) {
+ // 若是已经有导航，恢复未点击图标
+ if (val == 'start') {
+ // 初始化图标图层
+ if (CamPusNavLayer.campusEndLayer == null) {
+ CamPusNavLayer.campusEndLayer = new global.DC.VectorLayer('campusEndLayer')
+ global.viewer.addLayer(CamPusNavLayer.campusEndLayer)
+ } else {
+ CamPusNavLayer.campusEndLayer.clear()
+ }
+ // console.log("baoliuend", "see");
+ that.$store.commit('SET_STARTINGPOINT', [])
+ const endEntity = new global.DC.Billboard(
+ new global.DC.Position(
+ Number(this.terminus[0]),
+ Number(this.terminus[1]),
+ Number(this.terminus[2])
+ ),
+ '/img/navicon/end.png'
+ )
+ CamPusNavLayer.campusEndLayer.addOverlay(endEntity)
+ } else if (val == 'end') {
+ // 初始化图标图层
+ if (CamPusNavLayer.campusStartLayer == null) {
+ CamPusNavLayer.campusStartLayer = new global.DC.VectorLayer('campusStartLayer')
+ global.viewer.addLayer(CamPusNavLayer.campusStartLayer)
+ } else {
+ CamPusNavLayer.campusStartLayer.clear()
+ }
+ // console.log("baoliustart", "see");
+ that.$store.commit('SET_TERMINUS', [])
+ const startEntity = new global.DC.Billboard(
+ new global.DC.Position(
+ Number(this.startingPoint[0]),
+ Number(this.startingPoint[1]),
+ Number(this.startingPoint[2])
+ ),
+ '/img/navicon/start.png'
+ )
+ CamPusNavLayer.campusStartLayer.addOverlay(startEntity)
+ }
+ }
+
+ // console.log(val, "see1");
+ this.butChouse = val
+ // 关闭其他地图事件
+ that.$store.commit('set_closeMapClick', true)
+ // 添加标记
+ const tooltip = global.viewer.tooltip
+ tooltip.enable = true
+ let title = ''
+ if (val == 'start') {
+ title = '点击选择起点'
+ // 初始化图标图层
+ if (CamPusNavLayer.campusStartLayer == null) {
+ CamPusNavLayer.campusStartLayer = new global.DC.VectorLayer('campusStartLayer')
+ global.viewer.addLayer(CamPusNavLayer.campusStartLayer)
+ } else {
+ CamPusNavLayer.campusStartLayer.clear()
+ }
+ } else if (val == 'end') {
+ title = '点击选择终点'
+ // 初始化图标图层
+ if (CamPusNavLayer.campusEndLayer == null) {
+ CamPusNavLayer.campusEndLayer = new global.DC.VectorLayer('campusEndLayer')
+ global.viewer.addLayer(CamPusNavLayer.campusEndLayer)
+ } else {
+ CamPusNavLayer.campusEndLayer.clear()
+ }
+ }
+ that.overChouse = false // 开启事件
+ // 地图选点
+ that.clicks = global.viewer.on(global.DC.MouseEventType.CLICK, (e) => {
+ if (that.overChouse) {
+ return
+ }
+ const lnglat = [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat]
+ // console.log(lnglat, "see11");
+ // console.log(that.butChouse, "see11");
+ // 应用数据
+ if (that.butChouse == 'start') {
+ that.toNameText = '自定义起点'
+ // 传输坐标数据
+ that.$store.commit('SET_STARTINGPOINT', [...lnglat, 0])
+ // 起点
+ const startEntity = new global.DC.Billboard(
+ new global.DC.Position(
+ Number(lnglat[0]),
+ Number(lnglat[1]),
+ Number(0)
+ ),
+ '/img/navicon/start.png'
+ )
+ CamPusNavLayer.campusStartLayer.addOverlay(startEntity)
+ } else if (that.butChouse == 'end') {
+ that.comeNameText = '自定义终点'
+ // 传输坐标数据
+ that.$store.commit('SET_TERMINUS', [...lnglat, 0])
+ // 终点
+ const endEntity = new global.DC.Billboard(
+ new global.DC.Position(
+ Number(lnglat[0]),
+ Number(lnglat[1]),
+ Number(0)
+ ),
+ '/img/navicon/end.png'
+ )
+ CamPusNavLayer.campusEndLayer.addOverlay(endEntity)
+ }
+ title = ''
+ tooltip.enable = false
+ that.overChouse = true // 关闭事件
+ // 开启其他地图事件
+ that.$store.commit('set_closeMapClick', false)
+ })
+ that.moves = global.viewer.on(global.DC.MouseEventType.MOUSE_MOVE, (e) => {
+ if (that.overChouse) {
+ return
+ }
+ // let lnglat = [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat];
+ tooltip.showAt(e.windowPosition, title)
+ })
+ },
+
closeModel () {
if (this.$route.path.indexOf('/campusnavi') != -1) {
this.$store.dispatch('delVisitedViews', this.$route)
@@ -142,8 +296,21 @@
this.comeNameText = ''
this.comeNameList = []
this.comeNameShow = false
- if (this.routeLayer != null) {
- this.routeLayer.clear()
+ this.pathBoxList = []
+ this.pathBoxShow = false
+
+ if (CamPusNavLayer.campusRouteLayer != null) {
+ CamPusNavLayer.campusRouteLayer.clear()
+ this.isOverRouter = false
+ }
+ // 清除自定义位置
+ if (CamPusNavLayer.campusStartLayer != null) {
+ CamPusNavLayer.campusStartLayer.clear()
+ // CamPusNavLayer.campusStartLayer = null;
+ }
+ if (CamPusNavLayer.campusEndLayer != null) {
+ CamPusNavLayer.campusEndLayer.clear()
+ // CamPusNavLayer.campusEndLayer = null;
}
this.$store.commit('SET_COMENAME', '')
this.$store.commit('SET_TERMINUS', null)
@@ -159,11 +326,22 @@
},
startNavigation () {
- if (this.routeLayer == null) {
- this.routeLayer = new this.DC.VectorLayer('navigation')
- this.viewer.addLayer(this.routeLayer)
+ const that = this
+ // 清除自定义位置
+ if (CamPusNavLayer.campusStartLayer != null) {
+ CamPusNavLayer.campusStartLayer.clear()
+ // CamPusNavLayer.campusStartLayer = null;
+ }
+ if (CamPusNavLayer.campusEndLayer != null) {
+ CamPusNavLayer.campusEndLayer.clear()
+ // CamPusNavLayer.campusEndLayer = null;
+ }
+
+ if (CamPusNavLayer.campusRouteLayer == null) {
+ CamPusNavLayer.campusRouteLayer = new global.DC.VectorLayer('campusRouteLayer')
+ global.viewer.addLayer(CamPusNavLayer.campusRouteLayer)
} else {
- this.routeLayer.clear()
+ CamPusNavLayer.campusRouteLayer.clear()
}
if (this.startingPoint == null) {
this.$message('请输入起点！！！')
@@ -172,12 +350,26 @@
this.$message('请输入终点！！！')
}
- // var start = this.DC.Transform.transformWGS84ToCartesian()
- const startEntity = new this.DC.Billboard(new this.DC.Position(Number(this.startingPoint[0]), Number(this.startingPoint[1]), Number(this.startingPoint[2])), '/img/navicon/start.png')
- this.routeLayer.addOverlay(startEntity)
- // var end = this.DC.Transform.transformWGS84ToCartesian()
- const endEntity = new this.DC.Billboard(new this.DC.Position(Number(this.terminus[0]), Number(this.terminus[1]), Number(this.terminus[2])), '/img/navicon/end.png')
- this.routeLayer.addOverlay(endEntity)
+ // var start = global.DC.Transform.transformWGS84ToCartesian()
+ const startEntity = new global.DC.Billboard(
+ new global.DC.Position(
+ Number(this.startingPoint[0]),
+ Number(this.startingPoint[1]),
+ Number(this.startingPoint[2])
+ ),
+ '/img/navicon/start.png'
+ )
+ CamPusNavLayer.campusRouteLayer.addOverlay(startEntity)
+ // var end = global.DC.Transform.transformWGS84ToCartesian()
+ const endEntity = new global.DC.Billboard(
+ new global.DC.Position(
+ Number(this.terminus[0]),
+ Number(this.terminus[1]),
+ Number(this.terminus[2])
+ ),
+ '/img/navicon/end.png'
+ )
+ CamPusNavLayer.campusRouteLayer.addOverlay(endEntity)
var routes = ''
@@ -186,170 +378,206 @@
var endLog = Number(this.terminus[0]).toFixed(6)
var endLat = Number(this.terminus[1]).toFixed(6)
- var origin = this.DC.CoordTransform.WGS84ToGCJ02(startLog, startLat)
- var destination = this.DC.CoordTransform.WGS84ToGCJ02(endLog, endLat)
+ var origin = global.DC.CoordTransform.WGS84ToGCJ02(startLog, startLat)
+ var destination = global.DC.CoordTransform.WGS84ToGCJ02(endLog, endLat)
if (this.navigationWay == '步行') {
- axios.get('https://restapi.amap.com/v3/direction/walking', {
- params: {
- origin: `${origin[0].toFixed(6) + ',' + origin[1].toFixed(6)}`,
- destination: `${destination[0].toFixed(6) + ',' + destination[1].toFixed(6)}`,
- key: '4b3e1db3211054ce5b466407cbb9d221',
- output: 'json'
- }
- }).then(res => {
- if (res.data.info == 'OVER_DIRECTION_RANGE') {
- this.$message({
- message: '超出步行范围！',
- type: 'warning',
- duration: 3000
- })
- }
-
- res.data.route.paths[0].steps.forEach(item => {
- item.polyline = item.polyline.split(';')
-
- var lineArr = []
-
- item.polyline.forEach(it => {
- it = it.split(',')
- lineArr.push(this.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(','))
- })
-
- lineArr = lineArr.join(';')
-
- lineArr += ';'
-
- routes += lineArr
- })
-
- routes = startLog + ',' + startLat + ';' + routes + endLog + ',' + endLat
-
- const polyline = new this.DC.Polyline(routes)
- polyline.setStyle({
- width: 3,
- material: new this.DC.PolylineTrailMaterialProperty({
- color: this.DC.Color.RED,
- speed: 10
- }),
- clampToGround: true
- })
- this.routeLayer.addOverlay(polyline)
- if (this.twoOrThree == '真三维') {
- this.viewer.flyTo(this.routeLayer)
- } else {
- var longitude = null
- var latitude = null
- startLog = Number(startLog)
- endLog = Number(endLog)
- if (startLog > endLog) {
- longitude = (startLog - endLog) / 2 + endLog
- } else {
- longitude = (endLog - startLog) / 2 + startLog
+ axios
+ .get('https://restapi.amap.com/v3/direction/walking', {
+ params: {
+ origin: `${origin[0].toFixed(6) + ',' + origin[1].toFixed(6)}`,
+ destination: `${destination[0].toFixed(6) + ',' + destination[1].toFixed(6)
+ }`,
+ key: '4b3e1db3211054ce5b466407cbb9d221',
+ output: 'json'
}
- startLat = Number(startLat)
- endLat = Number(endLat)
- if (startLat > endLat) {
- latitude = (startLat - endLat) / 2 + endLat
- } else {
- latitude = (endLat - startLat) / 2 + startLat
+ })
+ .then((res) => {
+ if (res.data.info == 'OVER_DIRECTION_RANGE') {
+ this.$message({
+ message: '超出步行范围！',
+ type: 'warning',
+ duration: 3000
+ })
}
- this.viewer.camera.setView({
- // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
- // fromDegrees()方法，将经纬度和高程转换为世界坐标
- destination: this.DC.Namespace.Cesium.Cartesian3.fromDegrees(longitude, latitude, 600),
- orientation: {
- // 指向
- heading: this.DC.Namespace.Cesium.Math.toRadians(0, 0),
- // 视角
- pitch: this.DC.Namespace.Cesium.Math.toRadians(-90),
- roll: 0.0
+ this.pathBoxList = []
+
+ res.data.route.paths[0].steps.forEach((item) => {
+ this.pathBoxList.push({ instruction: item.instruction, orientation: item.orientation, action: item.action })
+
+ item.polyline = item.polyline.split(';')
+
+ var lineArr = []
+
+ item.polyline.forEach((it) => {
+ it = it.split(',')
+ lineArr.push(
+ global.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(',')
+ )
+ })
+
+ lineArr = lineArr.join(';')
+
+ lineArr += ';'
+
+ routes += lineArr
+ })
+
+ this.pathBoxShow = true
+
+ routes =
+ startLog + ',' + startLat + ';' + routes + endLog + ',' + endLat
+
+ const polyline = new global.DC.Polyline(routes)
+ polyline.setStyle({
+ width: 6,
+ arcType: true,
+ material: new global.DC.PolylineImageTrailMaterialProperty({
+ color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10),
+ speed: 60,
+ image: '/img/icon/right.png',
+ repeat: { x: 320, y: 1 }
+ }),
+ clampToGround: true
+ })
+
+ CamPusNavLayer.campusRouteLayer.addOverlay(polyline)
+ if (this.twoOrThree == '真三维') {
+ global.viewer.flyTo(CamPusNavLayer.campusRouteLayer)
+ } else {
+ var longitude = null
+ var latitude = null
+ startLog = Number(startLog)
+ endLog = Number(endLog)
+ if (startLog > endLog) {
+ longitude = (startLog - endLog) / 2 + endLog
+ } else {
+ longitude = (endLog - startLog) / 2 + startLog
}
- })
- }
- })
+ startLat = Number(startLat)
+ endLat = Number(endLat)
+ if (startLat > endLat) {
+ latitude = (startLat - endLat) / 2 + endLat
+ } else {
+ latitude = (endLat - startLat) / 2 + startLat
+ }
+ that.isOverRouter = true
+ global.viewer.camera.setView({
+ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
+ // fromDegrees()方法，将经纬度和高程转换为世界坐标
+ destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
+ longitude,
+ latitude,
+ 600
+ ),
+ orientation: {
+ // 指向
+ heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
+ // 视角
+ pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
+ roll: 0.0
+ }
+ })
+ }
+ })
} else {
- axios.get('https://restapi.amap.com/v3/direction/driving', {
- params: {
- origin: `${origin[0].toFixed(6) + ',' + origin[1].toFixed(6)}`,
- destination: `${destination[0].toFixed(6) + ',' + destination[1].toFixed(6)}`,
- key: '4b3e1db3211054ce5b466407cbb9d221',
- strategy: 2,
- extensions: 'all',
- output: 'json'
- }
- }).then(res => {
- res.data.route.paths[0].steps.forEach(item => {
- item.polyline = item.polyline.split(';')
+ axios
+ .get('https://restapi.amap.com/v3/direction/driving', {
+ params: {
+ origin: `${origin[0].toFixed(6) + ',' + origin[1].toFixed(6)}`,
+ destination: `${destination[0].toFixed(6) + ',' + destination[1].toFixed(6)
+ }`,
+ key: '4b3e1db3211054ce5b466407cbb9d221',
+ strategy: 2,
+ extensions: 'all',
+ output: 'json'
+ }
+ })
+ .then((res) => {
+ res.data.route.paths[0].steps.forEach((item) => {
+ item.polyline = item.polyline.split(';')
- var lineArr = []
+ var lineArr = []
- item.polyline.forEach(it => {
- it = it.split(',')
- lineArr.push(this.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(','))
+ item.polyline.forEach((it) => {
+ it = it.split(',')
+ lineArr.push(
+ global.DC.CoordTransform.GCJ02ToWGS84(it[0], it[1]).join(',')
+ )
+ })
+
+ lineArr = lineArr.join(';')
+
+ lineArr += ';'
+
+ routes += lineArr
})
- lineArr = lineArr.join(';')
+ routes =
+ startLog + ',' + startLat + ';' + routes + endLog + ',' + endLat
- lineArr += ';'
+ const polyline = new global.DC.Polyline(routes)
+ polyline.setStyle({
+ width: 6,
+ arcType: true,
+ material: new global.DC.PolylineImageTrailMaterialProperty({
+ color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10),
+ speed: 60,
+ image: '/img/icon/right.png',
+ repeat: { x: 320, y: 1 }
+ }),
+ clampToGround: true
+ })
- routes += lineArr
- })
+ CamPusNavLayer.campusRouteLayer.addOverlay(polyline)
- routes = startLog + ',' + startLat + ';' + routes + endLog + ',' + endLat
-
- const polyline = new this.DC.Polyline(routes)
- polyline.setStyle({
- width: 3,
- material: new this.DC.PolylineTrailMaterialProperty({
- color: this.DC.Color.RED,
- speed: 10
- }),
- clampToGround: true
- })
- this.routeLayer.addOverlay(polyline)
-
- if (this.twoOrThree == '真三维') {
- this.viewer.flyTo(this.routeLayer)
- } else {
- var longitude = null
- var latitude = null
- startLog = Number(startLog)
- endLog = Number(endLog)
- if (startLog > endLog) {
- longitude = (startLog - endLog) / 2 + endLog
+ if (this.twoOrThree == '真三维') {
+ global.viewer.flyTo(CamPusNavLayer.campusRouteLayer)
} else {
- longitude = (endLog - startLog) / 2 + startLog
- }
- startLat = Number(startLat)
- endLat = Number(endLat)
- if (startLat > endLat) {
- latitude = (startLat - endLat) / 2 + endLat
- } else {
- latitude = (endLat - startLat) / 2 + startLat
- }
-
- this.viewer.camera.setView({
- // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
- // fromDegrees()方法，将经纬度和高程转换为世界坐标
- destination: this.DC.Namespace.Cesium.Cartesian3.fromDegrees(longitude, latitude, 600),
- orientation: {
- // 指向
- heading: this.DC.Namespace.Cesium.Math.toRadians(0, 0),
- // 视角
- pitch: this.DC.Namespace.Cesium.Math.toRadians(-90),
- roll: 0.0
+ var longitude = null
+ var latitude = null
+ startLog = Number(startLog)
+ endLog = Number(endLog)
+ if (startLog > endLog) {
+ longitude = (startLog - endLog) / 2 + endLog
+ } else {
+ longitude = (endLog - startLog) / 2 + startLog
}
- })
- }
- })
+ startLat = Number(startLat)
+ endLat = Number(endLat)
+ if (startLat > endLat) {
+ latitude = (startLat - endLat) / 2 + endLat
+ } else {
+ latitude = (endLat - startLat) / 2 + startLat
+ }
+ that.isOverRouter = true
+ global.viewer.camera.setView({
+ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
+ // fromDegrees()方法，将经纬度和高程转换为世界坐标
+ destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
+ longitude,
+ latitude,
+ 600
+ ),
+ orientation: {
+ // 指向
+ heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
+ // 视角
+ pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
+ roll: 0.0
+ }
+ })
+ }
+ })
}
},
clearLayer () {
- if (this.routeLayer != null) {
- this.routeLayer.clear()
+ if (CamPusNavLayer.campusRouteLayer != null) {
+ CamPusNavLayer.campusRouteLayer.clear()
+ this.pathBoxList = []
+ this.pathBoxShow = false
}
},
@@ -359,7 +587,7 @@
this.toNameShow = false
return
}
- getSearchList({ mechanismName: this.toNameText }).then(res => {
+ getSearchList({ mechanismName: this.toNameText }).then((res) => {
if (res.data.data.length > 0) {
this.toNameList = res.data.data
this.toNameShow = true
@@ -373,7 +601,7 @@
this.comeNameShow = false
return
}
- getSearchList({ mechanismName: this.comeNameText }).then(res => {
+ getSearchList({ mechanismName: this.comeNameText }).then((res) => {
if (res.data.data.length > 0) {
this.comeNameList = res.data.data
this.comeNameShow = true
@@ -385,7 +613,8 @@
var toBox = document.getElementById('ToNameContainer')
if (toBox) {
- if (!toBox.contains(event.target)) { // 这句是说如果我们点击到了id为myPanel以外的区域
+ if (!toBox.contains(event.target)) {
+ // 这句是说如果我们点击到了id为myPanel以外的区域
this.toNameShow = false
}
}
@@ -393,7 +622,8 @@
var comeBox = document.getElementById('ComeNameContainer')
if (comeBox) {
- if (!comeBox.contains(event.target)) { // 这句是说如果我们点击到了id为myPanel以外的区域
+ if (!comeBox.contains(event.target)) {
+ // 这句是说如果我们点击到了id为myPanel以外的区域
this.comeNameShow = false
}
}
@@ -428,9 +658,11 @@
this.comeNameShow = false
this.comeNameList = []
}
+ },
+ destroyed () {
+ // this.closeModel();
}
}
</script>
-<style lang='scss' scope>
-</style>
+<style lang="scss" scope></style>
--
Gitblit v1.9.3