|
|
|
|
@ -30,66 +30,20 @@
|
|
|
|
|
v-decorator="['rtcServer']"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="录像机IP" :label-col="formItemVerticalLayout.labelCol">
|
|
|
|
|
<a-input
|
|
|
|
|
v-decorator="['recorderIp']"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="球机通道号" :label-col="formItemVerticalLayout.labelCol">
|
|
|
|
|
<a-input
|
|
|
|
|
v-decorator="['channel']"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-form>
|
|
|
|
|
</a-modal>
|
|
|
|
|
</template>
|
|
|
|
|
<!-- <template v-else-if="type=='test'">
|
|
|
|
|
<a-modal
|
|
|
|
|
v-model="isShow"
|
|
|
|
|
@cancel="handleCancel"
|
|
|
|
|
:footer="null"
|
|
|
|
|
:maskClosable="false"
|
|
|
|
|
width="1600px"
|
|
|
|
|
:bodyStyle="{padding:0,display:'flex'}"
|
|
|
|
|
:centered="true"
|
|
|
|
|
class="config-model"
|
|
|
|
|
>
|
|
|
|
|
<div class="test-model">
|
|
|
|
|
<video
|
|
|
|
|
|
|
|
|
|
width="80%"
|
|
|
|
|
height="80%"
|
|
|
|
|
:id="`camera${id}`"
|
|
|
|
|
autoplay muted ></video>
|
|
|
|
|
|
|
|
|
|
<div class="operation-list">
|
|
|
|
|
<div class="operation-item">
|
|
|
|
|
<img :src="zoomSubUrl" alt="" @mousedown="zoomDecStart"
|
|
|
|
|
@mouseup="zoomDecStop">
|
|
|
|
|
<span>变倍</span>
|
|
|
|
|
<img :src="zoomAddUrl" alt="" @mousedown="zoomAddStart"
|
|
|
|
|
@mouseup="zoomAddStop">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="operation-item">
|
|
|
|
|
<img :src="focusSubUrl" alt="" @mousedown="focusDecStart" @mouseup="focusDecStop">
|
|
|
|
|
<span>变焦</span>
|
|
|
|
|
<img :src="focusAddUrl" alt="" @mousedown="focusAddStart" @mouseup="focusAddStop">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="operation-item">
|
|
|
|
|
<img :src="irisSubUrl" alt="" @mousedown="irisDecStart" @mouseup="irisDecStop">
|
|
|
|
|
<span>光圈</span>
|
|
|
|
|
<img :src="irisAddUrl" alt="" @mousedown="irisAddStart" @mouseup="irisAddStop">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="direction-list">
|
|
|
|
|
<div class="direction-item">
|
|
|
|
|
<img :src="leftUpUrl" alt="" @mousedown="leftUpStart" @mouseup="leftUpStop">
|
|
|
|
|
<img :src="upUrl" alt="" @mousedown="upStart" @mouseup="upStop">
|
|
|
|
|
<img :src="rightUpUrl" alt="" @mousedown="rightUpStart" @mouseup="rightUpStop">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="direction-item">
|
|
|
|
|
<img :src="leftUrl" alt="" @mousedown="leftStart" @mouseup="leftStop">
|
|
|
|
|
<img :src="rightUrl" alt="" @mousedown="rightStart" @mouseup="rightStop">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="direction-item">
|
|
|
|
|
<img :src="leftDownUrl" alt="" @mousedown="leftDownStart" @mouseup="leftDownStop">
|
|
|
|
|
<img :src="downUrl" alt="" @mousedown="downStart" @mouseup="downStop">
|
|
|
|
|
<img :src="rightDownUrl" alt="" @mousedown="rightDownStart" @mouseup="rightDownStop">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-modal>
|
|
|
|
|
</template> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template v-else-if="type=='config'">
|
|
|
|
|
<a-modal
|
|
|
|
|
@ -215,7 +169,7 @@ export default {
|
|
|
|
|
this.type = newVal;
|
|
|
|
|
},
|
|
|
|
|
modelData: function(newVal){
|
|
|
|
|
// console.log(newVal)
|
|
|
|
|
console.log(newVal)
|
|
|
|
|
this.mdata=newVal
|
|
|
|
|
console.log(this.type)
|
|
|
|
|
if(newVal.id && this.type=='edit'){
|
|
|
|
|
@ -227,6 +181,8 @@ export default {
|
|
|
|
|
ip:newVal.ip,
|
|
|
|
|
rtsp:newVal.rtsp,
|
|
|
|
|
rtcServer:newVal.rtcServer,
|
|
|
|
|
channel:newVal.channel,
|
|
|
|
|
recorderIp:newVal.recorderIp,
|
|
|
|
|
rtcServerPort:newVal.rtcServerPort
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|