From ff0f6fc1f3f9e12389f2552e4d181f6a4eed022e Mon Sep 17 00:00:00 2001
From: MaxKey <shimingxy@qq.com>
Date: Sun, 11 Dec 2022 15:42:26 +0800
Subject: [PATCH] user personal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

education，graduateFrom
---
 .../main/java/org/maxkey/entity/UserInfo.java |  32 +-
 .../mapper/xml/mysql/UserInfoMapper.xml       |   3 +
 .../maxkey-web-app/src/app/entity/Users.ts    |   3 +
 .../config/profile/profile.component.html     | 781 ++++++++----------
 .../maxkey-web-app/src/assets/i18n/en-US.json |   3 +
 .../maxkey-web-app/src/assets/i18n/zh-CN.json |   5 +-
 .../maxkey-web-app/src/assets/i18n/zh-TW.json |   5 +-
 .../src/app/entity/Users.ts                   |   3 +
 .../user-editer/user-editer.component.html    | 540 ++++++------
 .../src/assets/i18n/en-US.json                |   3 +
 .../src/assets/i18n/zh-CN.json                |   5 +-
 .../src/assets/i18n/zh-TW.json                |   5 +-
 12 files changed, 659 insertions(+), 729 deletions(-)

diff --git a/maxkey-core/src/main/java/org/maxkey/entity/UserInfo.java b/maxkey-core/src/main/java/org/maxkey/entity/UserInfo.java
index 3e0d886d..e695117b 100644
--- a/maxkey-core/src/main/java/org/maxkey/entity/UserInfo.java
+++ b/maxkey-core/src/main/java/org/maxkey/entity/UserInfo.java
@@ -114,6 +114,12 @@ public class UserInfo extends JpaBaseEntity {
     @Column
     protected String idCardNo;
     @Column
+    protected String education;
+    @Column
+    protected String graduateFrom;
+    @Column
+    protected String graduateDate;
+    @Column
     protected String webSite;
     @Column
     protected String startWorkDate;
@@ -528,9 +534,31 @@ public class UserInfo extends JpaBaseEntity {
         this.nickName = nickName;
     }
 
-   
+    public String getEducation() {
+		return education;
+	}
 
-    public String getNameZhSpell() {
+	public void setEducation(String education) {
+		this.education = education;
+	}
+
+	public String getGraduateFrom() {
+		return graduateFrom;
+	}
+
+	public void setGraduateFrom(String graduateFrom) {
+		this.graduateFrom = graduateFrom;
+	}
+
+	public String getGraduateDate() {
+		return graduateDate;
+	}
+
+	public void setGraduateDate(String graduateDate) {
+		this.graduateDate = graduateDate;
+	}
+
+	public String getNameZhSpell() {
         return nameZhSpell;
     }
 
diff --git a/maxkey-persistence/src/main/resources/org/maxkey/persistence/mapper/xml/mysql/UserInfoMapper.xml b/maxkey-persistence/src/main/resources/org/maxkey/persistence/mapper/xml/mysql/UserInfoMapper.xml
index a54fa745..65907b40 100644
--- a/maxkey-persistence/src/main/resources/org/maxkey/persistence/mapper/xml/mysql/UserInfoMapper.xml
+++ b/maxkey-persistence/src/main/resources/org/maxkey/persistence/mapper/xml/mysql/UserInfoMapper.xml
@@ -197,6 +197,9 @@
             </if>
             idtype          =   #{idType},
             idcardno        =   #{idCardNo},
+            education       =   #{education},
+            graduatefrom    =   #{graduateFrom},
+            graduatedate    =   #{graduateDate},
             website         =   #{webSite},
 
             locale          =   #{locale},
diff --git a/maxkey-web-frontend/maxkey-web-app/src/app/entity/Users.ts b/maxkey-web-frontend/maxkey-web-app/src/app/entity/Users.ts
index 8f1db9fd..7ab9b110 100644
--- a/maxkey-web-frontend/maxkey-web-app/src/app/entity/Users.ts
+++ b/maxkey-web-frontend/maxkey-web-app/src/app/entity/Users.ts
@@ -51,6 +51,9 @@ export class Users extends BaseEntity {
   pictureBase64!: string;
   idType!: Number;
   idCardNo!: String;
+  education!: String;
+  graduateFrom!: String;
+  graduateDate!: String;
   webSite!: String;
   startWorkDate!: String;
 
diff --git a/maxkey-web-frontend/maxkey-web-app/src/app/routes/config/profile/profile.component.html b/maxkey-web-frontend/maxkey-web-app/src/app/routes/config/profile/profile.component.html
index d5e09357..e34d3410 100644
--- a/maxkey-web-frontend/maxkey-web-app/src/app/routes/config/profile/profile.component.html
+++ b/maxkey-web-frontend/maxkey-web-app/src/app/routes/config/profile/profile.component.html
@@ -10,46 +10,36 @@
                 <nz-form-item style="display: none">
                   <nz-form-label [nzMd]="8" nzFor="id">{{ 'mxk.text.id' | i18n }}</nz-form-label>
                   <nz-form-control [nzMd]="16" nzErrorTip="The input is not valid id!">
-                    <input [(ngModel)]="form.model.id" [ngModelOptions]="{ standalone: true }" nz-input name="id" id="id" />
-                    <input
-                      [(ngModel)]="form.model.pictureId"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="pictureId"
-                      id="pictureId"
-                    />
+                    <input [(ngModel)]="form.model.id" [ngModelOptions]="{ standalone: true }" nz-input name="id"
+                      id="id" />
+                    <input [(ngModel)]="form.model.pictureId" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="pictureId" id="pictureId" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
                   <div nz-row style="width: 100%; margin-bottom: 18px">
-                    <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="name">{{ 'mxk.users.displayName' | i18n }} </nz-form-label>
-                    <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid displayName!">
-                      <input
-                        [(ngModel)]="form.model.displayName"
-                        [ngModelOptions]="{ standalone: true }"
-                        nz-input
-                        name="displayName"
-                        id="displayName"
-                      />
+                    <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="name">{{ 'mxk.users.displayName' | i18n }}
+                    </nz-form-label>
+                    <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                      nzErrorTip="The input is not valid displayName!">
+                      <input [(ngModel)]="form.model.displayName" [ngModelOptions]="{ standalone: true }" nz-input
+                        name="displayName" id="displayName" />
                     </nz-form-control>
                   </div>
                   <div nz-row style="width: 100%; margin-bottom: 18px">
-                    <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="username">{{ 'mxk.users.username' | i18n }} </nz-form-label>
-                    <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid username!">
-                      <input
-                        [(ngModel)]="form.model.username"
-                        disabled
-                        [ngModelOptions]="{ standalone: true }"
-                        nz-input
-                        name="username"
-                        id="username"
-                      />
+                    <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="username">{{ 'mxk.users.username' | i18n }}
+                    </nz-form-label>
+                    <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                      nzErrorTip="The input is not valid username!">
+                      <input [(ngModel)]="form.model.username" disabled [ngModelOptions]="{ standalone: true }" nz-input
+                        name="username" id="username" />
                     </nz-form-control>
                   </div>
                   <div nz-row style="width: 100%">
                     <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="gender">{{ 'mxk.users.gender' | i18n }}</nz-form-label>
                     <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid gender!">
-                      <nz-radio-group [(ngModel)]="form.model.gender_select" [ngModelOptions]="{ standalone: true }" nzButtonStyle="solid">
+                      <nz-radio-group [(ngModel)]="form.model.gender_select" [ngModelOptions]="{ standalone: true }"
+                        nzButtonStyle="solid">
                         <label nz-radio-button nzValue="2">{{ 'mxk.users.gender.male' | i18n }}</label>
                         <label nz-radio-button nzValue="1">{{ 'mxk.users.gender.female' | i18n }}</label>
                       </nz-radio-group>
@@ -58,28 +48,19 @@
                 </nz-form-item>
 
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="uploadFile">{{ 'mxk.users.picture' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="uploadFile">{{ 'mxk.users.picture' | i18n }}
+                  </nz-form-label>
                   <div nz-col class="clearfix" nzSm="16" nzXs="24">
-                    <nz-upload
-                      nzAction="/file/upload/"
-                      nzListType="picture-card"
-                      [(nzFileList)]="fileList"
-                      nzName="uploadFile"
-                      [nzShowButton]="fileList.length < 1"
-                      [nzPreview]="handlePreview"
-                      (nzChange)="uploadImageChange($event)"
-                    >
+                    <nz-upload nzAction="/file/upload/" nzListType="picture-card" [(nzFileList)]="fileList"
+                      nzName="uploadFile" [nzShowButton]="fileList.length < 1" [nzPreview]="handlePreview"
+                      (nzChange)="uploadImageChange($event)">
                       <div>
                         <i nz-icon nzType="plus"></i>
                         <div style="margin-top: 8px">Upload</div>
                       </div>
                     </nz-upload>
-                    <nz-modal
-                      [nzVisible]="previewVisible"
-                      [nzContent]="modalContent"
-                      [nzFooter]="null"
-                      (nzOnCancel)="previewVisible = false"
-                    >
+                    <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null"
+                      (nzOnCancel)="previewVisible = false">
                       <ng-template #modalContent>
                         <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
                       </ng-template>
@@ -89,77 +70,55 @@
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="employeeNumber">{{ 'mxk.users.employeeNumber' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid employeeNumber!">
-                    <input
-                      [(ngModel)]="form.model.employeeNumber"
-                      disabled
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="employeeNumber"
-                      id="employeeNumber"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="employeeNumber">{{ 'mxk.users.employeeNumber' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid employeeNumber!">
+                    <input [(ngModel)]="form.model.employeeNumber" disabled [ngModelOptions]="{ standalone: true }"
+                      nz-input name="employeeNumber" id="employeeNumber" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="windowsAccount">{{ 'mxk.users.windowsAccount' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="windowsAccount">{{ 'mxk.users.windowsAccount' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid status!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.windowsAccount"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="windowsAccount"
-                      id="windowsAccount"
-                    />
+                    <input disabled [(ngModel)]="form.model.windowsAccount" [ngModelOptions]="{ standalone: true }"
+                      nz-input name="windowsAccount" id="windowsAccount" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="mobile">{{ 'mxk.users.mobile' | i18n }}</nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid mobile!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.mobile"
-                      readonly
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="mobile"
-                      id="mobile"
-                    />
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid mobile!">
+                    <input disabled [(ngModel)]="form.model.mobile" readonly [ngModelOptions]="{ standalone: true }"
+                      nz-input name="mobile" id="mobile" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="email">{{ 'mxk.users.email' | i18n }}</nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid email!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.email"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="email"
-                      id="email"
-                    />
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid email!">
+                    <input disabled [(ngModel)]="form.model.email" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="email" id="email" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
 
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userType">{{ 'mxk.users.userType' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid userType!">
-                    <nz-select
-                      disabled
-                      [(ngModel)]="form.model.userType"
-                      [ngModelOptions]="{ standalone: true }"
-                      name="userType"
-                      id="userType"
-                    >
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userType">{{ 'mxk.users.userType' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid userType!">
+                    <nz-select disabled [(ngModel)]="form.model.userType" [ngModelOptions]="{ standalone: true }"
+                      name="userType" id="userType">
                       <nz-option nzValue="EMPLOYEE" nzLabel="{{ 'mxk.users.userType.employee' | i18n }}"> </nz-option>
                       <nz-option nzValue="SUPPLIER" nzLabel="{{ 'mxk.users.userType.supplier' | i18n }}"> </nz-option>
                       <nz-option nzValue="CUSTOMER" nzLabel="{{ 'mxk.users.userType.customer' | i18n }}"> </nz-option>
-                      <nz-option nzValue="CONTRACTOR" nzLabel="{{ 'mxk.users.userType.contractor' | i18n }}"> </nz-option>
+                      <nz-option nzValue="CONTRACTOR" nzLabel="{{ 'mxk.users.userType.contractor' | i18n }}">
+                      </nz-option>
                       <nz-option nzValue="DEALER" nzLabel="{{ 'mxk.users.userType.dealer' | i18n }}"></nz-option>
                       <nz-option nzValue="PARTNER" nzLabel="{{ 'mxk.users.userType.partner' | i18n }}"></nz-option>
                       <nz-option nzValue="EXTERNAL" nzLabel="{{ 'mxk.users.userType.external' | i18n }}"></nz-option>
@@ -169,17 +128,15 @@
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userState">{{ 'mxk.users.userstate' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid userState!">
-                    <nz-select
-                      disabled
-                      [(ngModel)]="form.model.userState"
-                      [ngModelOptions]="{ standalone: true }"
-                      name="userState"
-                      id="userState"
-                    >
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userState">{{ 'mxk.users.userstate' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid userState!">
+                    <nz-select disabled [(ngModel)]="form.model.userState" [ngModelOptions]="{ standalone: true }"
+                      name="userState" id="userState">
                       <nz-option nzValue="RESIDENT" nzLabel="{{ 'mxk.users.userstate.resident' | i18n }}"> </nz-option>
-                      <nz-option nzValue="WITHDRAWN" nzLabel="{{ 'mxk.users.userstate.withdrawn' | i18n }}"> </nz-option>
+                      <nz-option nzValue="WITHDRAWN" nzLabel="{{ 'mxk.users.userstate.withdrawn' | i18n }}">
+                      </nz-option>
                       <nz-option nzValue="INACTIVE" nzLabel="{{ 'mxk.users.userstate.inactive' | i18n }}"> </nz-option>
                       <nz-option nzValue="RETIREE" nzLabel="{{ 'mxk.users.userstate.retiree' | i18n }}"></nz-option>
                     </nz-select>
@@ -189,28 +146,21 @@
 
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="sortIndex">{{ 'mxk.text.sortIndex' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid sortIndex!">
-                    <nz-input-number
-                      disabled
-                      [(ngModel)]="form.model.sortIndex"
-                      [ngModelOptions]="{ standalone: true }"
-                      [nzMin]="1"
-                      [nzMax]="100000"
-                      [nzStep]="1"
-                    ></nz-input-number>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="sortIndex">{{ 'mxk.text.sortIndex' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid sortIndex!">
+                    <nz-input-number disabled [(ngModel)]="form.model.sortIndex" [ngModelOptions]="{ standalone: true }"
+                      [nzMin]="1" [nzMax]="100000" [nzStep]="1"></nz-input-number>
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="status">{{ 'mxk.text.status' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid status!">
-                    <nz-select
-                      disabled
-                      [(ngModel)]="form.model.str_status"
-                      [ngModelOptions]="{ standalone: true }"
-                      name="status"
-                      id="status"
-                    >
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="status">{{ 'mxk.text.status' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid status!">
+                    <nz-select disabled [(ngModel)]="form.model.str_status" [ngModelOptions]="{ standalone: true }"
+                      name="status" id="status">
                       <nz-option nzValue="1" nzLabel="{{ 'mxk.users.status.active' | i18n }}"></nz-option>
                       <nz-option nzValue="2" nzLabel="{{ 'mxk.users.status.inactive' | i18n }}"></nz-option>
                       <nz-option nzValue="4" nzLabel="{{ 'mxk.users.status.forbidden' | i18n }}"></nz-option>
@@ -224,53 +174,37 @@
             <nz-tab nzTitle="{{ 'mxk.users.tab.personal' | i18n }}">
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="familyName">{{ 'mxk.users.familyName' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="familyName">{{ 'mxk.users.familyName' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="16" nzErrorTip="The input is not valid familyName!">
-                    <input
-                      [(ngModel)]="form.model.familyName"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="familyName"
-                      id="familyName"
-                    />
+                    <input [(ngModel)]="form.model.familyName" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="familyName" id="familyName" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="middleName">{{ 'mxk.users.middleName' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="middleName">{{ 'mxk.users.middleName' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid middleName!">
-                    <input
-                      [(ngModel)]="form.model.middleName"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="middleName"
-                      id="middleName"
-                    />
+                    <input [(ngModel)]="form.model.middleName" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="middleName" id="middleName" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="givenName">{{ 'mxk.users.givenName' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="givenName">{{ 'mxk.users.givenName' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid givenName!">
-                    <input
-                      [(ngModel)]="form.model.givenName"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="givenName"
-                      id="givenName"
-                    />
+                    <input [(ngModel)]="form.model.givenName" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="givenName" id="givenName" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="nickName">{{ 'mxk.users.nickName' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="nickName">{{ 'mxk.users.nickName' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid nickName!">
-                    <input
-                      [(ngModel)]="form.model.nickName"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="nickName"
-                      id="nickName"
-                    />
+                    <input [(ngModel)]="form.model.nickName" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="nickName" id="nickName" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
@@ -278,7 +212,8 @@
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="idType">{{ 'mxk.users.idtype' | i18n }}</nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid idType!">
-                    <nz-select [(ngModel)]="form.model.str_idType" [ngModelOptions]="{ standalone: true }" name="idType" id="idType">
+                    <nz-select [(ngModel)]="form.model.str_idType" [ngModelOptions]="{ standalone: true }" name="idType"
+                      id="idType">
                       <nz-option nzValue="0" nzLabel="{{ 'mxk.users.idtype.unknown' | i18n }}"></nz-option>
                       <nz-option nzValue="1" nzLabel="{{ 'mxk.users.idtype.idcard' | i18n }}"></nz-option>
                       <nz-option nzValue="2" nzLabel="{{ 'mxk.users.idtype.passport' | i18n }}"></nz-option>
@@ -288,15 +223,11 @@
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="idCardNo">{{ 'mxk.users.idCardNo' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="idCardNo">{{ 'mxk.users.idCardNo' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid idCardNo!">
-                    <input
-                      [(ngModel)]="form.model.idCardNo"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="idCardNo"
-                      id="idCardNo"
-                    />
+                    <input [(ngModel)]="form.model.idCardNo" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="idCardNo" id="idCardNo" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
@@ -304,7 +235,8 @@
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="married">{{ 'mxk.users.married' | i18n }}</nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid married!">
-                    <nz-select [(ngModel)]="form.model.str_married" [ngModelOptions]="{ standalone: true }" name="married" id="married">
+                    <nz-select [(ngModel)]="form.model.str_married" [ngModelOptions]="{ standalone: true }"
+                      name="married" id="married">
                       <nz-option nzValue="0" nzLabel="{{ 'mxk.users.married.unknown' | i18n }}"></nz-option>
                       <nz-option nzValue="1" nzLabel="{{ 'mxk.users.married.single' | i18n }}"></nz-option>
                       <nz-option nzValue="2" nzLabel="{{ 'mxk.users.married.married' | i18n }}"></nz-option>
@@ -314,43 +246,66 @@
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="birthDate">{{ 'mxk.users.birthDate' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="birthDate">{{ 'mxk.users.birthDate' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid birthDate!">
-                    <input
-                      [(ngModel)]="form.model.birthDate"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="birthDate"
-                      id="birthDate"
-                    />
+                    <input [(ngModel)]="form.model.birthDate" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="birthDate" id="birthDate" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="preferredLanguage"
-                    >{{ 'mxk.users.preferredLanguage' | i18n }}
-                  </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid preferredLanguage!">
-                    <input
-                      [(ngModel)]="form.model.preferredLanguage"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="preferredLanguage"
-                      id="preferredLanguage"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="education">{{ 'mxk.users.education' | i18n
+                    }}</nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid education!">
+                    <input [(ngModel)]="form.model.education" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="education" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="startWorkDate">{{ 'mxk.users.startWorkDate' | i18n }} </nz-form-label>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="graduateFrom">{{ 'mxk.users.graduateFrom' | i18n
+                    }}</nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid graduateFrom!">
+                    <input [(ngModel)]="form.model.graduateFrom" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="graduateFrom" />
+                  </nz-form-control>
+                </nz-form-item>
+              </div>
+              <div nz-row>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="graduateDate">{{ 'mxk.users.graduateDate' | i18n
+                    }}</nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid graduateDate!">
+                    <input [(ngModel)]="form.model.graduateDate" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="graduateDate" />
+                  </nz-form-control>
+                </nz-form-item>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="startWorkDate">{{ 'mxk.users.startWorkDate' | i18n }}
+                  </nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid startWorkDate!">
-                    <input
-                      [(ngModel)]="form.model.startWorkDate"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="startWorkDate"
-                      id="startWorkDate"
-                    />
+                    <input [(ngModel)]="form.model.startWorkDate" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="startWorkDate" id="startWorkDate" />
+                  </nz-form-control>
+                </nz-form-item>
+              </div>
+              <div nz-row>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="timeZone">{{ 'mxk.users.timeZone' | i18n
+                    }}</nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid timeZone!">
+                    <input [(ngModel)]="form.model.timeZone" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="timeZone" />
+                  </nz-form-control>
+                </nz-form-item>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="preferredLanguage">{{ 'mxk.users.preferredLanguage' |
+                    i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid preferredLanguage!">
+                    <input [(ngModel)]="form.model.preferredLanguage" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="preferredLanguage" id="preferredLanguage" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
@@ -358,19 +313,15 @@
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="webSite">{{ 'mxk.users.website' | i18n }}</nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid webSite!">
-                    <input [(ngModel)]="form.model.webSite" [ngModelOptions]="{ standalone: true }" nz-input name="webSite" id="webSite" />
+                    <input [(ngModel)]="form.model.webSite" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="webSite" id="webSite" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="defineIm">{{ 'mxk.users.ims' | i18n }}</nz-form-label>
                   <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid defineIm!">
-                    <input
-                      [(ngModel)]="form.model.defineIm"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="defineIm"
-                      id="defineIm"
-                    />
+                    <input [(ngModel)]="form.model.defineIm" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="defineIm" id="defineIm" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
@@ -378,169 +329,120 @@
             <nz-tab nzTitle="{{ 'mxk.users.tab.business' | i18n }}">
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="organization">{{ 'mxk.users.organization' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid organization!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.organization"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="organization"
-                      id="organization"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="organization">{{ 'mxk.users.organization' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid organization!">
+                    <input disabled [(ngModel)]="form.model.organization" [ngModelOptions]="{ standalone: true }"
+                      nz-input name="organization" id="organization" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="division">{{ 'mxk.users.division' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid division!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.division"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="division"
-                      id="division"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="division">{{ 'mxk.users.division' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid division!">
+                    <input disabled [(ngModel)]="form.model.division" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="division" id="division" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="departmentId">{{ 'mxk.users.departmentId' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid departmentId!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.departmentId"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="departmentId"
-                      id="departmentId"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="departmentId">{{ 'mxk.users.departmentId' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid departmentId!">
+                    <input disabled [(ngModel)]="form.model.departmentId" [ngModelOptions]="{ standalone: true }"
+                      nz-input name="departmentId" id="departmentId" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="department">{{ 'mxk.users.department' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid department!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.department"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="department"
-                      id="department"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="department">{{ 'mxk.users.department' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid department!">
+                    <input disabled [(ngModel)]="form.model.department" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="department" id="department" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="costCenter">{{ 'mxk.users.costCenter' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid departmentId!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.costCenter"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="costCenter"
-                      id="costCenter"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="costCenter">{{ 'mxk.users.costCenter' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid departmentId!">
+                    <input disabled [(ngModel)]="form.model.costCenter" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="costCenter" id="costCenter" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="jobLevel">{{ 'mxk.users.jobLevel' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid jobLevel!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.jobLevel"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="jobLevel"
-                      id="jobLevel"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="jobLevel">{{ 'mxk.users.jobLevel' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid jobLevel!">
+                    <input disabled [(ngModel)]="form.model.jobLevel" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="jobLevel" id="jobLevel" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="jobTitle">{{ 'mxk.users.jobTitle' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid jobTitle!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.jobTitle"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="jobTitle"
-                      id="jobTitle"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="jobTitle">{{ 'mxk.users.jobTitle' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid jobTitle!">
+                    <input disabled [(ngModel)]="form.model.jobTitle" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="jobTitle" id="jobTitle" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="manager">{{ 'mxk.users.manager' | i18n }}</nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid manager!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.manager"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="manager"
-                      id="manager"
-                    />
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid manager!">
+                    <input disabled [(ngModel)]="form.model.manager" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="manager" id="manager" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="assistant">{{ 'mxk.users.assistant' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid assistant!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.assistant"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="assistant"
-                      id="assistant"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="assistant">{{ 'mxk.users.assistant' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid assistant!">
+                    <input disabled [(ngModel)]="form.model.assistant" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="assistant" id="assistant" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workOfficeName">{{ 'mxk.users.workOfficeName' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workOfficeName!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.workOfficeName"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="workOfficeName"
-                      id="workOfficeName"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workOfficeName">{{ 'mxk.users.workOfficeName' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid workOfficeName!">
+                    <input disabled [(ngModel)]="form.model.workOfficeName" [ngModelOptions]="{ standalone: true }"
+                      nz-input name="workOfficeName" id="workOfficeName" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="entryDate">{{ 'mxk.users.entryDate' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid entryDate!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.entryDate"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="entryDate"
-                      id="entryDate"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="entryDate">{{ 'mxk.users.entryDate' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid entryDate!">
+                    <input disabled [(ngModel)]="form.model.entryDate" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="entryDate" id="entryDate" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="quitDate">{{ 'mxk.users.quitDate' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid quitDate!">
-                    <input
-                      disabled
-                      [(ngModel)]="form.model.quitDate"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="quitDate"
-                      id="quitDate"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="quitDate">{{ 'mxk.users.quitDate' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid quitDate!">
+                    <input disabled [(ngModel)]="form.model.quitDate" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="quitDate" id="quitDate" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
@@ -548,93 +450,80 @@
             <nz-tab nzTitle="{{ 'mxk.users.tab.business.extra' | i18n }}">
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workPhoneNumber">{{ 'mxk.users.workPhoneNumber' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workPhoneNumber!">
-                    <input
-                      [(ngModel)]="form.model.workPhoneNumber"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="workPhoneNumber"
-                      id="workPhoneNumber"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workPhoneNumber">{{ 'mxk.users.workPhoneNumber' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid workPhoneNumber!">
+                    <input [(ngModel)]="form.model.workPhoneNumber" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="workPhoneNumber" id="workPhoneNumber" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workEmail">{{ 'mxk.users.workEmail' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workEmail!">
-                    <input
-                      [(ngModel)]="form.model.workEmail"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="workEmail"
-                      id="workEmail"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workEmail">{{ 'mxk.users.workEmail' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid workEmail!">
+                    <input [(ngModel)]="form.model.workEmail" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="workEmail" id="workEmail" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workCountry">{{ 'mxk.users.workCountry' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workCountry!">
-                    <input
-                      [(ngModel)]="form.model.workCountry"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="workCountry"
-                      id="workCountry"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workCountry">{{ 'mxk.users.workCountry' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid workCountry!">
+                    <input [(ngModel)]="form.model.workCountry" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="workCountry" id="workCountry" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="region">{{ 'mxk.users.workRegion' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid region!">
-                    <input [(ngModel)]="form.model.workRegion" [ngModelOptions]="{ standalone: true }" nz-input name="region" id="region" />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="region">{{ 'mxk.users.workRegion' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid region!">
+                    <input [(ngModel)]="form.model.workRegion" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="region" id="region" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="locality">{{ 'mxk.users.workLocality' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid locality!">
-                    <input
-                      [(ngModel)]="form.model.workLocality"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="locality"
-                      id="locality"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="locality">{{ 'mxk.users.workLocality' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid locality!">
+                    <input [(ngModel)]="form.model.workLocality" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="locality" id="locality" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="street">{{ 'mxk.users.workStreetAddress' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid street!">
-                    <input
-                      [(ngModel)]="form.model.workStreetAddress"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="street"
-                      id="street"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="street">{{ 'mxk.users.workStreetAddress' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid street!">
+                    <input [(ngModel)]="form.model.workStreetAddress" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="street" id="street" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="postalCode">{{ 'mxk.users.workPostalCode' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid postalCode!">
-                    <input
-                      [(ngModel)]="form.model.workPostalCode"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="postalCode"
-                      id="postalCode"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="postalCode">{{ 'mxk.users.workPostalCode' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid postalCode!">
+                    <input [(ngModel)]="form.model.workPostalCode" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="postalCode" id="postalCode" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workFax">{{ 'mxk.users.workFax' | i18n }}</nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workFax!">
-                    <input [(ngModel)]="form.model.workFax" [ngModelOptions]="{ standalone: true }" nz-input name="workFax" id="workFax" />
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid workFax!">
+                    <input [(ngModel)]="form.model.workFax" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="workFax" id="workFax" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
@@ -642,95 +531,81 @@
             <nz-tab nzTitle="{{ 'mxk.users.tab.home' | i18n }}">
               <div nz-row>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeEmail">{{ 'mxk.users.homeEmail' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homeEmail!">
-                    <input
-                      [(ngModel)]="form.model.homeEmail"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="homeEmail"
-                      id="homeEmail"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeEmail">{{ 'mxk.users.homeEmail' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid homeEmail!">
+                    <input [(ngModel)]="form.model.homeEmail" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="homeEmail" id="homeEmail" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePhoneNumber">{{ 'mxk.users.homePhoneNumber' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homePhoneNumber!">
-                    <input
-                      [(ngModel)]="form.model.homePhoneNumber"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="homePhoneNumber"
-                      id="homePhoneNumber"
-                    />
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePhoneNumber">{{ 'mxk.users.homePhoneNumber' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid homePhoneNumber!">
+                    <input [(ngModel)]="form.model.homePhoneNumber" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="homePhoneNumber" id="homePhoneNumber" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
               <div nz-row>
                 <nz-form-item>
                   <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeFax">{{ 'mxk.users.homeFax' | i18n }}</nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homeFax!">
-                    <input [(ngModel)]="form.model.homeFax" [ngModelOptions]="{ standalone: true }" nz-input name="homeFax" id="homeFax" />
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid homeFax!">
+                    <input [(ngModel)]="form.model.homeFax" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="homeFax" id="homeFax" />
                   </nz-form-control>
                 </nz-form-item>
                 <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePostalCode">{{ 'mxk.users.homePostalCode' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid postalCode!">
-                    <input
-                      [(ngModel)]="form.model.homePostalCode"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="homePostalCode"
-                      id="homePostalCode"
-                    />
-                  </nz-form-control>
-                </nz-form-item>
-              </div>
-              <div nz-row>
-                <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeCountry">{{ 'mxk.users.homeCountry' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homeCountry!">
-                    <input
-                      [(ngModel)]="form.model.homeCountry"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="homeCountry"
-                      id="homeCountry"
-                    />
-                  </nz-form-control>
-                </nz-form-item>
-                <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="region">{{ 'mxk.users.homeRegion' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid region!">
-                    <input [(ngModel)]="form.model.homeRegion" [ngModelOptions]="{ standalone: true }" nz-input name="region" id="region" />
-                  </nz-form-control>
-                </nz-form-item>
-              </div>
-              <div nz-row>
-                <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="locality">{{ 'mxk.users.homeLocality' | i18n }} </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid locality!">
-                    <input
-                      [(ngModel)]="form.model.homeLocality"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="locality"
-                      id="locality"
-                    />
-                  </nz-form-control>
-                </nz-form-item>
-                <nz-form-item>
-                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeStreetAddress"
-                    >{{ 'mxk.users.homeStreetAddress' | i18n }}
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePostalCode">{{ 'mxk.users.homePostalCode' | i18n }}
                   </nz-form-label>
-                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid street!">
-                    <input
-                      [(ngModel)]="form.model.homeStreetAddress"
-                      [ngModelOptions]="{ standalone: true }"
-                      nz-input
-                      name="street"
-                      id="street"
-                    />
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid postalCode!">
+                    <input [(ngModel)]="form.model.homePostalCode" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="homePostalCode" id="homePostalCode" />
+                  </nz-form-control>
+                </nz-form-item>
+              </div>
+              <div nz-row>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeCountry">{{ 'mxk.users.homeCountry' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid homeCountry!">
+                    <input [(ngModel)]="form.model.homeCountry" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="homeCountry" id="homeCountry" />
+                  </nz-form-control>
+                </nz-form-item>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="region">{{ 'mxk.users.homeRegion' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid region!">
+                    <input [(ngModel)]="form.model.homeRegion" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="region" id="region" />
+                  </nz-form-control>
+                </nz-form-item>
+              </div>
+              <div nz-row>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="locality">{{ 'mxk.users.homeLocality' | i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid locality!">
+                    <input [(ngModel)]="form.model.homeLocality" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="locality" id="locality" />
+                  </nz-form-control>
+                </nz-form-item>
+                <nz-form-item>
+                  <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeStreetAddress">{{ 'mxk.users.homeStreetAddress' |
+                    i18n }}
+                  </nz-form-label>
+                  <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                    nzErrorTip="The input is not valid street!">
+                    <input [(ngModel)]="form.model.homeStreetAddress" [ngModelOptions]="{ standalone: true }" nz-input
+                      name="street" id="street" />
                   </nz-form-control>
                 </nz-form-item>
               </div>
@@ -749,4 +624,4 @@
     </div>
     <div nz-col nzMd="3"></div>
   </div>
-</nz-card>
+</nz-card>
\ No newline at end of file
diff --git a/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/en-US.json b/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/en-US.json
index fb82321b..00a13e1e 100644
--- a/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/en-US.json
+++ b/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/en-US.json
@@ -113,6 +113,9 @@
 			"idtype.studentcard": "studentcard",
 			"idtype.militarycard": "militarycard",
 			"idCardNo": "idCardNo",
+			"education": "education",
+			"graduateFrom": "graduateFrom",
+			"graduateDate": "graduateDate",
 			"startWorkDate": "startWorkDate",
 			"preferredLanguage": "preferredLanguage",
 			"timeZone": "timeZone",
diff --git a/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-CN.json b/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-CN.json
index 764b575e..f2230320 100644
--- a/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-CN.json
+++ b/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-CN.json
@@ -117,7 +117,10 @@
 			"idtype.studentcard": "学生证",
 			"idtype.militarycard": "军人证",
 			"idCardNo": "证件号码",
-			"startWorkDate": "工作开始时间",
+			"education": "学历",
+			"graduateFrom": "毕业院校",
+			"graduateDate": "毕业时间",
+			"startWorkDate": "工作时间",
 			"preferredLanguage": "语言偏好",
 			"timeZone": "时区",
 			"locale": "语言选择",
diff --git a/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-TW.json b/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-TW.json
index 38c55e93..f839e8b3 100644
--- a/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-TW.json
+++ b/maxkey-web-frontend/maxkey-web-app/src/assets/i18n/zh-TW.json
@@ -117,7 +117,10 @@
 			"idtype.studentcard": "學生證",
 			"idtype.militarycard": "軍人證",
 			"idCardNo": "證件號碼",
-			"startWorkDate": "工作開始時間",
+			"education": "學歷",
+			"graduateFrom": "畢業院校",
+			"graduateDate": "畢業時間",
+			"startWorkDate": "工作時間",
 			"preferredLanguage": "語言偏好",
 			"timeZone": "時區",
 			"locale": "語言選擇",
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/entity/Users.ts b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/entity/Users.ts
index 66abaa29..d2cffff1 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/entity/Users.ts
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/entity/Users.ts
@@ -51,6 +51,9 @@ export class Users extends BaseEntity {
   pictureBase64!: string;
   idType!: Number;
   idCardNo!: String;
+  education!: String;
+  graduateFrom!: String;
+  graduateDate!: String;
   webSite!: String;
   startWorkDate!: String;
 
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/users/user-editer/user-editer.component.html b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/users/user-editer/user-editer.component.html
index 56014e32..8d4322ad 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/users/user-editer/user-editer.component.html
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/users/user-editer/user-editer.component.html
@@ -7,53 +7,45 @@
           <nz-form-item style="display: none">
             <nz-form-label [nzMd]="8" nzFor="id">{{ 'mxk.text.id' | i18n }}</nz-form-label>
             <nz-form-control [nzMd]="16" nzErrorTip="The input is not valid id!">
-              <input
-                [(ngModel)]="form.model.id"
-                disabled="{{ isEdit }}"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="id"
-                id="id"
-              />
-              <input
-                [(ngModel)]="form.model.pictureId"
-                disabled="{{ isEdit }}"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="pictureId"
-                id="pictureId"
-              />
+              <input [(ngModel)]="form.model.id" disabled="{{ isEdit }}" [ngModelOptions]="{ standalone: true }"
+                nz-input name="id" id="id" />
+              <input [(ngModel)]="form.model.pictureId" disabled="{{ isEdit }}" [ngModelOptions]="{ standalone: true }"
+                nz-input name="pictureId" id="pictureId" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <div nz-row style="width: 100%; margin-bottom: 18px">
-              <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="name">{{ 'mxk.users.displayName' | i18n }} </nz-form-label>
-              <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid displayName!">
-                <input
-                  [(ngModel)]="form.model.displayName"
-                  [ngModelOptions]="{ standalone: true }"
-                  nz-input
-                  name="displayName"
-                  id="displayName"
-                />
+              <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="name">{{ 'mxk.users.displayName' | i18n }}
+              </nz-form-label>
+              <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                nzErrorTip="The input is not valid displayName!">
+                <input [(ngModel)]="form.model.displayName" [ngModelOptions]="{ standalone: true }" nz-input
+                  name="displayName" id="displayName" />
               </nz-form-control>
             </div>
             <div nz-row style="width: 100%; margin-bottom: 18px">
-              <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="username">{{ 'mxk.users.username' | i18n }} </nz-form-label>
-              <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid username!">
-                <input [(ngModel)]="form.model.username" [ngModelOptions]="{ standalone: true }" nz-input name="username" id="username" />
+              <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="username">{{ 'mxk.users.username' | i18n }}
+              </nz-form-label>
+              <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                nzErrorTip="The input is not valid username!">
+                <input [(ngModel)]="form.model.username" [ngModelOptions]="{ standalone: true }" nz-input
+                  name="username" id="username" />
               </nz-form-control>
             </div>
             <div nz-row class="{{ isEdit ? 'passwordhidden' : 'passwordshow' }}">
-              <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="password">{{ 'mxk.users.password' | i18n }} </nz-form-label>
-              <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid password!">
-                <input [(ngModel)]="form.model.password" [ngModelOptions]="{ standalone: true }" nz-input name="password" id="password" />
+              <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="password">{{ 'mxk.users.password' | i18n }}
+              </nz-form-label>
+              <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+                nzErrorTip="The input is not valid password!">
+                <input [(ngModel)]="form.model.password" [ngModelOptions]="{ standalone: true }" nz-input
+                  name="password" id="password" />
               </nz-form-control>
             </div>
             <div nz-row style="width: 100%">
               <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="gender">{{ 'mxk.users.gender' | i18n }}</nz-form-label>
               <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid gender!">
-                <nz-radio-group [(ngModel)]="form.model.gender_select" [ngModelOptions]="{ standalone: true }" nzButtonStyle="solid">
+                <nz-radio-group [(ngModel)]="form.model.gender_select" [ngModelOptions]="{ standalone: true }"
+                  nzButtonStyle="solid">
                   <label nz-radio-button nzValue="2">{{ 'mxk.users.gender.male' | i18n }}</label>
                   <label nz-radio-button nzValue="1">{{ 'mxk.users.gender.female' | i18n }}</label>
                 </nz-radio-group>
@@ -64,21 +56,16 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="uploadFile">{{ 'mxk.users.picture' | i18n }}</nz-form-label>
             <div nz-col class="clearfix" nzSm="16" nzXs="24">
-              <nz-upload
-                nzAction="/file/upload/"
-                nzListType="picture-card"
-                [(nzFileList)]="fileList"
-                nzName="uploadFile"
-                [nzShowButton]="fileList.length < 1"
-                [nzPreview]="handlePreview"
-                (nzChange)="uploadImageChange($event)"
-              >
+              <nz-upload nzAction="/file/upload/" nzListType="picture-card" [(nzFileList)]="fileList"
+                nzName="uploadFile" [nzShowButton]="fileList.length < 1" [nzPreview]="handlePreview"
+                (nzChange)="uploadImageChange($event)">
                 <div>
                   <i nz-icon nzType="plus"></i>
                   <div style="margin-top: 8px">Upload</div>
                 </div>
               </nz-upload>
-              <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false">
+              <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null"
+                (nzOnCancel)="previewVisible = false">
                 <ng-template #modalContent>
                   <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
                 </ng-template>
@@ -88,50 +75,49 @@
         </div>
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="employeeNumber">{{ 'mxk.users.employeeNumber' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid employeeNumber!">
-              <input
-                [(ngModel)]="form.model.employeeNumber"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="employeeNumber"
-                id="employeeNumber"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="employeeNumber">{{ 'mxk.users.employeeNumber' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid employeeNumber!">
+              <input [(ngModel)]="form.model.employeeNumber" [ngModelOptions]="{ standalone: true }" nz-input
+                name="employeeNumber" id="employeeNumber" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="windowsAccount">{{ 'mxk.users.windowsAccount' | i18n }} </nz-form-label>
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="windowsAccount">{{ 'mxk.users.windowsAccount' | i18n }}
+            </nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid status!">
-              <input
-                [(ngModel)]="form.model.windowsAccount"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="windowsAccount"
-                id="windowsAccount"
-              />
+              <input [(ngModel)]="form.model.windowsAccount" [ngModelOptions]="{ standalone: true }" nz-input
+                name="windowsAccount" id="windowsAccount" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="mobile">{{ 'mxk.users.mobile' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid mobile!">
-              <input [(ngModel)]="form.model.mobile" [ngModelOptions]="{ standalone: true }" nz-input name="mobile" id="mobile" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid mobile!">
+              <input [(ngModel)]="form.model.mobile" [ngModelOptions]="{ standalone: true }" nz-input name="mobile"
+                id="mobile" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="email">{{ 'mxk.users.email' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid email!">
-              <input [(ngModel)]="form.model.email" [ngModelOptions]="{ standalone: true }" nz-input name="email" id="email" />
+              <input [(ngModel)]="form.model.email" [ngModelOptions]="{ standalone: true }" nz-input name="email"
+                id="email" />
             </nz-form-control>
           </nz-form-item>
         </div>
 
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userType">{{ 'mxk.users.userType' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid userType!">
-              <nz-select [(ngModel)]="form.model.userType" [ngModelOptions]="{ standalone: true }" name="userType" id="userType">
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userType">{{ 'mxk.users.userType' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid userType!">
+              <nz-select [(ngModel)]="form.model.userType" [ngModelOptions]="{ standalone: true }" name="userType"
+                id="userType">
                 <nz-option nzValue="EMPLOYEE" nzLabel="{{ 'mxk.users.userType.employee' | i18n }}"> </nz-option>
                 <nz-option nzValue="SUPPLIER" nzLabel="{{ 'mxk.users.userType.supplier' | i18n }}"> </nz-option>
                 <nz-option nzValue="CUSTOMER" nzLabel="{{ 'mxk.users.userType.customer' | i18n }}"> </nz-option>
@@ -145,9 +131,12 @@
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userState">{{ 'mxk.users.userstate' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid userState!">
-              <nz-select [(ngModel)]="form.model.userState" [ngModelOptions]="{ standalone: true }" name="userState" id="userState">
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="userState">{{ 'mxk.users.userstate' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid userState!">
+              <nz-select [(ngModel)]="form.model.userState" [ngModelOptions]="{ standalone: true }" name="userState"
+                id="userState">
                 <nz-option nzValue="RESIDENT" nzLabel="{{ 'mxk.users.userstate.resident' | i18n }}"> </nz-option>
                 <nz-option nzValue="WITHDRAWN" nzLabel="{{ 'mxk.users.userstate.withdrawn' | i18n }}"> </nz-option>
                 <nz-option nzValue="INACTIVE" nzLabel="{{ 'mxk.users.userstate.inactive' | i18n }}"> </nz-option>
@@ -159,21 +148,21 @@
 
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="sortIndex">{{ 'mxk.text.sortIndex' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid sortIndex!">
-              <nz-input-number
-                [(ngModel)]="form.model.sortIndex"
-                [ngModelOptions]="{ standalone: true }"
-                [nzMin]="1"
-                [nzMax]="100000"
-                [nzStep]="1"
-              ></nz-input-number>
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="sortIndex">{{ 'mxk.text.sortIndex' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid sortIndex!">
+              <nz-input-number [(ngModel)]="form.model.sortIndex" [ngModelOptions]="{ standalone: true }" [nzMin]="1"
+                [nzMax]="100000" [nzStep]="1"></nz-input-number>
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="status">{{ 'mxk.text.status' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid status!">
-              <nz-select [(ngModel)]="form.model.str_status" [ngModelOptions]="{ standalone: true }" name="status" id="status">
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="status">{{ 'mxk.text.status' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid status!">
+              <nz-select [(ngModel)]="form.model.str_status" [ngModelOptions]="{ standalone: true }" name="status"
+                id="status">
                 <nz-option nzValue="1" nzLabel="{{ 'mxk.users.status.active' | i18n }}"></nz-option>
                 <nz-option nzValue="2" nzLabel="{{ 'mxk.users.status.inactive' | i18n }}"></nz-option>
                 <nz-option nzValue="4" nzLabel="{{ 'mxk.users.status.forbidden' | i18n }}"></nz-option>
@@ -189,25 +178,15 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="familyName">{{ 'mxk.users.familyName' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="16" nzErrorTip="The input is not valid familyName!">
-              <input
-                [(ngModel)]="form.model.familyName"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="familyName"
-                id="familyName"
-              />
+              <input [(ngModel)]="form.model.familyName" [ngModelOptions]="{ standalone: true }" nz-input
+                name="familyName" id="familyName" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="middleName">{{ 'mxk.users.middleName' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid middleName!">
-              <input
-                [(ngModel)]="form.model.middleName"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="middleName"
-                id="middleName"
-              />
+              <input [(ngModel)]="form.model.middleName" [ngModelOptions]="{ standalone: true }" nz-input
+                name="middleName" id="middleName" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -215,13 +194,15 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="givenName">{{ 'mxk.users.givenName' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid givenName!">
-              <input [(ngModel)]="form.model.givenName" [ngModelOptions]="{ standalone: true }" nz-input name="givenName" id="givenName" />
+              <input [(ngModel)]="form.model.givenName" [ngModelOptions]="{ standalone: true }" nz-input
+                name="givenName" id="givenName" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="nickName">{{ 'mxk.users.nickName' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid nickName!">
-              <input [(ngModel)]="form.model.nickName" [ngModelOptions]="{ standalone: true }" nz-input name="nickName" id="nickName" />
+              <input [(ngModel)]="form.model.nickName" [ngModelOptions]="{ standalone: true }" nz-input name="nickName"
+                id="nickName" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -229,7 +210,8 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="idType">{{ 'mxk.users.idtype' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid idType!">
-              <nz-select [(ngModel)]="form.model.str_idType" [ngModelOptions]="{ standalone: true }" name="idType" id="idType">
+              <nz-select [(ngModel)]="form.model.str_idType" [ngModelOptions]="{ standalone: true }" name="idType"
+                id="idType">
                 <nz-option nzValue="0" nzLabel="{{ 'mxk.users.idtype.unknown' | i18n }}"></nz-option>
                 <nz-option nzValue="1" nzLabel="{{ 'mxk.users.idtype.idcard' | i18n }}"></nz-option>
                 <nz-option nzValue="2" nzLabel="{{ 'mxk.users.idtype.passport' | i18n }}"></nz-option>
@@ -241,7 +223,8 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="idCardNo">{{ 'mxk.users.idCardNo' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid idCardNo!">
-              <input [(ngModel)]="form.model.idCardNo" [ngModelOptions]="{ standalone: true }" nz-input name="idCardNo" id="idCardNo" />
+              <input [(ngModel)]="form.model.idCardNo" [ngModelOptions]="{ standalone: true }" nz-input name="idCardNo"
+                id="idCardNo" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -249,7 +232,8 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="married">{{ 'mxk.users.married' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid married!">
-              <nz-select [(ngModel)]="form.model.str_married" [ngModelOptions]="{ standalone: true }" name="married" id="married">
+              <nz-select [(ngModel)]="form.model.str_married" [ngModelOptions]="{ standalone: true }" name="married"
+                id="married">
                 <nz-option nzValue="0" nzLabel="{{ 'mxk.users.married.unknown' | i18n }}"></nz-option>
                 <nz-option nzValue="1" nzLabel="{{ 'mxk.users.married.single' | i18n }}"></nz-option>
                 <nz-option nzValue="2" nzLabel="{{ 'mxk.users.married.married' | i18n }}"></nz-option>
@@ -261,33 +245,60 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="birthDate">{{ 'mxk.users.birthDate' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid birthDate!">
-              <input [(ngModel)]="form.model.birthDate" [ngModelOptions]="{ standalone: true }" nz-input name="birthDate" id="birthDate" />
+              <input [(ngModel)]="form.model.birthDate" [ngModelOptions]="{ standalone: true }" nz-input
+                name="birthDate" id="birthDate" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="preferredLanguage">{{ 'mxk.users.preferredLanguage' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid preferredLanguage!">
-              <input
-                [(ngModel)]="form.model.preferredLanguage"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="preferredLanguage"
-                id="preferredLanguage"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="education">{{ 'mxk.users.education' | i18n }}</nz-form-label>
+            <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid education!">
+              <input [(ngModel)]="form.model.education" [ngModelOptions]="{ standalone: true }" nz-input
+                name="education" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="startWorkDate">{{ 'mxk.users.startWorkDate' | i18n }} </nz-form-label>
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="graduateFrom">{{ 'mxk.users.graduateFrom' | i18n
+              }}</nz-form-label>
+            <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid graduateFrom!">
+              <input [(ngModel)]="form.model.graduateFrom" [ngModelOptions]="{ standalone: true }" nz-input
+                name="graduateFrom" />
+            </nz-form-control>
+          </nz-form-item>
+        </div>
+        <div nz-row>
+          <nz-form-item>
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="graduateDate">{{ 'mxk.users.graduateDate' | i18n
+              }}</nz-form-label>
+            <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid graduateDate!">
+              <input [(ngModel)]="form.model.graduateDate" [ngModelOptions]="{ standalone: true }" nz-input
+                name="graduateDate" />
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="startWorkDate">{{ 'mxk.users.startWorkDate' | i18n }}
+            </nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid startWorkDate!">
-              <input
-                [(ngModel)]="form.model.startWorkDate"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="startWorkDate"
-                id="startWorkDate"
-              />
+              <input [(ngModel)]="form.model.startWorkDate" [ngModelOptions]="{ standalone: true }" nz-input
+                name="startWorkDate" id="startWorkDate" />
+            </nz-form-control>
+          </nz-form-item>
+        </div>
+        <div nz-row>
+          <nz-form-item>
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="timeZone">{{ 'mxk.users.timeZone' | i18n }}</nz-form-label>
+            <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid timeZone!">
+              <input [(ngModel)]="form.model.timeZone" [ngModelOptions]="{ standalone: true }" nz-input
+                name="timeZone" />
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="preferredLanguage">{{ 'mxk.users.preferredLanguage' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid preferredLanguage!">
+              <input [(ngModel)]="form.model.preferredLanguage" [ngModelOptions]="{ standalone: true }" nz-input
+                name="preferredLanguage" id="preferredLanguage" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -295,13 +306,15 @@
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="webSite">{{ 'mxk.users.website' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid webSite!">
-              <input [(ngModel)]="form.model.webSite" [ngModelOptions]="{ standalone: true }" nz-input name="webSite" id="webSite" />
+              <input [(ngModel)]="form.model.webSite" [ngModelOptions]="{ standalone: true }" nz-input name="webSite"
+                id="webSite" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="defineIm">{{ 'mxk.users.ims' | i18n }}</nz-form-label>
             <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="The input is not valid defineIm!">
-              <input [(ngModel)]="form.model.defineIm" [ngModelOptions]="{ standalone: true }" nz-input name="defineIm" id="defineIm" />
+              <input [(ngModel)]="form.model.defineIm" [ngModelOptions]="{ standalone: true }" nz-input name="defineIm"
+                id="defineIm" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -309,121 +322,116 @@
       <nz-tab nzTitle="{{ 'mxk.users.tab.business' | i18n }}">
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="organization">{{ 'mxk.users.organization' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid organization!">
-              <input
-                [(ngModel)]="form.model.organization"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="organization"
-                id="organization"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="organization">{{ 'mxk.users.organization' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid organization!">
+              <input [(ngModel)]="form.model.organization" [ngModelOptions]="{ standalone: true }" nz-input
+                name="organization" id="organization" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="division">{{ 'mxk.users.division' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid division!">
-              <input [(ngModel)]="form.model.division" [ngModelOptions]="{ standalone: true }" nz-input name="division" id="division" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid division!">
+              <input [(ngModel)]="form.model.division" [ngModelOptions]="{ standalone: true }" nz-input name="division"
+                id="division" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="departmentId">{{ 'mxk.users.departmentId' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid departmentId!">
-              <input
-                [(ngModel)]="form.model.departmentId"
-                [ngModelOptions]="{ standalone: true }"
-                [disabled]="true"
-                nz-input
-                name="departmentId"
-                id="departmentId"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="departmentId">{{ 'mxk.users.departmentId' | i18n
+              }}</nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid departmentId!">
+              <input [(ngModel)]="form.model.departmentId" [ngModelOptions]="{ standalone: true }" [disabled]="true"
+                nz-input name="departmentId" id="departmentId" />
             </nz-form-control>
           </nz-form-item>
 
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="departmentId">{{ 'mxk.users.department' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid departmentId!">
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="departmentId">{{ 'mxk.users.department' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid departmentId!">
               <!-- <input [(ngModel)]="form.model.departmentId" [ngModelOptions]="{ standalone: true }" nz-input name="departmentId" id="departmentId" />-->
-              <nz-tree-select
-                #orgTree
-                [nzNodes]="orgNodes"
-                nzShowSearch
-                nzPlaceHolder="Please select"
-                [(ngModel)]="form.model.departmentId"
-                [ngModelOptions]="{ standalone: true }"
-                (ngModelChange)="onDeptChange($event)"
-                nzVirtualHeight="300px"
-              ></nz-tree-select>
+              <nz-tree-select #orgTree [nzNodes]="orgNodes" nzShowSearch nzPlaceHolder="Please select"
+                [(ngModel)]="form.model.departmentId" [ngModelOptions]="{ standalone: true }"
+                (ngModelChange)="onDeptChange($event)" nzVirtualHeight="300px"></nz-tree-select>
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="costCenter">{{ 'mxk.users.costCenter' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid departmentId!">
-              <input
-                [(ngModel)]="form.model.costCenter"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="costCenter"
-                id="costCenter"
-              />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid departmentId!">
+              <input [(ngModel)]="form.model.costCenter" [ngModelOptions]="{ standalone: true }" nz-input
+                name="costCenter" id="costCenter" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="jobLevel">{{ 'mxk.users.jobLevel' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid jobLevel!">
-              <input [(ngModel)]="form.model.jobLevel" [ngModelOptions]="{ standalone: true }" nz-input name="jobLevel" id="jobLevel" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid jobLevel!">
+              <input [(ngModel)]="form.model.jobLevel" [ngModelOptions]="{ standalone: true }" nz-input name="jobLevel"
+                id="jobLevel" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="jobTitle">{{ 'mxk.users.jobTitle' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid jobTitle!">
-              <input [(ngModel)]="form.model.jobTitle" [ngModelOptions]="{ standalone: true }" nz-input name="jobTitle" id="jobTitle" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid jobTitle!">
+              <input [(ngModel)]="form.model.jobTitle" [ngModelOptions]="{ standalone: true }" nz-input name="jobTitle"
+                id="jobTitle" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="manager">{{ 'mxk.users.manager' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid manager!">
-              <input [(ngModel)]="form.model.manager" [ngModelOptions]="{ standalone: true }" nz-input name="manager" id="manager" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid manager!">
+              <input [(ngModel)]="form.model.manager" [ngModelOptions]="{ standalone: true }" nz-input name="manager"
+                id="manager" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="assistant">{{ 'mxk.users.assistant' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid assistant!">
-              <input [(ngModel)]="form.model.assistant" [ngModelOptions]="{ standalone: true }" nz-input name="assistant" id="assistant" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid assistant!">
+              <input [(ngModel)]="form.model.assistant" [ngModelOptions]="{ standalone: true }" nz-input
+                name="assistant" id="assistant" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workOfficeName">{{ 'mxk.users.workOfficeName' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workOfficeName!">
-              <input
-                [(ngModel)]="form.model.workOfficeName"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="workOfficeName"
-                id="workOfficeName"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workOfficeName">{{ 'mxk.users.workOfficeName' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid workOfficeName!">
+              <input [(ngModel)]="form.model.workOfficeName" [ngModelOptions]="{ standalone: true }" nz-input
+                name="workOfficeName" id="workOfficeName" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="entryDate">{{ 'mxk.users.entryDate' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid entryDate!">
-              <input [(ngModel)]="form.model.entryDate" [ngModelOptions]="{ standalone: true }" nz-input name="entryDate" id="entryDate" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid entryDate!">
+              <input [(ngModel)]="form.model.entryDate" [ngModelOptions]="{ standalone: true }" nz-input
+                name="entryDate" id="entryDate" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="quitDate">{{ 'mxk.users.quitDate' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid quitDate!">
-              <input [(ngModel)]="form.model.quitDate" [ngModelOptions]="{ standalone: true }" nz-input name="quitDate" id="quitDate" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid quitDate!">
+              <input [(ngModel)]="form.model.quitDate" [ngModelOptions]="{ standalone: true }" nz-input name="quitDate"
+                id="quitDate" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -431,81 +439,77 @@
       <nz-tab nzTitle="{{ 'mxk.users.tab.business.extra' | i18n }}">
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workPhoneNumber">{{ 'mxk.users.workPhoneNumber' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workPhoneNumber!">
-              <input
-                [(ngModel)]="form.model.workPhoneNumber"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="workPhoneNumber"
-                id="workPhoneNumber"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workPhoneNumber">{{ 'mxk.users.workPhoneNumber' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid workPhoneNumber!">
+              <input [(ngModel)]="form.model.workPhoneNumber" [ngModelOptions]="{ standalone: true }" nz-input
+                name="workPhoneNumber" id="workPhoneNumber" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workEmail">{{ 'mxk.users.workEmail' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workEmail!">
-              <input [(ngModel)]="form.model.workEmail" [ngModelOptions]="{ standalone: true }" nz-input name="workEmail" id="workEmail" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid workEmail!">
+              <input [(ngModel)]="form.model.workEmail" [ngModelOptions]="{ standalone: true }" nz-input
+                name="workEmail" id="workEmail" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workCountry">{{ 'mxk.users.workCountry' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workCountry!">
-              <input
-                [(ngModel)]="form.model.workCountry"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="workCountry"
-                id="workCountry"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workCountry">{{ 'mxk.users.workCountry' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid workCountry!">
+              <input [(ngModel)]="form.model.workCountry" [ngModelOptions]="{ standalone: true }" nz-input
+                name="workCountry" id="workCountry" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="region">{{ 'mxk.users.workRegion' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid region!">
-              <input [(ngModel)]="form.model.workRegion" [ngModelOptions]="{ standalone: true }" nz-input name="region" id="region" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid region!">
+              <input [(ngModel)]="form.model.workRegion" [ngModelOptions]="{ standalone: true }" nz-input name="region"
+                id="region" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="locality">{{ 'mxk.users.workLocality' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid locality!">
-              <input [(ngModel)]="form.model.workLocality" [ngModelOptions]="{ standalone: true }" nz-input name="locality" id="locality" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid locality!">
+              <input [(ngModel)]="form.model.workLocality" [ngModelOptions]="{ standalone: true }" nz-input
+                name="locality" id="locality" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="street">{{ 'mxk.users.workStreetAddress' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid street!">
-              <input
-                [(ngModel)]="form.model.workStreetAddress"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="street"
-                id="street"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="street">{{ 'mxk.users.workStreetAddress' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid street!">
+              <input [(ngModel)]="form.model.workStreetAddress" [ngModelOptions]="{ standalone: true }" nz-input
+                name="street" id="street" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="postalCode">{{ 'mxk.users.workPostalCode' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid postalCode!">
-              <input
-                [(ngModel)]="form.model.workPostalCode"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="postalCode"
-                id="postalCode"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="postalCode">{{ 'mxk.users.workPostalCode' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid postalCode!">
+              <input [(ngModel)]="form.model.workPostalCode" [ngModelOptions]="{ standalone: true }" nz-input
+                name="postalCode" id="postalCode" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="workFax">{{ 'mxk.users.workFax' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid workFax!">
-              <input [(ngModel)]="form.model.workFax" [ngModelOptions]="{ standalone: true }" nz-input name="workFax" id="workFax" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid workFax!">
+              <input [(ngModel)]="form.model.workFax" [ngModelOptions]="{ standalone: true }" nz-input name="workFax"
+                id="workFax" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -514,80 +518,76 @@
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeEmail">{{ 'mxk.users.homeEmail' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homeEmail!">
-              <input [(ngModel)]="form.model.homeEmail" [ngModelOptions]="{ standalone: true }" nz-input name="homeEmail" id="homeEmail" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid homeEmail!">
+              <input [(ngModel)]="form.model.homeEmail" [ngModelOptions]="{ standalone: true }" nz-input
+                name="homeEmail" id="homeEmail" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePhoneNumber">{{ 'mxk.users.homePhoneNumber' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homePhoneNumber!">
-              <input
-                [(ngModel)]="form.model.homePhoneNumber"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="homePhoneNumber"
-                id="homePhoneNumber"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePhoneNumber">{{ 'mxk.users.homePhoneNumber' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid homePhoneNumber!">
+              <input [(ngModel)]="form.model.homePhoneNumber" [ngModelOptions]="{ standalone: true }" nz-input
+                name="homePhoneNumber" id="homePhoneNumber" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeFax">{{ 'mxk.users.homeFax' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homeFax!">
-              <input [(ngModel)]="form.model.homeFax" [ngModelOptions]="{ standalone: true }" nz-input name="homeFax" id="homeFax" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid homeFax!">
+              <input [(ngModel)]="form.model.homeFax" [ngModelOptions]="{ standalone: true }" nz-input name="homeFax"
+                id="homeFax" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePostalCode">{{ 'mxk.users.homePostalCode' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid postalCode!">
-              <input
-                [(ngModel)]="form.model.homePostalCode"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="homePostalCode"
-                id="homePostalCode"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homePostalCode">{{ 'mxk.users.homePostalCode' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid postalCode!">
+              <input [(ngModel)]="form.model.homePostalCode" [ngModelOptions]="{ standalone: true }" nz-input
+                name="homePostalCode" id="homePostalCode" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeCountry">{{ 'mxk.users.homeCountry' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid homeCountry!">
-              <input
-                [(ngModel)]="form.model.homeCountry"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="homeCountry"
-                id="homeCountry"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeCountry">{{ 'mxk.users.homeCountry' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid homeCountry!">
+              <input [(ngModel)]="form.model.homeCountry" [ngModelOptions]="{ standalone: true }" nz-input
+                name="homeCountry" id="homeCountry" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="region">{{ 'mxk.users.homeRegion' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid region!">
-              <input [(ngModel)]="form.model.homeRegion" [ngModelOptions]="{ standalone: true }" nz-input name="region" id="region" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid region!">
+              <input [(ngModel)]="form.model.homeRegion" [ngModelOptions]="{ standalone: true }" nz-input name="region"
+                id="region" />
             </nz-form-control>
           </nz-form-item>
         </div>
         <div nz-row>
           <nz-form-item>
             <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="locality">{{ 'mxk.users.homeLocality' | i18n }}</nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid locality!">
-              <input [(ngModel)]="form.model.homeLocality" [ngModelOptions]="{ standalone: true }" nz-input name="locality" id="locality" />
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid locality!">
+              <input [(ngModel)]="form.model.homeLocality" [ngModelOptions]="{ standalone: true }" nz-input
+                name="locality" id="locality" />
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeStreetAddress">{{ 'mxk.users.homeStreetAddress' | i18n }} </nz-form-label>
-            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not valid street!">
-              <input
-                [(ngModel)]="form.model.homeStreetAddress"
-                [ngModelOptions]="{ standalone: true }"
-                nz-input
-                name="street"
-                id="street"
-              />
+            <nz-form-label [nzSm]="8" [nzXs]="24" nzFor="homeStreetAddress">{{ 'mxk.users.homeStreetAddress' | i18n }}
+            </nz-form-label>
+            <nz-form-control [nzSm]="16" [nzMd]="16" [nzXs]="36" [nzXl]="48"
+              nzErrorTip="The input is not valid street!">
+              <input [(ngModel)]="form.model.homeStreetAddress" [ngModelOptions]="{ standalone: true }" nz-input
+                name="street" id="street" />
             </nz-form-control>
           </nz-form-item>
         </div>
@@ -600,4 +600,4 @@
 <div *nzModalFooter>
   <button nz-button nzType="default" (click)="onClose($event)">{{ 'mxk.text.close' | i18n }}</button>
   <button nz-button nzType="primary" (click)="onSubmit($event)">{{ 'mxk.text.submit' | i18n }}</button>
-</div>
+</div>
\ No newline at end of file
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/en-US.json b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/en-US.json
index 66fa934e..7ac06367 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/en-US.json
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/en-US.json
@@ -121,6 +121,9 @@
 			"idtype.studentcard": "studentcard",
 			"idtype.militarycard": "militarycard",
 			"idCardNo": "idCardNo",
+			"education": "education",
+			"graduateFrom": "graduateFrom",
+			"graduateDate": "graduateDate",
 			"startWorkDate": "startWorkDate",
 			"preferredLanguage": "preferredLanguage",
 			"timeZone": "timeZone",
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-CN.json b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-CN.json
index 57b819ad..1959bcfe 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-CN.json
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-CN.json
@@ -121,7 +121,10 @@
 			"idtype.studentcard": "学生证",
 			"idtype.militarycard": "军人证",
 			"idCardNo": "证件号码",
-			"startWorkDate": "工作开始时间",
+			"education": "学历",
+			"graduateFrom": "毕业院校",
+			"graduateDate": "毕业时间",
+			"startWorkDate": "工作时间",
 			"preferredLanguage": "语言偏好",
 			"timeZone": "时区",
 			"locale": "语言选择",
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-TW.json b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-TW.json
index c1375b8a..38802eae 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-TW.json
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/i18n/zh-TW.json
@@ -122,7 +122,10 @@
 			"idtype.studentcard": "學生證",
 			"idtype.militarycard": "軍人證",
 			"idCardNo": "證件號碼",
-			"startWorkDate": "工作開始時間",
+			"education": "學歷",
+			"graduateFrom": "畢業院校",
+			"graduateDate": "畢業時間",
+			"startWorkDate": "工作時間",
 			"preferredLanguage": "語言偏好",
 			"timeZone": "時區",
 			"locale": "語言選擇",