station
右侧 Icon 在隐藏的时候进行切换,没有直接滑出,需要再点一次(操作视频发群里了);隐藏的时候,按钮的选中效果去掉
This commit is contained in:
		
							parent
							
								
									f4917341b6
								
							
						
					
					
						commit
						cf40e88018
					
				| 
						 | 
					@ -159,7 +159,6 @@ export default {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    // 初始化波纹
 | 
					    // 初始化波纹
 | 
				
			||||||
    initRipples() {
 | 
					    initRipples() {
 | 
				
			||||||
      console.log("xuanran",this.currList);
 | 
					 | 
				
			||||||
      this.currList
 | 
					      this.currList
 | 
				
			||||||
        // .filter(
 | 
					        // .filter(
 | 
				
			||||||
        //   stationInfo =>
 | 
					        //   stationInfo =>
 | 
				
			||||||
| 
						 | 
					@ -171,7 +170,6 @@ export default {
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    getRipple({ lon, lat, stationId, stationType, quality }) {
 | 
					    getRipple({ lon, lat, stationId, stationType, quality }) {
 | 
				
			||||||
      // console.log("lon, lat, stationId, stationType, quality",lon, lat, stationId, stationType, quality);
 | 
					 | 
				
			||||||
      const rippleDiv = document.createElement('div')
 | 
					      const rippleDiv = document.createElement('div')
 | 
				
			||||||
      rippleDiv.className = 'custom-ripple'
 | 
					      rippleDiv.className = 'custom-ripple'
 | 
				
			||||||
      if (quality == "excellent") {
 | 
					      if (quality == "excellent") {
 | 
				
			||||||
| 
						 | 
					@ -245,14 +243,6 @@ export default {
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  watch: {
 | 
					  watch: {
 | 
				
			||||||
    // list: {
 | 
					 | 
				
			||||||
    //   // 数据变化时执行的逻辑代码
 | 
					 | 
				
			||||||
    //   handler(newName, oldName) {
 | 
					 | 
				
			||||||
    //     console.log(newName);
 | 
					 | 
				
			||||||
    //   },
 | 
					 | 
				
			||||||
    //   // 开启深度监听
 | 
					 | 
				
			||||||
    //   deep: true
 | 
					 | 
				
			||||||
    //   }
 | 
					 | 
				
			||||||
    list() {
 | 
					    list() {
 | 
				
			||||||
      this.map.getOverlays().clear()
 | 
					      this.map.getOverlays().clear()
 | 
				
			||||||
      this.initMapPopup()
 | 
					      this.initMapPopup()
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -18,7 +18,7 @@
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        <div>
 | 
					        <div>
 | 
				
			||||||
          <img
 | 
					          <img
 | 
				
			||||||
            v-if="active == 1"
 | 
					            v-if="active == 1 && showPane"
 | 
				
			||||||
            src="@/assets/images/station-operation/station-operate-active.png"
 | 
					            src="@/assets/images/station-operation/station-operate-active.png"
 | 
				
			||||||
            @click="showPane = !showPane"
 | 
					            @click="showPane = !showPane"
 | 
				
			||||||
          />
 | 
					          />
 | 
				
			||||||
| 
						 | 
					@ -26,7 +26,7 @@
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        <div>
 | 
					        <div>
 | 
				
			||||||
          <img
 | 
					          <img
 | 
				
			||||||
            v-if="active == 2"
 | 
					            v-if="active == 2 && showPane"
 | 
				
			||||||
            src="@/assets/images/station-operation/filter-station-active.png"
 | 
					            src="@/assets/images/station-operation/filter-station-active.png"
 | 
				
			||||||
            @click="showPane = !showPane"
 | 
					            @click="showPane = !showPane"
 | 
				
			||||||
          />
 | 
					          />
 | 
				
			||||||
| 
						 | 
					@ -468,6 +468,7 @@ export default {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    // 面板改变
 | 
					    // 面板改变
 | 
				
			||||||
    onPaneChange(active) {
 | 
					    onPaneChange(active) {
 | 
				
			||||||
 | 
					      this.showPane = true
 | 
				
			||||||
      this.active = active
 | 
					      this.active = active
 | 
				
			||||||
      const source = this.circleLayer.getSource()
 | 
					      const source = this.circleLayer.getSource()
 | 
				
			||||||
      source.clear() // 清理图层
 | 
					      source.clear() // 清理图层
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -429,7 +429,6 @@ export default {
 | 
				
			||||||
      )
 | 
					      )
 | 
				
			||||||
      this.markerList = this.originalDataList.filter(item => filterType.includes(item.stationType))
 | 
					      this.markerList = this.originalDataList.filter(item => filterType.includes(item.stationType))
 | 
				
			||||||
      this.upDateStationList = this.orgStationList.filter(item => filterType.includes(item.stationType))
 | 
					      this.upDateStationList = this.orgStationList.filter(item => filterType.includes(item.stationType))
 | 
				
			||||||
      console.log("ertyuiodfghj",this.upDateStationList);
 | 
					 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    // 地图图标点击
 | 
					    // 地图图标点击
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue
	
	Block a user