tvwalls样式

src/assets/styles/base.scss

@@ -102,6 +102,117 @@ $date-state3: #d6333b;
     }
   }
 }
+.TVWallCustomWidth-right {
+  width: 1500px !important;
+  height: 750px !important;
+  background: #04080c !important;
+  box-shadow: $barShadow !important;
+  border: 1px $barBorder !important;
+
+  .el-descriptions__body{
+    background:transparent !important;
+    color: #fff;
+    .el-descriptions-item__label{
+      background:transparent !important;
+      color: #fff;
+      width: 100px;
+    }
+  }
+
+  .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: 28rem;
+    overflow-y: hidden;
+    flex-direction: column;
+    padding: 0 1rem;
+    float: right;
+
+    .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;
+
+      td {
+        margin: .4rem 0;
+        color: $white;
+        vertical-align: middle;
+      }
+      .td1 {
+        width: 6rem;
+      }
+      .td2 {
+        width: 15rem;
+      }
+      //.td-height-16{
+      //  height: 23px;
+      //}
+      //.td-height-14{
+      //  height: 26px;
+      //}
+      //.td-height-13{
+      //  height: 31px;
+      //}
+      //.td-height-12{
+      //  height: 35px;
+      //}
+      //.td-height-11{
+      //  height: 39px;
+      //}
+      //.td-height-7{
+      //  height: 52px;
+      //}
+      .td-height-16{
+        height: 38px;
+      }
+      .td-height-14{
+        height: 44px;
+      }
+      .td-height-13{
+        height: 47px;
+      }
+      .td-height-12{
+        height: 51px;
+      }
+      .td-height-11{
+        height: 54px;
+      }
+      .td-height-7{
+        height: 88px;
+      }
+      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;
+    }
+  }
+}
 
 //公共
 body {

src/components/TVWalls.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-dialog :title="title" :visible.sync="TVWallVisible" v-if="TVWallVisible" customClass="TVWallCustomWidth"
+    <el-dialog :title="title" :visible.sync="TVWallVisible" v-if="TVWallVisible" customClass="TVWallCustomWidth-right"
                @close="cancelEventLocationShow()">
       <div style="display: flex;">
         <div id="dom1" class="dom1"></div>