电视墙 资源详情 样式 土地也能点

src/assets/styles/base.scss

@@ -137,7 +137,7 @@ $date-state3: #d6333b;
     display: flex;
     height: 650px;
     width: 28rem;
-    overflow-y: hidden;
+    overflow-y: scroll!important;
     flex-direction: column;
     padding: 0 1rem;
     float: right;

src/views/datacenter.vue

@@ -52,6 +52,7 @@
       <supermap
         ref="supermap"
         style="width: 100%; height: 100vh"
+        @fatherMethod="fatherMethod"
         @sewageOutletClick="sewageOutletClick"
       ></supermap>
       <!--      <button @click="showEventInfo1" style="position: absolute; right: 50%;top: 45%;z-index: 1000;">弹层事件演示用按钮-->
@@ -663,6 +664,15 @@ export default {
       }
       return markersMap;
     },
+    fatherMethod(dianshiqiang, longitude, latitude, item) {
+      this.$refs.TVWalls.showTVWall(
+        dianshiqiang, {
+          longitude: longitude,
+          latitude: latitude,
+        },
+        item
+      );
+    },
     sewageOutletClick(data) {
       console.log("data=", data);
       const params = Object.assign({});

src/views/leader.vue

@@ -97,7 +97,7 @@
       <!-- 地图 -->
       <!--      <supermap ref="supermap" style="width: 100%;height: 100vh;" :mapDiv="'forestMap'" class="indexSupermapClass"-->
       <!--                :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" :isSideBySide="false"></supermap>-->
-      <supermap ref="supermap" style="width: 100%; height: 100vh"></supermap>
+      <supermap ref="supermap" @fatherMethod="fatherMethod" style="width: 100%; height: 100vh"></supermap>
       <!-- 右侧 -->
       <div class="rightbar" :class="indentright" ref="right">
         <div class="forthis">
@@ -194,6 +194,7 @@
     </div>
     <eventLocation ref="eventLocation"></eventLocation>
     <TVWall ref="TVWall"></TVWall>
+    <TVWalls ref="TVWalls"></TVWalls>
   </div>
 </template>
 
@@ -211,6 +212,7 @@ 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 TVWalls from "@/components/TVWalls.vue";
 import { getRyList, getRyListByJob } from "@/api/forest";
 import {getUserProfile} from "@/api/system/user"; //电视墙弹窗
 
@@ -222,6 +224,7 @@ export default {
     vBottomMenu,
     eventLocation,
     TVWall,
+    TVWalls,
   },
   data() {
     return {
@@ -273,6 +276,15 @@ export default {
     },
   },
   methods: {
+    fatherMethod(dianshiqiang, longitude, latitude, item) {
+      this.$refs.TVWalls.showTVWall(
+        dianshiqiang, {
+          longitude: longitude,
+          latitude: latitude,
+        },
+        item
+      );
+    },
     //初始化地图数据
     getSuperMapUrl(){
       getUserProfile().then(response => {

src/views/monitor.vue

@@ -74,7 +74,7 @@
         </div>
       </div>
       <!-- 地图 -->
-      <supermap ref="supermap" style="width: 100%;height: 100vh;" @preview="preview" @jump="jump">
+      <supermap ref="supermap" style="width: 100%;height: 100vh;" @fatherMethod="fatherMethod" @preview="preview" @jump="jump">
       </supermap>
       <!-- 右侧 -->
       <div class="rightbar" :class="indentright" ref="right">
@@ -1398,6 +1398,15 @@
             })
         }
       },
+      fatherMethod(dianshiqiang, longitude, latitude, item) {
+        this.$refs.TVWalls.showTVWall(
+          dianshiqiang, {
+            longitude: longitude,
+            latitude: latitude,
+          },
+          item
+        );
+      },
       /** 预览按钮操作 */
       preview(cameraParam) {
         this.showTVWall(cameraParam.code, cameraParam.name,cameraParam.type);

src/views/tianzhangzhi.vue

@@ -89,7 +89,7 @@
       <!-- 地图 -->
       <!--      <supermap ref="supermap" style="width: 100%;height: 100vh;" :mapDiv="'forestMap'" class="indexSupermapClass"-->
       <!--                :mapSite="{doubleClickZoom:false}" :codes="['9fa5']" :isSideBySide="false"></supermap>-->
-      <supermap ref="supermap" style="width: 100%; height: 100vh"></supermap>
+      <supermap ref="supermap" @fatherMethod="fatherMethod" style="width: 100%; height: 100vh"></supermap>
       <!-- 右侧 -->
       <div class="rightbar" ref="right">
         <div class="forthis">
@@ -157,6 +157,7 @@
     </div>
     <eventLocation ref="eventLocation"></eventLocation>
     <TVWall ref="TVWall"></TVWall>
+    <TVWalls ref="TVWalls"></TVWalls>
   </div>
 </template>
 
@@ -178,6 +179,7 @@ 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 TVWalls from "@/components/TVWalls.vue";
 import {getUserProfile} from "@/api/system/user";
 
 let echarts = require("echarts");
@@ -188,6 +190,7 @@ export default {
     vBottomMenu,
     eventLocation,
     TVWall,
+    TVWalls,
   },
   data() {
     return {
@@ -228,6 +231,15 @@ export default {
     },
   },
   methods: {
+    fatherMethod(dianshiqiang, longitude, latitude, item) {
+      this.$refs.TVWalls.showTVWall(
+        dianshiqiang, {
+          longitude: longitude,
+          latitude: latitude,
+        },
+        item
+      );
+    },
     //初始化地图数据
     getSuperMapUrl(){
       getUserProfile().then(response => {