From f063f62e6eec26a4198c472553befc03c29e3ec8 Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Thu, 23 Nov 2023 11:45:48 +0700
Subject: [PATCH] =?UTF-8?q?fetchData=20=E0=B8=88=E0=B8=B2=E0=B8=81=20api?=
 =?UTF-8?q?=20=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=A5=E0=B8=B0=E0=B9=80?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=B5=E0=B8=A2=E0=B8=94=E0=B8=82=E0=B9=89=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=B9=E0=B8=A5=E0=B8=81=E0=B8=A3=E0=B8=A3=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../6_BasicInformation/Director/EditPage.vue  | 31 +++++++++++++------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/modules/11_discipline/components/6_BasicInformation/Director/EditPage.vue b/src/modules/11_discipline/components/6_BasicInformation/Director/EditPage.vue
index 8dfcc63fd..749ff94e6 100644
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/EditPage.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/EditPage.vue
@@ -26,7 +26,7 @@ onMounted(() => {
  * get ข้อมูลเก่ากรณีแก้ไขข้อมูล
  */
 const data = reactive<FormData>({
-  personalId:"",
+  personalId: "",
   prefix: "",
   firstname: "",
   lastname: "",
@@ -39,19 +39,32 @@ const data = reactive<FormData>({
  * ดึงค่าจาก api
  */
 const fetchData = async () => {
-  data.prefix = "นาง";
-  data.firstname = "เกสินี";
-  data.lastname = "เจียรสุมัย";
-  data.position = "ครู";
-  data.phone = "0800808080";
-  data.email = "e@email.com";
+  showLoader();
+  await http
+    .get(config.API.directorbyId(personalId.value))
+    .then((res) => {
+      const dataApi = res.data.result;
+      personalId.value = dataApi.id;
+      data.prefix = dataApi.prefix;
+      data.firstname = dataApi.firstName;
+      data.lastname = dataApi.lastName;
+      data.position = dataApi.position;
+      data.phone = dataApi.phone;
+      data.email = dataApi.email;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 };
 
 /**
  * บันทึกข้อมูลที่เเก้ไข
  * @param id ระบุ บุคคล
  */
-function onSubmit(formData:FormData) {
+function onSubmit(formData: FormData) {
   dialogConfirm($q, () => putData(formData));
 }
 
@@ -93,6 +106,6 @@ function putData(formData: FormData) {
       แก้ไขรายชื่อกรรมการ
     </div>
 
-    <Form :on-submit="onSubmit" :data="data"/>
+    <Form :on-submit="onSubmit" :data="data" />
   </div>
 </template>