api กําหนดวันนัดหมาย exit-interview

src/modules/06_retirement/components/ExitInterview/exitMain.vue

@@ -13,6 +13,7 @@ import type { ResponseItems } from "@/modules/06_retirement/interface/response/e
 
 import DialogFooter from "@/modules/05_placement/components/PersonalList/DialogFooter.vue";
 import DialogHeader from "@/modules/05_placement/components/PersonalList/DialogHeader.vue";
+import { identity } from "@fullcalendar/core/internal";
 
 const $q = useQuasar(); //ใช้ noti quasar
 const router = useRouter();
@@ -117,7 +118,7 @@ const columns = ref<QTableProps["columns"]>([
 const visibleColumns = ref<string[]>([]);
 
 const dateBreak = ref<Date | null>(null);
-
+const id = ref<string>("");
 const filters = ref<ResponseItems[]>([]);
 const rows2 = ref<ResponseItems[]>([]);
 const columns2 = ref<QTableProps["columns"]>([]);
@@ -153,13 +154,10 @@ const resetFilter = () => {
   filterRef.value.focus();
 };
 
-const openModalCalendar = () => {
+const openModalCalendar = (rows:any) => {
   openModal();
   dateBreak.value = null;
-};
-
-const conditionPopup = () => {
-  closeModal();
+  id.value= rows.id;
 };
 
 const openModalOrder = () => {
@@ -213,19 +211,14 @@ const fecthlist = async () => {
       hideLoader();
     });
 };
-
-const saveOrder = async () => {
-  const id = selected.value.map((r) => r.id);
-  const body = {
-    id,
+const saveAppoint = async () =>{
+   const body = {
+    appointDate : dateBreak.value
   };
-
   showLoader();
   await http
-    .post(config.API.ExitInterviewReport, body)
+    .put(config.API.AppointInterview(id.value),body)
     .then((res: any) => {
-      //   const data = res.data.result;
-      //   console.log(data);
       success($q, "ส่งไปออกคำสั่งลาออกสำเร็จ");
       closeModal();
     })
@@ -236,9 +229,32 @@ const saveOrder = async () => {
       await fecthlist();
       hideLoader();
     });
-};
+}
+// const saveOrder = async () => {
+//   const id = selected.value.map((r) => r.id);
+//   const body = {
+//     id,
+//   };
+
+//   showLoader();
+//   await http
+//     .post(config.API.ExitInterviewReport, body)
+//     .then((res: any) => {
+//       //   const data = res.data.result;
+//       //   console.log(data);
+//       success($q, "ส่งไปออกคำสั่งลาออกสำเร็จ");
+//       closeModal();
+//     })
+//     .catch((e) => {
+//       messageError($q, e);
+//     })
+//     .finally(async () => {
+//       await fecthlist();
+//       hideLoader();
+//     });
+// };
 </script>
-<template>
+<template v-slot:body="props">
   <div class="toptitle text-dark col-12 row items-center">
     รายการ Exit interview
   </div>
@@ -398,7 +414,7 @@ const saveOrder = async () => {
                     flat
                     round
                     dense
-                    @click="openModalCalendar"
+                    @click="openModalCalendar(props.row)"
                   >
                     <q-tooltip>วันนัดหมายเพื่อทําการสัมภาษณ์การลาออก</q-tooltip>
                   </q-btn>
@@ -528,7 +544,7 @@ const saveOrder = async () => {
     </q-card>
   </q-dialog> -->
 
-  <q-dialog v-model="modal" persistent>
+  <q-dialog v-model="modal" persistent >
     <q-card style="width: 800px">
       <q-form ref="myFormConfirm">
         <DialogHeader
@@ -578,7 +594,16 @@ const saveOrder = async () => {
           </div>
         </q-card-section>
         <q-separator />
-        <DialogFooter :editvisible="true" :save="conditionPopup" />
+        <!-- <q-btn
+        flat
+        round
+        :color="'public'"
+        @click="saveAppoint"
+        icon="mdi-content-save-outline"
+      >
+        <q-tooltip>บันทึก</q-tooltip>
+      </q-btn> -->
+        <DialogFooter :editvisible="true" :save ="saveAppoint" />
       </q-form>
     </q-card>
   </q-dialog>