diff --git a/src/views/system/user/components/Account.vue b/src/views/system/user/components/Account.vue
index 4deb34e4..6d4b96bb 100644
--- a/src/views/system/user/components/Account.vue
+++ b/src/views/system/user/components/Account.vue
@@ -1,39 +1,39 @@
-<template>
-  <el-card class="box-card" style="width:800px;" size="small">
-    <!-- <div slot="header" class="clearfix">
-      <span>Security</span>
-    </div> -->
-    <div>
-      <el-button type="danger" @click="handleReset">Reset Password</el-button>
-    </div>
-  </el-card>
-</template>
-<script>
-import { resetPassword } from '@/api/admin'
-export default {
-  name: 'Account',
-  props: {
-    userId: { type: String, default: '' }
-  },
-  methods: {
-    handleReset() {
-      this.$confirm('Sure to reset password?', {
-        type: 'warning',
-        distinguishCancelAndClose: true,
-        confirmButtonText: 'Ok',
-        cancelButtonText: 'Cancel'
-      })
-        .then(() => {
-          resetPassword(this.userId).then(res => {
-            if (res.IsSuccess) {
-              this.$message({
-                message: 'Reset password successfully',
-                type: 'success'
-              })
-            }
-          })
-        })
-    }
-  }
-}
-</script>
+<template>
+  <el-card class="box-card" style="width:800px;" size="small">
+    <!-- <div slot="header" class="clearfix">
+      <span>Security</span>
+    </div> -->
+    <div>
+      <el-button type="danger" @click="handleReset">{{$t('system:userlist:button:ResetPassword')}}</el-button>
+    </div>
+  </el-card>
+</template>
+<script>
+import { resetPassword } from '@/api/admin'
+export default {
+  name: 'Account',
+  props: {
+    userId: { type: String, default: '' }
+  },
+  methods: {
+    handleReset() {
+      this.$confirm('Sure to reset password?', {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+        confirmButtonText: 'Ok',
+        cancelButtonText: 'Cancel'
+      })
+        .then(() => {
+          resetPassword(this.userId).then(res => {
+            if (res.IsSuccess) {
+              this.$message({
+                message: 'Reset password successfully',
+                type: 'success'
+              })
+            }
+          })
+        })
+    }
+  }
+}
+</script>
diff --git a/src/views/system/user/components/UserInfo.vue b/src/views/system/user/components/UserInfo.vue
index 37105f03..4582db64 100644
--- a/src/views/system/user/components/UserInfo.vue
+++ b/src/views/system/user/components/UserInfo.vue
@@ -9,41 +9,41 @@
   >
     <el-card class="Basic" shadow="never" size="small">
       <div slot="header" class="clearfix">
-        <span>Basic Information</span>
+        <span>{{ $t('system:userlist:title:Information') }}</span>
       </div>
-      <el-form-item  v-if="user.UserCode" label="S/N: " prop="UserCode">
+      <el-form-item  v-if="user.UserCode" :label="$t('system:userlist:table:S/N')" prop="UserCode">
         <el-input v-model="user.UserCode" disabled />
       </el-form-item>
 
-      <el-form-item label="User ID: " class="my_new_pwd" prop="UserName">
+      <el-form-item :label="$t('system:userlist:table:UserName')" class="my_new_pwd" prop="UserName">
         <el-input v-model="user.UserName" />
       </el-form-item>
 
-      <el-form-item label="Surname: " prop="LastName">
+      <el-form-item :label="$t('system:userlist:table:LastName')" prop="LastName">
         <el-input v-model="user.LastName" />
       </el-form-item>
-      <el-form-item label="Given Name: " prop="FirstName">
+      <el-form-item :label="$t('system:userlist:table:FirstName')" prop="FirstName">
         <el-input v-model="user.FirstName" />
       </el-form-item>
-      <el-form-item label="Gender: " prop="Sex" style="margin-right:40px;">
+      <el-form-item :label="$t('system:userlist:table:Gender')" prop="Sex" style="margin-right:40px;">
         <el-radio-group v-model="user.Sex">
           <el-radio :label="1">Male</el-radio>
           <el-radio :label="0">Female</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item label="Email: " prop="EMail">
+      <el-form-item :label="$t('system:userlist:table:Email')" prop="EMail">
         <el-input v-model="user.EMail" />
       </el-form-item>
-      <el-form-item label="Phone: " prop="Phone">
+      <el-form-item :label="$t('system:userlist:table:Phone')" prop="Phone">
         <el-input v-model="user.Phone" />
       </el-form-item>
-      <el-form-item v-if="type==1" label="Disable:">
+      <el-form-item v-if="type==1" :label="$t('system:userlist:table:Disable')">
         <el-switch v-model="user.Status" :active-value="0" :inactive-value="1" />
       </el-form-item>
-      <el-form-item label="IsTestUser:">
+      <el-form-item :label="$t('system:userlist:table:IsTestUser')">
         <el-switch v-model="user.IsTestUser" />
       </el-form-item>
-      <el-form-item label="User Type: " prop="UserTypeId">
+      <el-form-item :label="$t('system:userlist:table:UserType')" prop="UserTypeId">
         <el-select ref="userType" v-model="user.UserTypeId" size="small" placeholder="Please select" style="width:100%;" :disabled="user.CanEditUserType === false">
           <el-option
             v-for="(userType,key) of userTypeOptions"
@@ -58,22 +58,21 @@
 
     <el-card class="Affiliation" shadow="never" style="margin-top:10px;" size="small">
       <div slot="header" class="clearfix">
-        <span>Affiliation</span>
+        <span>{{ $t('system:userlist:title:Affiliation') }}</span>
       </div>
       <el-form-item prop="IsZhiZhun">
         <el-radio-group v-model="user.IsZhiZhun" @change="OrgnizationTypeChanged">
-          <el-radio :label="true">Internal</el-radio>
-          <el-radio :label="false">External</el-radio>
+          <el-radio :label="true">{{ $t('system:userlist:title:Internal') }}</el-radio>
+          <el-radio :label="false">{{ $t('system:userlist:title:External') }}</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-show="user.IsZhiZhun === false" label="Organization Name: ">
+      <el-form-item v-show="user.IsZhiZhun === false" :label="$t('system:userlist:table:OrganizationName')">
         <el-input v-model="user.OrganizationName" />
       </el-form-item>
-
-      <el-form-item label="Department: " prop="DepartmentName">
+      <el-form-item :label="$t('system:userlist:table:Department')" prop="DepartmentName">
         <el-input v-model="user.DepartmentName" />
       </el-form-item>
-      <el-form-item label="Position: " prop="PositionName">
+      <el-form-item :label="$t('system:userlist:table:Position')" prop="PositionName">
         <el-input v-model="user.PositionName" />
       </el-form-item>
     </el-card>
diff --git a/src/views/system/user/edit/index.vue b/src/views/system/user/edit/index.vue
index c37fa343..2be70da6 100644
--- a/src/views/system/user/edit/index.vue
+++ b/src/views/system/user/edit/index.vue
@@ -1,40 +1,40 @@
-<template>
-  <div class="edit-container">
-    <el-tabs v-model="activeTab" @tab-click="clickTab">
-      <el-tab-pane label="User " name="user">
-        <user-info :user-id="userId" />
-      </el-tab-pane>
-      <el-tab-pane label="Password " name="account">
-        <Account v-if="load.account" :user-id="userId" />
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-<script>
-import UserInfo from '../components/UserInfo'
-import Account from '../components/Account'
-export default {
-  name: 'EditUser',
-  components: { UserInfo, Account },
-  data() {
-    return {
-      activeTab: 'user',
-      userId: '',
-      load: {
-        role: false,
-        account: false
-      }
-    }
-  },
-  created() {
-    this.userId = this.$router.currentRoute.query.Id
-  },
-  methods: {
-    clickTab(tab, event) {
-      if (this.load[tab.name] === false) {
-        this.load[tab.name] = true
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div class="edit-container">
+    <el-tabs v-model="activeTab" @tab-click="clickTab">
+      <el-tab-pane :label="$t('system:userlist:tab:User')" name="user">
+        <user-info :user-id="userId" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('system:userlist:tab:Password')" name="account">
+        <Account v-if="load.account" :user-id="userId" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import UserInfo from '../components/UserInfo'
+import Account from '../components/Account'
+export default {
+  name: 'EditUser',
+  components: { UserInfo, Account },
+  data() {
+    return {
+      activeTab: 'user',
+      userId: '',
+      load: {
+        role: false,
+        account: false
+      }
+    }
+  },
+  created() {
+    this.userId = this.$router.currentRoute.query.Id
+  },
+  methods: {
+    clickTab(tab, event) {
+      if (this.load[tab.name] === false) {
+        this.load[tab.name] = true
+      }
+    }
+  }
+}
+</script>