Merge branch 'develop' into dev

src/modules/03_recruiting/components/TableCandidate.vue

@@ -395,17 +395,28 @@ async function clickCandidateList() {
 }
 
 async function onCheckShowExaminfo() {
-  try {
+  dialogMessage(
-    showLoader();
+    $q,
-    await http.post(config.API.checkShowExaminfo, {
+    "ยืนยันการเปิดให้ดาวน์โหลดใบสมัคร แสดงสถานที่สอบ และเลขประจำตัวสอบนี้หรือไม่?",
-      examId: examId.value,
+    "ยืนยันการเปิดให้ดาวน์โหลดใบสมัคร แสดงสถานที่สอบ และเลขประจำตัวสอบ",
-    });
+    "mdi-email-check-outline",
-    await props.fetchData();
+    "ยืนยัน",
-  } catch (error) {
+    "public",
-    messageError($q, error);
+    async () => {
-  } finally {
+      try {
-    hideLoader();
+        showLoader();
-  }
+        await http.post(config.API.checkShowExaminfo, {
+          examId: examId.value,
+        });
+        await props.fetchData();
+      } catch (error) {
+        messageError($q, error);
+      } finally {
+        hideLoader();
+      }
+    },
+    undefined
+  );
 }
 
 // Pagination - page & change page & get new data

src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue

@@ -1,7 +1,7 @@
 <!-- page:จัดการรอบการสอบ สรรหา -->
 <script setup lang="ts">
 import type { QTableProps } from "quasar";
-import { onMounted, ref, watch } from "vue";
+import { onMounted, ref, watch, computed } from "vue";
 import { useQuasar, QForm } from "quasar";
 import { useRouter, useRoute } from "vue-router";
 
@@ -225,6 +225,10 @@ const columnsPosition = ref<QTableProps["columns"]>([
   },
 ]);
 
+const shouldShowPaymentFields = computed(() => {
+  return announcementExam.value && fee.value > 0;
+});
+
 /** ย้อนกลับไปหน้าหลัก */
 function clickBack() {
   router.push({ name: "qualifyPeriod" });
@@ -389,27 +393,50 @@ async function updateYear(e: number) {
 
 /** saveข้อมูล เพิ่ม แก้ไข */
 async function checkSave() {
-  if (myForm.value !== null) {
+  try {
-    myForm.value.validate().then(async (success) => {
+    // เช็ค validation form หลัก
-      if (success) {
+    const isMainFormValid = await myForm.value?.validate();
-        if (edit.value) {
+    if (!isMainFormValid) return;
-          if (rowsPosition.value.length == 0 && announcementExam.value) {
+
-            notifyWarring($q, "กรุณาเพิ่มตำแหน่ง");
+    // เช็ค validation form ตำแหน่ง
-          } else {
+    const isPositionFormValid = await myFormPosition.value?.validate();
-            await editData(id.value);
+    if (!isPositionFormValid) return;
-          }
+
-        } else {
+    // เช็คการเพิ่มตำแหน่ง
-          await addData();
+    if (announcementExam.value && rowsPosition.value.length === 0) {
-        }
+      notifyWarring($q, "กรุณาเพิ่มตำแหน่ง");
+      return;
+    }
+
+    // เช็คการเลือกวิธีการชำระเงิน
+    if (shouldShowPaymentFields.value && pay.value === "") {
+      notifyWarring($q, "กรุณาเลือกวิธีการชำระเงิน");
+      return;
+    }
+
+    // เช็ค validation form วิธีการชำระเงิน ชำระเงินค่าสมัครสอบผ่านสำนัก/หน่วยงาน
+    if (pay.value === "payment2") {
+      const isPaymentFormValid = await myFormPayment.value?.validate();
+      if (!isPaymentFormValid) return;
+
+      if (rowsPayment.value.length === 0) {
+        notifyWarring($q, "กรุณาเพิ่มวิธีการชำระเงิน");
+        return;
       }
-    });
+    }
+
+    if (edit.value) {
+      await editData(id.value);
+    } else {
+      await addData();
+    }
+  } catch (error) {
+    messageError($q, error);
   }
 }
 
 /** body สำหรับ save ข้อมูล */
 function sendData() {
-  console.log(rowsPosition.value);
-
   const positionData: RequestPosition[] = [];
   rowsPosition.value.map((r: ResponsePosition) => {
     positionData.push({
@@ -1151,7 +1178,7 @@ onMounted(async () => {
           </div>
           <div
             class="col-xs-12 col-sm-3 col-md-3"
-            v-if="announcementExam && fee != 0"
+            v-if="shouldShowPaymentFields"
           >
             <datepicker
               v-model="datePayment"
@@ -1457,10 +1484,14 @@ onMounted(async () => {
               </ProfileTable>
             </q-form>
           </div>
-          <div class="col-12" v-if="announcementExam && fee != 0">
+          <div class="col-12" v-if="shouldShowPaymentFields">
             <q-separator size="5px" color="grey-2" class="q-mt-lg" />
           </div>
-          <div class="col-12 q-mt-lg" v-if="announcementExam && fee != 0">
+
+          <div
+            class="col-12 q-mt-lg"
+            v-if="shouldShowPaymentFields"
+          >
             <div class="text-bold text-subtitle2 q-pb-md">
               เลือกวิธีการชำระเงิน
             </div>

src/modules/03_recruiting/views/02_qualify/manageDetail.vue

@@ -129,7 +129,7 @@ const columns = ref<QTableProps["columns"]>([
     label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "fullname",
-    headerStyle: "font-size: 14px; min-width: 200px",
+    headerStyle: "font-size: 14px; min-width: 320px",
     style: "font-size: 14px; ",
   },
   {

src/stores/socket.ts

@@ -1,10 +1,8 @@
+import config from "@/app.config";
+import { getToken } from "@/plugins/auth";
 import { defineStore } from "pinia";
 import { Notify } from "quasar";
 import { io, Socket } from "socket.io-client";
-
-import config from "@/app.config";
-import { getToken } from "@/plugins/auth";
-import { useOrganizational } from "@/modules/02_organization/store/organizational";
 interface sockeBackup {
   message: string;
   success?: boolean;
@@ -12,7 +10,6 @@ interface sockeBackup {
 
 export const useSocketStore = defineStore("socket", () => {
   let socket: Socket;
-  const storeOrg = useOrganizational();
 
   async function init() {
     socket = io(new URL(config.API.socket).origin, {
@@ -24,6 +21,11 @@ export const useSocketStore = defineStore("socket", () => {
       notifyStatus(body.message, body.success);
     });
 
+    socket.on("send-notification", (payload) => {
+      let body: sockeBackup = JSON.parse(payload);
+      notifyStatus(body.message, body.success);
+    });
+
     socket.on("send-create-draft-org", (payload) => {
       let body: sockeBackup = JSON.parse(payload);
       if (body.message == "ระบบกำลังทำการสร้างแบบร่างโครงสร้างหน่วยงาน") {