wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

翻译个人中心

Browse Source
This commit is contained in:
不做码农
2022-06-08 21:50:19 +08:00
parent 7034c0fbd4
commit 6e1329adc5
6 changed files with 87 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/system/user/profile/index.vue
+11 -11
View File
@@ -5,7 +5,7 @@
<el-card class="box-card">
<template v-slot:header>
<div class="clearfix">
<span>个人信息</span>
<span>{{ $t('user.personalInfo') }}</span>
</div>
</template>
<div>
@@ -14,29 +14,29 @@
</div>
<ul class="list-group list-group-striped">
<li class="list-group-item">
<svg-icon name="user" />用户名称
<svg-icon name="user" />{{ $t('user.userName') }}
<div class="pull-right">{{ state.user.userName }}</div>
</li>
<li class="list-group-item">
<svg-icon name="phone" />手机号码
<svg-icon name="phone" />{{ $t('user.phoneNumber') }}
<div class="pull-right">{{ state.user.phonenumber }}</div>
</li>
<li class="list-group-item">
<svg-icon name="email" />用户邮箱
<svg-icon name="email" />{{ $t('user.userEmail') }}
<div class="pull-right">{{ state.user.email }}</div>
</li>
<li class="list-group-item">
<svg-icon name="tree" />所属部门
<svg-icon name="tree" />{{ $t('user.department') }}
<div class="pull-right">{{ state.user.deptName }} / {{ state.postGroup }}</div>
</li>
<li class="list-group-item">
<svg-icon name="peoples" />所属角色
<svg-icon name="peoples" />{{ $t('user.role') }}
<div class="pull-right">
<span v-for="item in state.roles" :key="item">{{ item }}</span>
</div>
</li>
<li class="list-group-item">
<svg-icon name="date" />创建日期
<svg-icon name="date" />{{ $t('user.registerTime') }}
<div class="pull-right">{{ state.user.createTime }}</div>
</li>
</ul>
@@ -47,17 +47,17 @@
<el-card>
<template v-slot:header>
<div class="clearfix">
<span>基本资料</span>
<span>{{ $t('user.basicInfo') }}</span>
</div>
</template>
<el-tabs v-model="activeTab">
<el-tab-pane label="基本资料" name="userinfo">
<el-tab-pane :label="$t('user.basicInfo')" name="userinfo">
<userInfo :user="state.user" />
</el-tab-pane>
<el-tab-pane label="修改密码" name="resetPwd">
<el-tab-pane :label="$t('user.changePwd')" name="resetPwd">
<resetPwd :user="state.user" />
</el-tab-pane>
<el-tab-pane label="操作日志" name="log">
<el-tab-pane :label="$t('menu.operLog')" name="log">
<operLog></operLog>
</el-tab-pane>
</el-tabs>
src/views/system/user/profile/resetPwd.vue
+6 -6
View File
@@ -1,17 +1,17 @@
<template>
<el-form ref="pwdRef" :model="user" :rules="rules" label-width="80px">
<el-form-item label="旧密码" prop="oldPassword">
<el-form ref="pwdRef" :model="user" :rules="rules" label-width="130px" label-position="left">
<el-form-item :label="$t('user.oldPwd')" prop="oldPassword">
<el-input v-model="user.oldPassword" placeholder="请输入旧密码" type="password" show-password />
</el-form-item>
<el-form-item label="新密码" prop="newPassword">
<el-form-item :label="$t('user.newPwd')" prop="newPassword">
<el-input v-model="user.newPassword" placeholder="请输入新密码" type="password" show-password />
</el-form-item>
<el-form-item label="确认密码" prop="confirmPassword">
<el-form-item :label="$t('user.confirmPwd')" prop="confirmPassword">
<el-input v-model="user.confirmPassword" placeholder="请确认密码" type="password" show-password />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">保存</el-button>
<el-button type="danger" @click="close">关闭</el-button>
<el-button type="primary" icon="Check" @click="submit">{{ $t('btn.save') }}</el-button>
<el-button type="danger" icon="Close" @click="close">{{ $t('btn.close') }}</el-button>
</el-form-item>
</el-form>
</template>
src/views/system/user/profile/userInfo.vue
+9 -9
View File
@@ -1,23 +1,23 @@
<template>
<el-form ref="userRef" :model="user" :rules="rules" label-width="80px">
<el-form-item label="用户昵称" prop="nickName">
<el-form ref="userRef" :model="user" :rules="rules" label-width="130px" label-position="left">
<el-form-item :label="$t('user.nickName')" prop="nickName">
<el-input v-model="user.nickName" maxlength="30" />
</el-form-item>
<el-form-item label="手机号码" prop="phonenumber">
<el-form-item :label="$t('user.phoneNumber')" prop="phonenumber">
<el-input v-model="user.phonenumber" maxlength="11" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-form-item :label="$t('user.userEmail')" prop="email">
<el-input v-model="user.email" maxlength="50" />
</el-form-item>
<el-form-item label="性别">
<el-form-item :label="$t('common.sex')">
<el-radio-group v-model="user.sex">
<el-radio label="0">男</el-radio>
<el-radio label="1">女</el-radio>
<el-radio label="0">{{ $t('common.male') }}</el-radio>
<el-radio label="1">{{ $t('common.female') }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">{{ $t('btn.save') }}</el-button>
<el-button type="danger" @click="close">{{ $t('btn.close') }}</el-button>
<el-button type="primary" icon="Check" @click="submit">{{ $t('btn.save') }}</el-button>
<el-button type="danger" icon="Close" @click="close">{{ $t('btn.close') }}</el-button>
</el-form-item>
</el-form>
</template>