diff --git a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue index b25aeda..3893e3b 100644 --- a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue +++ b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue @@ -2,37 +2,37 @@ -
- - - - - - - - - - - - - - -
-
-
-
-
-
-
-
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
(''); -const width = ref('70%'); +const width = ref('1100'); const visible = ref(false); const showCamera = ref(false); const disableSubmit = ref(false); @@ -84,7 +108,7 @@ import { getMultitransUrl, requestBidirectionStream, getPreviewUrl, - testAudio + testAudio, motionCtrl } from "../camera.api"; const props = defineProps({ @@ -367,6 +391,34 @@ function recordingEnd() { }); } +/** + * 控制球机移动 + */ +function moveCtrl(direction, startOrNot, speed) { + if (!formData.deviceIndex) return; + + let params = { + "deviceIndex": formData.deviceIndex, + "direction": direction, + "startOrNot": startOrNot, + "speed": speed, + }; + motionCtrl(params); + + if (startOrNot === 1) { + const directions = { + 1: '上', + 3: '左', + 5: '右', + 7: '下', + 9: '缩小', + 10: '放大', + 11: '对焦' + }; + const action = startOrNot === 1 ? '开始' : '停止'; + } +} + /** * 销毁 */ @@ -481,4 +533,40 @@ defineExpose({ .hmxzImg:hover { background: url('../../../../../assets/iot/monitor_7_1.png') left/contain no-repeat; } + +.fxjImgUp{ + width:50px;height: 50px; + margin-right:10px;vertical-align: bottom; + cursor: pointer; + border-radius: 5px;transform: rotate(270deg); + background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat; +} +.fxjImgUp:hover{ + background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat; +} +.fxjImgLeft{ + width:50px;height: 50px;margin-right:10px;vertical-align: bottom;transform: rotate(180deg); + cursor: pointer; + background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat; +} +.fxjImgLeft:hover{ + background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat; +} +.fxjImgDown{ + width:50px;height: 50px;margin-right:10px;vertical-align: bottom;transform: rotate(90deg); + cursor: pointer; + background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat; +} +.fxjImgDown:hover{ + background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat; +} +.fxjImgRight{ + width:50px;height: 50px;margin-right:10px;vertical-align: bottom; + cursor: pointer; + background: url('../../../../../assets/iot/fxj.png') center/contain no-repeat; +} +.fxjImgRight:hover{ + background: url('../../../../../assets/iot/fxj_blue.png') center/contain no-repeat; +} + diff --git a/src/views/iot/weihu/components/ReamrksListModal.vue b/src/views/iot/weihu/components/ReamrksListModal.vue index 006b998..afcb38f 100644 --- a/src/views/iot/weihu/components/ReamrksListModal.vue +++ b/src/views/iot/weihu/components/ReamrksListModal.vue @@ -1,5 +1,5 @@