电视墙状态更新 && 增加动态获取详情页列表高度

src/components/TVWall.vue

@@ -3,9 +3,10 @@
     <el-dialog :title="title" :visible.sync="TVWallVisible" v-if="TVWallVisible" customClass="TVWallCustomWidth"
                @close="cancelEventLocationShow()" :width="this.detailInfo != null ? '1500px !important' : '1200px !important'">
       <div style="display: flex;">
-        <div id="dom1" class="dom1"></div>
+        <img src="@/assets/images/cameraType/not-video.png" class="dom2" v-if="cameraVisible" alt="">
+        <div id="dom1" class="dom1" v-else></div>
         <div class="leader-info-container" v-if="this.detailInfo!=null">
-          <div class="leader-info-list-con">
+          <div class="leader-info-list-con" :style="this.detailInfo.length < 12 ? 'height:100% !important' : '' ">
             <div v-for="(item,index) in detailInfo" :key="index">
               <el-descriptions class="margin-top" title="" :column="1" :size="size" direction="horizontal" border >
                 <el-descriptions-item >
@@ -39,7 +40,7 @@ import {selectConfigKey} from "@/api/system/config";
 export default {
   dicts: ['event_source'],
   components: {},
-  props:['detailInfo'],
+  props:['detailInfo','cameraList'],
   data() {
     return {
       title:this.detailInfo != null ? "电视墙\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000您的所有操作痕迹已被后台记录,请谨慎操作。部分摄像头处于敏感区域,已屏蔽操控权限,无法操控" : "电视墙\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000您的所有操作痕迹已被后台记录,请谨慎操作。部分摄像头处于敏感区域,已屏蔽操控权限,无法操控",
@@ -262,6 +263,8 @@ export default {
       initCount: 0,
       pubKey: '',
       oWebControl: null,
+      cameraList:{},
+      cameraVisible:false,
     }
   },
   created() {
@@ -761,6 +764,16 @@ export default {
           },800)
         })
       }
+    },
+    cameraList:{
+      handler(val,oldval){
+        this.$nextTick(() => {
+          setTimeout(() => {
+            console.log(this.cameraList)
+            this.cameraList.length > 0 ? this.cameraVisible = false : this.cameraVisible = true
+          },800)
+        })
+      }
     }
   }
 }
@@ -934,4 +947,10 @@ html, body {
   margin-top: 100px;
   margin-left: 80px;
 }
+
+.dom2{
+  min-width: 907px;
+  height:650px; 
+  width:1086px
+}
 </style>

src/views/datacenter.vue

@@ -99,7 +99,7 @@
       <vBottomMenu ref="bottomMenu"></vBottomMenu>
     </div>
     <eventLocation ref="eventLocation"></eventLocation>
-    <TVWall ref="TVWall" :detailInfo="detailInfo"></TVWall>
+    <TVWall ref="TVWall" :detailInfo="detailInfo" :cameraList="cameraList"></TVWall>
     <TVWalls ref="TVWalls"></TVWalls>
   </div>
 </template>
@@ -554,9 +554,8 @@ export default {
       ];
       let result = await fireControlViewPointSearchInfo(data.indexName,data.id)
       this.detailInfo = result.data.detail
-      this.$refs.TVWall.showTVWall1()
-      return
-      if (data.cameraList.length > 0) {
+      this.cameraList = result.data.cameras
+      if (result.data.cameras.length != null) {
         this.$refs.TVWall.showTVWall1(
           data.longitude,
           data.latitude,