球机控制变焦、光圈+ 或 - 接口联调

src/views/realTimeMonitoring/index.vue

@@ -197,7 +197,7 @@ export default {
     }
     .flex-layouts{
         display: flex;
-        width: 1650px;
+        width: 1550px;
         flex-wrap: wrap;
     }
     .video-list{

src/views/realTimeMonitoring/model.vue

@@ -23,14 +23,14 @@
                     <img src="@/assets/add-icon.png" alt="" @mousedown="zoomAddStart" @mouseup="zoomAddStop">
                 </div>
                 <div class="operation-item">
-                    <img src="@/assets/sub-icon.png" alt="">
+                    <img src="@/assets/sub-icon.png" alt="" @mousedown="focusDecStart" @mouseup="focusDecStop">
                     <span>变焦</span>
-                    <img src="@/assets/add-icon.png" alt="">
+                    <img src="@/assets/add-icon.png" alt="" @mousedown="focusAddStart" @mouseup="focusAddStop">
                 </div>
                 <div class="operation-item">
-                    <img src="@/assets/sub-icon.png" alt="">
+                    <img src="@/assets/sub-icon.png" alt="" @mousedown="irisDecStart" @mouseup="irisDecStop">
                     <span>光圈</span>
-                    <img src="@/assets/add-icon.png" alt="">
+                    <img src="@/assets/add-icon.png" alt="" @mousedown="irisAddStart" @mouseup="irisAddStop">
                 </div>
             </div>
             <div class="direction-list">
@@ -130,7 +130,7 @@ export default {
             })
         },
         zoomDecStop(){
-            console.log('变倍-按下')
+            console.log('变倍-抬起')
             this.$axios.post('/camera/control/zoomDec/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -150,7 +150,7 @@ export default {
             })
         },
         zoomAddStop(){
-            console.log('变倍+按下')
+            console.log('变倍+抬起')
             this.$axios.post('/camera/control/zoomAdd/stop/'+this.id, {
                 data: {}
             }).then(res => {
@@ -159,6 +159,86 @@ export default {
 
             })
         },
+        focusDecStart(){
+            console.log('变焦-按下')
+            this.$axios.post('/camera/control/focusDec/start/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
+        focusDecStop(){
+            console.log('变焦-抬起')
+            this.$axios.post('/camera/control/focusDec/stop/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
+        focusAddStart(){
+            console.log('变焦+按下')
+            this.$axios.post('/camera/control/focusAdd/start/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
+        focusAddStop(){
+            console.log('变焦+抬起')
+            this.$axios.post('/camera/control/focusAdd/stop/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
+        irisDecStart(){
+            console.log('光圈-按下')
+            this.$axios.post('/camera/control/irisDec/start/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
+        irisDecStop(){
+            console.log('光圈-抬起')
+            this.$axios.post('/camera/control/irisDec/stop/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
+        irisAddStart(){
+            console.log('光圈+按下')
+            this.$axios.post('/camera/control/irisAdd/start/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
+        irisAddStop(){
+            console.log('光圈+抬起')
+            this.$axios.post('/camera/control/irisAdd/stop/'+this.id, {
+                data: {}
+            }).then(res => {
+
+            }).catch(err => {
+
+            })
+        },
         leftUpStart(){
             console.log('左上鼠标按下')
             this.$axios.post('/camera/control/leftUp/'+this.id, {