安全管控-首页

src/views/NewPages/iframe4.vue

@@ -7,10 +7,12 @@
     <div class="iframe-2">
       <div v-for="(pItem, pIndex) in videoArray" :key="pIndex" width="95%" height="48vh" @click="openVideoDialog(cItem)">
         <div class="mask"></div>
-        <iframe  :src="pItem.url + pItem.token" />
+        <iframe :src="pItem.url + pItem.token" />
       </div>
     </div>
-    <!-- <iframe src="http://192.168.1.52/webiui/#/online" frameborder="0" class="iframe-3"></iframe> -->
+    <div class="iframe-3">
+      <iframe src="http://192.168.1.52/webiui/#/online" frameborder="0"></iframe>
+    </div>
     <div class="iframe-4">
       <!-- <personnel></personnel> -->
     </div>
@@ -93,7 +95,7 @@ export default {
   background-size: 100% 100%;
   background-position-y: -5.1vh;
   display: flex;
-  /* flex-wrap: wrap; */
+  flex-wrap: wrap;
   height: 98vh;
   .iframe-1,
   .iframe-2,
@@ -119,7 +121,7 @@ export default {
     flex: 0 0 36.69vw;
     margin-left: 11.9vw;
     margin-top: 5.5vh;
-    div{
+    div {
       display: flex;
       height: 18.2vh;
       width: 12.2vw;
@@ -129,6 +131,25 @@ export default {
         width: 12.2vw;
         // float: left;
       }
+      // .mask {
+      //   flex: 0 0 100%;
+      //   position: absolute;
+      //   left: 0;
+      //   top: 0;
+      //   width: 100%;
+      //   height: 100%;
+      //   z-index: 5;
+      // }
+    }
+  }
+  .iframe-3 {
+    height: calc(36.6vh);
+    margin-left: 6.5vw;
+    margin-top: -0.7vh;
+    background-color:seashell;
+    iframe {
+      height: 100%;
+      width: 100%;
     }
   }
 }