语言切换
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user