API แก้ไขสถานะการเข้า-ออกงาน

src/modules/09_leave/components/1_Work/DialogEdit.vue

@@ -12,7 +12,7 @@ import { useCounterMixin } from "@/stores/mixin";
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { dialogConfirm, success } = mixin;
+const { dialogConfirm, success, showLoader, hideLoader, messageError } = mixin;
 
 const props = defineProps({
   modal: {
@@ -27,6 +27,10 @@ const props = defineProps({
     type: Function,
     require: true,
   },
+  fetchData: {
+    type: Function,
+    require: true,
+  },
 });
 
 const morningStatus = ref<string>("");
@@ -48,15 +52,26 @@ async function onClickSave() {
   afternoonStatusRef.value?.validate();
   if (!morningStatusRef.value.hasError && !afternoonStatusRef.value.hasError) {
     const body = {
-      morningStatus: morningStatus.value,
-      afternoonStatus: afternoonStatus.value,
+      checkInStatus: morningStatus.value,
+      checkOutStatus: afternoonStatus.value,
       reason: reason.value,
     };
-    dialogConfirm($q, async () => {
-      console.log(body);
 
-      success($q, "บันทึกข้อมูลสำเร็จ");
-      props.close?.();
+    dialogConfirm($q, async () => {
+      showLoader();
+      await http
+        .put(config.API.leaveEditCheckin(props.detail?.id), body)
+        .then(() => {
+          success($q, "บันทึกข้อมูลสำเร็จ");
+        })
+        .catch((err) => {
+          messageError($q, err);
+        })
+        .finally(() => {
+          hideLoader();
+          props.fetchData?.();
+          props.close?.();
+        });
     });
   }
 }