root/apt-nl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

用户管理

Browse Source
This commit is contained in:
caill
2023-05-24 09:58:48 +08:00
parent ce3e78f13c
commit 59ca5ef790
6 changed files with 614 additions and 534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/pages/modules/vehicleinformation/vehiclestatus.vue
View File

@@ -4,29 +4,35 @@
<div class="state_wrap">
<div class="state_tip">车辆状态</div>
<div class="state_content">
<div class="state_item_1">正常</div>
<div class="state_item_1">{{result.vehicle_status}}</div>
</div>
</div>
<div class="state_wrap">
<div class="state_tip">工作状态</div>
<div class="state_content">
<div class="state_item_1">{{result.working_status}}</div>
</div>
</div>
<div class="state_wrap">
<div class="state_tip">传感器状态</div>
<div class="state_content">
<div class="state_item_2">
<div class="state_item_2" :class="result1.stopButton_status === '0' ? 'site_btn_disabled' : 'site_btn_active'">
<span class="state_item_2_dot"></span>
<span class="state_item_2_txt">急停按钮</span>
</div>
<div class="state_item_2">
<div class="state_item_2" :class="result1.speedReduction_status === '0' ? 'site_btn_disabled' : 'site_btn_active'">
<span class="state_item_2_dot"></span>
<span class="state_item_2_txt">避障减速</span>
</div>
<div class="state_item_2">
<div class="state_item_2" :class="result1.resetButton_status === '0' ? 'site_btn_disabled' : 'site_btn_active'">
<span class="state_item_2_dot"></span>
<span class="state_item_2_txt">复位按钮</span>
</div>
<div class="state_item_2">
<div class="state_item_2" :class="result1.speedStop_status === '0' ? 'site_btn_disabled' : 'site_btn_active'">
<span class="state_item_2_dot"></span>
<span class="state_item_2_txt">避障停车</span>
</div>
<div class="state_item_2">
<div class="state_item_2" :class="result1.securityTentacle_status === '0' ? 'site_btn_disabled' : 'site_btn_active'">
<span class="state_item_2_dot"></span>
<span class="state_item_2_txt">安全触边</span>
</div>
@@ -37,64 +43,83 @@
<div class="state_content">
<div class="state_item_3">
<span class="state_item_3_txt1">X坐标：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt2">{{result.x}}</span>
</div>
<div class="state_item_3">
<span class="state_item_3_txt1">Y坐标：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt2">{{result.y}}</span>
</div>
<div class="state_item_3">
<span class="state_item_3_txt1">Z坐标：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt1">航向角：</span>
<span class="state_item_3_txt2">{{result.z}}</span>
</div>
<div class="state_item_3">
<span class="state_item_3_txt1">下发速度：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt2">{{result.send_speed}}</span>
</div>
<div class="state_item_3">
<span class="state_item_3_txt1">实际速度：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt2">{{result.real_speed}}</span>
</div>
<div class="state_item_3">
<span class="state_item_3_txt1">舵轮角度：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt2">{{result.carrier}}</span>
</div>
<div class="state_item_3">
<span class="state_item_3_txt1">偏差：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt1">横向偏差：</span>
<span class="state_item_3_txt2">{{result.landscape_deviation}}</span>
</div>
<div class="state_item_3">
<span class="state_item_3_txt1">偏差：</span>
<span class="state_item_3_txt2">111111</span>
<span class="state_item_3_txt1">航向偏差：</span>
<span class="state_item_3_txt2">{{result.course_deviation}}</span>
</div>
</div>
</div>
</div>
<!-- <div class="right_side_box_1">
<ul class="site_btn_box">
<li class="site_btn">正常</li>
</ul>
<ul class="site_btn_box site_btn_box_1">
<li class="site_btn site_btn_1">X坐标：{{result.x}}</li>
<li class="site_btn site_btn_1">Y坐标：{{result.y}}</li>
<li class="site_btn site_btn_1">航向角：{{result.z}}</li>
<li class="site_btn site_btn_1">下发速度：{{result.send_speed}}</li>
<li class="site_btn site_btn_1">实际速度：{{result.real_speed}}</li>
<li class="site_btn site_btn_1">舵轮角度：{{result.carrier}}</li>
<li class="site_btn site_btn_1">横向偏差：{{result.landscape_deviation}}</li>
<li class="site_btn site_btn_1">航向偏差：{{result.course_deviation}}</li>
</ul>
</div> -->
</div>
</template>
<script>
import {queryVehicleStatus, querrySensor} from '@config/getData2.js'
export default {
data () {
return {
interTime: this.$store.getters.setTime,
timer: null,
result: {}
result: {},
result1: {}
}
},
created () {
this._queryVehicleStatus()
this._querrySensor()
this.refresh()
},
beforeDestroy () {
clearInterval(this.timer)
},
methods: {
refresh () {
this.timer = setInterval(() => {
this._queryVehicleStatus()
this._querrySensor()
}, this.interTime)
},
async _queryVehicleStatus () {
let res = await queryVehicleStatus()
if (res.code === '1') {
this.result = res.result
} else {
this.toast(res.desc)
}
},
async _querrySensor () {
let res = await querrySensor()
if (res.code === '1') {
this.result1 = res.result
} else {
this.toast(res.desc)
}
}
}
}
@@ -128,4 +153,12 @@ export default {
color: #696969
margin-right 3%
margin-bottom .24rem
.site_btn_disabled
opacity 0.5
.state_item_2_dot
background-color #c6c6c6
.site_btn_active
opacity 1
.state_item_2_dot
background-color #00c852
</style>