diff --git a/src/components/DialogAddEmployee.vue b/src/components/DialogAddEmployee.vue
index 5d2867cba..7a056e874 100644
--- a/src/components/DialogAddEmployee.vue
+++ b/src/components/DialogAddEmployee.vue
@@ -249,6 +249,7 @@ const addData = async () => {
     .post(config.API.createProfileOfficer(), formData)
     .then((res) => {
       success($q, "บันทึกข้อมูลสำเร็จ");
+      clearForm();
     })
     .catch((e) => {
       messageError($q, e);
@@ -322,14 +323,36 @@ const fetchPerson = async () => {
       hideLoader();
     });
 };
+
+function clearForm() {
+  informaData.value.cardid = null;
+  informaData.value.age = null;
+  informaData.value.prefix = null;
+  informaData.value.prefixId = null;
+  informaData.value.firstname = null;
+  informaData.value.lastname = null;
+  informaData.value.birthDate = "";
+  informaData.value.genderId = null;
+  informaData.value.bloodId = null;
+  informaData.value.statusId = null;
+  informaData.value.tel = null;
+  informaData.value.employeeType = null;
+  informaData.value.employeeClass = null;
+  informaData.value.profileType = null;
+}
+
+function close() {
+  modal.value = false;
+  clearForm();
+}
 </script>
 
 <template>
-  <q-dialog v-model="modal">
+  <q-dialog v-model="modal" persistent>
     <q-card style="min-width: 60vw">
       <Header
         tittle="เพิ่มข้อมูลทะเบียนประวัติข้าราชการ กทม.สามัญ"
-        :close="() => (modal = false)"
+        :close="close"
       />
       <q-separator />