Merge branch 'develop' into working / ปรับ ui เกษียณ

src/modules/03_recruiting/views/01_compete/Detail.vue

@@ -13,6 +13,17 @@
     />
     รายชื่อผู้สมัครสอบแข่งขัน {{ name }} ครั้งที่ {{ round }}/{{ year }}
     <q-space />
+    <q-btn
+      size="md"
+      icon="mdi-content-save-move-outline"
+      round
+      flat
+      color="indigo"
+      v-if="rows.length > 0"
+      @click="candidateToPlacement"
+    >
+      <q-tooltip>บรรจุผู้ผ่านการคัดเลือกผู้พิการ</q-tooltip>
+    </q-btn>
     <q-btn class="bg-teal-1" icon="mdi-download" round color="primary" flat>
       <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
       <q-menu>
@@ -122,7 +133,7 @@ const router = useRouter();
 const route = useRoute();
 const { loaderPage } = dataStore;
 const mixin = useCounterMixin();
-const { messageError } = mixin;
+const { messageError, success } = mixin;
 const year = ref<string>("");
 const round = ref<string>("");
 const name = ref<string>("");
@@ -440,10 +451,12 @@ const fetchData = async () => {
       notpass.value = header.notpass;
 
       // period information
-      name.value = period.name;
-      round.value = period.order as string;
-      year.value =
-        period.year >= 2500 ? period.year : ((period.year + 543) as string);
+      if (period != null) {
+        name.value = period.name;
+        round.value = period.order;
+        year.value =
+          period.year >= 2500 ? period.year : ((period.year + 543) as string);
+      }
 
       const data = res.data.result.data;
       if (data.length > 0) {
@@ -464,6 +477,35 @@ const fetchData = async () => {
       loaderPage(false);
     });
 };
+
+const candidateToPlacement = async () => {
+  $q.dialog({
+    title: "ยืนยันการนำผู้ผ่านสอบแข่งขันเข้าสู่ระบบบรรจุ",
+    message: "ต้องการนำผู้ผ่านสอบแข่งขันเข้าสู่ระบบบรรจุใช่หรือไม่?",
+    cancel: {
+      flat: true,
+      color: "negative",
+    },
+    persistent: true,
+  })
+    .onOk(async () => {
+      loaderPage(true);
+      await http
+        .get(config.API.periodRecruitToPlacement(importId.value))
+        .then((res) => {
+          success($q, "นำผู้ผ่านสอบแข่งขันเข้าสู่ระบบบรรจุ");
+        })
+        .catch((e) => {
+          messageError($q, e);
+        })
+        .finally(async () => {
+          loaderPage(false);
+          router.go(-1);
+        });
+    })
+    .onCancel(() => {})
+    .onDismiss(() => {});
+};
 </script>
 
 <style></style>

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

@@ -13,6 +13,17 @@
     />
     รายชื่อผู้สมัครสอบรอบ {{ name }} ครั้งที่ {{ round }}/{{ year }}
     <q-space />
+    <q-btn
+      size="md"
+      icon="mdi-content-save-move-outline"
+      round
+      flat
+      color="indigo"
+      v-if="rows.length > 0"
+      @click="candidateToPlacement"
+    >
+      <q-tooltip>บรรจุผู้ผ่านการคัดเลือกผู้พิการ</q-tooltip>
+    </q-btn>
     <q-btn class="bg-teal-1" icon="mdi-download" round color="primary" flat>
       <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
       <q-menu>
@@ -129,7 +140,7 @@ const pass = ref<number>(0);
 const notpass = ref<number>(0);
 const importId = ref<string>(route.params.id as string); // Period Import Id
 const mixin = useCounterMixin();
-const { messageError } = mixin;
+const { messageError, success } = mixin;
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([
   "examID",
@@ -419,6 +430,35 @@ const fetchData = async () => {
       loaderPage(false);
     });
 };
+
+const candidateToPlacement = async () => {
+  $q.dialog({
+    title: "ยืนยันการนำผู้ผ่านคัดเลือกคนพิการเข้าสู่ระบบบรรจุ",
+    message: "ต้องการนำผู้ผ่านคัดเลือกคนพิการเข้าสู่ระบบบรรจุใช่หรือไม่?",
+    cancel: {
+      flat: true,
+      color: "negative",
+    },
+    persistent: true,
+  })
+    .onOk(async () => {
+      loaderPage(true);
+      await http
+        .get(config.API.periodDisableToPlacement(importId.value))
+        .then((res) => {
+          success($q, "นำผู้ผ่านคัดเลือกคนพิการเข้าสู่ระบบบรรจุ");
+        })
+        .catch((e) => {
+          messageError($q, e);
+        })
+        .finally(async () => {
+          loaderPage(false);
+          router.go(-1);
+        });
+    })
+    .onCancel(() => {})
+    .onDismiss(() => {});
+};
 </script>
 
 <style></style>

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

@@ -456,7 +456,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "registerDate",
     align: "left",
-    label: "วันเและเวลาที่สมัคร",
+    label: "วันและเวลาที่สมัคร",
     sortable: true,
     field: "registerDate",
     headerStyle: "font-size: 14px; min-width: 200px",
@@ -515,7 +515,7 @@ const fetchData = async () => {
           avatar: r.profileImg != null ? r.profileImg.detail : "",
           citizenId: r.citizenId,
           number: r.number,
-          registerDate: r.registerDate,
+          registerDate: date2Thai(r.registerDate),
           examIdenNumber: r.examIdenNumber,
           seatNumber: r.seatNumber,
           resultC: r.resultC,