From 04bbc10531e0b9f35cb12188b685d15e4cdbbdfe Mon Sep 17 00:00:00 2001
From: Kittapath <kittapath@frappet.com>
Date: Thu, 6 Apr 2023 22:52:53 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=95=E0=B9=88=E0=B8=AD=20api=20=E0=B9=83?=
 =?UTF-8?q?=E0=B8=9A=E0=B9=80=E0=B8=82=E0=B9=89=E0=B8=B2=E0=B8=AA=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/exam/api.candidate.ts                 |  1 +
 .../01_exam/components/ExamFinished.vue       | 81 ++++++++++++++-----
 src/modules/01_exam/components/ExamForm.vue   | 17 ++--
 .../01_exam/components/ExamPayment.vue        | 11 +--
 .../01_exam/components/Form/Document.vue      |  4 -
 src/modules/01_exam/store.ts                  |  9 ++-
 src/modules/01_exam/views/ExamDetail.vue      | 34 ++++----
 src/views/MainLayout.vue                      |  8 +-
 8 files changed, 112 insertions(+), 53 deletions(-)

diff --git a/src/api/exam/api.candidate.ts b/src/api/exam/api.candidate.ts
index a760fac..c7a562f 100644
--- a/src/api/exam/api.candidate.ts
+++ b/src/api/exam/api.candidate.ts
@@ -31,5 +31,6 @@ export default {
   periodExamPosition: (examId: string, positionId: string) =>
     `${periodExam}position/${examId}/${positionId}`,
   periodExamPayment: (examId: string) => `${periodExam}payment/${examId}`,
+  candidateCard: (examId: string, positionId: string) => `${candidate}card/${examId}/${positionId}`,
   candidate
 }
diff --git a/src/modules/01_exam/components/ExamFinished.vue b/src/modules/01_exam/components/ExamFinished.vue
index 3f83175..81e53f9 100644
--- a/src/modules/01_exam/components/ExamFinished.vue
+++ b/src/modules/01_exam/components/ExamFinished.vue
@@ -2,15 +2,23 @@
   <div class="q-pa-md row items-center justify-center">
     <div class="col-xs-12 col-sm-8 col-md-6">
       <q-card flat class="q-pa-md q-mb-sm" :class="getClass(status)">
-        <div v-if="status != 'done' && status != 'checkPoint'" class="text-orange-6 text-bold">
+        <div v-if="status == 'checkRegister'" class="text-orange-6 text-bold">
           <q-icon
             name="mdi-timer-sand"
             size="22px"
             color="orange-5"
             class="q-mr-sm"
-          />เจ้าหน้าที่กำลังตรวจสถานที่สอบ
+          />รอเจ้าหน้าที่อัปเดทคะแนนสอบ
         </div>
-        <div v-else class="text-green-6 text-bold">
+        <div v-else-if="status == 'checkPoint'" class="text-orange-6 text-bold">
+          <q-icon
+            name="mdi-timer-sand"
+            size="22px"
+            color="orange-5"
+            class="q-mr-sm"
+          />รอเจ้าหน้าที่อัปเดทคะแนนสอบ
+        </div>
+        <div v-else-if="status == 'done'" class="text-green-6 text-bold">
           <q-icon
             name="mdi-checkbox-marked-circle-outline"
             size="22px"
@@ -18,6 +26,14 @@
             class="q-mr-sm"
           />สมัครสอบสำเร็จ
         </div>
+        <div v-else class="text-orange-6 text-bold">
+          <q-icon
+            name="mdi-timer-sand"
+            size="22px"
+            color="orange-5"
+            class="q-mr-sm"
+          />รอเจ้าหน้าที่จัดที่นั่งสอบ
+        </div>
       </q-card>
 
       <q-card bordered flat class="col-12 row">
@@ -34,24 +50,24 @@
             <div class="text-black text-bold q-pl-sm">{{ fullName }}</div>
           </div>
           <div class="q-pt-xs row">
-            <div class="">เลขประจำตัวสอบ :</div>
-            <div class="text-black text-bold q-pl-sm">{{ examNumber }}</div>
+            <div class="">เลขประจำตัวประชาชน :</div>
+            <div class="text-black text-bold q-pl-sm">{{ citizenId }}</div>
           </div>
           <div class="q-pt-xs row">
-            <div class="">เลขประจำตัวประชาชน :</div>
-            <div class="text-black q-pl-sm">{{ citizenId }}</div>
+            <div class="">เลขประจำตัวสอบ :</div>
+            <div class="text-black text-bold q-pl-sm">{{ examNumber }}</div>
           </div>
           <!-- <div class="q-pt-xs row">
             <div class="">เวลาสอบ :</div>
             <div class="text-black q-pl-sm">{{ examTime }}</div>
           </div> -->
           <div class="q-pt-xs row">
-            <div class="">สถานที่สอบ :</div>
-            <div class="text-black q-pl-sm">{{ examLocation }}</div>
+            <div class="">เลขที่นั่งสอบ :</div>
+            <div class="text-black text-bold q-pl-sm">{{ examSeat }}</div>
           </div>
           <div class="q-pt-xs row">
             <div class="">คะแนน</div>
-            <div class="text-black q-pl-sm">{{ floor }}</div>
+            <div class="text-black text-bold q-pl-sm">{{ point }}</div>
           </div>
           <!-- <div class="q-pt-xs row">
             <div class="">ห้องสอบ :</div>
@@ -79,6 +95,9 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
+import http from '@/plugins/http'
+import config from '@/app.config'
+import { useRoute } from 'vue-router'
 
 const props = defineProps({
   fetchStep: {
@@ -91,16 +110,42 @@ const props = defineProps({
   }
 })
 
-const fullName = ref<string>('นางพิมพ์ภา วงศ์สวัสดิ์')
-const examNumber = ref<string>('CDE-004')
-const citizenId = ref<string>('1100700954521')
-const examTime = ref<string>('09:00-12:00')
-const examLocation = ref<string>('ศูนย์สอบ 01 กรุงเทพฯและนนทบุรี')
-const floor = ref<string>('4')
-const examRoom = ref<string>('CB-706')
-const seatNumber = ref<string>('75')
+const route = useRoute()
+const examId = ref<string>(route.params.id.toString())
+const positionId = ref<string>(route.params.positionId.toString())
+const loader = ref<boolean>(false)
+const fullName = ref<string>('')
+const examNumber = ref<string>('')
+const citizenId = ref<string>('')
+const examSeat = ref<string>('')
+const point = ref<string>('')
+
+onMounted(async () => {
+  await fetchStatus()
+})
+
+const fetchStatus = async () => {
+  loader.value = true
+  await http
+    .get(config.API.candidateCard(examId.value, positionId.value))
+    .then((res) => {
+      const data = res.data.result
+      fullName.value = data.prefix + data.firstName + ' ' + data.lastName
+      examNumber.value = data.examIdenNumber
+      citizenId.value = data.citizenId
+      examSeat.value = data.seatNumber
+      point.value = data.point
+    })
+    .catch(() => {
+      //   acceptTermOfUse.value = false
+    })
+    .finally(() => {
+      loader.value = false
+    })
+}
 
 const download = () => {}
+
 const getClass = (val: string) => {
   return val == 'done' || val == 'checkPoint' ? 'bg-green-1' : 'bg-yellow-2'
 }
diff --git a/src/modules/01_exam/components/ExamForm.vue b/src/modules/01_exam/components/ExamForm.vue
index 183491e..420ec4b 100644
--- a/src/modules/01_exam/components/ExamForm.vue
+++ b/src/modules/01_exam/components/ExamForm.vue
@@ -23,7 +23,7 @@
         label="บันทึกข้อมูล"
         outline
         icon="mdi-content-save"
-        @click="saveData"
+        @click="saveAuto = false && saveData"
         v-if="status === 'register' || status === 'rejectRegister'"
         :disable="!acceptTermOfUse || statusEdit"
       />
@@ -79,6 +79,7 @@ const formInformation = ref<any>({})
 const formAddress = ref<any>({})
 const formFamily = ref<any>({})
 const formOccupation = ref<any>({})
+const saveAuto = ref<boolean>(false)
 
 onMounted(async () => {
   //   if (props.status !== 'register') {
@@ -91,36 +92,35 @@ const okModalConfirm = () => {
   if (statusEdit.value == true) {
     modalError($q, 'ไม่สามารถสมัครสอบได้', 'มีข้อมูลที่ยังไม่ถูกบันทึกข้อมูล')
   } else {
+    saveAuto.value = true
     modalConfirm(
       $q,
       'ยืนยันการสมัครสอบ?',
       'เมื่อยืนยันการสมัครสอบแล้วจะไม่สามารถแก้ไขข้อมูลได้',
-      saveForm
+      saveData
     )
   }
 }
+
 const fetchStatus = async () => {
   loader.value = true
   await http
-    .get(config.API.candidateStatus(examId.value, positionId.value))
+    .get(config.API.candidateCard(examId.value, positionId.value))
     .then((res) => {
       acceptTermOfUse.value = true
     })
-    .catch(() => {
-      acceptTermOfUse.value = false
-    })
+    .catch(() => {})
     .finally(() => {
       loader.value = false
     })
 }
 
 const saveForm = async () => {
-  //saveform
   loader.value = true
   await http
     .get(config.API.candidateRegister(examId.value, positionId.value))
     .then(() => {
-      success($q, 'สมัครสอบสำเร็จสำเร็จ')
+      //   success($q, 'สมัครสอบสำเร็จสำเร็จ')
     })
     .catch(() => {})
     .finally(async () => {
@@ -227,6 +227,7 @@ const saveData = async () => {
                     })
                     .finally(async () => {
                       loader.value = false
+                      if (saveAuto.value) await saveForm()
                       await props.fetchStep()
                     })
                 }
diff --git a/src/modules/01_exam/components/ExamPayment.vue b/src/modules/01_exam/components/ExamPayment.vue
index b42af70..25d18d0 100644
--- a/src/modules/01_exam/components/ExamPayment.vue
+++ b/src/modules/01_exam/components/ExamPayment.vue
@@ -12,9 +12,9 @@
               <q-item-label class="text-weight-medium text-subtitle1"
                 >ชำระเงินค่าสมัครสอบผ่านสำนัก/หน่วยงาน</q-item-label
               >
-              <q-item-label caption class="gt-xs"
+              <!-- <q-item-label caption class="gt-xs"
                 >อนุมัติหลังแจ้งการโอนภายใน 24 ชั่วโมง</q-item-label
-              >
+              > -->
             </q-item-section>
             <!-- <q-item-section avatar class="gt-xs">
               <q-avatar size="32px">
@@ -129,9 +129,9 @@
               <q-item-label class="text-weight-medium text-subtitle1"
                 >ชำระเงินค่าสมัครสอบผ่านธนาคารกรุงไทย</q-item-label
               >
-              <q-item-label caption class="gt-xs"
+              <!-- <q-item-label caption class="gt-xs"
                 >อนุมัติหลังแจ้งการโอนภายใน 24 ชั่วโมง</q-item-label
-              >
+              > -->
             </q-item-section>
             <!-- <q-item-section avatar class="gt-xs">
               <q-avatar size="32px">
@@ -235,6 +235,8 @@
   </div>
   <div class="row col-12 justify-center">
     <q-btn
+      icon="mdi-check"
+      color="primary"
       style="width: 200px"
       label="แจ้งการชำระเงิน"
       @click="clickPayment"
@@ -300,7 +302,6 @@ const fetchPaymentExam = async () => {
     .catch(() => {})
     .finally(async () => {
       loader.value = false
-      props.fetchStep()
     })
 }
 
diff --git a/src/modules/01_exam/components/Form/Document.vue b/src/modules/01_exam/components/Form/Document.vue
index e98a728..40ad31b 100644
--- a/src/modules/01_exam/components/Form/Document.vue
+++ b/src/modules/01_exam/components/Form/Document.vue
@@ -201,7 +201,6 @@ const getData = async () => {
     .get(config.API.candidateUpload(examId.value, positionId.value))
     .then((res) => {
       const data = res.data.result
-      //   console.log(data)
       files.value = data
     })
     .catch(() => {})
@@ -221,7 +220,6 @@ const deleteData = async (id: string) => {
     })
     .then((res) => {
       const data = res.data.result
-      console.log(data)
     })
     .catch(() => {})
     .finally(async () => {
@@ -238,7 +236,6 @@ const uploadData = async () => {
     .put(config.API.candidateUpload(examId.value, positionId.value), formData)
     .then((res) => {
       const data = res.data.result
-      console.log(data)
     })
     .catch(() => {})
     .finally(async () => {
@@ -257,7 +254,6 @@ const downloadData = async (id: string) => {
     .get(config.API.candidateDownload(id))
     .then((res) => {
       const data = res
-      console.log(data)
     })
     .catch(() => {})
     .finally(() => {
diff --git a/src/modules/01_exam/store.ts b/src/modules/01_exam/store.ts
index 6365120..d238c79 100644
--- a/src/modules/01_exam/store.ts
+++ b/src/modules/01_exam/store.ts
@@ -15,6 +15,7 @@ export const useExamDataStore = defineStore('exam', () => {
   })
 
   const consend = ref<boolean>(false)
+  const status = ref<string>('')
 
   const changeExamColumns = (system: String, val: String[]) => {
     if (system == 'main') examData.value.main.columns = val
@@ -27,9 +28,15 @@ export const useExamDataStore = defineStore('exam', () => {
     examData.value = JSON.parse(localStorage.getItem('exam') || '{}')
   }
 
+  const changeStatus = (val: string) => {
+    status.value = val
+  }
+
   return {
     examData,
     changeExamColumns,
-    consend
+    consend,
+    status,
+    changeStatus
   }
 })
diff --git a/src/modules/01_exam/views/ExamDetail.vue b/src/modules/01_exam/views/ExamDetail.vue
index d274d39..c877071 100644
--- a/src/modules/01_exam/views/ExamDetail.vue
+++ b/src/modules/01_exam/views/ExamDetail.vue
@@ -3,7 +3,7 @@
   <q-toolbar class="q-pa-sm text-center">
     <q-toolbar-title class="text-dark">
       {{ tittle }}
-      <div class="text-light">ตำแหน่ง..&nbsp;&nbsp;{{ position }}</div>
+      <div class="text-light text-body2">{{ position }}</div>
     </q-toolbar-title>
   </q-toolbar>
   <q-stepper
@@ -102,15 +102,9 @@ const candidateCheck = async () => {
       store.consend = data.consend
       const positionExam = data.positionExam
       stepPayment.value = data.bank
-      //   console.log('qwe')
-      //   console.log(positionId.value != '00000000-0000-0000-0000-000000000000')
-      //   console.log(positionId.value)
-      //   console.log(positionExam)
-      //   console.log(positionExam.id)
-      //   console.log(data.status != 'register')
-      //   console.log(data.status != 'rejectRegister')
       if (
         positionId.value != '00000000-0000-0000-0000-000000000000' &&
+        positionExam != null &&
         positionExam.id != positionId.value &&
         data.status != 'register' &&
         data.status != 'rejectRegister'
@@ -118,7 +112,8 @@ const candidateCheck = async () => {
         modalError(
           $q,
           'คุณได้สมัครสอบตำแหน่งอื่นในรอบนี้แล้ว',
-          'คุณได้สมัครสอบตำแหน่งอื่นในรอบนี้แล้ว'
+          'คุณได้สมัครสอบตำแหน่งอื่นในรอบนี้แล้ว',
+          closeWindow
         )
       } else {
         if (store.consend == true) {
@@ -136,6 +131,12 @@ const candidateCheck = async () => {
     })
 }
 
+const closeWindow = async () => {
+  //   window.close()
+  //   window.closed = true
+  //   console.log(window)
+}
+
 const fetchStep = async () => {
   loader.value = true
   await http
@@ -147,8 +148,8 @@ const fetchStep = async () => {
         stepRaw.value = 2
         step.value = 2
       } else if (data == 'checkRegister') {
-        stepRaw.value = 2
-        step.value = 2
+        stepRaw.value = 3
+        step.value = 3
       } else if (data == 'payment') {
         stepRaw.value = 3
         step.value = 3
@@ -156,8 +157,8 @@ const fetchStep = async () => {
         stepRaw.value = 2
         step.value = 2
       } else if (data == 'checkPayment') {
-        stepRaw.value = 3
-        step.value = 3
+        stepRaw.value = 4
+        step.value = 4
       } else if (data == 'rejectPayment') {
         stepRaw.value = 3
         step.value = 3
@@ -171,10 +172,15 @@ const fetchStep = async () => {
         stepRaw.value = 4
         step.value = 4
       }
+      if (stepPayment.value == false && data != 'register' && data != 'rejectRegister') {
+        stepRaw.value = 4
+        step.value = 4
+      }
     })
     .catch(() => {})
     .finally(() => {
       loader.value = false
+      store.changeStatus(status.value)
     })
 }
 
@@ -185,7 +191,7 @@ const fetchPeriodExam = async () => {
     .then((res) => {
       const data = res.data.result
       tittle.value = data.name
-      position.value = data.posiiton == null ? '' : '(' + data.posiiton.positionName + ')'
+      position.value = data.posiiton == null ? '' : 'ตำแหน่ง: ' + data.posiiton.positionName
     })
     .catch(() => {})
     .finally(() => {
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 76fecaa..26d494a 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -4,8 +4,9 @@ import { onMounted, ref } from 'vue'
 // import keycloak from '@/plugins/keycloak'
 import { useRoute } from 'vue-router'
 import { menuList, options, notiList } from '../interface/main/index'
-import keycloak from '@/plugins/keycloak'
+import { useExamDataStore } from '@/modules/01_exam/store'
 import { useCounterMixin } from '@/stores/mixin'
+import keycloak from '@/plugins/keycloak'
 import http from '@/plugins/http'
 import config from '@/app.config'
 
@@ -13,6 +14,7 @@ const route = useRoute()
 const $q = useQuasar()
 const mixin = useCounterMixin() //เรียกฟังก์ชันกลาง
 const { statusCandidate } = mixin
+const store = useExamDataStore()
 const miniState = ref<boolean>(false)
 const active = ref<number>(0)
 const drawerL = ref<boolean>(false)
@@ -136,8 +138,8 @@ const getFontColor = (val: string) => {
         <!-- <q-badge flat color="blue" class="q-mr-md text-bold">
           {{ statusCandidate(status) }}
         </q-badge> -->
-        <div class="q-mr-md text-bold" :class="getFontColor(status)">
-          {{ statusCandidate(status) }}&nbsp;&nbsp;
+        <div class="q-mr-md text-bold" :class="getFontColor(store.status)">
+          {{ statusCandidate(store.status) }}&nbsp;&nbsp;
         </div>
         <q-btn
           v-if="$q.screen.gt.xs"