guoyuepeng
/
qa-regulatory-gwj-vue
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

门口门禁-地图-口门进出记录车行、人行记录

2024-07-22新BI页面
water_xu 2024-06-18 19:06:10 +08:00
parent 2c8367a8d1
commit dbfd7c58b0
2 changed files with 96 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
src/views/map/dialog/mkGateMachine.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="app-container print-work">
<div class="app-container print-work" v-if="corpId == '035958e685cf4850bc40151c5e0617a6' ">
<div v-if= "type !== 'CAMERA'" class="level-title">
<h1>区域名称：{{ info.GATE_AREA_NAME }}</h1>
</div>
<table v-for="(item,index) in varList" :key="index" v-if= "type !== 'CAMERA'" class="table-ui">
<table v-if= "type !== 'CAMERA'" class="table-ui">
<tr>
<td class="bbg-transparent">闸机名称</td>
<td colspan="5">{{ item.GATE_NAME }}</td>
<td colspan="5">{{ info.GATE_MACHINE_NAME }}</td>
</tr>
<!-- <tr>-->
<!-- <td class="bbg-transparent">型号</td>-->
@ -14,11 +14,11 @@
<!-- </tr>-->
<tr>
<td class="bbg-transparent">今日进</td>
<td width="60px">{{ type == 'CAR'? item.CAR_IN : info.PERSON_IN }}</td>
<td>{{ type == 'CAR'? info.CAR_IN : info.PERSON_IN }}</td>
<td class="bbg-transparent">今日出</td>
<td width="60px">{{ type == 'CAR'? item.CAR_OUT : info.PERSON_OUT }}</td>
<td>{{ type == 'CAR'? info.CAR_OUT : info.PERSON_OUT }}</td>
<td class="bbg-transparent">当前滞留</td>
<td width="60px">{{ type == 'CAR'? item.CAR_IN - item.CAR_OUT : info.PERSON_IN - info.PERSON_OUT }}</td>
<td>{{ type == 'CAR'? info.CAR_IN - info.CAR_OUT : info.PERSON_IN - info.PERSON_OUT }}</td>
</tr>
<tr v-if="type == 'PERSON'">
<td colspan="6">
@ -30,7 +30,7 @@
<td>状态</td>
</tr>
<tr v-for="(item,index) in recordAllList" :key="index">
<td>{{ item.CARDTYPE }}</td>
<td>{{ item.CARDTYPE }}</td>
<td>{{ item.USERNAME }}</td>
<td>{{ item.TIME }}</td>
<td>
@ -55,6 +55,80 @@
<video-play v-if="type === 'CAMERA' && info.GATEVIDEO_ID" :id="info.GATEVIDEO_ID" :type="type" :gangkou="gangkou"/>
</div>
</div>
<div class="app-container print-work" v-else>
<div v-if= "type !== 'CAMERA'" class="level-title">
<h1>区域名称：{{ info.GATE_AREA_NAME }}</h1>
</div>
<table v-for="(item,index) in varList" :key="index" v-if= "type !== 'CAMERA'" class="table-ui">
<tr>
<td class="bbg-transparent">闸机名称</td>
<td colspan="5">{{ item.GATE_NAME }}</td>
</tr>
<tr>
<td class="bbg-transparent">今日进</td>
<td width="80px">{{ item.CAR_IN}}</td>
<td class="bbg-transparent">今日出</td>
<td width="80px">{{ item.CAR_OUT}}</td>
<td class="bbg-transparent">当前滞留</td>
<td width="80px">{{ item.CAR_IN - item.CAR_OUT}}</td>
</tr>
</table>
<table class="table-ui">
<tr v-if="carRecordAllList != null && carRecordAllList.length > 0">
<td colspan="6">
<table class="table-ui">
<tr>
<td class="bbg-transparent">车牌</td>
<td class="bbg-transparent">时间</td>
<td class="bbg-transparent">闸机</td>
<td class="bbg-transparent">状态</td>
</tr>
<tr v-for="(item,index) in carRecordAllList" :key="index">
<td>{{ item.LICENSE_PLATE }}</td>
<td>{{ item.TIME }}</td>
<td>{{ item.COMING_REASON }}</td>
<td>{{ item.STATE == '0' ? '进港': '出港' }}</td>
</tr>
</table>
</td>
</tr>
<tr v-if="recordAllList != null && recordAllList.length > 0">
<td colspan="6">
<table class="table-ui">
<tr>
<td>卡号</td>
<td>人员姓名</td>
<td>刷卡时间</td>
<td>闸机</td>
<td>状态</td>
</tr>
<tr v-for="(item,index) in recordAllList" :key="index">
<td>{{ item.CARDTYPE }}</td>
<td>{{ item.USERNAME }}</td>
<td>{{ item.TIME }}</td>
<td>{{ item.EQUIPMENTNAME }}</td>
<td>
<span v-if="item.STATE == '0'">进</span>
<span v-if="item.STATE == '1'">出</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div v-if= "type == 'CAMERA'" class="level-title">
<h1>摄像头名称：{{ info.VIDEONAME }}</h1>
</div>
<table v-if= "type == 'CAMERA'" class="table-ui">
<tr>
<td class="bbg-transparent">编码</td>
<td >{{ info.CODE }}</td>
</tr>
</table>
<div class="video">
<video-play v-if="type === 'CAMERA' && info.GATEVIDEO_ID" :id="info.GATEVIDEO_ID" :type="type" :gangkou="gangkou"/>
</div>
</div>
</template>
<script>
@ -98,7 +172,8 @@ export default {
config: config,
info: {},
recordAllList: [],
varList:[]
varList:[],
carRecordAllList:[]
}
},
@ -163,6 +238,7 @@ export default {
}
).then((data) => {
this.recordAllList = data.recordAllList
this.carRecordAllList = data.carRecordAllList
this.$forceUpdate()
}).catch((e) => {
})

16
src/views/map/index.vue
View File

@ -466,11 +466,11 @@ export default {
eliminateAuthorization: [],
list: [
{
label: '车辆',
label: '口门',
dialog_width: '600px',
check: false,
img: require('../../assets/map/gangkou_index/buttom/ico2.png'),
checkImg: require('../../assets/map/gangkou_index/buttom/ico2_on.png'),
img: require('../../assets/map/gangkou_index/buttom/ico1.png'),
checkImg: require('../../assets/map/gangkou_index/buttom/ico1_on.png'),
type: 'CAR',
containAuthorization: [],
eliminateAuthorization: []
@ -875,7 +875,8 @@ export default {
RyDeptName: '',
RyPostName: '',
RyRealName: '',
personTypeName: ''
personTypeName: '',
GATE_VIDEO_ID:''
},
/* 曹妃甸使用参数开始*/
// 人员定位
@ -1383,6 +1384,13 @@ export default {
}
const point_type = pick.id._monitoItems.data.point_type
const point_id = pick.id._monitoItems.data.id
if (point_type == '标记点CAMERA'){
const { GATE_VIDEO_ID } = pick.id._monitoItems.data
alert(GATE_VIDEO_ID)
alert(pick.id._monitoItems.data)
console.log(pick.id._monitoItems.data)
this.dialog.GATE_VIDEO_ID = GATE_VIDEO_ID
}
if (point_type === '报警') {
viewer.dataSources.remove(this.myEntityCollection[pick.id._monitoItems.data.id])
delete this.poinEntity[pick.id._monitoItems.data.id]