大屏样式

dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMap.vue

@@ -6,12 +6,10 @@
                 <button @click="Mutil.tianSlB()" class="map-botton">全景地图</button>
             </div>
             
-                <div v-show="isShowVideo" v-drag style="display: none;position:absolute;left:1000px;top:10px;z-index: 30;padding: 10px; background-color: #fff;width: 400px;height: 300px;border-radius: 5px;border: 1px solid #000;">
+                <div v-show="isShowVideo" v-drag style="display: none;position:absolute;left:1000px;top:10px;z-index: 30;padding: 5px; background-color: rgba(2, 40, 90, 0.8);width: 400px;height: 255px;border-radius: 5px;border: 1px solid #000;">
                     <div style="width: 100%;height: 30px;">
-                        <span @click="closeVideo" style="float: right;margin-right: 10px;font-size: 1.5rem;"class="el-icon-close"></span>
-                    </div>
-                    <div style="width: 100%;height: 35px;text-align: center;font-size: 1rem;font-weight: 900;">
-                        <span>{{deviceVideo.deviceName}}</span>
+                        <span style="float: left;color: #fff;font-size: 1rem;">{{deviceVideo.deviceName}}</span>
+                        <span @click="closeVideo" style="float: right;margin-right: 10px;font-size: 1.5rem;color: #fff;"class="el-icon-close"></span>
                     </div>
                     <div id="div_video"></div>
                 </div>
@@ -62,7 +60,7 @@
                         </div>
                         <div class="markbox-div">
                             <el-tooltip content="职业危害场所" placement="left" effect="light">
-                                <div @click="mapweihai" ref="whimg" style="position: relative;">
+                                <div ref="whimg" style="position: relative;">
                                     <img width="20px" style="margin-top: 10px;" src="@/assets/mark/weihaichangsuo.png" />
                                     <!-- <img src="@/assets/mark/selected.png" alt="" style="position: absolute;width: 16px; top: 0;right: 0"> -->
                                 </div>
@@ -70,11 +68,11 @@
                             </el-tooltip>
                         </div>
                         <div class="markbox-span">
-                            <span>2</span>
+                            <span>0</span>
                         </div>
                         <div class="markbox-div">
                             <el-tooltip content="隐患" placement="left" effect="light">
-                                <div @click="mapyinhuan" ref="yhimg" style="position: relative;">
+                                <div ref="yhimg" style="position: relative;">
                                     <img width="20px" style="margin-top: 10px;" src="@/assets/mark/yinhuan.png" />
                                     <!-- <img src="@/assets/mark/selected.png" alt="" style="position: absolute;width: 16px; top: 0;right: 0"> -->
                                 </div>
@@ -82,7 +80,7 @@
                             </el-tooltip>
                         </div>
                         <div class="markbox-span">
-                            <span>2</span>
+                            <span>0</span>
                         </div>
                     </div>
     </div>
@@ -164,6 +162,7 @@ export default class GIS extends Vue {
     @Provide() shipinVisble: boolean = true;
     @Provide() weihaiVisble: boolean = true;
     @Provide() yinhuanVisble: boolean = true;
+    @Provide() treecheckedObj: any = {};
    
     getMapData() {
         let that = this;
@@ -273,18 +272,18 @@ export default class GIS extends Vue {
     
     getshipinWindowInfo(deviceId: string) {
         let that = this;
-		this.closeVideo();
+        this.closeVideo();
         METHOD.axiosGet(
             that,
             `/safetyDeviceInfo/getSafetyDeviceInfoById/${deviceId}`,
             function (res: any) {
                 if (res.code == 0) {
+                    that.treecheckedObj = res.data;
                     that.deviceVideo = res.data;
                     let device = res.data;
                 that.isShowVideo=true;
-                that.player.play('http://27.128.189.137:18000/flv/hls/stream_88_0.flv' , 1);
-				that.lastVideoPlayId="stream_88_0";//记录上次播放的视频ID
-                console.log(device,"de-----")
+                that.player.play('http://27.128.189.137:18000/flv/hls/' + that.treecheckedObj.deviceNumber + '.flv' , 1);
+				that.lastVideoPlayId=that.treecheckedObj.deviceNumber;//记录上次播放的视频ID
                 }
             }
         );
@@ -513,20 +512,6 @@ export default class GIS extends Vue {
             this.shipinVisble=true;
             this.$refs.shipinimg.lastChild.style.display = "block";
         }
-    }
-    mapweihai(){
-        if(this){
-            this.$refs.whimg.lastChild.style.display = "none";
-        }else{
-            this.$refs.whimg.lastChild.style.display = "block";
-        }
-    }
-    mapyinhuan(){
-        if(this){
-            this.$refs.yhimg.lastChild.style.display = "none";
-        }else{
-            this.$refs.yhimg.lastChild.style.display = "block";
-        }
     }
 	getStatiData() {
 	  let that = this;
@@ -579,13 +564,13 @@ export default class GIS extends Vue {
                         shipinlngSum += ele.longitude;
                         shipinlatSum += ele.latitude;
                     });
-                    let shipincenter = [
-                        shipinlngSum / this.shipinmapData.length,
-                        shipinlatSum / this.shipinmapData.length,
-                    ];
-                    that.Mutil.setViewF({
-                        center: shipincenter
-                    })
+                    // let center = [
+                    //     shipinlngSum / that.shipinmapData.length,
+                    //     shipinlatSum / that.shipinmapData.length,
+                    // ];
+                    // that.Mutil.setViewF({
+                    //     center: center
+                    // })
             }
 	      }
 	    }

dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMapone.vue

@@ -133,7 +133,6 @@ export default {
         { cityId: "", countyId: "", provinceId: "" },
         function (res) {
           if (res.code == 0) {
-            console.log(res,"res")
             that.$data.enterpriseRegNum = res.data.enterpriseRegNum;
             that.$data.enterpriseCheckIngNum = res.data.enterpriseCheckIngNum;
           }
@@ -243,21 +242,20 @@ export default {
 		/* height: 100%; */
 		padding: 0px !important;
 	}
-    .div-table .el-table tr >td {
+    .pie .div-table .el-table tr >td {
       background-color: #0b356d !important;
       color: #fff;
-      border: 1px solid #8ec5fc;
+      border: 1px solid #2e6099;
       height: 50px;
       padding: 4px 0 !important;
     }
-    .el-table th, .el-table tr {
-      background-color: #0b356d !important;
-    }
-    .div-table .el-table tr >th {
-      border: 1px solid #8ec5fc;
+    .pie .div-table .el-table tr >th {
+      border: 1px solid #2e6099;
     }
-    .div-table .el-table tr:hover >td {
+    .pie .div-table .el-table tr:hover >td {
       background-color: #2c5794 !important;
-      /* color: #fff; */
+    }
+    .pie .div-table .el-table--border, .el-table--group {
+      border: 1px solid #2e6099 !important;
     }
 </style>
\ No newline at end of file