From ec4d5c1827487f4c901b69bd9eae58e111e82b32 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期四, 20 五月 2021 18:05:25 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop

---
 src/components/LayerController/logic/WasteGas.js |   60 ++++++++++++++++++++++++++++--------------------------------
 1 files changed, 28 insertions(+), 32 deletions(-)

diff --git a/src/components/LayerController/logic/WasteGas.js b/src/components/LayerController/logic/WasteGas.js
index e9f3aeb..935c9ff 100644
--- a/src/components/LayerController/logic/WasteGas.js
+++ b/src/components/LayerController/logic/WasteGas.js
@@ -3,23 +3,31 @@
  */
 const AnimalService = require('../service/AnimalService').default
 // const AjaxUtils = require('../../../utils/AjaxUtils').default
-
+// 鍏叡鏂规硶 panTo() 寮曠敤
+const { setPanTo } = require('../../../utils/utils')
 // 鍖哄垎涓嶅悓绫诲瀷 浣跨敤涓嶅悓img
 // const ImgBlue = '/assets/images/map/exhaust/fq_blue.png'
 // const ImgGray = '/assets/images/map/exhaust/fq_gray.png'
-const ImagGreen = '/assets/images/map/exhaust/fq_green_new.png'
+const ImagGreen = '/assets/images/map/exhaust/fq_green2.png'
 // const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png'
 
 const mapApi = require('../../../api/mapApi').default
-const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default
+// const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default
+const WasteGasIndex = require('../../BaseNav/WasteGas/WasteGasIndex').default
+// const WasteGasChats = require('./WasteGasChats').default
 module.exports = function () {
   /**
    * 杩斿洖marker瀵硅薄鏁扮粍
    * @param L leaflet瀵硅薄
    */
   this.init = async (layer, L) => {
-    this.animalService = new AnimalService({ L: L, layer: layer })
+    // console.log(WasteGasChats)
+    this.animalService = new AnimalService({
+      L: L,
+      layer: layer
+    })
     const res = await mapApi.getWasteGas()
+    // console.log(res)
     const data = res.Result.DataInfo || {}
     // console.log(data)
     for (let i = 0; i < data.length; i++) {
@@ -29,18 +37,12 @@
       // 瀹氫箟绫诲瀷 鐢ㄦ潵鍖哄垎鏁版嵁
       const ContrLevel = data[i].ContrLevel
       var iconUrl = this.differentTypes(ContrLevel)
-      // const marker = L.canvasMarker([positionX, positionY], {
-      //   img: {
-      //     // url: 'assets/images/map/marker-icon.png',
-      //     url: iconUrl,
-      //     size: STYLES.ICON_SIZE
-      //   }
       const marker = L.marker([positionX, positionY], {
         test: data[i],
         icon: L.icon({
           iconUrl: iconUrl,
-          iconSize: [20, 35],
-          iconAnchor: [10, 20]
+          iconSize: [30, 30],
+          iconAnchor: [15, 15]
         })
       })
       layer.addLayer(marker)
@@ -49,24 +51,25 @@
   }
 
   this.bindTooltip = (layer) => {
-    return layer.options.test.Name
+    return '<div class="company-bindTooltip-hover"><h3>澶╂触鐭冲寲</h3></div>' + layer.options.test.Name
   }
 
   this.clickListener = async (e) => {
     // console.log(e)
     this.animalService.pulseEffect(e.latlng)
-    const dataValue = {
-      StoragePlaceId: e.layer.options.test.StoragePlaceId
-    }
-    const result = await mapApi.getWasteGasDetails(dataValue)
-    // console.log(result.Result.DataInfo)
-    const PublicBounced = window.Vue.extend(publicBounced)
-    const instance = new PublicBounced()
-    instance.setGasData(e.layer.options.test, result.Result.DataInfo, 'feiqi')
-    // console.log(e.layer.options.test)
-    instance.$mount()
-    document.body.appendChild(instance.$el)
-    this.setPanTo(e.latlng, 240)
+    setPanTo(e.latlng, 200)
+    const title = e.layer.options.test.Name
+    const res = e.layer.options.test
+    window.$layer.open({
+      content: {
+        comp: WasteGasIndex, // 缁勪欢
+        parent: this, // 鐖剁粍浠�
+        data: { // 浼犻�掔殑鍙傛暟
+          storagePlaceId: res
+        }
+      },
+      title: '澶╂触鐭冲寲' + title // 鏍囬
+    })
   }
   // 涓嶅悓绫诲瀷鍥剧墖鍔犺浇
   this.differentTypes = (ContrLevel) => {
@@ -83,12 +86,5 @@
     //   effectOfChange = ImgGray
     // }
     return effectOfChange
-  }
-  this.setPanTo = (pos, value) => {
-    var position = pos
-    position = window.map.latLngToLayerPoint(position)
-    position.y += value
-    position = window.map.layerPointToLatLng(position)
-    window.map.flyTo(position)
   }
 }

--
Gitblit v1.8.0