提交代码
姜玉琦
parent
f2e0248fc6
commit
005505b747
|
|
@ -1,30 +1,48 @@
|
|||
import request from '@/utils/request'
|
||||
// 查询塔基配置列表
|
||||
const findtowerConfigGroupOnline=(deptId, projectId)=> {
|
||||
const findTowerConfigGroupOnline=(deptId, projectId)=> {
|
||||
return request({
|
||||
url: `bgscreen/tower/findtowerConfigGroupOnline?deptId=${deptId||0}&projectId=${projectId||0}`,
|
||||
url: `bgscreen/tower/findTowerConfigGroupOnline?deptId=${deptId||0}&projectId=${projectId||0}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询塔基配置列表
|
||||
const findtowerConfigListByProjectId=(deptId, projectId)=> {
|
||||
const findTowerConfigListByProjectId=(deptId, projectId)=> {
|
||||
return request({
|
||||
url: `bgscreen/tower/findtowerConfigListByProjectId?deptId=${deptId||0}&projectId=${projectId||0}`,
|
||||
url: `bgscreen/tower/findTowerConfigListByProjectId?deptId=${deptId||0}&projectId=${projectId||0}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询塔基运行数据
|
||||
const findtowerStatisticsView=(deviceSn)=> {
|
||||
// 查询塔基运行统计
|
||||
const findTowerStatisticsView=(deviceSn)=> {
|
||||
return request({
|
||||
url: `bgscreen/tower/findtowerStatisticsView?deviceSn=${deviceSn}`,
|
||||
url: `bgscreen/tower/findTowerStatisticsView?deviceSn=${deviceSn}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询塔基限位数据
|
||||
const selectDevTowerDataLimitList=(deviceSn)=> {
|
||||
return request({
|
||||
url: `bgscreen/tower/selectDevTowerDataLimitList?deviceKey=${deviceSn}&pageNum=1&pageSize=10`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询塔基实时数据
|
||||
const selectDevTowerDataRunList=(deviceSn)=> {
|
||||
return request({
|
||||
url: `bgscreen/tower/selectDevTowerDataRunList?deviceKey=${deviceSn}&pageNum=1&pageSize=10&warnings=Y`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export default{
|
||||
findtowerConfigGroupOnline,
|
||||
findtowerConfigListByProjectId,
|
||||
findtowerStatisticsView
|
||||
findTowerConfigGroupOnline,
|
||||
findTowerConfigListByProjectId,
|
||||
findTowerStatisticsView,
|
||||
selectDevTowerDataLimitList,
|
||||
selectDevTowerDataRunList
|
||||
}
|
||||
|
|
@ -5,26 +5,26 @@ Vue.component("tower-crane-value-1", {
|
|||
template: `
|
||||
<div class="safe-tower-content">
|
||||
<div class="safe-tower-content-title">
|
||||
<span v-html="value.name"></span>
|
||||
<span v-html="value.deviceName+' #前臂'+value.frontBrachium+' m'+' #后臂'+value.afterBrachium+' m'"></span>
|
||||
</div>
|
||||
<div class="safe-tower-content-data">
|
||||
<el-row>
|
||||
<el-col :span="3">
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>后臂长</p>
|
||||
<div><span v-html="value.postArmLength">0</span> m</div>
|
||||
<p>塔身高度</p>
|
||||
<div><span v-html="value.towerBodyHeight">0</span> m</div>
|
||||
</div>
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>前臂长</p>
|
||||
<div><span v-html="value.foreArmLength">0</span> m</div>
|
||||
<p>当前吊重</p>
|
||||
<div><span v-html="tLoad">0</span> t</div>
|
||||
</div>
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>塔身高</p>
|
||||
<div><span v-html="value.downHeight">0</span> m</div>
|
||||
<p>当前回转</p>
|
||||
<div><span v-html="tRotation">0</span> °</div>
|
||||
</div>
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>功率</p>
|
||||
<div><span v-html="value.power"></span> kw</div>
|
||||
<p>当前幅度</p>
|
||||
<div><span v-html="tRange"></span> m</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="18">
|
||||
|
|
@ -54,20 +54,20 @@ Vue.component("tower-crane-value-1", {
|
|||
</el-col>
|
||||
<el-col :span="3">
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>力矩比</p>
|
||||
<div><span v-html="value.torqueData">0</span> %</div>
|
||||
<p>水平倾角</p>
|
||||
<div><span v-html="tLeanAngleX">0</span> °</div>
|
||||
</div>
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>安全吊重</p>
|
||||
<div><span v-html="value.overload">0</span> t</div>
|
||||
<p>垂直倾角</p>
|
||||
<div><span v-html="tLeanAngleY">0</span> °</div>
|
||||
</div>
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>进场时间</p>
|
||||
<div class="safe-tower-content-data-list-time"><span v-html="value.enterTime">0</span></div>
|
||||
<p>重量百分比</p>
|
||||
<div><span v-html="tLoadPercent">0</span> %</div>
|
||||
</div>
|
||||
<div class="safe-tower-content-data-list">
|
||||
<p>扶墙高度</p>
|
||||
<div><span style="font-size: 16px;" v-html="value.buttress"></span></div>
|
||||
<p>力矩百分比</p>
|
||||
<div><span v-html="tMomentPercent"></span> %</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -91,20 +91,29 @@ Vue.component("tower-crane-value-1", {
|
|||
left:{
|
||||
type:Number
|
||||
},
|
||||
ampdata:{
|
||||
type:Number
|
||||
tHeight:{
|
||||
type:String
|
||||
},
|
||||
forearmlength:{
|
||||
type:Number
|
||||
tLoad:{
|
||||
type:String
|
||||
},
|
||||
heightdata:{
|
||||
type:Number
|
||||
tRotation:{
|
||||
type:String
|
||||
},
|
||||
downheight:{
|
||||
type:Number
|
||||
tRange:{
|
||||
type:String
|
||||
},
|
||||
angledata:{
|
||||
type:Number
|
||||
tLeanAngleX:{
|
||||
type:String
|
||||
},
|
||||
tLeanAngleY:{
|
||||
type:String
|
||||
},
|
||||
tLoadPercent:{
|
||||
type:String
|
||||
},
|
||||
tMomentPercent:{
|
||||
type:String
|
||||
},
|
||||
},
|
||||
data() {
|
||||
|
|
@ -114,25 +123,22 @@ Vue.component("tower-crane-value-1", {
|
|||
},
|
||||
mounted(){
|
||||
//this.animation()
|
||||
|
||||
},
|
||||
methods: {
|
||||
animation(){
|
||||
|
||||
var leftValue = this.ampdata //幅度
|
||||
var brachium = this.forearmlength //臂长 //定制
|
||||
var leftValue = this.tRange //幅度
|
||||
var brachium = this.value.frontBrachium //臂长 //定制
|
||||
|
||||
leftValue = leftValue < 0 ? 0 : leftValue
|
||||
var left = leftValue / brachium * 100
|
||||
|
||||
var heightValue = this.heightdata //高度
|
||||
var towerHeight = this.downheight //塔身高度
|
||||
var heightValue = this.tHeight //高度
|
||||
var towerHeight = this.towerBodyHeight //塔身高度
|
||||
|
||||
var height = (towerHeight - heightValue) * this.height / towerHeight
|
||||
height = height > this.height ? this.height : height
|
||||
|
||||
|
||||
var value = Number(this.angledata) //角度
|
||||
var value = Number(this.tLeanAngleX) //角度
|
||||
var degValue = -value
|
||||
setTimeout(function () {
|
||||
$("#slider").animate({left:left+'%'},1000);
|
||||
|
|
@ -146,22 +152,30 @@ Vue.component("tower-crane-value-1", {
|
|||
},
|
||||
watch:{
|
||||
value:function () {
|
||||
console.log(this.value)
|
||||
this.animation()
|
||||
},
|
||||
ampdata:function () {
|
||||
tHeight:function () {
|
||||
this.animation()
|
||||
},
|
||||
forearmlength:function () {
|
||||
tLoad:function () {
|
||||
this.animation()
|
||||
},
|
||||
heightdata:function () {
|
||||
tRotation:function () {
|
||||
this.animation()
|
||||
},
|
||||
downheight:function () {
|
||||
tRange:function () {
|
||||
this.animation()
|
||||
},
|
||||
angledata:function () {
|
||||
tLeanAngleX:function () {
|
||||
this.animation()
|
||||
},
|
||||
tLeanAngleY:function () {
|
||||
this.animation()
|
||||
},
|
||||
tLoadPercent:function () {
|
||||
this.animation()
|
||||
},
|
||||
tMomentPercent:function () {
|
||||
this.animation()
|
||||
},
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue