fix Load การลา

src/modules/05_leave/components/ListView.vue

@@ -65,15 +65,12 @@ async function fetchDataTable() {
 
 /** function เรียกประเภทการลา */
 async function fectOptionType() {
-  await http
-    .get(config.API.leaveType())
-    .then(async (res) => {
-      leaveType.value = res.data.result;
-      LeaveData.fetchLeaveType(res.data.result);
-    })
-    .catch((err) => {
-      messageError($q, err);
-    });
+  const data = await LeaveData.fetchLeaveTypeData();
+  if (!data) {
+    return;
+  }
+  leaveType.value = data;
+  LeaveData.fetchLeaveType(data);
 }
 
 /**
@@ -95,25 +92,26 @@ async function onClickEdit(id: string) {
   router.push(`/leave/edit/${id}`);
 }
 
-//เเจ้งเตือนลบข้อมูล
-function clickDelete(id: string) {
-  dialogRemove($q, () => onClickDelete(id));
-}
-
 /**
- * function ลบรายการ
- * @param id
+ * ฟังก์ชันลบข้อมูลการลา
+ * @param id รายการลาที่ต้องการลบ
  */
-async function onClickDelete(id: string) {
-  await http
-    .delete(config.API.leaveUserId(id))
-    .then(async (res) => {
-      success($q, "ลบข้อมูลสำเร็จ");
-      fetchDataTable();
-    })
-    .catch((err) => {
-      messageError($q, err);
-    });
+function clickDelete(id: string) {
+  dialogRemove($q, async () => {
+    showLoader();
+    await http
+      .delete(config.API.leaveUserId(id))
+      .then(async () => {
+        await fetchDataTable();
+        success($q, "ลบข้อมูลสำเร็จ");
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  });
 }
 
 /** function closePopup*/
@@ -170,8 +168,15 @@ function convert(val: any) {
  * เรียกฟังก์ชันทั้งหมดตอนเรียกใช้ไฟล์นี้
  */
 onMounted(async () => {
-  await fectOptionType();
-  await fetchDataTable();
+  try {
+    showLoader();
+    await fectOptionType();
+    await fetchDataTable();
+  } catch (error) {
+    messageError($q, error);
+  } finally {
+    hideLoader();
+  }
 });
 </script>
 <template>