翻译个人中心

src/i18n/lang/en.json

@@ -107,7 +107,10 @@
     "lastWeek": "last week",
     "thisMonth": "this month",
     "lastMonth": "last month",
-    "today": "today"
+    "today": "today",
+    "female": "Female",
+    "male": "male",
+    "sex": "gender"
   },
   "btn": {
     "add": "Add",
@@ -143,5 +146,20 @@
   "language": "Language",
   "languageKey": "LanguageKey",
   "showWay": "Show Way",
-  "table": "Table"
+  "table": "Table",
+  "user": {
+    "phoneNumber": "cellphone number",
+    "registerTime": "Date created",
+    "basicInfo": "basic information",
+    "department": "Department",
+    "personalInfo": "Personal information",
+    "role": "own role",
+    "userEmail": "User mailbox",
+    "userName": "user name",
+    "changePwd": "change Password",
+    "confirmPwd": "Confirm Password",
+    "newPwd": "new password",
+    "oldPwd": "Old Password",
+    "nickName": "User's Nickname"
+  }
 }

src/i18n/lang/zh-cn.json

@@ -107,7 +107,10 @@
     "thisWeek": "本周",
     "lastWeek": "上周",
     "thisMonth": "本月",
-    "lastMonth": "上月"
+    "lastMonth": "上月",
+    "sex": "性别",
+    "male": "男",
+    "female": "女"
   },
   "btn": {
     "add": "新增",
@@ -140,6 +143,21 @@
     "copy": "复制",
     "operate": "操作"
   },
+  "user": {
+    "personalInfo": "个人信息",
+    "userName": "用户名称",
+    "phoneNumber": "手机号码",
+    "userEmail": "用户邮箱",
+    "department": "所属部门",
+    "role": "所属角色",
+    "registerTime": "创建日期",
+    "basicInfo": "基本资料",
+    "changePwd": "修改密码",
+    "oldPwd": "旧密码",
+    "newPwd": "新密码",
+    "confirmPwd": "确认密码",
+    "nickName": "用户昵称"
+  },
   "language": "语言",
   "languageKey": "语言key",
   "showWay": "显示方式",

src/i18n/lang/zh-tw.json

@@ -107,7 +107,10 @@
     "lastWeek": "上週",
     "thisMonth": "本月",
     "lastMonth": "上月",
-    "today": "今天"
+    "today": "今天",
+    "female": "女",
+    "male": "男",
+    "sex": "性別"
   },
   "btn": {
     "add": "新增",
@@ -143,5 +146,20 @@
   "language": "語言",
   "languageKey": "語言key",
   "showWay": "顯示方式",
-  "table": "表格"
+  "table": "表格",
+  "user": {
+    "phoneNumber": "手機號碼",
+    "registerTime": "創建日期",
+    "department": "所屬部門",
+    "personalInfo": "個人信息",
+    "role": "所屬角色",
+    "userEmail": "用戶郵箱",
+    "basicInfo": "基本資料",
+    "userName": "用戶名稱",
+    "changePwd": "修改密碼",
+    "confirmPwd": "確認密碼",
+    "newPwd": "新密碼",
+    "oldPwd": "舊密碼",
+    "nickName": "用戶暱稱"
+  }
 }

src/views/system/user/profile/index.vue

@@ -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

@@ -1,17 +1,17 @@
 <template>
-  <el-form ref="pwdRef" :model="user" :rules="rules" label-width="80px">
+  <el-form ref="pwdRef" :model="user" :rules="rules" label-width="130px" label-position="left">
-    <el-form-item label="旧密码" prop="oldPassword">
+    <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="primary" icon="Check" @click="submit">{{ $t('btn.save') }}</el-button>
-      <el-button type="danger" @click="close">关闭</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

@@ -1,23 +1,23 @@
 <template>
-  <el-form ref="userRef" :model="user" :rules="rules" label-width="80px">
+  <el-form ref="userRef" :model="user" :rules="rules" label-width="130px" label-position="left">
-    <el-form-item label="用户昵称" prop="nickName">
+    <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="0">{{ $t('common.male') }}</el-radio>
-        <el-radio label="1">女</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="primary" icon="Check" @click="submit">{{ $t('btn.save') }}</el-button>
-      <el-button type="danger" @click="close">{{ $t('btn.close') }}</el-button>
+      <el-button type="danger" icon="Close" @click="close">{{ $t('btn.close') }}</el-button>
     </el-form-item>
   </el-form>
 </template>