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

sov

Browse Source
This commit is contained in:
xiangxy
2023-11-27 16:23:01 +08:00
parent f47b738ad8 2bc55bdf66
commit 3af493a15b
15 changed files with 427 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/modules/login/login.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="login-container">
<div class="login-container" :class="{'enClass': selectType === 'en-us'}">
<div class="login-header">
<div class="login_logo"></div>
</div>
@@ -7,12 +7,12 @@
<div class="login-wraper">
<div class="navs-wraper">
<button class="nav_item" :class="{'nav_item_active': tab === 0}" @click="toLogin">{{ $t('login.passwordlogin') }}</button>
<button class="nav_item" :class="{'nav_item_active': tab === 1}" @click="toSetup">配置</button>
<button class="nav_item" :class="{'nav_item_active': tab === 1}" @click="toSetup">{{ $t('login.configuration') }}</button>
</div>
<div v-show="tab === 0" class="login-content_wraper">
<div class="login-items-wraper">
<div class="login-item">
<div class="login-label" @click="toFocus(1)">用户名</div>
<div class="login-label" @click="toFocus(1)">{{ $t('common.username') }}</div>
<!-- <input type="text" class="login-input" ref="input1" v-model="username" @focus="show" data-layout="normal"> -->
<div class="login_value">
<keyboard-input
@@ -25,33 +25,33 @@
</div>
</div>
<div class="login-item">
<div class="login-label" @click="toFocus(2)">密码</div>
<div class="login-label" @click="toFocus(2)">{{ $t('login.password') }}</div>
<div class="login_value">
<input type="password" class="login-input" ref="input2" v-model="password" @focus="show" data-layout="normal">
</div>
</div>
</div>
<div class="login-buttons-wraper">
<button class="button_control" :disabled="disabled" @click="saveLogin"><p>登录</p></button>
<button class="button_control" :disabled="disabled" @click="saveLogin"><p>{{ $t('login.login') }}</p></button>
</div>
</div>
<div v-show="tab === 1" class="login-content_wraper">
<div class="login-items-wraper">
<div class="login-item">
<div class="login-label login-label_1" @click="toFocus(3)">域名地址</div>
<div class="login-label" @click="toFocus(3)">{{ $t('login.domainnameaddress') }}</div>
<div class="login_value login_value_1">
<input type="text" class="login-input" ref="input3" v-model.trim="baseUrl" @focus="show" data-layout="normal" data-next="1">
</div>
</div>
<div class="login-item">
<div class="login-label login-label_1" @click="toFocus(4)">刷新时间（秒）</div>
<div class="login-label" @click="toFocus(4)">{{ $t('login.refreshtime') }}</div>
<div class="login_value login_value_1">
<input type="number" class="login-input" ref="input4" v-model="setTime" @focus="show" data-layout="numeric">
</div>
</div>
</div>
<div class="login-buttons-wraper">
<button class="button_control" @click="saveSetup"><p>配置</p></button>
<button class="button_control" @click="saveSetup"><p>{{ $t('login.configuration') }}</p></button>
</div>
</div>
</div>
@@ -69,6 +69,7 @@ export default {
},
data () {
return {
selectType: '',
tab: 0,
username: '',
password: '',
@@ -84,6 +85,13 @@ export default {
}
}
},
created () {
if (this.$i18n.locale === 'zh-cn') {
this.selectType = 'zh-cn'
} else if (this.$i18n.locale === 'en-us') {
this.selectType = 'en-us'
}
},
mounted () {
// 点对点项目分辨率 1024 * 768
// alert(document.body.clientWidth, 'a')
@@ -246,14 +254,11 @@ export default {
width 100%
margin-bottom 40px
.login-label
width 115px
_font(30px, 80px, #AFBED8,,right)
.login-label_1
width 215px
_font(30px, 35px, #AFBED8,,)
.login_value
width calc(100% - 140px)
width calc(100% - 120px)
.login_value_1
width calc(100% - 240px)
width calc(100% - 225px)
.login-input
width 100%
_font(30px, 78px, #fff,,)
@@ -295,4 +300,12 @@ export default {
background-color #EEE
box-shadow 0px -3px 10px rgba(black, 0.3)
border-radius 10px
.enClass
.login_value
width calc(100% - 165px)
.login_value_1
width calc(100% - 255px)
.button_control
p
font-size 40px
</style>

23
src/pages/modules/systemmanage/developer.vue
View File

@@ -3,7 +3,7 @@
<div class="right_side">
<div class="content_wrap">
<div class="title_wrap">
<h2>开发者选项</h2>
<h2>{{ $t('developer.developeroptions') }}</h2>
</div>
<div class="page_container">
<div class="tabs_container">
@@ -36,7 +36,6 @@ import { getIP, getLogList, getROSNodeList, temperature, debugInfo, softwareVers
export default {
data () {
return {
tabs: [{id: '1', label: 'ifconfig'}, {id: '2', label: '日志列表'}, {id: '3', label: 'ROS运行列表'}, {id: '4', label: '芯片温度/主频'}, {id: '5', label: '调试信息'}, {id: '6', label: '软/硬件版本'}],
tab: '1',
interTime: this.$store.getters.setTime,
timer: null,
@@ -48,6 +47,15 @@ export default {
result6: ''
}
},
computed: {
tabs () {
let arr = [{id: '1', label: 'ifconfig'}, {id: '2', label: '日志列表'}, {id: '3', label: 'ROS运行列表'}, {id: '4', label: '芯片温度/主频'}, {id: '5', label: '调试信息'}, {id: '6', label: '软/硬件版本'}]
if (this.$i18n.locale === 'en-us') {
arr = [{id: '1', label: 'ifconfig'}, {id: '2', label: 'Log list'}, {id: '3', label: 'ROS run list'}, {id: '4', label: 'Chip TEMP/main frequency'}, {id: '5', label: 'Debug information'}, {id: '6', label: 'Software/Hardware Version'}]
}
return arr
}
},
created () {
this._getIP()
},
@@ -148,10 +156,10 @@ export default {
.tabs_scroll
overflow hidden
.tabs_nav
white-space nowrap
position relative
display flex
align-items center
transition transform .3s
float left
z-index 2
.tabs_item
padding 0 10px
@@ -184,4 +192,11 @@ export default {
white-space pre-line
word-break break-all
overflow-y auto
.enClass
.tabs_item
display: flex;
align-items: center;
justify-content: center;
font-size 20px
line-height 20px
</style>

26
src/pages/modules/systemmanage/role.vue
View File

@@ -3,17 +3,17 @@
<div class="right_side">
<div class="content_wrap">
<div class="title_wrap">
<h2>角色管理</h2>
<h2>{{ $t('role.rolemanagement') }}</h2>
</div>
<div class="page_container">
<div class="grid_wrapper">
<table>
<tr>
<!-- <th>选中</th> -->
<th>角色名称</th>
<th>描述</th>
<th>创建日期</th>
<th width="330px">操作</th>
<th>{{ $t('role.rolename') }}</th>
<th>{{ $t('role.describe') }}</th>
<th>{{ $t('role.creationdate') }}</th>
<th width="330px">{{ $t('common.operate') }}</th>
</tr>
<tr v-for="(e, i) in datalist" :key="i" :class="{'tr_selected': pkId === e.roleId}">
<!-- <td>
@@ -24,15 +24,15 @@
<td @click="toCheck(e)">{{ e.createTime }}</td>
<td width="330px">
<div class="row">
<button class="button button--primary grid_button" @click="showDialog('2', e)">修改</button>
<button class="button button--primary grid_button" @click="showDialog('3', e)">删除</button>
<button class="button button--primary grid_button" @click="showDialog('2', e)">{{ $t('button.modify') }}</button>
<button class="button button--primary grid_button" @click="showDialog('3', e)">{{ $t('button.delete') }}</button>
</div>
</td>
</tr>
</table>
</div>
<div class="buttons_wrapper">
<button class="button_control" @click="showDialog('1')"><p>新增角色</p></button>
<button class="button_control" @click="showDialog('1')"><p>{{ $t('role.addrole') }}</p></button>
</div>
</div>
</div>
@@ -47,7 +47,7 @@
<div v-if="type === '1' || type === '2'" class="form_wraper">
<div class="form">
<div class="form_item">
<div class="form_item__label"><i>*</i>角色名称</div>
<div class="form_item__label"><i>*</i>{{ $t('role.rolename') }}</div>
<div class="form_item__content">
<!-- <input type="text" class="form_item__input" v-model="rolename" @focus="show" data-layout="normal"> -->
<keyboard-input
@@ -62,7 +62,7 @@
</div>
<div class="form">
<div class="form_item allwidth">
<div class="form_item__label">备注</div>
<div class="form_item__label">{{ $t('common.remark') }}</div>
<div class="form_item__content">
<!-- <textarea v-model="remark" style="resize:none;" class="form_item__input form_item__textarea" @focus="show" data-layout="normal"></textarea> -->
<keyboard-input
@@ -76,7 +76,7 @@
</div>
</div>
</div>
<div v-if="type === '3'" class="form_wraper">确定删除该用户吗？</div>
<div v-if="type === '3'" class="form_wraper">{{ $t('user.question2') }}</div>
</jxDialog>
<div v-show="active1" class="dialog_wrapper">
<div class="dialog dialog_1">
@@ -100,8 +100,8 @@
</div>
</div>
<div class="dialog_footer">
<button class="button_control button_control_s button_control_disabled mgr31" @click="toCancle1"><p>取消</p></button>
<button class="button_control button_control_s" :class="{'button--info': pkId === '' || $refs.tree.getCheckedKeys().length === 0}" :disabled="disabled" @click="toSave"><p>保存</p></button>
<button class="button_control button_control_s button_control_disabled mgr31" @click="toCancle1"><p>{{ $t('button.cancel') }}</p></button>
<button class="button_control button_control_s" :class="{'button--info': pkId === '' || $refs.tree.getCheckedKeys().length === 0}" :disabled="disabled" @click="toSave"><p>{{ $t('button.save') }}</p></button>
</div>
</div>
</div>

30
src/pages/modules/systemmanage/system.vue
View File

@@ -3,18 +3,18 @@
<div class="right_side">
<div class="content_wrap">
<div class="title_wrap">
<h2>系统管理</h2>
<h2>{{ $t('system.systemmanagement') }}</h2>
</div>
<div class="page_container">
<div class="grid_wrapper">
<table>
<tr>
<th>序号</th>
<th>编码</th>
<th>名称</th>
<th>值</th>
<th>备注</th>
<th>操作</th>
<th>{{ $t('common.number') }}</th>
<th>{{ $t('system.code') }}</th>
<th>{{ $t('common.name') }}</th>
<th>{{ $t('system.value') }}</th>
<th>{{ $t('common.remark') }}</th>
<th>{{ $t('common.operate') }}</th>
</tr>
<tr v-for="(e, i) in datalist" :key="i">
<td>{{i+1}}</td>
@@ -24,15 +24,15 @@
<td>{{ e.remark }}</td>
<td>
<div class="row">
<button class="button button--primary grid_button" @click="showDialog('2', e)">修改</button>
<button class="button button--primary grid_button" @click="showDialog('3', e)">删除</button>
<button class="button button--primary grid_button" @click="showDialog('2', e)">{{ $t('button.modify') }}</button>
<button class="button button--primary grid_button" @click="showDialog('3', e)">{{ $t('button.delete') }}</button>
</div>
</td>
</tr>
</table>
</div>
<div class="buttons_wrapper">
<button class="button_control" @click="showDialog('1')"><p>添加参数</p></button>
<button class="button_control" @click="showDialog('1')"><p>{{ $t('system.addparameter') }}</p></button>
</div>
</div>
</div>
@@ -47,13 +47,13 @@
<div v-if="type === '1' || type === '2'" class="form_wraper">
<div class="form">
<div class="form_item">
<div class="form_item__label"><i>*</i>编码</div>
<div class="form_item__label"><i>*</i>{{ $t('system.code') }}</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="code" @focus="show" data-layout="normal" data-next="1">
</div>
</div>
<div class="form_item">
<div class="form_item__label"><i>*</i>名字</div>
<div class="form_item__label"><i>*</i>{{ $t('common.name') }}</div>
<div class="form_item__content">
<!-- <input type="text" class="form_item__input" v-model="name" @focus="show" data-layout="normal"> -->
<keyboard-input
@@ -68,7 +68,7 @@
</div>
<div class="form">
<div class="form_item">
<div class="form_item__label"><i>*</i>数值</div>
<div class="form_item__label"><i>*</i>{{ $t('system.value') }}</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="value" @focus="show" data-layout="numeric" data-next="1">
</div>
@@ -76,7 +76,7 @@
</div>
<div class="form">
<div class="form_item allwidth">
<div class="form_item__label">备注</div>
<div class="form_item__label">{{ $t('common.remark') }}</div>
<div class="form_item__content">
<!-- <textarea v-model="remark" style="resize:none;" class="form_item__input form_item__textarea" @focus="show" data-layout="normal"></textarea> -->
<keyboard-input
@@ -90,7 +90,7 @@
</div>
</div>
</div>
<div v-if="type === '3'" class="form_wraper">确定删除吗？</div>
<div v-if="type === '3'" class="form_wraper">{{$t('system.question1')}}</div>
</jxDialog>
</div>
<vue-touch-keyboard id="keyboard" :options="options" v-if="visible" :layout="layout" :cancel="hide" :accept="accept" :input="input" :next="next" />

40
src/pages/modules/systemmanage/user.vue
View File

@@ -3,19 +3,19 @@
<div class="right_side">
<div class="content_wrap">
<div class="title_wrap">
<h2>用户管理</h2>
<h2>{{ $t('user.usermanagement') }}</h2>
</div>
<div class="page_container">
<div class="grid_wrapper">
<table>
<tr>
<th>序号</th>
<th>用户名</th>
<th>姓名</th>
<th>电话</th>
<th>性别</th>
<th>创建日期</th>
<th width="430px">操作</th>
<th>{{ $t('common.number')}}</th>
<th>{{ $t('common.username')}}</th>
<th>{{ $t('user.fullname')}}</th>
<th>{{ $t('user.phone')}}</th>
<th>{{ $t('user.gender')}}</th>
<th>{{ $t('user.creationdate')}}</th>
<th width="430px">{{ $t('common.operate')}}</th>
</tr>
<tr v-for="(e, i) in datalist" :key="i">
<td>{{i+1}}</td>
@@ -26,16 +26,16 @@
<td>{{ e.createTime }}</td>
<td width="430px">
<div class="row">
<button class="button button--primary grid_button mgr" @click="showDialog('2', e)">修改</button>
<button class="button button--primary grid_button mgr" @click="showDialog('3', e)">重置密码</button>
<button class="button button--primary grid_buttonmgr" @click="showDialog('4', e)">删除</button>
<button class="button button--primary grid_button mgr" @click="showDialog('2', e)">{{ $t('button.modify') }}</button>
<button class="button button--primary grid_button mgr" @click="showDialog('3', e)">{{ $t('button.resetpassword') }}</button>
<button class="button button--primary grid_buttonmgr" @click="showDialog('4', e)">{{ $t('button.delete') }}</button>
</div>
</td>
</tr>
</table>
</div>
<div class="buttons_wrapper">
<button class="button_control" @click="showDialog('1')"><p>添加用户</p></button>
<button class="button_control" @click="showDialog('1')"><p>{{ $t('user.adduser') }}</p></button>
</div>
</div>
</div>
@@ -50,7 +50,7 @@
<div v-if="type === '1' || type === '2'" class="form_wraper">
<div class="form">
<div class="form_item">
<div class="form_item__label"><i>*</i>用户名</div>
<div class="form_item__label"><i>*</i>{{ $t('common.username') }}</div>
<div class="form_item__content">
<!-- <input type="text" class="form_item__input" v-model="username" @focus="show" data-layout="normal"> -->
<keyboard-input
@@ -63,7 +63,7 @@
</div>
</div>
<div class="form_item">
<div class="form_item__label">电话</div>
<div class="form_item__label">{{ $t('user.phone') }}</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="phone" @focus="show" data-layout="numeric" data-next="1">
</div>
@@ -71,7 +71,7 @@
</div>
<div class="form">
<div class="form_item">
<div class="form_item__label">姓名</div>
<div class="form_item__label">{{ $t('user.fullname') }}</div>
<div class="form_item__content">
<!-- <input type="text" class="form_item__input" v-model="name" @focus="show" data-layout="normal"> -->
<keyboard-input
@@ -84,7 +84,7 @@
</div>
</div>
<div class="form_item">
<div class="form_item__label">性别</div>
<div class="form_item__label">{{ $t('user.gender') }}</div>
<div class="form_item__content">
<div class="form_item__radio_wrap">
<div class="form_item__radio" v-for="(e, i) in sexArr" :key="i">
@@ -99,13 +99,13 @@
</div>
<div class="form">
<div v-if="type === '1'" class="form_item">
<div class="form_item__label"><i>*</i>密码</div>
<div class="form_item__label"><i>*</i>{{ $t('login.password') }}</div>
<div class="form_item__content">
<input type="password" class="form_item__input" v-model="password" @focus="show" data-layout="normal">
</div>
</div>
<div class="form_item">
<div class="form_item__label">角色</div>
<div class="form_item__label">{{ $t('role.role') }}</div>
<div class="form_item__content">
<el-select v-model="value" placeholder="请选择">
<el-option
@@ -119,8 +119,8 @@
</div>
</div>
</div>
<div v-if="type === '3'" class="form_wraper">确定重置密码吗？</div>
<div v-if="type === '4'" class="form_wraper">确定删除该用户吗？</div>
<div v-if="type === '3'" class="form_wraper">{{ $t('user.question1') }}</div>
<div v-if="type === '4'" class="form_wraper">{{ $t('user.question2') }}</div>
</jxDialog>
</div>
<vue-touch-keyboard id="keyboard" :options="keyoptions" v-if="visible" :layout="layout" :cancel="hide" :accept="accept" :input="input" :next="next" />

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>