upright
/
duoji-frontend
mirror of https://gitlab.hzleaper.com:81/duoji/duoji-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

球机预制点配置

Browse Source
nanning_duofuduo
yiming 4 years ago
parent 4113c831d7
commit 1cc53e254d
3 changed files with 40 additions and 20 deletions
Show Stats Download Patch File Download Diff File

10
src/views/cameraManage/model.vue
Unescape Escape View File

@ -143,7 +143,7 @@
@mouseup="leftDownStop" @mousemove="leftDownStop"> @mouseup="leftDownStop" @mousemove="leftDownStop">
<img :src="downUrl" alt="" @mousedown="downStart" @mouseup="downStop" @mousemove="downStop"> <img :src="downUrl" alt="" @mousedown="downStart" @mouseup="downStop" @mousemove="downStop">
<img :src="rightDownUrl" alt="" @mousedown="rightDownStart" <img :src="rightDownUrl" alt="" @mousedown="rightDownStart"
@mouseup="rightDownStop" @mousemove=" "> @mouseup="rightDownStop" @mousemove="rightDownStop">
</div> </div>
</div> </div>
<div class="config-table"> <div class="config-table">
@ -768,6 +768,10 @@ export default {
.operation-item{ .operation-item{
img{ img{
width: 42px; width: 42px;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-user-drag: none;
user-select: none;
} }
span{ span{
padding: 5px 10px; padding: 5px 10px;
@ -790,6 +794,10 @@ export default {
justify-content: space-between; justify-content: space-between;
img{ img{
width: 42px; width: 42px;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-user-drag: none;
user-select: none;
} }
} }
} }

38
src/views/realTimeMonitoring/index.vue
Unescape Escape View File

@ -20,41 +20,41 @@
</video> </video>
<div class="operation-list"> <div class="operation-list">
<div class="operation-item"> <div class="operation-item">
<img :src="zoomSubUrl" alt="" @mousedown=zoomDecStart($event,item.id) <img :src="zoomSubUrl" alt="" @mousedown=zoomDecStart($event,item.id) @mousemove=zoomDecStop($event,item.id)
@mouseup=zoomDecStop($event,item.id)> @mouseup=zoomDecStop($event,item.id)>
<span>变倍</span> <span>变倍</span>
<img :src="zoomAddUrl" alt="" @mousedown=zoomAddStart($event,item.id) <img :src="zoomAddUrl" alt="" @mousedown=zoomAddStart($event,item.id) @mousemove=zoomAddStop($event,item.id)
@mouseup=zoomAddStop($event,item.id)> @mouseup=zoomAddStop($event,item.id)>
</div> </div>
<div class="operation-item"> <div class="operation-item">
<img :src="focusSubUrl" alt="" @mousedown=focusDecStart($event,item.id) <img :src="focusSubUrl" alt="" @mousedown=focusDecStart($event,item.id) @mousemove=focusDecStop($event,item.id)
@mouseup=focusDecStop($event,item.id)> @mouseup=focusDecStop($event,item.id)>
<span>变焦</span> <span>变焦</span>
<img :src="focusAddUrl" alt="" @mousedown=focusAddStart($event,item.id) <img :src="focusAddUrl" alt="" @mousedown=focusAddStart($event,item.id) @mousemove=focusAddStop($event,item.id)
@mouseup=focusAddStop($event,item.id)> @mouseup=focusAddStop($event,item.id)>
</div> </div>
<div class="operation-item"> <div class="operation-item">
<img :src="irisSubUrl" alt="" @mousedown=irisDecStart($event,item.id) @mouseup=irisDecStop($event,item.id)> <img :src="irisSubUrl" alt="" @mousedown=irisDecStart($event,item.id) @mouseup=irisDecStop($event,item.id) @mousemove=irisDecStop($event,item.id)>
<span>光圈</span> <span>光圈</span>
<img :src="irisAddUrl" alt="" @mousedown=irisAddStart($event,item.id) @mouseup=irisAddStop($event,item.id)> <img :src="irisAddUrl" alt="" @mousedown=irisAddStart($event,item.id) @mouseup=irisAddStop($event,item.id) @mousemove=irisAddStop($event,item.id)>
</div> </div>
</div> </div>
<div class="direction-list"> <div class="direction-list">
<div class="direction-item"> <div class="direction-item">
<img :src="leftUpUrl" alt="" @mousedown=leftUpStart($event,item.id) @mouseup=leftUpStop($event,item.id)> <img :src="leftUpUrl" alt="" @mousedown=leftUpStart($event,item.id) @mouseup=leftUpStop($event,item.id) @mousemove=leftUpStop($event,item.id)>
<img :src="upUrl" alt="" @mousedown=upStart($event,item.id) @mouseup=upStop($event,item.id)> <img :src="upUrl" alt="" @mousedown=upStart($event,item.id) @mouseup=upStop($event,item.id) @mousemove=upStop($event,item.id) >
<img :src="rightUpUrl" alt="" @mousedown=rightUpStart($event,item.id) @mouseup=rightUpStop($event,item.id)> <img :src="rightUpUrl" alt="" @mousedown=rightUpStart($event,item.id) @mouseup=rightUpStop($event,item.id) @mousemove=rightUpStop($event,item.id) >
</div> </div>
<div class="direction-item"> <div class="direction-item">
<img :src="leftUrl" alt="" @mousedown=leftStart($event,item.id) @mouseup=leftStop($event,item.id)> <img :src="leftUrl" alt="" @mousedown=leftStart($event,item.id) @mouseup=leftStop($event,item.id) @mousemove=leftStop($event,item.id)>
<img :src="rightUrl" alt="" @mousedown=rightStart($event,item.id) @mouseup=rightStop($event,item.id)> <img :src="rightUrl" alt="" @mousedown=rightStart($event,item.id) @mouseup=rightStop($event,item.id) @mousemove=rightStop($event,item.id)>
</div> </div>
<div class="direction-item"> <div class="direction-item">
<img :src="leftDownUrl" alt="" @mousedown=leftDownStart($event,item.id) <img :src="leftDownUrl" alt="" @mousedown=leftDownStart($event,item.id)
@mouseup=leftDownStop($event,item.id)> @mouseup=leftDownStop($event,item.id) @mousemove=leftDownStop($event,item.id)>
<img :src="downUrl" alt="" @mousedown=downStart($event,item.id) @mouseup=downStop($event,item.id)> <img :src="downUrl" alt="" @mousedown=downStart($event,item.id) @mouseup=downStop($event,item.id) @mousemove=downStop($event,item.id)>
<img :src="rightDownUrl" alt="" @mousedown=rightDownStart($event,item.id) <img :src="rightDownUrl" alt="" @mousedown=rightDownStart($event,item.id)
@mouseup=rightDownStop($event,item.id)> @mouseup=rightDownStop($event,item.id) @mousemove=rightDownStop($event,item.id)>
</div> </div>
</div> </div>
</div> </div>
@ -535,7 +535,7 @@ export default {
video::-webkit-media-controls-enclosure{ video::-webkit-media-controls-enclosure{
display: none; display: none;
} }
.operation-list{ .operation-list {
position: absolute; position: absolute;
right: 200px; right: 200px;
bottom: 20px; bottom: 20px;
@ -545,6 +545,10 @@ export default {
.operation-item{ .operation-item{
img{ img{
width: 32px; width: 32px;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-user-drag: none;
user-select: none;
} }
span{ span{
padding: 3px 6px; padding: 3px 6px;
@ -567,6 +571,10 @@ export default {
justify-content: space-between; justify-content: space-between;
img{ img{
width: 32px; width: 32px;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-user-drag: none;
user-select: none;
} }
} }
} }

8
src/views/realTimeMonitoring/model.vue
Unescape Escape View File

@ -37,8 +37,8 @@
<img :src="rightUpUrl" alt="" @mousedown="rightUpStart" @mouseup="rightUpStop" @mousemove="rightUpStop"> <img :src="rightUpUrl" alt="" @mousedown="rightUpStart" @mouseup="rightUpStop" @mousemove="rightUpStop">
</div> </div>
<div class="direction-item"> <div class="direction-item">
<img :src="leftUrl" alt="" @mousedown="leftStart" @mouseup="leftStop" @mousemove="leftStop"> <img :src="leftUrl" ondragstart="return false;" @mousedown="leftStart" @mouseup="leftStop" @mousemove="leftStop">
<img :src="rightUrl" alt="" @mousedown="rightStart" @mouseup="rightStop" @mousemove="rightStop"> <img :src="rightUrl" ondragstart="return false;" @mousedown="rightStart" @mouseup="rightStop" @mousemove="rightStop">
</div> </div>
<div class="direction-item"> <div class="direction-item">
<img :src="leftDownUrl" alt="" @mousedown="leftDownStart" @mouseup="leftDownStop" @mousemove="leftDownStop"> <img :src="leftDownUrl" alt="" @mousedown="leftDownStart" @mouseup="leftDownStop" @mousemove="leftDownStop">
@ -486,6 +486,10 @@ export default {
img { img {
width: 42px; width: 42px;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-user-drag: none;
user-select: none;
} }
} }
} }

Write Preview
Loading…
Cancel
Save