湖里大屏(数字工地):完成塔吊弹框驾驶员信息联调

This commit is contained in:
Jack 2022-08-19 14:45:36 +08:00
parent ca1e34f924
commit 5e9863d2cf
2 changed files with 39 additions and 28 deletions

View File

@ -426,8 +426,7 @@
{{ company == 'longguang' ? $t('message.dataBoard.towerPlayer') : $t('message.dataBoard.driverInfo') }} {{ company == 'longguang' ? $t('message.dataBoard.towerPlayer') : $t('message.dataBoard.driverInfo') }}
</div> </div>
<!-- 驾驶员信息 --> <!-- 驾驶员信息 -->
<vue-scroll v-if="towerBasicInfoDriverList.length > 0" style="height: 130px; margin-bottom: 10px"> <vue-scroll v-if="towerBasicInfo.driverList.length" style="height: 130px; margin-bottom: 10px">
<!-- driverIdCardidCard-->
<div class="driverInfo" v-for="(item, index) in towerBasicInfo.driverList" :key="index"> <div class="driverInfo" v-for="(item, index) in towerBasicInfo.driverList" :key="index">
<img <img
@click="openImg(fileUrl + item.fieldAcquisitionUrl)" @click="openImg(fileUrl + item.fieldAcquisitionUrl)"
@ -686,8 +685,7 @@
{{ $t('message.dataBoard.towerRunInfo') }} {{ $t('message.dataBoard.towerRunInfo') }}
<span class="tower-time"> <span class="tower-time">
<!-- 当前上传时间 --> <!-- 当前上传时间 -->
{{ $t('message.dataBoard.nowUpdateTime') + ':' {{ $t('message.dataBoard.nowUpdateTime') + ':' }}{{ ((towerBasicInfo || {}).tower || {}).realTime || '--' }}
}}{{ towerBasicInfo.tower && towerBasicInfo.tower.realTime ? towerBasicInfo.tower.realTime : '--' }}
</span> </span>
</div> </div>
<div class="realTimeInfo towerCrane" v-if="company == 'longguang'"> <div class="realTimeInfo towerCrane" v-if="company == 'longguang'">
@ -845,8 +843,7 @@
{{ $t('message.dataBoard.towerRunInfo') }} {{ $t('message.dataBoard.towerRunInfo') }}
<span class="tower-time"> <span class="tower-time">
<!-- 当前上传时间 --> <!-- 当前上传时间 -->
{{ $t('message.dataBoard.nowUpdateTime') + ':' {{ $t('message.dataBoard.nowUpdateTime') + ':' }}{{ ((towerBasicInfo || {}).tower || {}).realTime || '--' }}
}}{{ towerBasicInfo.tower && towerBasicInfo.tower.realTime ? towerBasicInfo.tower.realTime : '--' }}
</span> </span>
</div> </div>
<div class="realTimeInfo towerCrane" v-if="company != 'longguang'"> <div class="realTimeInfo towerCrane" v-if="company != 'longguang'">
@ -1055,7 +1052,7 @@
{{ $t('message.dataBoard.alarmInfo') }} {{ $t('message.dataBoard.alarmInfo') }}
</div> </div>
<div class="deviceInfo" style="background: #061125" v-if="company == 'longguang'"> <div class="deviceInfo" style="background: #061125" v-if="company == 'longguang'">
<vue-scroll v-if="TowerAlarmList.length " style="height: 300px; margin-bottom: 10px"> <vue-scroll v-if="TowerAlarmList.length" style="height: 300px; margin-bottom: 10px">
<div class="driverInfo" v-for="(item, index) in TowerAlarmList" :key="index"> <div class="driverInfo" v-for="(item, index) in TowerAlarmList" :key="index">
<div class="TowerAlarm_item"> <div class="TowerAlarm_item">
<p v-if="item.windSpeedAlarm" class="p1" style="width: 100%; font-size: 15px"> <p v-if="item.windSpeedAlarm" class="p1" style="width: 100%; font-size: 15px">
@ -2131,7 +2128,6 @@ export default {
showCarDialog: false, showCarDialog: false,
showCarDialog2: false, showCarDialog2: false,
towerBasicInfo: {}, //, towerBasicInfo: {}, //,
towerBasicInfoDriverList: [],
nutHostId: '', //id nutHostId: '', //id
towerCurrentInfo: {}, // towerCurrentInfo: {}, //
coordData: { coordData: {
@ -2506,8 +2502,6 @@ export default {
this.$message.error(res.message) this.$message.error(res.message)
} }
}) })
console.log(this.towerBasicInfo.tower.nutHostId)
console.log(this.towerBasicInfo.tower.nodeCount)
}, },
closeMap() { closeMap() {
this.showTowerDialog = false this.showTowerDialog = false
@ -3109,19 +3103,17 @@ export default {
}, },
// //
getTowerDriverInfo(devSn) { getTowerDriverInfo(devSn) {
getTowerAlarmListApi({ devSn, projectSn: this.projectSn }).then(res => { getTowerAlarmListApi({ devSn, projectSn: this.projectSn }).then(res => {
console.log(res.result) console.log(res.result)
this.TowerAlarmList = res.result.records this.TowerAlarmList = res.result.records
}) })
this.getTowerWarningList(devSn) this.getTowerWarningList(devSn)
getSelectTowerBySnApi({ devSn }).then(res => { getSelectTowerBySnApi({ devSn }).then(res => {
console.log(1) console.log(1)
if (res.code == 200) { if (res.code == 200) {
console.log(res.result) console.log(res.result)
this.towerBasicInfo = res.result this.towerBasicInfo = res.result
this.weightSet = res.result.tower.weightSet this.weightSet = res.result.tower.weightSet
this.towerBasicInfoDriverList = res.result.driverList
console.log('驾驶员信息', this.towerBasicInfoDriverList)
this.nutHostId = res.result.tower.nutHostId this.nutHostId = res.result.tower.nutHostId
realWidth = this.towerBasicInfo.tower.forearmLength realWidth = this.towerBasicInfo.tower.forearmLength
realHeight = this.towerBasicInfo.tower.towerHeight realHeight = this.towerBasicInfo.tower.towerHeight

View File

@ -14,13 +14,18 @@
<div class="card"> <div class="card">
<div class="card-title">驾驶员信息</div> <div class="card-title">驾驶员信息</div>
<div class="driver content"> <div class="driver content">
<img src="" /> <vue-scroll>
<div class="infos"> <div class="driver-item" v-for="(driver, index) in drivers" :key="index">
<div class="info-item">姓名</div> <img v-if="driver.fieldAcquisitionUrl" :src="fileUrl + driver.fieldAcquisitionUrl" />
<div class="info-item">年龄</div> <img v-else src="@/assets/images/profile_photo.png" />
<div class="info-item">特种证书编号</div> <div class="infos">
<div class="info-item">证件</div> <div class="info-item">姓名{{ driver.workerName }}</div>
</div> <div class="info-item">年龄{{ driver.age }}</div>
<div class="info-item">特种证书编号{{ driver.certificateNumber }}</div>
<div class="info-item">证件{{ driver.idCard }}</div>
</div>
</div>
</vue-scroll>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
@ -56,8 +61,8 @@
<script> <script>
import AreaTree from '@/components/areaTree' import AreaTree from '@/components/areaTree'
import VideoModule from '@/components/videoModule/videoModule' import VideoModule from '@/components/videoModule/videoModule'
import { getLifterCurrentDataApi, getSelectLifterBySnApi, getLifterAlarmApi } from '@/assets/js/api/lifter' import { getLifterCurrentDataApi, getSelectLifterBySnApi } from '@/assets/js/api/lifter'
import { getTowerAlarmListApi } from '@/assets/js/api/towerCrane' import { getTowerAlarmListApi, getSelectTowerBySnApi } from '@/assets/js/api/towerCrane'
import moment from 'moment' import moment from 'moment'
export default { export default {
components: { AreaTree, VideoModule }, components: { AreaTree, VideoModule },
@ -70,16 +75,19 @@ export default {
mounted() { mounted() {
this.getEnvironmentInfo() this.getEnvironmentInfo()
this.getDeviceInfo() this.getDeviceInfo()
this.getDrivers()
this.getAlertInfo() this.getAlertInfo()
}, },
data() { data() {
return { return {
projectSn: this.$store.state.projectSn, projectSn: this.$store.state.projectSn,
fileUrl: this.$store.state.FILEURL,
videoList: [], videoList: [],
playList: [], playList: [],
activeLiveData: { devSn: '' }, activeLiveData: { devSn: '' },
environmentInfo: {}, environmentInfo: {},
deviceInfo: {}, deviceInfo: {},
drivers: [],
alerts: [] alerts: []
} }
}, },
@ -106,6 +114,13 @@ export default {
} }
}) })
}, },
getDrivers() {
getSelectTowerBySnApi({ devSn: '555' }).then(res => {
if (res.code == 200) {
this.drivers = res.result.driverList
}
})
},
getAlertInfo() { getAlertInfo() {
getTowerAlarmListApi({ devSn: 'A5FBF4B23B234DDF9553480DE4D26674', projectSn: this.projectSn }).then(res => { getTowerAlarmListApi({ devSn: 'A5FBF4B23B234DDF9553480DE4D26674', projectSn: this.projectSn }).then(res => {
this.alerts = res.result.records this.alerts = res.result.records
@ -161,11 +176,15 @@ export default {
height: 100px; height: 100px;
} }
&.driver { &.driver {
display: flex; height: 120px;
img { .driver-item {
margin-right: 10px; margin-bottom: 20px;
width: 100px; display: flex;
height: 100px; img {
margin-right: 10px;
width: 100px;
height: 100px;
}
} }
} }
&.alert { &.alert {