From a18d4fed1da7f2ce5f2a3be47de5c23d4a3114ca Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 12 Oct 2021 16:27:37 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1052=20feat:=20user=20=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=20=E5=A2=9E=E5=8A=A0=20language=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/css/common/tableCommon.scss    |  2 +-
 .../rightBox/administration/userBox.vue       | 19 +++++++++++++++++
 .../common/table/settings/userTable.vue       |  5 +++++
 .../src/components/page/config/profile.vue    | 21 ++++++++++++-------
 .../src/components/page/config/user.vue       |  4 ++--
 5 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss
index 1e2a4dfa3..91c37d324 100644
--- a/nezha-fronted/src/assets/css/common/tableCommon.scss
+++ b/nezha-fronted/src/assets/css/common/tableCommon.scss
@@ -315,7 +315,7 @@
     overflow: auto;
   }
   .el-table__fixed-body-wrapper {
-    top: 42px !important;
+    top: 41px !important;
   }
   .el-table__body-wrapper, .el-table__fixed-body-wrapper {
     box-shadow: 1px 0 $--right-box-border-color;
diff --git a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
index 695f472a3..f795572c8 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
@@ -52,6 +52,21 @@
           <el-form-item :label="$t('config.user.mobile')" prop="mobile">
             <el-input id="account-input-mobile" v-model="editUser.mobile" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
           </el-form-item>
+          <!--language-->
+          <el-form-item :label="$t('config.user.language')" prop="lang">
+            <el-select id="account-input-language"
+                       class="right-box__select"
+                       v-model="editUser.lang"
+                       clearable
+                       collapse-tags
+                       placeholder=""
+                       popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside"
+                       size="small">
+              <template v-for="item in languageList">
+                <el-option :key="item.value" :label="item.label" :value="item.value"></el-option>
+              </template>
+            </el-select>
+          </el-form-item>
           <!--roles-->
           <el-form-item :label="$t('config.user.roles')" prop="roleIds">
             <el-select id="account-input-roleIds"
@@ -171,6 +186,10 @@ export default {
         { value: 0, label: this.$t('config.user.disable') },
         { value: 1, label: this.$t('config.user.enableMfa') },
         { value: 2, label: this.$t('config.user.forceEnable') }
+      ],
+      languageList: [
+        { value: 'en', label: 'English' },
+        { value: 'cn', label: '简体中文' }
       ]
     }
   },
diff --git a/nezha-fronted/src/components/common/table/settings/userTable.vue b/nezha-fronted/src/components/common/table/settings/userTable.vue
index d1876a25c..e914a7096 100644
--- a/nezha-fronted/src/components/common/table/settings/userTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/userTable.vue
@@ -144,6 +144,11 @@ export default {
           prop: 'source',
           show: true,
           width: 150
+        }, {
+          label: this.$t('config.user.language'),
+          prop: 'lang',
+          show: true,
+          width: 150
         }, {
           label: this.$t('config.user.enable'),
           prop: 'status',
diff --git a/nezha-fronted/src/components/page/config/profile.vue b/nezha-fronted/src/components/page/config/profile.vue
index b3ee8425f..492c4855f 100644
--- a/nezha-fronted/src/components/page/config/profile.vue
+++ b/nezha-fronted/src/components/page/config/profile.vue
@@ -159,21 +159,23 @@ export default {
           label: this.$t('profile.role'),
           prop: '',
           icon: 'nz-icon nz-icon-role profile-role'
-        },
-        {
+        }, {
           id: 2,
           label: this.$t('profile.email'),
           prop: '',
           icon: 'nz-icon nz-icon-email profile-email'
-        },
-        {
+        }, {
           id: 3,
           label: this.$t('profile.mobile'),
           prop: '',
           icon: 'nz-icon nz-icon-mobile profile-mobile'
-        },
-        {
+        }, {
           id: 4,
+          label: this.$t('config.user.language'),
+          prop: '',
+          icon: 'nz-icon nz-icon-language-change'
+        }, {
+          id: 5,
           label: this.$t('profile.source'),
           prop: '',
           icon: 'nz-icon nz-icon-laiyuan profile-laiyuan'
@@ -210,7 +212,12 @@ export default {
             this.tableProfile[0].prop = this.userList.roles[0].i18n
             this.tableProfile[1].prop = this.userList.email
             this.tableProfile[2].prop = this.userList.mobile
-            this.tableProfile[3].prop = this.userList.source
+            if (this.userList.lang == 'cn') {
+              this.tableProfile[3].prop = '简体中文'
+            } else {
+              this.tableProfile[3].prop = 'English'
+            }
+            this.tableProfile[4].prop = this.userList.source
             const name = this.userList.name.substr(0, 1)
             this.profileName = name
           }
diff --git a/nezha-fronted/src/components/page/config/user.vue b/nezha-fronted/src/components/page/config/user.vue
index 2aff22124..118d14aa2 100644
--- a/nezha-fronted/src/components/page/config/user.vue
+++ b/nezha-fronted/src/components/page/config/user.vue
@@ -74,9 +74,9 @@ export default {
         receiver: [],
         roleIds: '',
         roles: [],
-        lang: '',
         notifications: [],
-        mfaLevel: 0
+        mfaLevel: 0,
+        lang: 'English'
       },
       tableId: 'userTable',
       searchMsg: { // 给搜索框子组件传递的信息