湖里大屏(数字工地):完成塔吊检测弹框塔吊运行信息联调

This commit is contained in:
Jack 2022-08-19 17:16:38 +08:00
parent bd2c6e338b
commit de86af6194
3 changed files with 75 additions and 78 deletions

View File

@ -40,8 +40,8 @@ if (process.env.NODE_ENV == 'development') {
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
// tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
// axios.defaults.baseURL = 'http://124.71.178.44:9500/'; // 星璇

View File

@ -599,7 +599,31 @@
</div>
</div>
</div>
<img src="@/assets/images/towericon/towerBG.png" ref="towerBG" v-if="company != 'longguang'" />
<template v-if="company != 'longguang'">
<img src="@/assets/images/towericon/towerBG.png" ref="towerBG" />
<img
src="@/assets/images/towericon/1.png"
v-show="hideGoods"
class="xMove"
id="xMove"
:style="{ top: '70px', left: coordData.coordX + 'px' }"
/>
<img
src="@/assets/images/towericon/line.png"
class="lines"
id="line"
v-show="hideGoods"
:style="{ left: coordData.coordX + 8 + 'px', height: coordData.lineLength + 'px', top: '78px' }"
/>
<div
class="moveBox"
id="moveBox"
v-show="hideGoods"
:style="{ top: coordData.coordY + 'px', left: coordData.coordX - 6 + 'px' }"
>
<img src="@/assets/images/towericon/hock.png" />
</div>
</template>
<!-- 龙光样式 -->
<img
src="@/assets/images/towericon/towerBG2.png"
@ -608,25 +632,6 @@
style="width: 496px; height: 484px"
/>
<img
src="@/assets/images/towericon/1.png"
v-show="hideGoods && company != 'longguang'"
class="xMove"
id="xMove"
:style="{ top: '70px', left: coordData.coordX + 'px' }"
/>
<img
src="@/assets/images/towericon/line.png"
class="lines"
id="line"
v-show="hideGoods && company != 'longguang'"
:style="{
left: coordData.coordX + 8 + 'px',
height: coordData.lineLength + 'px',
top: '78px'
}"
/>
<!-- 龙光样式 -->
<img
src="@/assets/images/towericon/line2.png"
@ -641,17 +646,6 @@
}"
/>
<div
class="moveBox"
id="moveBox"
v-show="hideGoods && company != 'longguang'"
:style="{
top: coordData.coordY + 'px',
left: coordData.coordX - 6 + 'px'
}"
>
<img src="@/assets/images/towericon/hock.png" />
</div>
<!-- 龙光样式 -->
<div
class="moveBox"
@ -679,8 +673,7 @@
</p>
</div>
</div>
<div class="blockTitle blockTitle2" v-if="company == 'longguang'" :class="company == 'longguang' ? 'blockTitle3' : ''">
<i v-if="company != 'longguang'"></i>
<div class="blockTitle blockTitle2 blockTitle3" v-if="company == 'longguang'">
<!-- 塔吊运行信息 -->
{{ $t('message.dataBoard.towerRunInfo') }}
<span class="tower-time">
@ -705,8 +698,7 @@
{{ $t('message.dataBoard.forearmLong') + ':' + $t('message.dataBoard.forearmInfo') }}
</div>
</span>
{{ (towerBasicInfo.tower || {}).forearmLength || '--' }}
m
{{ (towerBasicInfo.tower || {}).forearmLength || '--' }} m
</p>
<p>
<span>
@ -723,8 +715,7 @@
<!-- 塔吊高塔吊基础表面到吊钩下端的垂直距离 -->
</div>
</span>
{{ (towerBasicInfo.tower || {}).towerHeight || '--' }}
m
{{ (towerBasicInfo.tower || {}).towerHeight || '--' }} m
</p>
<p v-if="weightSet == 1">
<span>
@ -743,11 +734,7 @@
</span>
{{ (towerCurrentInfo || {}).loading || '--' }} kg
</p>
<p
:class="{
red: towerCurrentInfo.maxRangeAlarm != 0 || towerCurrentInfo.minRangeAlarm != 0
}"
>
<p :class="{ red: towerCurrentInfo.maxRangeAlarm != 0 || towerCurrentInfo.minRangeAlarm != 0 }">
<span>
<i
@mouseenter="showTitle4 = true"
@ -863,8 +850,7 @@
{{ $t('message.dataBoard.forearmLong') + ':' + $t('message.dataBoard.forearmInfo') }}
</div>
</span>
{{ (towerBasicInfo.tower || {}).forearmLength || '--' }}
m
{{ (towerBasicInfo.tower || {}).forearmLength || '--' }}m
</p>
<p>
<span>
@ -881,8 +867,7 @@
<!-- 塔吊高塔吊基础表面到吊钩下端的垂直距离 -->
</div>
</span>
{{ (towerBasicInfo.tower || {}).towerHeight || '--' }}
m
{{ (towerBasicInfo.tower || {}).towerHeight || '--' }}m
</p>
<p v-if="weightSet == 1">
<span>
@ -899,14 +884,9 @@
<!-- 载重塔吊工作实时吊装重量 -->
</div>
</span>
{{ (towerCurrentInfo || {}).loading || '--' }}
kg
{{ (towerCurrentInfo || {}).loading || '--' }}kg
</p>
<p
:class="{
red: towerCurrentInfo.maxRangeAlarm != 0 || towerCurrentInfo.minRangeAlarm != 0
}"
>
<p :class="{ red: towerCurrentInfo.maxRangeAlarm != 0 || towerCurrentInfo.minRangeAlarm != 0 }">
<span>
<i
@mouseenter="showTitle4 = true"
@ -939,11 +919,7 @@
</span>
{{ (towerCurrentInfo || {}).height || '--' }} m
</p>
<p
:class="{
red: towerCurrentInfo.obliguityXAlarm != 0 || towerCurrentInfo.obliguityYAlarm != 0
}"
>
<p :class="{ red: towerCurrentInfo.obliguityXAlarm != 0 || towerCurrentInfo.obliguityYAlarm != 0 }">
<span>
<i
@mouseenter="showTitle6 = true"
@ -2020,7 +1996,6 @@ import {
} from '@/assets/js/api/towerCrane' //
import { getSelectLifterBySnApi, getLifterCurrentDataApi, getSelectLifterWorkCycleListApi, getLifterAlarmApi } from '@/assets/js/api/lifter' //
import {
getGantryCranelistApi, //
getGantryCraneBySnApi, //devsn()
getNewestGantryCraneCurrentDataApi //
} from '@/assets/js/api/gantryCrane' //
@ -2112,29 +2087,17 @@ export default {
voltageA: '--',
uploadTime: '--'
},
electricBoxPos: {
x: 0,
y: 0
},
carBoxPos: {
x: 0,
y: 0
},
electricBoxPos: { x: 0, y: 0 },
carBoxPos: { x: 0, y: 0 },
carList: [],
carDetail: {
name: ''
},
carDetail: { name: '' },
electricDevDetail: { name: 'ddd', devSn: '' },
showCarDialog: false,
showCarDialog2: false,
towerBasicInfo: {}, //,
nutHostId: '', //id
towerCurrentInfo: {}, //
coordData: {
coordX: 0,
coordY: 0,
lineLength: 0
},
coordData: { coordX: 0, coordY: 0, lineLength: 0 },
hideGoods: false,
selectList: [], //
videoId: '',

View File

@ -57,7 +57,20 @@
<div class="box"></div>
<div class="circle"></div>
</div>
<div class="right"></div>
<div class="right">
<div class="card">
<div class="card-title">
塔吊运行信息<span>当前上传时间{{ tower.realTime || '--' }}</span>
</div>
<div class="tower content">
<div class="tower-item"><i class="el-icon-question"></i>前臂长{{ tower.forearmLength || '--' }} m</div>
<div class="tower-item"><i class="el-icon-question"></i>塔吊高{{ tower.towerHeight || '--' }} m</div>
<div class="tower-item"><i class="el-icon-question"></i>幅度{{ tower.ranger || '--' }} m</div>
<div class="tower-item"><i class="el-icon-question"></i>高度{{ tower.height || '--' }} m</div>
<div class="tower-item"><i class="el-icon-question"></i>角度{{ tower.angle || '--' }} °</div>
</div>
</div>
</div>
</div>
</el-dialog>
</template>
@ -87,6 +100,7 @@ export default {
fileUrl: this.$store.state.FILEURL,
deviceInfo: {},
drivers: [],
tower: [],
alerts: []
}
},
@ -102,6 +116,7 @@ export default {
getSelectTowerBySnApi({ devSn: '555' }).then(res => {
if (res.code == 200) {
this.drivers = res.result.driverList
this.tower = res.result.tower
}
})
},
@ -196,6 +211,13 @@ export default {
margin-right: 8px;
background-color: #6ce9f0;
}
span {
margin-right: 30px;
margin-left: auto;
font-size: 14px;
font-weight: normal;
color: #fff;
}
}
.content {
padding-left: 14px;
@ -234,6 +256,18 @@ export default {
}
}
}
&.tower {
display: flex;
flex-wrap: wrap;
.tower-item {
margin-bottom: 20px;
width: 50%;
i {
margin-right: 6px;
color: #5ec6d0;
}
}
}
}
}
}