电视墙el

src/components/TVWalls.vue

@@ -30,19 +30,12 @@
             <h4>电话：{{user.phone}}</h4>
           </div>
         </div>
-<!--
-经纬度：
-纬度：
-名称：
-地址：
-联系人：
-联系电话：
--->
+
         <div class="leader-info-container" v-if="detailDataShow">
           <div class="leader-info-list-con">
             <div v-for="(value, key) in detailData" :key="key">
               <el-descriptions class="margin-top" title="" :column="1" size="mini" border>
-                <el-descriptions-item :label="`${key}:`">
+                <el-descriptions-item :label="`${key}:`" :contentStyle='contentStyle' :labelStyle='labelStyle' >
                   {{ value }}
                 </el-descriptions-item>
               </el-descriptions>
@@ -70,6 +63,16 @@ export default {
   components: {},
   data() {
     return {
+      contentStyle: {
+        'background-color':'#063652',
+        'color':'white'
+      },
+      //label样式
+      labelStyle: {
+        'width': '80px',
+        'background-color':'#063652',
+        'color':'white'
+      },
       title:['365','369','371','373','372','370'].includes(Cookies.get("deptId"))?"电视墙":"电视墙\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000您的所有操作痕迹已被后台记录，请谨慎操作。部分摄像头处于敏感区域，已屏蔽操控权限，无法操控。",
       tvListJson: [],
       TVWallVisible: false,
@@ -405,8 +408,8 @@ export default {
       // if(_this.stringList.length == 1){
       //   _this.realTimeVideoDialog([_this.stringList[0]]);
       // }else{
-        _this.ws.createCtrl(params);
-        _this.playRealMonitorVideo();
+      _this.ws.createCtrl(params);
+      _this.playRealMonitorVideo();
       // }
       if (_this.data != undefined && _this.data != null) {
         setTimeout( _this.rotation(_this.data.longitude, _this.data.latitude, _this.stringList),5000)
@@ -597,7 +600,6 @@ function cbIntegrationCallBack(oData) {
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 @import '@/assets/styles/base.scss';
-
 .event-info-con {
   width: 100%;
   display: flex;