电视墙

src/components/TVWalls.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-dialog :title="title" :visible.sync="TVWallVisible" v-if="TVWallVisible" customClass="TVWallCustomWidth1"
+    <el-dialog :title="title" :visible.sync="TVWallVisible" v-if="TVWallVisible" customClass="TVWallCustomWidth"
                @close="cancelEventLocationShow()">
       <!--<div @click="findCameraByEventCoordinate()">视频联动</div>-->
       <!--<div class="forthis" style="width: 22%; position: absolute;left: 0;z-index: 9999999999999;">-->
@@ -24,13 +24,15 @@
       <div style="display: flex;">
       <div id="dom1" class="dom1"></div>
         <div class="leader-info-container" v-if="this.detail!=null">
-          <el-descriptions  class="leader-info-list-con" style=" margin-bottom: 0" cellpadding="0" cellspacing="0"  :column='1' border>
-            <el-descriptions-item   v-for="item in this.detail"> <template slot="label">
-              <span> {{item.name}}</span>
-            </template>
-              {{item.value}}
-            </el-descriptions-item>
-          </el-descriptions>
+          <div class="leader-info-list-con">
+            <div v-for="(item,key) in this.detail" :key="key">
+              <el-descriptions class="margin-top" title="" :column="1" size="mini" border>
+                <el-descriptions-item :label="`${item.name}:`">
+                  {{item.value}}
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+          </div>
         </div>
       </div>
     </el-dialog>
@@ -852,7 +854,7 @@ html, body {
   margin-left: 80px;
 }
 //电视墙视频摄像头预览弹层样式
-.TVWallCustomWidth1 {
+.TVWallCustomWidth {
   width: 1500px !important;
   height: 750px !important;
   background: #04080c !important;