湖里大屏(数字工地):完成塔吊弹框驾驶员信息联调
This commit is contained in:
parent
ca1e34f924
commit
5e9863d2cf
@ -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">
|
||||||
<!-- driverIdCard,idCard-->
|
|
||||||
<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
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user