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

语言切换

Browse Source
This commit is contained in:
caill
2023-11-27 10:48:26 +08:00
parent 059b4d35be
commit 2bc55bdf66
15 changed files with 427 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/pages/modules/vehicleinformation/vehiclecontrol.vue
View File

@@ -3,19 +3,19 @@
<div class="right_side">
<div class="content_wrap">
<div class="title_wrap">
<h2>车辆控制</h2>
<h2>{{ $t('vehiclecontrol.vehiclecontrol') }}</h2>
</div>
<div class="page_container">
<div class="state_title-wrap">
<h3>状态</h3>
<h3>{{ $t('vehiclecontrol.Status') }}</h3>
</div>
<div class="state_wrap">
<div class="state_item_wrap">
<div class="state_item_label">偏离状态：</div>
<div class="state_item_label">{{ $t('vehiclecontrol.deviatestatus') }}:</div>
<div class="state_item_val" :class="{'state_item_val_disabled': status.inLineStatus === '1'}">{{status.inLineStatus_name}}</div>
</div>
<div class="state_item_wrap">
<div class="state_item_label">更新状态：</div>
<div class="state_item_label">{{ $t('vehiclecontrol.updatestatus') }}:</div>
<div class="state_item_val" :class="{'state_item_val_disabled': status.UpdateStatus === '0'}">{{status.UpdateStatus_name}}</div>
</div>
</div>
@@ -41,11 +41,11 @@
<button class="switch_item switch_item_8" @click="switchDown('12', '0')" :disabled="disabled"></button>
</div>
<div class="state_title-wrap">
<h3>控制</h3>
<h3>{{ $t('vehiclecontrol.Control') }}</h3>
</div>
<div class="control_wrap">
<div class="control_item">
<div class="control_label">显示屏控制</div>
<div class="control_label">{{ $t('vehiclecontrol.monitorcontrol') }}</div>
<div class="control_val">
<button class="state_item_switch" :class="{'is-checked': switch1 === '1'}" :disabled="disabled" @click="switchDown('2', switch1)">
<input type="checkbox" class="switch__input">
@@ -54,7 +54,7 @@
</div>
</div>
<div class="control_item">
<div class="control_label">TCS控制</div>
<div class="control_label">TCS{{ $t('vehiclecontrol.control') }}</div>
<div class="control_val">
<button class="state_item_switch" :class="{'is-checked': switch2 === '1'}" :disabled="disabled" @click="switchDown('3', switch2)">
<input type="checkbox" class="switch__input">
@@ -63,7 +63,7 @@
</div>
</div>
<div class="control_item">
<div class="control_label">SCHE控制</div>
<div class="control_label">SCHE{{ $t('vehiclecontrol.control') }}</div>
<div class="control_val">
<button class="state_item_switch" :class="{'is-checked': switch3 === '1'}" :disabled="disabled" @click="switchDown('4', switch3)">
<input type="checkbox" class="switch__input">
@@ -72,7 +72,7 @@
</div>
</div>
<div class="control_item">
<div class="control_label">RC控制</div>
<div class="control_label">RC{{ $t('vehiclecontrol.control') }}</div>
<div class="control_val">
<button class="state_item_switch" :class="{'is-checked': switch4 === '1'}" :disabled="disabled" @click="switchDown('5', switch4)">
<input type="checkbox" class="switch__input">
@@ -81,7 +81,7 @@
</div>
</div>
<div class="control_item">
<div class="control_label">Joy控制</div>
<div class="control_label">Joy{{ $t('vehiclecontrol.control') }}</div>
<div class="control_val">
<button class="state_item_switch" :class="{'is-checked': switch5 === '1'}" :disabled="disabled" @click="switchDown('6', switch5)">
<input type="checkbox" class="switch__input">
@@ -95,19 +95,19 @@
<div v-show="show" class="dialog_wrapper">
<div class="dialog">
<div class="dialog_header">
<span class="dialog_title">初始化坐标</span>
<span class="dialog_title">{{ $t('vehiclecontrol.initializecoordinates') }}</span>
</div>
<div class="dialog_body">
<div class="pop_ul_wrapper">
<ul class="pop_ul">
<li>坐标信息</li>
<li>{{ $t('vehiclecontrol.coordinateinformation') }}</li>
<li v-for="(e,i) in result" :key="i" @click="tocheck(e)" :class="{'checked': e === obj}"><span class="pop_ul_span">{{e.point_code}}</span><span class="pop_ul_span">{{e.point_name}}</span><span class="pop_ul_span">{{e.x}}</span><span class="pop_ul_span">{{e.y}}</span><span class="pop_ul_span">{{e.t}}</span></li>
</ul>
</div>
</div>
<div class="dialog_footer">
<button class="button_control button_control_s button--info button_control_disabled mgr31" :disabled="disabled" @click="_restCoordinate"><p>确定</p></button>
<button class="button_control button_control_s" @click="show=false"><p>退出</p></button>
<button class="button_control button_control_s button--info button_control_disabled mgr31" :disabled="disabled" @click="_restCoordinate"><p>{{ $t('button.ok') }}</p></button>
<button class="button_control button_control_s" @click="show=false"><p>{{ $t('button.exit') }}</p></button>
</div>
</div>
</div>
@@ -400,4 +400,9 @@ export default {
background-color #FD6A35
.pop_ul li.checked span
color #fff
.enClass
.state_item_label
font-size 26px
.control_label
font-size 24px
</style>

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

@@ -3,7 +3,7 @@
<div class="right_side">
<div class="content_wrap">
<div class="title_wrap">
<h2>车辆状态</h2>
<h2>{{ $t('vehiclestatus.vehiclestatus') }}</h2>
</div>
<div class="page_container">
<div class="state_title-wrap">
@@ -11,62 +11,62 @@
</div>
<div class="agv_wrap">
<div class="agv_item_wrap">
<div class="agv_item_label">X坐标：</div>
<div class="agv_item_label">X {{ $t('vehiclestatus.coordinate') }}:</div>
<div class="agv_item_val">{{result.x}}</div>
</div>
<div class="agv_item_wrap">
<div class="agv_item_label">Y坐标：</div>
<div class="agv_item_label">Y {{ $t('vehiclestatus.coordinate') }}:</div>
<div class="agv_item_val">{{result.y}}</div>
</div>
<div class="agv_item_wrap">
<div class="agv_item_label">航向角：</div>
<div class="agv_item_label">{{ $t('vehiclestatus.headingangle') }}:</div>
<div class="agv_item_val">{{result.z}}</div>
</div>
<div class="agv_item_wrap">
<div class="agv_item_label">舵轮角度：</div>
<div class="agv_item_label">{{ $t('vehiclestatus.steeringwheelangle') }}:</div>
<div class="agv_item_val">{{result.carrier}}</div>
</div>
<div class="agv_item_wrap">
<div class="agv_item_label">下发速度：</div>
<div class="agv_item_label">{{ $t('vehiclestatus.issuancespeed') }}:</div>
<div class="agv_item_val">{{result.send_speed}}</div>
</div>
<div class="agv_item_wrap">
<div class="agv_item_label">实际速度：</div>
<div class="agv_item_label">{{ $t('vehiclestatus.actualspeed') }}:</div>
<div class="agv_item_val">{{result.real_speed}}</div>
</div>
<div class="agv_item_wrap">
<div class="agv_item_label">横向偏差：</div>
<div class="agv_item_label">{{ $t('vehiclestatus.lateraldeviation') }}:</div>
<div class="agv_item_val">{{result.landscape_deviation}}</div>
</div>
<div class="agv_item_wrap">
<div class="agv_item_label">航向偏差：</div>
<div class="agv_item_label">{{ $t('vehiclestatus.headingdeviation') }}:</div>
<div class="agv_item_val">{{result.course_deviation}}</div>
</div>
</div>
<div class="state_line_dot_1"></div>
<div class="state_title-wrap">
<h3>状态</h3>
<h3>{{ $t('vehiclestatus.status') }}</h3>
</div>
<div class="state_wrap">
<div class="state_left_wrap">
<div class="state_item_wrap">
<div class="agv_item_label">车辆状态：</div>
<div class="agv_item_val" :class="{'state_item_val_disabled': result.vehicle_status !== '运行'}">{{result.vehicle_status}}</div>
<div class="agv_item_label">{{ $t('vehiclestatus.vehiclestatus') }}:</div>
<div class="agv_item_val agv_item_val_1" :class="{'state_item_val_disabled': result.vehicle_status !== '运行'}">{{result.vehicle_status}}</div>
</div>
<div class="state_item_wrap">
<div class="agv_item_label">工作状态：</div>
<div class="agv_item_val" :class="{'state_item_val_disabled': result.working_status !== '正常'}">{{result.working_status}}</div>
<div class="agv_item_label">{{ $t('vehiclestatus.workstatus') }}:</div>
<div class="agv_item_val agv_item_val_1" :class="{'state_item_val_disabled': result.working_status !== '正常'}">{{result.working_status}}</div>
</div>
</div>
<div class="state_line_dot_2"></div>
<div class="state_right_wrap">
<div class="state_item_label">传感器状态：</div>
<div class="state_item_label">{{ $t('vehiclestatus.sensorstatus') }}:</div>
<div class="state_item_val_wrap">
<div class="state_item_val" :class="{'state_item_val_disabled': result1.stopButton_status === '1'}">急停按钮</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.speedReduction_status === '1'}">避障减速</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.resetButton_status === '1'}">复位按钮</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.speedStop_status === '1'}">避障停车</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.securityTentacle_status === '1'}">安全触边</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.stopButton_status === '1'}">{{ $t('vehiclestatus.emergencystop') }}</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.speedReduction_status === '1'}">{{ $t('vehiclestatus.avoidancemoderate') }}</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.resetButton_status === '1'}">{{ $t('vehiclestatus.resetbutton') }}</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.speedStop_status === '1'}">{{ $t('vehiclestatus.avoidanceparking') }}</div>
<div class="state_item_val" :class="{'state_item_val_disabled': result1.securityTentacle_status === '1'}">{{ $t('vehiclestatus.Safetyedge') }}</div>
</div>
</div>
</div>
@@ -135,19 +135,24 @@ export default {
width 100%
_fj()
flex-wrap wrap
padding 47px 30px 10px 30px
padding 27px 30px 10px 30px
.agv_item_wrap
width 25%
_fj()
margin-bottom 50px
margin-bottom 40px
.agv_item_label
width 190px
_font(36px, 56px, #B4C1D8, 500, right)
font-family: SourceHanSansCN-Medium;
.agv_item_val
width calc(100% - 190px)
padding-left 20px
_font(36px, 56px, #3CC1FF, 500, left)
font-family: SourceHanSansCN-Medium;
.agv_item_val_1
_font(36px, 56px, #fff, 500,,)
padding-left 66px
margin-left 20px
background left center url(../../../images/new/state_btn.png) no-repeat
.state_wrap
width 100%
@@ -168,12 +173,11 @@ export default {
_fj(flex-start, flex-start)
.state_item_label
width 250px
_font(36px, 36px, #B4C1D8, 500, right)
_font(36px, 56px, #B4C1D8, 500, right)
font-family: SourceHanSansCN-Medium;
.state_item_val_wrap
position relative
top -10px
width calc(100% - 250px)
padding-left 20px
_fj(flex-start, flex-start)
flex-wrap: wrap
.state_item_val
@@ -184,4 +188,15 @@ export default {
background left center url(../../../images/new/state_btn.png) no-repeat
.state_item_val_disabled
background-image url(../../../images/new/state_btn_disable.png)
.enClass
.agv_item_label
font-size 26px
line-height 28px
.state_item_label
font-size 26px
.state_item_val
display flex
align-items: center
font-size 26px
line-height 26px
</style>