diff --git a/src/api/registry/api.profile.ts b/src/api/registry/api.profile.ts
index 60b262952..66b2631f7 100644
--- a/src/api/registry/api.profile.ts
+++ b/src/api/registry/api.profile.ts
@@ -45,6 +45,7 @@ export default {
     `${profile}search/new-employee/oc/${id}`,
   profileSearchNewEmOcLeaveId: (id: string) =>
     `${profile}search/new-employee/oc/leave/${id}`,
+  profileSearchPersonal: () => `${profile}search-personal`,
   profileEmployeeTempId: (id: string) => `${profile}employee/temp/${id}`,
 
   profileCoupleId: (profileId: string) => `${profile}couple/${profileId}`,
@@ -188,10 +189,6 @@ export default {
 
   //ระบบ ลูกจ้างชั่คราว
   employmentId: (profileId: string) => `${profile}employment/${profileId}`,
-  employmentHistoryId: (employmentId: string) => `${profile}employment/history/${employmentId}`
-
-
-
-
-
+  employmentHistoryId: (employmentId: string) =>
+    `${profile}employment/history/${employmentId}`,
 };
diff --git a/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue b/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue
index aecd4e030..eb353531b 100644
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue
@@ -1,10 +1,24 @@
 <script setup lang="ts">
 import { ref, reactive, watch } from "vue";
+import { useCounterMixin } from "@/stores/mixin";
+import { useQuasar } from "quasar";
 import type {
   FormData,
   FormRef,
 } from "@/modules/11_discipline/interface/request/director";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const {
+  messageError,
+  showLoader,
+  dialogMessageNotify,
+  dialogConfirm,
+  success,
+  hideLoader,
+} = mixin;
 /**
  * รับ props มาจาก page หลัก
  */
@@ -19,9 +33,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits([
-  "formDataReturn"
-])
+const emit = defineEmits(["formDataReturn"]);
 /**
  * ข้อมูลรหัสบัตรประชาชน
  */
@@ -33,13 +45,13 @@ const idCardRef = ref<any>(null);
  * ข้อมูลทั้งก้อน form
  */
 const formData = reactive<FormData>({
-  personalId:"",
+  personalId: "",
   prefix: "",
   firstname: "",
   lastname: "",
   position: "",
   phone: "",
-  email: ""
+  email: "",
 });
 
 /**
@@ -61,8 +73,40 @@ watch(props.data, async () => {
  * เพิ่มบุคลากร
  */
 function addEmployee() {
-  if (idCardRef.value.validate()) {
+  if (idCard.value.length === 13) {
     console.log("idCard===>", idCard.value);
+    showLoader();
+    http
+      .post(config.API.profileSearchPersonal(), {
+        fieldName: "idcard",
+        keyword: idCard.value,
+      })
+      .then((res) => {
+        const dataApi = res.data.result;
+        if (dataApi.length > 0) {
+          const dataList = dataApi[0];
+          formData.prefix = dataList.prefix;
+          formData.firstname = dataList.firstName;
+          formData.lastname = dataList.lastName;
+          formData.position = dataList.position;
+          formData.phone = dataList.phone;
+          formData.email = dataList.email;
+        } else {
+          dialogMessageNotify($q, "ไม่มีข้อมูลบุคคลากรที่ต้องการค้นหา");
+        }
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(async () => {
+        hideLoader();
+      });
+  }
+  if (idCard.value.length !== 13) {
+    hideLoader();
+    dialogMessageNotify($q, "กรุณากรอกเลขบัตรประชาชนให้ครบ 13 หลัก");
+  } else {
+    console.log("nodata");
   }
 }