From 42427a2b8c5e7a64e234c7ea171272266fc5a1ab Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: Thu, 12 Sep 2024 18:01:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=86=E5=B1=8F=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web_src/src/components/map.vue | 48 +++++++++++++++++++++++++++++-----
 1 file changed, 41 insertions(+), 7 deletions(-)

diff --git a/web_src/src/components/map.vue b/web_src/src/components/map.vue
index e46ebcbe..d53dc7d8 100755
--- a/web_src/src/components/map.vue
+++ b/web_src/src/components/map.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="devicePosition" style="width: 100vw; height: 91vh;">
       <el-container v-if="onOff" style="height: 91vh;" v-loading="isLoging">
-        <el-aside width="auto" style="background-color: #ffffff">
+        <el-aside width="400px" style="background-color: #ffffff">
           <DeviceTree ref="deviceTree" :clickEvent="clickEvent" :contextMenuEvent="contextmenuEventHandler" ></DeviceTree>
         </el-aside>
         <el-main style="height: 91vh; padding: 0">
@@ -98,7 +98,41 @@ export default {
 
   },
   methods: {
-    clickEvent: function (device, data, isCatalog) {
+    clickEvent: function (channelId) {
+      this.$axios({
+        method: 'get',
+        url: `/api/common/channel/one`,
+        params: {
+          id: channelId,
+        }
+      }).then((res) => {
+        if (res.data.code === 0) {
+          if (!res.data.gbLongitude || res.data.gbLatitude) {
+            this.$message.error({
+              showClose: true,
+              message: "位置信息不存在"
+            })
+          }else {
+            if (this.layer != null) {
+              this.$refs.map.removeLayer(this.layer);
+            }
+            this.closeInfoBox()
+            this.layer = this.$refs.map.addLayer([{
+              position: [res.data.gbLongitude, res.data.gbLatitude],
+              image: {
+                src: this.getImageByChannel(res.data),
+                anchor: [0.5, 1]
+              },
+              data: data
+            }], this.featureClickEvent)
+            this.$refs.map.panTo([data[this.longitudeStr], data[this.latitudeStr]], mapParam.maxZoom)
+          }
+        }
+
+      }).catch(function (error) {
+        console.log(error);
+      });
+
       this.device = device;
       if (data.channelId && !isCatalog) {
         // 点击通道
@@ -252,30 +286,30 @@ export default {
     },
     getImageByChannel: function (channel) {
       let src = "static/images/gis/camera.png"
-      switch (channel.ptzType) {
+      switch (channel.gbPtzType) {
         case 1:
-          if (channel.status === 1) {
+          if (channel.gbStatus === "ON") {
             src = "static/images/gis/camera1.png"
           } else {
             src = "static/images/gis/camera1-offline.png"
           }
           break;
         case 2:
-          if (channel.status === 1) {
+          if (channel.gbStatus === "ON") {
             src = "static/images/gis/camera2.png"
           } else {
             src = "static/images/gis/camera2-offline.png"
           }
           break;
         case 3:
-          if (channel.status === 1) {
+          if (channel.gbStatus === "ON") {
             src = "static/images/gis/camera3.png"
           } else {
             src = "static/images/gis/camera3-offline.png"
           }
           break;
         default:
-          if (channel.status === 1) {
+          if (channel.gbStatus === "ON") {
             src = "static/images/gis/camera.png"
           } else {
             src = "static/images/gis/camera-offline.png"