|
|
@@ -60,27 +60,27 @@
|
|
|
<el-tab-pane label="云台控制" name="control" v-if="showPtz">
|
|
|
<div style="display: flex; justify-content: left;">
|
|
|
<div class="control-wrapper">
|
|
|
- <div class="control-btn control-top" @mousedown="ptzCamera(0, 2, 0)" @mouseup="ptzCamera(0, 0, 0)">
|
|
|
+ <div class="control-btn control-top" @mousedown="ptzCamera('up')" @mouseup="ptzCamera('stop')">
|
|
|
<i class="el-icon-caret-top"></i>
|
|
|
<div class="control-inner-btn control-inner"></div>
|
|
|
</div>
|
|
|
- <div class="control-btn control-left" @mousedown="ptzCamera(2, 0, 0)" @mouseup="ptzCamera(0, 0, 0)">
|
|
|
+ <div class="control-btn control-left" @mousedown="ptzCamera('left')" @mouseup="ptzCamera('stop')">
|
|
|
<i class="el-icon-caret-left"></i>
|
|
|
<div class="control-inner-btn control-inner"></div>
|
|
|
</div>
|
|
|
- <div class="control-btn control-bottom" @mousedown="ptzCamera(0, 1, 0)" @mouseup="ptzCamera(0, 0, 0)">
|
|
|
+ <div class="control-btn control-bottom" @mousedown="ptzCamera('down')" @mouseup="ptzCamera('stop')">
|
|
|
<i class="el-icon-caret-bottom"></i>
|
|
|
<div class="control-inner-btn control-inner"></div>
|
|
|
</div>
|
|
|
- <div class="control-btn control-right" @mousedown="ptzCamera(1, 0, 0)" @mouseup="ptzCamera(0, 0, 0)">
|
|
|
+ <div class="control-btn control-right" @mousedown="ptzCamera('right')" @mouseup="ptzCamera('stop')">
|
|
|
<i class="el-icon-caret-right"></i>
|
|
|
<div class="control-inner-btn control-inner"></div>
|
|
|
</div>
|
|
|
<div class="control-round">
|
|
|
<div class="control-round-inner"><i class="fa fa-pause-circle"></i></div>
|
|
|
</div>
|
|
|
- <div style="position: absolute; left: 7.25rem; top: 1.25rem" @mousedown="ptzCamera(0, 0, 1)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-in control-zoom-btn" style="font-size: 1.875rem;"></i></div>
|
|
|
- <div style="position: absolute; left: 7.25rem; top: 3.25rem; font-size: 1.875rem;" @mousedown="ptzCamera(0, 0, 2)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-out control-zoom-btn"></i></div>
|
|
|
+ <div style="position: absolute; left: 7.25rem; top: 1.25rem" @mousedown="ptzCamera('zoomin')" @mouseup="ptzCamera('stop')"><i class="el-icon-zoom-in control-zoom-btn" style="font-size: 1.875rem;"></i></div>
|
|
|
+ <div style="position: absolute; left: 7.25rem; top: 3.25rem; font-size: 1.875rem;" @mousedown="ptzCamera('zoomout')" @mouseup="ptzCamera('stop')"><i class="el-icon-zoom-out control-zoom-btn"></i></div>
|
|
|
<div class="contro-speed" style="position: absolute; left: 4px; top: 7rem; width: 9rem;">
|
|
|
<el-slider v-model="controSpeed" :max="255"></el-slider>
|
|
|
</div>
|
|
|
@@ -113,7 +113,7 @@
|
|
|
<el-button style="position: absolute; left: 11rem; top: 9rem; width: 5rem" size="mini" icon="el-icon-d-arrow-left" @click="setCommand(137, scanGroup, 1)">左边界</el-button>
|
|
|
<el-button style="position: absolute; left: 16rem; top: 9rem; width: 5rem" size="mini" icon="el-icon-d-arrow-right" @click="setCommand(137, scanGroup, 2)">右边界</el-button>
|
|
|
<el-button style="position: absolute; left: 27rem; top: 7rem; width: 5rem" size="mini" type="primary" icon="el-icon-video-camera-solid" @click="setCommand(137, scanGroup, 0)">扫描</el-button>
|
|
|
- <el-button style="position: absolute; left: 27rem; top: 9rem; width: 5rem" size="mini" type="danger" icon="el-icon-switch-button" @click="ptzCamera(0, 0, 0)">停止</el-button>
|
|
|
+ <el-button style="position: absolute; left: 27rem; top: 9rem; width: 5rem" size="mini" type="danger" icon="el-icon-switch-button" @click="ptzCamera('stop')">停止</el-button>
|
|
|
</el-button-group>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -493,14 +493,14 @@ export default {
|
|
|
if (callback) callback()
|
|
|
});
|
|
|
},
|
|
|
- ptzCamera: function (leftRight, upDown, zoom) {
|
|
|
- console.log('云台控制:' + leftRight + ' : ' + upDown + " : " + zoom);
|
|
|
+ ptzCamera: function (command) {
|
|
|
+ console.log('云台控制:' + command);
|
|
|
let that = this;
|
|
|
this.$axios({
|
|
|
method: 'post',
|
|
|
// url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?leftRight=' + leftRight + '&upDown=' + upDown +
|
|
|
// '&inOut=' + zoom + '&moveSpeed=50&zoomSpeed=50'
|
|
|
- url: '/api/ptz/control/' + this.deviceId + '/' + this.channelId + '?cmdCode=' + (zoom * 16 + upDown * 4 + leftRight) + '&horizonSpeed=' + this.controSpeed + '&verticalSpeed=' + this.controSpeed + '&zoomSpeed=' + this.controSpeed
|
|
|
+ url: '/api/ptz/control/' + this.deviceId + '/' + this.channelId + '?command=' + command + '&horizonSpeed=' + this.controSpeed + '&verticalSpeed=' + this.controSpeed + '&zoomSpeed=' + this.controSpeed
|
|
|
}).then(function (res) {});
|
|
|
},
|
|
|
//////////////////////播放器事件处理//////////////////////////
|