视频摄像头预览--海康

src/assets/styles/base.scss

@@ -558,6 +558,12 @@ div::-webkit-scrollbar {
   height: 866px !important;
 }
 
+//视频摄像头预览弹层样式
+.videoCustomWidth {
+  width: 770px !important;
+  height: 445px !important;
+}
+
 .dia-event-info {
   .el-row {
     height: 780px;

src/views/monitor.vue

@@ -104,9 +104,9 @@
     </div>
     <eventLocation ref="eventLocation"></eventLocation>
     <TVWall ref="TVWall"></TVWall>
-    <el-dialog :title="cameraTitle" :visible.sync="cameraVisible" v-if="cameraVisible" width="770px" style="height: 700px;"
+    <el-dialog :title="cameraTitle" :visible.sync="cameraVisible" v-if="cameraVisible" customClass="videoCustomWidth"
                @close="cancelEventLocationShow()">
-      <div style="width:100%;height:400px;position:relative;">
+      <div style="width:770px;height:445px;position:relative;">
         <!--视频窗口展示---海康-->
         <div id="playWnd" class="playWnd" style="left: 0px; top: 0px;"></div>
       </div>