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
merge-requests/1/head
qiushui 4 years ago
parent 55e8441222
commit 234986ab97
7 changed files with 110 additions and 72 deletions
Show Stats Download Patch File Download Diff File

BIN
dist.zip
View File

Binary file not shown.

4
src/views/cameraManage/index.vue
Unescape Escape View File

@ -17,9 +17,9 @@
@change="handleGetCameraList"
>
<span slot="action" slot-scope="text, record">
<a @click="showModel('test',record)">
<!-- <a @click="showModel('test',record)">
测试
</a>
</a> -->
<a-divider type="vertical"/>
<a @click="showModel('config',record)">
配置

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

@ -29,50 +29,61 @@
</a-modal>
</template>
<template v-else-if="type=='test'">
<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
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'">
@ -229,6 +240,7 @@ export default {
data() {
return {
isShow:false,
player:null,
type:'',
title:'',
closable:false,//取消model模态框右上角的X号
@ -265,7 +277,6 @@ export default {
this.id = this.$route.query.modelData.id
this.type = this.$route.query.modelType
this.mdata = this.$route.query.modelData
//this.getTestVideo(this.$route.query.modelData.rtsp)
this.$nextTick(() => {
this.autoPlay(this.id)
})
@ -274,13 +285,15 @@ export default {
this.id = this.$route.query.modelData.id
this.type = this.$route.query.modelType
this.mdata = this.$route.query.modelData
//this.getConfigVideo(this.$route.query.modelData.rtsp)
this.getConfigIoList()
this.$nextTick(() => {
this.autoPlay(this.id)
})
this.getConfigIoList()
}
},
destroy(){
//this.player.destroy()
},
methods: {
handleOk() {
this.confirmLoading = true;
@ -320,24 +333,29 @@ export default {
},
handleCancel() {
this.player.destroy()
console.log('Clicked cancel button');
this.$emit('close', false, {})
if(this.type=='test') {
this.$router.go(-1);
this.player.destroy()
//this.player.destroy();
this.player = null;
}else if(this.type=='config') {
this.$router.go(-1);
this.player.destroy()
//this.player.destroy();
this.player = null;
}
},
//写两个会让渲染快一点，避开两个重连机制
autoPlay(id){
let video = document.getElementById('camera'+id);
console.log(video)
if(this.player == null){
this.player = new WebRtcPlayer(video,'camera'+id);
}
this.player = new WebRtcPlayer(video,'camera'+id);
this.player.load('camera'+id);
},
setVideoServer(){
this.$api.httpApi.getVideoServer({
data: {}
@ -375,7 +393,7 @@ export default {
type: type
}
}).then(res => {
console.log(res)
this.getConfigIoList()
}).catch(err => {

7
src/views/checkManage/Subsection.vue
Unescape Escape View File

@ -161,7 +161,10 @@ export default {
},
mounted() {
//this.changeTab('1-1')
this.getStatus();
this.$nextTick(() => {
this.getStatus();
})
},
created() {
//this.getStatus();
@ -246,7 +249,7 @@ export default {
this.getStatusBg(a.row,a.column,a.status)
}
}
this.columnTabStatus = res.data.columnTabStatus
var i = 1;
for(let a in res.data.columnTabStatus){
this.status.column[i] = res.data.columnTabStatus[a]

39
src/views/checkManage/checkOperation.vue
Unescape Escape View File

@ -62,7 +62,24 @@
{{ checkObj[item.key] }}
</span>
</li>
<li>
<span class="img-box-title">
盘点图:
</span>
</li>
<template>
<span v-if="checkObj.checkPic">
<happy-scroll color="rgba(100,100,100,0.5)" size="1" class="scroll-box" style="width:50;height:90px;">
<viewer>
<img class="historyImg" :src="imgUrl+checkObj.checkPic"/>
</viewer>
</happy-scroll>
</span>
<span v-else>
暂无盘点图
</span>
</template>
</ul>
</div>
@ -99,11 +116,11 @@
</div>
<div class="carousel-page-footer">
<div class="status-btn" v-if="checkObj.status == 0">
<a-button class="btn"
<!-- <a-button class="btn"
type="danger"
@click="showModel(checkObj,index)"
>人工复核
</a-button>
</a-button> -->
<a-button class="btn"
type="primary"
style="background:#29c12b;border-color:#29c12b;"
@ -187,14 +204,7 @@ export default {
label:'扫描条码号',
key: 'code'
},
{
label:'系统数量',
key: 'wmsCount'
},
{
label:'扫描数量',
key: 'count'
}
],
statusMap: {0:"未盘点",1:"盘点异常",2:"核对正确"}
@ -449,7 +459,8 @@ export default {
closeModel(visible, data) {
this.visible = visible
this.modelData = data
}
},
}
}
@ -573,5 +584,9 @@ export default {
}
}
}
.historyImg {
width: 180px;
height:auto;
}
</style>

2
src/views/historyMonitoring/index.vue
Unescape Escape View File

@ -147,7 +147,7 @@ export default {
width: 90
},
{
title: "视频时长",
title: "工单时长",
dataIndex: "timeLength",
},
{

4
src/views/realTimeMonitoring/webrtcplayer.js
Unescape Escape View File

@ -12,6 +12,7 @@ class WebRtcPlayer {
};
constructor(video1, uuid, options={}) {
console.log("new uuid:"+uuid)
this.server = WebRtcPlayer.server;
//this.video = document.getElementById(id);
this.video = video1
@ -55,6 +56,7 @@ class WebRtcPlayer {
this.webrtc.onconnectionstatechange = () => {
if(this.webrtc.connectionState == 'connected' || this.webrtc.connectionState == 'connecting'){
console.log("uuid:"+this.uuid+" status:" + this.webrtc.connectionState)
}else{
console.log(this.webrtc.connectionState)
this.load(this.uuid);
@ -97,7 +99,7 @@ class WebRtcPlayer {
}
destroy() {
console.log("destroy uuid:"+this.uuid)
this.webrtc.close();
this.webrtc = null;
this.video.srcObject = null;

Write Preview
Loading…
Cancel
Save