电视墙

src/components/TVWalls.vue

@@ -25,9 +25,9 @@
       <div id="dom1" class="dom1"></div>
         <div class="leader-info-container" v-if="this.detail!=null">
           <!--          <img src="../../public/img-sample.png">-->
-          <table class="leader-info-list-con" style="height: 100%; margin-bottom: 0" border="1px solid #ccc" cellpadding="0" cellspacing="0" v-for="(value, key) in this.detail" :key="key">
-            <div>
-            <tr><td class="td1 td-height-7">{{value.name}}</td><td class="td2 td-height-7">{{value.value}}</td></tr>
+          <table class="leader-info-list-con" style="height: 100%; margin-bottom: 0" border="1px solid #ccc" cellpadding="0" cellspacing="0" >
+            <div v-for="(value, key) in this.detail" :key="key">
+            <tr><td class="td1 td-height-7">{{value.name}}:</td><td class="td2 td-height-7">{{value.value}}</td></tr>
             </div>
           </table>
         </div>
@@ -856,4 +856,58 @@ html, body {
   margin-top: 100px;
   margin-left: 80px;
 }
+//电视墙视频摄像头预览弹层样式chuanSet
+.TVWallCustomWidth {
+  width: 1500px !important;
+  height: 800px !important;
+  background: #04080c !important;
+  box-shadow: $barShadow !important;
+  border: 1px $barBorder !important;
+
+  .el-dialog__header {
+    padding: 15px 20px !important;
+    background-image: -moz-linear-gradient($GradualGreen) !important;
+    background-image: -webkit-linear-gradient($GradualGreen) !important;
+    background-image: linear-gradient($GradualGreen) !important;
+    box-shadow: $shadowTitle !important;
+
+    .el-dialog__title {
+      font-weight: bolder !important;
+      color: #3cd7ef !important;
+    }
+  }
+
+  .leader-info-container {
+    // padding: .5rem;
+    display: flex;
+    height: 650px;
+    width: 20rem;
+    overflow-y: scroll;
+    flex-direction: column;
+    padding: 0 1rem;
+
+    .leader-info-list-con {
+      width: 100%;
+      padding: 1rem;
+      margin-bottom: .5rem;
+      background-image: -moz-linear-gradient($GradualGreen) !important;
+      background-image: -webkit-linear-gradient($GradualGreen) !important;
+      background-image: linear-gradient($GradualGreen) !important;
+      border: solid 1px #7dc2eb;
+      box-shadow: $shadowListHover !important;
+      border-radius: 5px;
+
+      h4 {
+        margin: .4rem 0;
+        color: $white;
+      }
+    }
+
+    .leader-info-list-con:hover {
+      background-image: -moz-linear-gradient($popupBG) !important;
+      background-image: -webkit-linear-gradient($popupBG) !important;
+      background-image: linear-gradient($popupBG) !important;
+    }
+  }
+}
 </style>