数据中心摄像头

src/views/datacenter.vue

@@ -54,7 +54,7 @@
         </div>
       </div>
       <!-- 地图 -->
-      <supermap ref="supermap" style="width: 100%; height: 100vh"></supermap>
+      <supermap ref="supermap" style="width: 100%; height: 100vh" @sewageOutletClick="sewageOutletClick"></supermap>
       <!--      <button @click="showEventInfo1" style="position: absolute; right: 50%;top: 45%;z-index: 1000;">弹层事件演示用按钮-->
       <!--      </button>-->
       <!-- 右侧 -->
@@ -480,6 +480,8 @@ export default {
           "sj-icon-map-centerdata-t-firecontrol-basic-linkage-force";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -508,6 +510,8 @@ export default {
         markersMap.icon = "sj-icon-map-centerdata-t-firecontrol-fire-force";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -553,6 +557,8 @@ export default {
         markersMap.icon = "sj-icon-map-centerdata-t-forest-waterintake";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -600,6 +606,8 @@ export default {
         markersMap.icon = "sj-icon-map-centerdata-t-forest-watercrane";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -655,6 +663,8 @@ export default {
         markersMap.icon = icon;
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -701,6 +711,8 @@ export default {
           "sj-icon-map-centerdata-t-firecontrol-fire-key-places";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -749,6 +761,8 @@ export default {
           "sj-icon-map-centerdata-t-firecontrol-fire-pressure-sensor";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -794,6 +808,8 @@ export default {
         markersMap.icon = "sj-icon-map-centerdata-t-firecontrol-foam-liquid";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -840,6 +856,8 @@ export default {
           "sj-icon-map-centerdata-t-firecontrol-fulltime-station";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -889,6 +907,8 @@ export default {
           "sj-icon-map-centerdata-t-firecontrol-other-linkage-force";
         markersMap.lng = item.longitude;
         markersMap.lat = item.latitude;
+        markersMap.click="sewageOutletClick"
+        markersMap.parameter=item
         markersMap.bindPopupHtml =
           '<div class="map-tip">' +
           "<span>" +
@@ -941,6 +961,59 @@ export default {
       }
       return markersMap;
     },
+    sewageOutletClick(data) {
+      console.log(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
+        );
+      }
+    },
     indentleftSetMarkers(resourceTable) {
       this.iconCurrentIndex = resourceTable;
       let that = this;