sov
This commit is contained in:
@@ -22,13 +22,9 @@ export default {
|
||||
index: '1',
|
||||
router: '/vehiclestatus'
|
||||
}, {
|
||||
label: '传感器状态',
|
||||
label: '车辆控制',
|
||||
index: '2',
|
||||
router: '/sensorstatus'
|
||||
}, {
|
||||
label: 'AGV',
|
||||
index: '3',
|
||||
router: '/agvstatus'
|
||||
router: '/vehiclecontrol'
|
||||
}]
|
||||
}
|
||||
}
|
||||
|
||||
100
src/pages/modules/vehicleinformation/vehiclecontrol.vue
Normal file
100
src/pages/modules/vehicleinformation/vehiclecontrol.vue
Normal file
@@ -0,0 +1,100 @@
|
||||
<template>
|
||||
<div class="right_side">
|
||||
<div class="content_wrap">
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">显示屏控制</div>
|
||||
<div class="state_content state_content_1">
|
||||
<div class="state_item_switch is-checked">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">TCS控制</div>
|
||||
<div class="state_content state_content_1">
|
||||
<div class="state_item_switch is-checked">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">RC控制</div>
|
||||
<div class="state_content state_content_1">
|
||||
<div class="state_item_switch is-checked">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">Joy控制</div>
|
||||
<div class="state_content state_content_1">
|
||||
<div class="state_item_switch is-checked">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">AGV</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_4">
|
||||
<span class="state_item_4_btn state_icon_2"></span>
|
||||
<span class="state_item_4_txt">跳过起点</span>
|
||||
</div>
|
||||
<div class="state_item_4">
|
||||
<span class="state_item_4_btn state_icon_6"></span>
|
||||
<span class="state_item_4_txt">初始化坐标</span>
|
||||
</div>
|
||||
<div class="state_item_4">
|
||||
<span class="state_item_4_btn state_icon_4"></span>
|
||||
<span class="state_item_4_txt">全屏</span>
|
||||
</div>
|
||||
<div class="state_item_4">
|
||||
<span class="state_item_4_btn state_icon_3"></span>
|
||||
<span class="state_item_4_txt">退出</span>
|
||||
</div>
|
||||
<div class="state_item_4">
|
||||
<span class="state_item_4_btn state_icon_5"></span>
|
||||
<span class="state_item_4_txt">关机</span>
|
||||
</div>
|
||||
<div class="state_item_4">
|
||||
<span class="state_item_4_btn state_icon_1"></span>
|
||||
<span class="state_item_4_txt">软启动</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@import '~@style/mixin'
|
||||
.state_content_1
|
||||
height 100px
|
||||
.state_item_4
|
||||
_fj(center,,column)
|
||||
_wh(184px,184px)
|
||||
_bis('../../../images/aio/agv_btn_bg.png', 100%)
|
||||
margin-bottom 16px
|
||||
margin-right 16px
|
||||
.state_item_4_btn
|
||||
_wh(60px,60px)
|
||||
margin-bottom 13px
|
||||
.state_item_4_txt
|
||||
_font(28px,45px,#464646,500,)
|
||||
.state_icon_1
|
||||
_bis('../../../images/aio/agv_1.png', 100%)
|
||||
.state_icon_2
|
||||
_bis('../../../images/aio/agv_2.png', 100%)
|
||||
.state_icon_3
|
||||
_bis('../../../images/aio/agv_3.png', 100%)
|
||||
.state_icon_4
|
||||
_bis('../../../images/aio/agv_4.png', 100%)
|
||||
.state_icon_5
|
||||
_bis('../../../images/aio/agv_5.png', 100%)
|
||||
.state_icon_6
|
||||
_bis('../../../images/aio/agv_6.png', 100%)
|
||||
</style>
|
||||
@@ -1,11 +1,78 @@
|
||||
<template>
|
||||
<div class="right_side">
|
||||
<div class="right_side_box_1">
|
||||
<div class="content_wrap">
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">车辆状态</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_1">正常</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">传感器状态</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_2">
|
||||
<span class="state_item_2_dot"></span>
|
||||
<span class="state_item_2_txt">急停按钮</span>
|
||||
</div>
|
||||
<div class="state_item_2">
|
||||
<span class="state_item_2_dot"></span>
|
||||
<span class="state_item_2_txt">避障减速</span>
|
||||
</div>
|
||||
<div class="state_item_2">
|
||||
<span class="state_item_2_dot"></span>
|
||||
<span class="state_item_2_txt">复位按钮</span>
|
||||
</div>
|
||||
<div class="state_item_2">
|
||||
<span class="state_item_2_dot"></span>
|
||||
<span class="state_item_2_txt">避障停车</span>
|
||||
</div>
|
||||
<div class="state_item_2">
|
||||
<span class="state_item_2_dot"></span>
|
||||
<span class="state_item_2_txt">安全触边</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">AGV</div>
|
||||
<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>
|
||||
</div>
|
||||
<div class="state_item_3">
|
||||
<span class="state_item_3_txt1">Y坐标：</span>
|
||||
<span class="state_item_3_txt2">111111</span>
|
||||
</div>
|
||||
<div class="state_item_3">
|
||||
<span class="state_item_3_txt1">Z坐标：</span>
|
||||
<span class="state_item_3_txt2">111111</span>
|
||||
</div>
|
||||
<div class="state_item_3">
|
||||
<span class="state_item_3_txt1">下发速度：</span>
|
||||
<span class="state_item_3_txt2">111111</span>
|
||||
</div>
|
||||
<div class="state_item_3">
|
||||
<span class="state_item_3_txt1">实际速度：</span>
|
||||
<span class="state_item_3_txt2">111111</span>
|
||||
</div>
|
||||
<div class="state_item_3">
|
||||
<span class="state_item_3_txt1">舵轮角度：</span>
|
||||
<span class="state_item_3_txt2">111111</span>
|
||||
</div>
|
||||
<div class="state_item_3">
|
||||
<span class="state_item_3_txt1">偏差：</span>
|
||||
<span class="state_item_3_txt2">111111</span>
|
||||
</div>
|
||||
<div class="state_item_3">
|
||||
<span class="state_item_3_txt1">偏差：</span>
|
||||
<span class="state_item_3_txt2">111111</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <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>
|
||||
<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>
|
||||
@@ -17,7 +84,7 @@
|
||||
<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> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user