Merge branch 'develop' into dev

.env.production

@@ -3,4 +3,4 @@ VITE_API_URI_REPORT_CONFIG=VITE_API_URI_REPORT_CONFIG
 VITE_KC_REALM=VITE_KC_REALM
 VITE_CLIENTID_EXAM_KEYCLOAK=VITE_CLIENTID_EXAM_KEYCLOAK
 VITE_KC_URL=VITE_KC_URL
-API_REPORT_TEMPLATE_URI=API_REPORT_TEMPLATE_URI
+VITE_API_REPORT_URL=VITE_API_REPORT_URL

src/modules/01_exam/store.ts

@@ -32,6 +32,7 @@ export const useExamDataStore = defineStore('exam', () => {
   const examInfo = ref<DataExam>()
   const educationLevel = ref<string>('')
   const isShowExamInfo = ref<boolean>(false)
+  const isShowResult = ref<boolean>(true)
 
   const consend = ref<boolean>(false)
   const status = ref<string>('')
@@ -59,6 +60,7 @@ export const useExamDataStore = defineStore('exam', () => {
     changeStatus,
     examInfo,
     educationLevel,
-    isShowExamInfo
+    isShowExamInfo,
+    isShowResult
   }
 })

src/modules/01_exam/views/ExamDetail.vue

@@ -1,6 +1,24 @@
 <!-- page:detail page รายการสอบทั้งหมด -->
 <template>
-  <q-toolbar class="q-pa-sm text-center">
+  <div v-if="!storeExam.isShowResult" class="flex flex-center" style="min-height: 70vh">
+    <div class="text-center q-px-xl" style="max-width: 800px">
+      <q-icon name="mdi-timer-off" size="100px" color="red-7" class="q-mb-lg" />
+
+      <div class="text-h5 text-weight-medium q-mb-sm text-red-7">
+        สิ้นสุดระยะเวลาการแสดงผลสอบผ่านระบบออนไลน์
+      </div>
+
+      <q-separator class="q-mx-auto q-mb-md" style="max-width: 100px" />
+
+      <div class="text-body1 text-grey-8" style="line-height: 1.8">
+        ท่านสามารถตรวจสอบผลการสอบผ่านระบบได้ภายใน
+        <strong class="text-red-7">15 วัน</strong> นับจากวันประกาศผล<br />
+        กรณีพ้นระยะเวลาที่กำหนด กรุณาติดต่อกองสรรหาโดยตรง
+      </div>
+    </div>
+  </div>
+
+  <q-toolbar class="q-pa-sm text-center" v-if="storeExam.isShowResult">
     <div class="text-dark row col-12 text-h6 q-px-md">
       <div class="col-12">
         {{ tittle }}
@@ -17,6 +35,7 @@
   </q-toolbar> -->
 
   <q-stepper
+    v-if="storeExam.isShowResult"
     v-model="step"
     ref="stepper"
     alternative-labels
@@ -76,11 +95,13 @@
       </q-card>
     </q-step>
   </q-stepper>
+
   <q-dialog :model-value="modalConsend" persistent>
     <q-card :style="$q.screen.gt.xs ? 'min-width: 50vw' : 'min-width: 80vw'">
       <Consendform :ok="consendOk" :editorCondition="editorCondition" />
     </q-card>
   </q-dialog>
+
   <q-dialog :model-value="timeout" persistent>
     <q-card :style="$q.screen.gt.xs ? 'min-width: 30vw' : 'min-width: 80vw'" class="q-pa-sm">
       <q-card-section class="row items-center col-12">
@@ -230,6 +251,7 @@ const fetchStep = async () => {
       rejectMessage.value = data.rejectDetail
       status.value = data.status
       storeExam.isShowExamInfo = data.isShowExamInfo || false
+      storeExam.isShowResult = data.isShowResult || true
       if (status.value == 'register') {
         stepRaw.value = 2
         step.value = 2