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