diff --git a/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue b/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue
index 89e4835..9626a79 100644
--- a/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue
+++ b/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue
@@ -27,9 +27,15 @@
       <oxd-divider />
       <oxd-form :loading="isLoading" @submit-valid="onSave">
         <oxd-form-row>
-          <oxd-grid :cols="1" class="orangehrm-full-width-grid">
+          <oxd-grid :cols="3" class="orangehrm-full-width-grid">
             <oxd-grid-item>
-              <oxd-input-field v-model="employee.firstName" />
+              <oxd-input-field v-model="employee.firstName" :label="姓名"/>
+            </oxd-grid-item>
+            <oxd-grid-item>
+              <oxd-input-field  v-model:middleName="employee.middleName" />
+            </oxd-grid-item>
+            <oxd-grid-item>
+              <oxd-input-field v-model:lastName="employee.lastName />
             </oxd-grid-item>
           </oxd-grid>
           <oxd-grid