api รายละเอียดการลา

src/modules/09_leave/components/2_Leave/DetailLeave.vue

@@ -33,8 +33,14 @@ import FormVocationalRehabilitation from "@/modules/09_leave/components/2_Leave/
 /** use */
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { dialogConfirm, showLoader, hideLoader, date2Thai, messageError } =
-  mixin;
+const {
+  dialogConfirm,
+  showLoader,
+  hideLoader,
+  date2Thai,
+  messageError,
+  success,
+} = mixin;
 const stores = useLeavelistDataStore();
 const router = useRouter();
 const route = useRoute();
@@ -309,38 +315,87 @@ const openModal = async (data: string) => {
 function sendToCommand() {
   dialogConfirm(
     $q,
-    () => console.log("ส่งไปผู้บังคับบัญชา"),
+    async () => {
+      await http
+        .put(config.API.leaveApproveToComander(formData.id))
+        .then(() => {
+          success($q, "บันทึกข้อมูลสำเร็จ");
+        })
+        .catch((err) => {
+          messageError($q, err);
+        })
+        .finally(() => {});
+    },
     "ยืนยันการส่งไปผู้บังคับบัญชา",
     "ต้องการยืนยันการส่งไปผู้บังคับบัญชานี้ใช่หรือไม่ ?"
   );
 }
 
 /** Function Save */
-function clickSave() {
+function clickSave(reason: string) {
+  const body = {
+    reason: reason,
+  };
+
   if (dialogTitle.value === "อนุมัติ") {
     dialogConfirm(
       $q,
-      () => console.log("save1"),
+      async () => {
+        await http
+          .put(config.API.leaveApprove(formData.id), body)
+          .then(() => {
+            success($q, "บันทึกข้อมูลสำเร็จ");
+          })
+          .catch((err) => {
+            messageError($q, err);
+          })
+          .finally(() => {
+            modalApprove.value = false;
+          });
+      },
       "ยืนยันอนุมัติ",
       "ต้องการยืนยันอนุมัติใช่หรือไม่ ?"
     );
-    modalApprove.value = false;
-    console.log("Yes");
   }
   if (dialogTitle.value === "ไม่อนุมัติ") {
+    //leaveReject
     dialogConfirm(
       $q,
-      () => console.log("save1"),
+      async () => {
+        await http
+          .put(config.API.leaveReject(formData.id), body)
+          .then(() => {
+            success($q, "บันทึกข้อมูลสำเร็จ");
+          })
+          .catch((err) => {
+            messageError($q, err);
+          })
+          .finally(() => {
+            modalApprove.value = false;
+          });
+      },
       "ยืนยันไม่อนุมัติ",
       "ต้องการยืนยันไม่อนุมัติใช่หรือไม่ ?"
     );
-    modalApprove.value = false;
+
     console.log("NOT");
   }
   if (dialogTitle.value === "ส่งไปยังผู้มีอำนาจ") {
     dialogConfirm(
       $q,
-      () => ((modalApprove.value = false), console.log("ส่งไปยังผู้มีอำนาจ")),
+      async () => {
+        await http
+          .put(config.API.leaveComanderApprove(formData.id), body)
+          .then(() => {
+            success($q, "บันทึกข้อมูลสำเร็จ");
+          })
+          .catch((err) => {
+            messageError($q, err);
+          })
+          .finally(() => {
+            modalApprove.value = false;
+          });
+      },
       "ยืนยันการส่งไปยังผู้มีอำนาจ",
       "ต้องการยืนยันการส่งไปยังผู้มีอำนาจใช่หรือไม่ ?"
     );

src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue

@@ -60,7 +60,7 @@ const formData = reactive<FremData>({
   organizationName: "", //สังกัดผู้ยื่นขอ
   leaveTypeName: "", // Name ประเภทการลา
   leaveTypeId: "", //Id ประเภทการลา
-  fullname: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
+  fullName: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
   dateSendLeave: new Date(), // วันที่ยื่นใบลา
   leaveDateStart: new Date(), //วันเริ่มการลา
   leaveDateEnd: new Date(), //วันสิ้นสุดการลา
@@ -147,7 +147,7 @@ function fetchDetailLeave(paramsId: string) {
       ? e.leaveTypeName
       : stores.convertLeave(e.leaveTypeId);
     formData.leaveTypeId = e.leaveTypeId;
-    formData.fullname = e.fullname;
+    formData.fullName = e.fullname;
     formData.dateSendLeave = e.dateSendLeave && date2Thai(e.dateSendLeave);
     formData.leaveDateStart = e.leaveDateStart && date2Thai(e.leaveDateStart);
     formData.leaveDateEnd = e.leaveDateEnd && date2Thai(e.leaveDateEnd);
@@ -299,7 +299,7 @@ function clickSave() {
           class="q-mr-sm"
           @click="router.push(`/leave`)"
         />
-        รายละเอียดการขอยกเลิกของ {{ formData.fullname }}
+        รายละเอียดการขอยกเลิกของ {{ formData.fullName }}
       </div>
       <!-- <div>
         <q-btn
@@ -396,7 +396,7 @@ function clickSave() {
                     ชื่อ - นามสกุล
                   </div>
                   <div class="col text-weight-medium">
-                    {{ formData.fullname }}
+                    {{ formData.fullName }}
                   </div>
                 </div>
               </div>