@ -40,7 +40,7 @@
<!-- < el -date -picker v -model = " videoHistory.endTime " type = "datetime" value -format = " yyyy -MM -dd HH : mm : ss " placeholder = "结束时间" - - >
<!-- < el -date -picker v -model = " videoHistory.endTime " type = "datetime" value -format = " yyyy -MM -dd HH : mm : ss " placeholder = "结束时间" - - >
<!-- @ change = "recordList()" > < / e l - d a t e - p i c k e r > - - >
<!-- @ change = "recordList()" > < / e l - d a t e - p i c k e r > - - >
< el -table :data ="videoHistory.searchHistoryResult" height = "150" v-load ="recordsLoading" >
< el -table :data ="videoHistory.searchHistoryResult" height = "150" v-loading ="recordsLoading" >
< el -table -column label = "名称" prop = "name" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "名称" prop = "name" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "文件" prop = "filePath" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "文件" prop = "filePath" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "开始时间" prop = "startTime" :formatter ="timeFormatter" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "开始时间" prop = "startTime" :formatter ="timeFormatter" > < / e l - t a b l e - c o l u m n >
@ -55,32 +55,61 @@
< / e l - t a b - p a n e >
< / e l - t a b - p a n e >
<!-- 遥控界面 -- >
<!-- 遥控界面 -- >
< el -tab -pane label = "云台控制" name = "control" >
< el -tab -pane label = "云台控制" name = "control" >
< div style = "display: flex; justify-content: center ;" >
< div style = "display: flex; justify-content: left ;" >
< div class = "control-wrapper" >
< div class = "control-wrapper" >
< div class = "control-btn control-top" @ mousedown = "ptzCamera(0, 1 , 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< div class = "control-btn control-top" @ mousedown = "ptzCamera(0, 2 , 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< i class = "el-icon-caret-top" > < / i >
< i class = "el-icon-caret-top" > < / i >
< div class = "control-inner-btn control-inner" > < / div >
< div class = "control-inner-btn control-inner" > < / div >
< / div >
< / div >
< div class = "control-btn control-left" @ mousedown = "ptzCamera(1 , 0, 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< div class = "control-btn control-left" @ mousedown = "ptzCamera(2 , 0, 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< i class = "el-icon-caret-left" > < / i >
< i class = "el-icon-caret-left" > < / i >
< div class = "control-inner-btn control-inner" > < / div >
< div class = "control-inner-btn control-inner" > < / div >
< / div >
< / div >
< div class = "control-btn control-bottom" @ mousedown = "ptzCamera(0, 2 , 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< div class = "control-btn control-bottom" @ mousedown = "ptzCamera(0, 1 , 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< i class = "el-icon-caret-bottom" > < / i >
< i class = "el-icon-caret-bottom" > < / i >
< div class = "control-inner-btn control-inner" > < / div >
< div class = "control-inner-btn control-inner" > < / div >
< / div >
< / div >
< div class = "control-btn control-right" @ mousedown = "ptzCamera(2 , 0, 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< div class = "control-btn control-right" @ mousedown = "ptzCamera(1 , 0, 0)" @ mouseup = "ptzCamera(0, 0, 0)" >
< i class = "el-icon-caret-right" > < / i >
< i class = "el-icon-caret-right" > < / i >
< div class = "control-inner-btn control-inner" > < / div >
< div class = "control-inner-btn control-inner" > < / div >
< / div >
< / div >
< div class = "control-round" >
< div class = "control-round" >
< div class = "control-round-inner" > < i class = "fa fa-pause-circle" > < / i > < / div >
< div class = "control-round-inner" > < i class = "fa fa-pause-circle" > < / i > < / div >
< / div >
< / div >
< div style = "position: absolute; left: 7.25rem; top: 1.25rem" @ mousedown = "ptzCamera(0, 0, 2)" @ mouseup = "ptzCamera(0, 0, 0)" > < i class = "el-icon-zoom-in" style = "font-size: 1.875rem;" > < / i > < / 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" 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, 1)" @ mouseup = "ptzCamera(0, 0, 0)" > < i class = "el-icon-zoom-out" > < / 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" > < / i > < / div >
< / div >
< div class = "control-panel" >
< el -button -group >
< el -tag style = "position :absolute; left: 0rem; top: 0rem; width: 5rem; text-align: center" size = "medium" type = "info" > 预置位编号 < / e l - t a g >
< el -input -number style = "position: absolute; left: 5rem; top: 0rem; width: 6rem" size = "mini" v-model ="presetPos" controls-position="right" :precision="0" :step="1" :min="1" :max ="255" > < / el -input -number >
< el -button style = "position: absolute; left: 11rem; top: 0rem; width: 5rem" size = "mini" icon = "el-icon-add-location" @ click = "presetPosition(129, presetPos)" > 设置 < / e l - b u t t o n >
< el -button style = "position: absolute; left: 27rem; top: 0rem; width: 5rem" size = "mini" type = "primary" icon = "el-icon-place" @ click = "presetPosition(130, presetPos)" > 调用 < / e l - b u t t o n >
< el -button style = "position: absolute; left: 16rem; top: 0rem; width: 5rem" size = "mini" icon = "el-icon-delete-location" @ click = "presetPosition(131, presetPos)" > 删除 < / e l - b u t t o n >
< el -tag style = "position :absolute; left: 0rem; top: 2.5rem; width: 5rem; text-align: center" size = "medium" type = "info" > 巡航速度 < / e l - t a g >
< el -input -number style = "position: absolute; left: 5rem; top: 2.5rem; width: 6rem" size = "mini" v-model ="cruisingSpeed" controls-position="right" :precision="0" :min="1" :max ="4095" > < / el -input -number >
< el -button style = "position: absolute; left: 11rem; top: 2.5rem; width: 5rem" size = "mini" icon = "el-icon-loading" @ click = "setSpeedOrTime(134, cruisingGroup, cruisingSpeed)" > 设置 < / e l - b u t t o n >
< el -tag style = "position :absolute; left: 16rem; top: 2.5rem; width: 5rem; text-align: center" size = "medium" type = "info" > 停留时间 < / e l - t a g >
< el -input -number style = "position: absolute; left: 21rem; top: 2.5rem; width: 6rem" size = "mini" v-model ="cruisingTime" controls-position="right" :precision="0" :min="1" :max ="4095" > < / el -input -number >
< el -button style = "position: absolute; left: 27rem; top: 2.5rem; width: 5rem" size = "mini" icon = "el-icon-timer" @ click = "setSpeedOrTime(135, cruisingGroup, cruisingTime)" > 设置 < / e l - b u t t o n >
< el -tag style = "position :absolute; left: 0rem; top: 4.5rem; width: 5rem; text-align: center" size = "medium" type = "info" > 巡航组编号 < / e l - t a g >
< el -input -number style = "position: absolute; left: 5rem; top: 4.5rem; width: 6rem" size = "mini" v-model ="cruisingGroup" controls-position="right" :precision="0" :min="0" :max ="255" > < / el -input -number >
< el -button style = "position: absolute; left: 11rem; top: 4.5rem; width: 5rem" size = "mini" icon = "el-icon-add-location" @ click = "setCommand(132, cruisingGroup, presetPos)" > 添加点 < / e l - b u t t o n >
< el -button style = "position: absolute; left: 16rem; top: 4.5rem; width: 5rem" size = "mini" icon = "el-icon-delete-location" @ click = "setCommand(133, cruisingGroup, presetPos)" > 删除点 < / e l - b u t t o n >
< el -button style = "position: absolute; left: 21rem; top: 4.5rem; width: 5rem" size = "mini" icon = "el-icon-delete" @ click = "setCommand(133, cruisingGroup, 0)" > 删除组 < / e l - b u t t o n >
< el -button style = "position: absolute; left: 27rem; top: 5rem; width: 5rem" size = "mini" type = "primary" icon = "el-icon-video-camera-solid" @ click = "setCommand(136, cruisingGroup, 0)" > 巡航 < / e l - b u t t o n >
< el -tag style = "position :absolute; left: 0rem; top: 7rem; width: 5rem; text-align: center" size = "medium" type = "info" > 扫描速度 < / e l - t a g >
< el -input -number style = "position: absolute; left: 5rem; top: 7rem; width: 6rem" size = "mini" v-model ="scanSpeed" controls-position="right" :precision="0" :min="1" :max ="4095" > < / el -input -number >
< el -button style = "position: absolute; left: 11rem; top: 7rem; width: 5rem" size = "mini" icon = "el-icon-loading" @ click = "setSpeedOrTime(138, scanGroup, scanSpeed)" > 设置 < / e l - b u t t o n >
< el -tag style = "position :absolute; left: 0rem; top: 9rem; width: 5rem; text-align: center" size = "medium" type = "info" > 扫描组编号 < / e l - t a g >
< el -input -number style = "position: absolute; left: 5rem; top: 9rem; width: 6rem" size = "mini" v-model ="scanGroup" controls-position="right" :precision="0" :step="1" :min="0" :max ="255" > < / el -input -number >
< el -button style = "position: absolute; left: 11rem; top: 9rem; width: 5rem" size = "mini" icon = "el-icon-d-arrow-left" @ click = "setCommand(137, scanGroup, 1)" > 左边界 < / e l - b u t t o n >
< el -button style = "position: absolute; left: 16rem; top: 9rem; width: 5rem" size = "mini" icon = "el-icon-d-arrow-right" @ click = "setCommand(137, scanGroup, 2)" > 右边界 < / e l - b u t t o n >
< 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)" > 扫描 < / e l - b u t t o n >
< 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)" > 停止 < / e l - b u t t o n >
< / e l - b u t t o n - g r o u p >
< / div >
< / div >
< / div >
< / div >
< / e l - t a b - p a n e >
< / e l - t a b - p a n e >
< / e l - t a b s >
< / e l - t a b s >
< / div >
< / div >
@ -152,7 +181,12 @@ export default {
timeVal : 0 ,
timeVal : 0 ,
timeMin : 0 ,
timeMin : 0 ,
timeMax : 1440 ,
timeMax : 1440 ,
presetPos : 1 ,
cruisingSpeed : 100 ,
cruisingTime : 5 ,
cruisingGroup : 0 ,
scanSpeed : 100 ,
scanGroup : 0 ,
} ;
} ;
} ,
} ,
methods : {
methods : {
@ -291,14 +325,41 @@ export default {
let that = this ;
let that = this ;
this . $axios ( {
this . $axios ( {
method : 'post' ,
method : 'post' ,
url : '/api/ptz/' + this . deviceId + '/' + this . channelId + '?leftRight=' + leftRight + '&upDown=' + upDown +
/ / u r l : ' / a p i / p t z / ' + t h i s . d e v i c e I d + ' / ' + t h i s . c h a n n e l I d + ' ? l e f t R i g h t = ' + l e f t R i g h t + ' & u p D o w n = ' + u p D o w n +
'&inOut=' + zoom + '&moveSpeed=50&zoomSpeed=50'
/ / ' & i n O u t = ' + z o o m + ' & m o v e S p e e d = 5 0 & z o o m S p e e d = 5 0 '
url : '/api/ptz/' + this . deviceId + '/' + this . channelId + '?cmdCode=' + ( zoom * 16 + upDown * 4 + leftRight ) + '&horizonSpeed=30&verticalSpeed=30&zoomSpeed=' + ( 2 * 16 )
} ) . then ( function ( res ) { } ) ;
} ) . then ( function ( res ) { } ) ;
} ,
} ,
/ / / / / / / / / / / / / / / / / / / / / / 播 放 器 事 件 处 理 / / / / / / / / / / / / / / / / / / / / / / / / / /
/ / / / / / / / / / / / / / / / / / / / / / 播 放 器 事 件 处 理 / / / / / / / / / / / / / / / / / / / / / / / / / /
videoError : function ( e ) {
videoError : function ( e ) {
console . log ( "播放器错误:" + JSON . stringify ( e ) ) ;
console . log ( "播放器错误:" + JSON . stringify ( e ) ) ;
} ,
} ,
presetPosition : function ( cmdCode , presetPos ) {
console . log ( '预置位控制:' + this . presetPos + ' : 0x' + cmdCode . toString ( 16 ) ) ;
let that = this ;
this . $axios ( {
method : 'post' ,
url : '/api/frontEndCommand/' + this . deviceId + '/' + this . channelId + '?cmdCode=' + cmdCode + '¶meter1=0¶meter2=' + presetPos + '&combindCode2=0'
} ) . then ( function ( res ) { } ) ;
} ,
setSpeedOrTime : function ( cmdCode , groupNum , parameter ) {
let that = this ;
let parameter2 = parameter % 256 ;
let combindCode2 = Math . floor ( parameter / 256 ) * 16 ;
console . log ( '前端控制:0x' + cmdCode . toString ( 16 ) + ' 0x' + groupNum . toString ( 16 ) + ' 0x' + parameter2 . toString ( 16 ) + ' 0x' + combindCode2 . toString ( 16 ) ) ;
this . $axios ( {
method : 'post' ,
url : '/api/frontEndCommand/' + this . deviceId + '/' + this . channelId + '?cmdCode=' + cmdCode + '¶meter1=' + groupNum + '¶meter2=' + parameter2 + '&combindCode2=' + combindCode2
} ) . then ( function ( res ) { } ) ;
} ,
setCommand : function ( cmdCode , groupNum , parameter ) {
let that = this ;
console . log ( '前端控制:0x' + cmdCode . toString ( 16 ) + ' 0x' + groupNum . toString ( 16 ) + ' 0x' + parameter . toString ( 16 ) + ' 0x0' ) ;
this . $axios ( {
method : 'post' ,
url : '/api/frontEndCommand/' + this . deviceId + '/' + this . channelId + '?cmdCode=' + cmdCode + '¶meter1=' + groupNum + '¶meter2=' + parameter + '&combindCode2=0'
} ) . then ( function ( res ) { } ) ;
} ,
formatTooltip : function ( val ) {
formatTooltip : function ( val ) {
var h = parseInt ( val / 60 ) ;
var h = parseInt ( val / 60 ) ;
var hStr = h < 10 ? ( "0" + h ) : h ;
var hStr = h < 10 ? ( "0" + h ) : h ;
@ -356,11 +417,20 @@ export default {
height : 6.25 rem ;
height : 6.25 rem ;
max - width : 6.25 rem ;
max - width : 6.25 rem ;
max - height : 6.25 rem ;
max - height : 6.25 rem ;
margin : 0 auto ;
border - radius : 100 % ;
border - radius : 100 % ;
margin - top : 2.5 rem ;
margin - left : 0.5 rem ;
float : left ;
float : left ;
}
}
. control - panel {
position : relative ;
top : 0 ;
left : 5 rem ;
height : 11 rem ;
max - height : 11 rem ;
}
. control - btn {
. control - btn {
display : flex ;
display : flex ;
justify - content : center ;
justify - content : center ;
@ -393,8 +463,8 @@ export default {
. control - round - inner {
. control - round - inner {
position : absolute ;
position : absolute ;
left : 15 % ;
left : 13 % ;
top : 15 % ;
top : 13 % ;
display : flex ;
display : flex ;
justify - content : center ;
justify - content : center ;
align - items : center ;
align - items : center ;