From 7367123a09347624576384f08463152df26149be Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Fri, 20 Oct 2023 15:56:08 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20api=20=E0=B8=A2=E0=B8=81=E0=B9=80=E0=B8=A5=E0=B8=B4=E0=B8=81?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=AA=E0=B8=A1=E0=B8=B1=E0=B8=84?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=AA=E0=B8=AD=E0=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/recruiting/api.period-exam.ts         |  2 +
 .../03_recruiting/components/Career.vue       |  2 +-
 .../views/02_qualify/ExamForm.vue             | 97 +++++++++++++++++++
 3 files changed, 100 insertions(+), 1 deletion(-)

diff --git a/src/api/recruiting/api.period-exam.ts b/src/api/recruiting/api.period-exam.ts
index 0cb91f2c0..31972f538 100644
--- a/src/api/recruiting/api.period-exam.ts
+++ b/src/api/recruiting/api.period-exam.ts
@@ -64,6 +64,8 @@ export default {
     `${candidate}reject-register/${candidateId}`,
   candidateCheckPayment: (candidateId: string) =>
     `${candidate}check-payment/${candidateId}`,
+  candidateCheckRegisterReject: (candidateId: string) =>
+    `${candidate}reject/check-register/${candidateId}`,
   candidate,
   candidateOfPeriodExam: (status: string, examId: string) =>
     `${periodExam}${status}/${examId}`,
diff --git a/src/modules/03_recruiting/components/Career.vue b/src/modules/03_recruiting/components/Career.vue
index 21cf8c076..81e5e4988 100644
--- a/src/modules/03_recruiting/components/Career.vue
+++ b/src/modules/03_recruiting/components/Career.vue
@@ -51,7 +51,7 @@
         </q-tr>
       </template>
       <template #bottom="props">
-        <div style="width: 64% !important" />
+        <div style="width: 67% !important" />
 
         <div
           :props="props"
diff --git a/src/modules/03_recruiting/views/02_qualify/ExamForm.vue b/src/modules/03_recruiting/views/02_qualify/ExamForm.vue
index 346cf7a8b..e79e75d22 100644
--- a/src/modules/03_recruiting/views/02_qualify/ExamForm.vue
+++ b/src/modules/03_recruiting/views/02_qualify/ExamForm.vue
@@ -12,6 +12,11 @@
       @click="router.go(-1)"
     />
     ตรวจสอบคุณสมบัติผู้สมัครสอบรอบคัดเลือก
+    {{
+      rejectDetail == null || rejectDetail == ""
+        ? ""
+        : "(เหตุผล: " + rejectDetail + ")"
+    }}
     <q-space />
     <q-btn
       color="blue"
@@ -36,6 +41,17 @@
     >
       <q-tooltip>ตรวจสอบข้อมูล</q-tooltip>
     </q-btn>
+    <q-btn
+      color="red"
+      flat
+      round
+      icon="close"
+      class="bg-red-1"
+      @click="modalReverse"
+      v-if="status == 'payment' || status == 'checkSeat'"
+    >
+      <q-tooltip>ย้อนกลับให้เจ้าหน้าที่ตรวจสอบ</q-tooltip>
+    </q-btn>
   </div>
   <q-card class="q-pa-md">
     <div>
@@ -124,6 +140,55 @@
       </q-form>
     </q-card>
   </q-dialog>
+
+  <q-dialog :model-value="modalReverseOfficer" persistent>
+    <q-card style="min-width: 700px">
+      <q-form ref="myForm">
+        <div class="row items-center q-pa-sm">
+          <div class="row">
+            <div class="text-bold">ย้อนกลับให้เจ้าหน้าที่ตรวจสอบ</div>
+          </div>
+          <q-space />
+          <q-btn
+            icon="close"
+            unelevated
+            round
+            dense
+            style="color: #ff8080; background-color: #ffdede"
+            size="12px"
+            @click="closeReverse"
+          />
+        </div>
+        <q-separator />
+        <!-- header บน table มี ค้นหา แสดงคอลัมน์ (status nornmalData true) -->
+        <div class="col-12 row q-pa-md">
+          <q-input
+            class="col-12 q-px-sm q-pt-sm"
+            outlined
+            stack-label
+            v-model="reason"
+            label="หมายเหตุ"
+            lazy-rules
+            autofocus
+            hide-bottom-space
+            type="textarea"
+          ></q-input>
+        </div>
+        <q-separator />
+        <q-card-actions align="right" class="bg-white text-teal">
+          <q-btn
+            flat
+            round
+            color="public"
+            @click="checkSaveReverse"
+            icon="mdi-content-save-outline"
+          >
+            <q-tooltip>บันทึกตรวจสอบ</q-tooltip>
+          </q-btn>
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
 </template>
 
 <script setup lang="ts">
@@ -157,6 +222,7 @@ const route = useRoute();
 const examId = ref<string>(route.params.examId.toString());
 const candidateId = ref<string>(route.params.candidateId.toString());
 const modal = ref<boolean>(false);
+const modalReverseOfficer = ref<boolean>(false);
 const approve = ref<string>("1");
 const reason = ref<string>("");
 const formInformation = ref<any>({});
@@ -165,6 +231,7 @@ const formEducation = ref<any>({});
 const formOccupation = ref<any>({});
 const formContact = ref<any>({});
 const status = ref<string>("");
+const rejectDetail = ref<string>("");
 
 onMounted(async () => {
   await fetchStatus();
@@ -177,6 +244,8 @@ const fetchStatus = async () => {
     .then((res) => {
       const data = res.data.result;
       status.value = data.status;
+      rejectDetail.value = data.rejectDetail;
+      console.log(rejectDetail.value);
     })
     .catch((e) => {
       messageError($q, e);
@@ -221,6 +290,10 @@ const reject = async (reason: string) => {
     });
 };
 
+const checkSaveReverse = () => {
+  rejectReverse(reason.value);
+};
+
 const checkSave = () => {
   if (approve.value == "1") {
     confirm(true, "");
@@ -235,6 +308,30 @@ const modalCheck = () => {
   modal.value = true;
 };
 
+const rejectReverse = async (reason: string) => {
+  showLoader();
+  await http
+    .put(config.API.candidateCheckRegisterReject(candidateId.value), {
+      reason: reason,
+    })
+    .then((res) => {})
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(async () => {
+      hideLoader();
+      success($q, "สำเร็จ");
+      router.push(`/qualify/manage/${examId.value}`);
+    });
+};
+
+const modalReverse = () => {
+  modalReverseOfficer.value = true;
+};
+
+const closeReverse = () => {
+  modalReverseOfficer.value = false;
+};
 const close = () => {
   modal.value = false;
 };