From 86b380cf4f5bc6d210c89c7c02d9ba27c80f9ccb Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 03 Dec 2024 13:00:29 +0800
Subject: [PATCH] Merge branch 'main' of http://139.196.74.78:10010/r/zhyq/bigScreen

---
 src/pages/map/components/scomponents/layersControl.vue |  122 +++++++++++++++++++++-------------------
 1 files changed, 65 insertions(+), 57 deletions(-)

diff --git a/src/pages/map/components/scomponents/layersControl.vue b/src/pages/map/components/scomponents/layersControl.vue
index 2a79ba4..202bd1e 100644
--- a/src/pages/map/components/scomponents/layersControl.vue
+++ b/src/pages/map/components/scomponents/layersControl.vue
@@ -50,7 +50,7 @@
 </template>
 
 <script setup>
-let addPupoLayers = {}
+let addPopLayers = {}
 let addTileLayers = {}
 let tileLayers = new DC.TilesetLayer('tileLayers')
 window.$viewer.addLayer(tileLayers)
@@ -168,14 +168,14 @@
         incident: (e) => {
           const { attrParams } = e.overlay
           // 删除
-          destroy()
-          // if (!attrParams.imageUrl) {
-          //   return
-          // }
-          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
-          window.$viewer.addLayer(addPupoLayers[attrParams.name])
+          destroyPop()
+          if (!attrParams.firmName) {
+            return
+          }
+          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
+          window.$viewer.addLayer(addPopLayers[attrParams.name])
           let iconEl = `<div class="marsBlueGradientPnl">
-            <div>${attrParams.fullName}</div>
+            <div>${attrParams.firmName}</div>
                 </div>`
           let divIcon = new DC.DivIcon(
             new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64),
@@ -184,10 +184,10 @@
                   </div>`
           )
           let incident = () => {
-            destroy()
+            destroyPop()
           }
           divIcon.on(DC.MouseEventType.CLICK, incident)
-          addPupoLayers[attrParams.name].addOverlay(divIcon)
+          addPopLayers[attrParams.name].addOverlay(divIcon)
         }
       },
       {
@@ -207,15 +207,14 @@
         incident: (e) => {
           const { attrParams } = e.overlay
           // 删除
-          destroy()
-          if (!attrParams.imageUrl) {
+          destroyPop()
+          if (!attrParams.firmName) {
             return
           }
-          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
-          window.$viewer.addLayer(addPupoLayers[attrParams.name])
+          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
+          window.$viewer.addLayer(addPopLayers[attrParams.name])
           let iconEl = `<div class="marsBlueGradientPnl">
-                  <div>${attrParams.fullName}</div>
-                  <img src="${attrParams.imageUrl}" width="160" height="160" />
+                  <div>${attrParams.firmName}</div> 
                 </div>`
           let divIcon = new DC.DivIcon(
             new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64),
@@ -224,10 +223,10 @@
                   </div>`
           )
           let incident = () => {
-            destroy()
+            destroyPop()
           }
           divIcon.on(DC.MouseEventType.CLICK, incident)
-          addPupoLayers[attrParams.name].addOverlay(divIcon)
+          addPopLayers[attrParams.name].addOverlay(divIcon)
         }
       },
 
@@ -285,20 +284,25 @@
         type: 'layer',
         subType: 'labelPoint',
         method: getList,
+        // className: 'sk-box',
+        // showPanel: false,
         params: {
           type: 4,
           size: 1000
         },
+        backgroundIcon: VITE_APP_BASE + 'img/mapicon/wstsb.png',
+        className: 'yjc-box',
+        showPanel: false,
         layerName: 'wstsbz',
         incident: (e) => {
           const { attrParams } = e.overlay
           // 删除
-          destroy()
+          destroyPop()
           if (!attrParams.imageUrl) {
             return
           }
-          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
-          window.$viewer.addLayer(addPupoLayers[attrParams.name])
+          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
+          window.$viewer.addLayer(addPopLayers[attrParams.name])
           let iconEl = `<div class="marsBlueGradientPnl">
                   <div>${attrParams.fullName}</div>
                   <img src="${attrParams.imageUrl}" width="160" height="160" />
@@ -310,10 +314,10 @@
                   </div>`
           )
           let incident = () => {
-            destroy()
+            destroyPop()
           }
           divIcon.on(DC.MouseEventType.CLICK, incident)
-          addPupoLayers[attrParams.name].addOverlay(divIcon)
+          addPopLayers[attrParams.name].addOverlay(divIcon)
         }
       },
 
@@ -334,14 +338,14 @@
         incident: (e) => {
           const { attrParams } = e.overlay
           // 删除
-          destroy()
+          destroyPop()
           if (!attrParams.imageUrl) {
             return
           }
-          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
-          window.$viewer.addLayer(addPupoLayers[attrParams.name])
+          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
+          window.$viewer.addLayer(addPopLayers[attrParams.name])
           let iconEl = `<div class="marsBlueGradientPnl">
-                   <div>${attrParams.fullName}</div>
+                   <div>${attrParams.firmName}</div>
                   <img src="${attrParams.imageUrl}" width="160" height="160" />
                 </div>`
           let divIcon = new DC.DivIcon(
@@ -351,10 +355,10 @@
                   </div>`
           )
           let incident = () => {
-            destroy()
+            destroyPop()
           }
           divIcon.on(DC.MouseEventType.CLICK, incident)
-          addPupoLayers[attrParams.name].addOverlay(divIcon)
+          addPopLayers[attrParams.name].addOverlay(divIcon)
         }
       },
 
@@ -375,15 +379,14 @@
         incident: (e) => {
           const { attrParams } = e.overlay
           // 删除
-          destroy()
-          if (!attrParams.imageUrl) {
+          destroyPop()
+          if (!attrParams.firmName) {
             return
           }
-          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
-          window.$viewer.addLayer(addPupoLayers[attrParams.name])
+          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
+          window.$viewer.addLayer(addPopLayers[attrParams.name])
           let iconEl = `<div class="marsBlueGradientPnl">
-                  <div>${attrParams.fullName}</div>
-                  <img src="${attrParams.imageUrl}" width="160" height="160" />
+                  <div>${attrParams.firmName}</div>
                 </div>`
           let divIcon = new DC.DivIcon(
             new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64),
@@ -392,10 +395,10 @@
                   </div>`
           )
           let incident = () => {
-            destroy()
+            destroyPop()
           }
           divIcon.on(DC.MouseEventType.CLICK, incident)
-          addPupoLayers[attrParams.name].addOverlay(divIcon)
+          addPopLayers[attrParams.name].addOverlay(divIcon)
         }
       },
 
@@ -485,11 +488,13 @@
         incident: (e) => {
           const { attrParams } = e.overlay
           // 删除
-          destroy()
-          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
-          window.$viewer.addLayer(addPupoLayers[attrParams.name])
+          destroyPop()
+          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
+          window.$viewer.addLayer(addPopLayers[attrParams.name])
           let iconEl = `<div class="marsBlueGradientPnl">
+            <li>${attrParams.firmName || ''}</li>
             <li>${attrParams.name || ''}</li>
+            <li>${attrParams.riskLevelName || ''}</li>
             </div>`
           let divIcon = new DC.DivIcon(
             new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64),
@@ -498,10 +503,10 @@
                   </div>`
           )
           let incident = () => {
-            destroy()
+            destroyPop()
           }
           divIcon.on(DC.MouseEventType.CLICK, incident)
-          addPupoLayers[attrParams.name].addOverlay(divIcon)
+          addPopLayers[attrParams.name].addOverlay(divIcon)
         }
       },
       {
@@ -522,11 +527,13 @@
         incident: (e) => {
           const { attrParams } = e.overlay
           // 删除
-          destroy()
-          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
-          window.$viewer.addLayer(addPupoLayers[attrParams.name])
+          destroyPop()
+          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
+          window.$viewer.addLayer(addPopLayers[attrParams.name])
           let iconEl = `<div class="marsBlueGradientPnl"> 
+            <li>${attrParams.firmName || ''}</li>
             <li>${attrParams.name || ''}</li>
+            <li>${attrParams.riskLevelName || ''}</li>
             </div>`
           let divIcon = new DC.DivIcon(
             new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64),
@@ -535,10 +542,10 @@
                   </div>`
           )
           let incident = () => {
-            destroy()
+            destroyPop()
           }
           divIcon.on(DC.MouseEventType.CLICK, incident)
-          addPupoLayers[attrParams.name].addOverlay(divIcon)
+          addPopLayers[attrParams.name].addOverlay(divIcon)
         }
       }
     ]
@@ -925,6 +932,7 @@
 EventBus.on('restHandleCheckChange', restHandleCheckChange)
 EventBus.on('restHandleDelChange', restHandleDelChange)
 EventBus.on('flyToyqfw', flyToyqfw)
+EventBus.on('destroyPop', destroyPop)
 
 onMounted(() => {
   handleCheckChange(data.filter(i => indexPoint.value.includes(i.id)))
@@ -950,12 +958,12 @@
   EventBus.emit('restHandleDelChange', `3-6`)
   EventBus.emit('restHandleDelChange', `3-7`)
   EventBus.emit('restHandleDelChange', `3-8`)
-  EventBus.emit('restHandleDelChange', `3-9`)
+  // EventBus.emit('restHandleDelChange', `3-9`)
   EventBus.emit('restHandleDelChange', `4`)
   EventBus.emit('restHandleDelChange', `4-1`)
   EventBus.emit('restHandleDelChange', `4-2`)
   EventBus.emit('restHandleDelChange', `8`)
-  destroy()
+  destroyPop()
 }
 
 // const sharedData = computed(() => pointStore.sharedData);
@@ -971,14 +979,14 @@
 )
 
 // 销毁
-function destroy () {
-  let arr = Object.keys(addPupoLayers)
+function destroyPop () {
+  let arr = Object.keys(addPopLayers)
   arr.filter(i => i != 'hgyq').forEach(i => {
-    addPupoLayers[i] && window.$viewer && window.$viewer.removeLayer(addPupoLayers[i])
-    addPupoLayers[i] = null
-    delete addPupoLayers[i]
+    addPopLayers[i] && window.$viewer && window.$viewer.removeLayer(addPopLayers[i])
+    addPopLayers[i] = null
+    delete addPopLayers[i]
   })
-  addPupoLayers = {}
+  addPopLayers = {}
 }
 
 onUnmounted(() => {
@@ -1003,8 +1011,8 @@
     tileLayers = null
   }
   // 弹窗销毁
-  destroy()
-  addPupoLayers = null
+  destroyPop()
+  addPopLayers = null
 
   EventBus.off('restHandleCheckChange', restHandleCheckChange)
   EventBus.off('restHandleDelChange', restHandleDelChange)

--
Gitblit v1.9.3