实时视频流index页宽高比改为400*225

src/views/realTimeMonitoring/index.vue

@@ -20,7 +20,7 @@
             <div class="video-list" v-for="(item,index) in realTimeListData" :key="index+1">
                 <!-- 对应全部的-->
                 <div v-if="tabKey == 0" class="video-item">
-                    <div class="video-box" width="480" height="270" v-for="i in item.cameras" :key="i.id" @click="showModel(i)">
+                    <div class="video-box" width="400" height="225" v-for="i in item.cameras" :key="i.id" @click="showModel(i)">
                         <canvas :class="['video',i.id?'video'+i.id:'']">
 
                         </canvas>
@@ -31,7 +31,7 @@
                 </div>
                 <!--对应各个巷道的-->
                 <div v-if="tabKey == index+1" class="video-item">
-                    <div class="video-box" width="480" height="270" v-for="i in item.cameras" :key="i.id" @click="showModel(i)">
+                    <div class="video-box" width="400" height="225" v-for="i in item.cameras" :key="i.id" @click="showModel(i)">
                         <canvas :class="['video',i.id?'video'+i.id:'']">
 
                         </canvas>
@@ -192,8 +192,8 @@ export default {
         position: fixed;
         z-index: 999;
         border: solid 1px skyblue;
-        width: 480px;
+        width: 400px;
-        height: 270px;
+        height: 225px;
     }
     .flex-layouts{
         display: flex;
@@ -220,8 +220,8 @@ export default {
                 .video{
                     border: solid 1px #000000;
                     background: #001529;
-                    width: 480px;
+                    width: 400px;
-                    height: 270px;
+                    height: 225px;
                 }
             }
         }

src/views/realTimeMonitoring/model.vue

@@ -119,6 +119,13 @@ export default {
         console.log('mounted执行了')
     },
     methods: {
+        pauseEvent(e){
+            if(e.stopPropagation) e.stopPropagation();
+            if(e.preventDefault) e.preventDefault();
+            e.cancelBubble=true;
+            e.returnValue=false;
+            return false;
+        },
         zoomDecStart(){
             console.log('变倍-按下')
             this.$axios.post('/camera/control/zoomDec/start/'+this.id, {
@@ -310,8 +317,10 @@ export default {
 
             })
         },
-        leftStop(){
+        leftStop(e){
             console.log('左转鼠标抬起')
+            // e.unbind('mousemove')
+            console.log(e)
             this.$axios.post('/camera/control/left/stop/'+this.id, {
                 data: {}
             }).then(res => {