交通资源落点打开电视墙并加载详情

src/views/resources.vue

@@ -86,7 +86,7 @@
       <supermap
         ref="supermap"
         style="width: 100%; height: 100vh"
-        @showResourcesDialog="showResourcesDialog"
+        @sewageOutletClick="sewageOutletClick"
       >
       </supermap>
       <vBottomMenu ref="bottomMenu"></vBottomMenu>
@@ -110,21 +110,18 @@
 </template>
 
 <script>
-import {
-  getResourcesCount,
-  selectResources,
-  selectResourcesByLabel,
-} from "@/api/resources";
-import supermap from "@/components/supermap-2.5d"; //超图
-import vheader from "@/components/v-header.vue"; //一体化共用头部
-import vBottomMenu from "@/components/vBottomMenu.vue"; //一体化公共底部菜单
-import eventLocation from "@/components/eventLocation.vue"; //事件定位弹窗
-import TVWall from "@/components/TVWall.vue"; //电视墙弹窗
-import { getIconBg } from "@/api/components/sookaMapIcon"; //资源底色控制文件
-import resourcesdialog from "@/views/resourcesdialog.vue"; //事件详情弹窗
-/** ----------------------------------摄像头预览开始------------------------------------- */
-import { getHaiKangVideoServer } from "@/api/haikang/haikang";
-/** ----------------------------------摄像头预览结束------------------------------------- */
+  import {getResourcesCount, selectResources, selectResourcesByLabel,} from "@/api/resources";
+  import supermap from "@/components/supermap-2.5d"; //超图
+  import vheader from "@/components/v-header.vue"; //一体化共用头部
+  import vBottomMenu from "@/components/vBottomMenu.vue"; //一体化公共底部菜单
+  import eventLocation from "@/components/eventLocation.vue"; //事件定位弹窗
+  import TVWall from "@/components/TVWall.vue"; //电视墙弹窗
+  import {getIconBg} from "@/api/components/sookaMapIcon"; //资源底色控制文件
+  import resourcesdialog from "@/views/resourcesdialog.vue"; //事件详情弹窗
+  /** ----------------------------------摄像头预览开始------------------------------------- */
+  import {getHaiKangVideoServer} from "@/api/haikang/haikang";
+
+  /** ----------------------------------摄像头预览结束------------------------------------- */
 export default {
   components: {
     resourcesdialog,
@@ -284,6 +281,58 @@ export default {
       //资源信息弹出
       this.$refs.resourcesdialog.showResourcesDialog(param);
     },
+    sewageOutletClick(data) {
+      const params = Object.assign({});
+      params.longitude = data.longitude;
+      params.latitude = data.latitude;
+
+      const treeLabels = [
+        {
+          id: null,
+          labelCode: "999",
+          labelName: "电视墙",
+          cameraType: null,
+          parentLabelCode: "",
+        },
+      ];
+      const labelChannels = [];
+      for (let i in data.cameraList) {
+        treeLabels.push({
+          id: null,
+          labelCode: data.cameraList[i].cameraCode,
+          labelName: data.cameraList[i].cameraName,
+          cameraType: "1",
+          parentLabelCode: "999",
+        });
+        labelChannels.push({
+          labelCode: data.cameraList[i].cameraCode,
+          channelDates: [
+            {
+              channelCode: data.cameraList[i].cameraCode,
+              channelName: data.cameraList[i].cameraName,
+              channelSn: null,
+              cameraType: "1",
+              online: "1",
+              cameraCode: "1",
+            },
+          ],
+        });
+      }
+      const dianshiqiang = [
+        {
+          switchTab: "2",
+          treeLabels: treeLabels,
+          labelChannels: labelChannels,
+        },
+      ];
+      if (data.cameraList.length > 0) {
+        this.$refs.TVWall.showTVWall1(
+          data.longitude,
+          data.latitude,
+          dianshiqiang
+        );
+      }
+    },
     initMarkers(list, type) {
       console.log("list=", list);
       if (list != null && list.length > 0) {
@@ -293,8 +342,8 @@ export default {
             lat: 43.02,
             icon: "marker",
             bindPopupHtml: "",
-            click: "",
-            parameter: "",
+            click: "sewageOutletClick",
+            parameter: list[i],
             keepBindPopup: false,
             isAggregation: false,
           };
@@ -302,10 +351,6 @@ export default {
             markersMap.isAggregation = true;
           }
           //根据标签确定资源的图标
-          // markersMap.icon = 'traffic-resources-' + type;
-          // alert(type+"=type")
-          // alert(this.resourcesList[i].label+"=this.resourcesList[i].label")
-          markersMap.icon = "traffic-resources-" + this.resourcesList[i].label;
           markersMap.icon =
             "traffic-resources-" +
             (type
@@ -313,13 +358,6 @@ export default {
                 ? "warning_sign"
                 : type
               : this.resourcesList[i].label);
-          markersMap.parameter =
-            this.resourcesList[i].id + "," + this.resourcesList[i].label;
-          markersMap.parameter =
-            this.resourcesList[i].id +
-            "," +
-            (type ? type : this.resourcesList[i].label);
-          markersMap.click = "";
           markersMap.lng = list[i].longitude;
           markersMap.lat = list[i].latitude;
           //POP的通用部分