65 lines
1.7 KiB
Vue
65 lines
1.7 KiB
Vue
|
<template>
|
|||
|
|
<div class="right_side">
|
|||
|
|
<div class="right_side_box_1">
|
|||
|
|
<ul class="site_btn_box">
|
|||
|
|
<li class="site_btn">{{result.working_status}}</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul class="site_btn_box">
|
|||
|
|
<li class="site_btn">{{result.vehicle_status}}</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>
|
|||
|
|
export default {
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
interTime: this.$store.getters.setTime,
|
|||
|
|
timer: null,
|
|||
|
|
result: {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="stylus" scoped>
|
|||
|
|
@import '~@style/mixin'
|
|||
|
|
.right_side_box_1
|
|||
|
|
_wh(100%,100%)
|
|||
|
|
padding .26rem .34rem 0 .48rem
|
|||
|
|
.site_btn_box
|
|||
|
|
_wh(100%,auto)
|
|||
|
|
overflow hidden
|
|||
|
|
.site_btn_box_1
|
|||
|
|
margin-top .2rem
|
|||
|
|
_fj(flex-start)
|
|||
|
|
flex-wrap wrap
|
|||
|
|
.site_btn
|
|||
|
|
float left
|
|||
|
|
_wh(2.6rem,1rem)
|
|||
|
|
background #FFFFFF
|
|||
|
|
border 1.6px solid #54C0B3
|
|||
|
|
box-shadow 2px 0px 5px 0px rgba(222,222,222,1)
|
|||
|
|
border-radius .16rem
|
|||
|
|
_font(.32rem,1rem,#54C0B3,,center)
|
|||
|
|
margin-right .3rem
|
|||
|
|
margin-bottom .2rem
|
|||
|
|
.site_btn_1
|
|||
|
|
width 30%
|
|||
|
|
border 1.6px solid #8B90A6
|
|||
|
|
color: #696969
|
|||
|
|
margin-right 3%
|
|||
|
|
margin-bottom .24rem
|
|||
|
|
</style>
|