เพิ่มวันประการศผลสอบ

src/modules/01_exam/components/ExamCard.vue

@@ -71,6 +71,10 @@
               examResultinscore
             }}</span>
           </div>
+          <div class="col-xs-6 col-sm-5 text-grey-7">วันหมดอายุบัญชีสอบแข่งขัน</div>
+          <div class="col-xs-6 col-sm-7 q-pr-xs">
+            {{ score_expired == null ? '' : dateToISO(score_expired) }}
+          </div>
         </div>
       </div>
       <!-- <div class="q-pt-xs row">
@@ -124,6 +128,7 @@ const scoreSumFull = ref<number | null>(null)
 const scoreSum = ref<number | null>(null)
 const examResultinscore = ref<string>('')
 const avatar = ref<string>('')
+const score_expired = ref<Date>(new Date())
 
 onMounted(async () => {
   await fetchStatus()
@@ -154,6 +159,7 @@ const fetchStatus = async () => {
       scoreC.value = data.pointC
       examResultinscore.value = data.pass
       avatar.value = data.avatar
+      score_expired.value = data.announcementDate
     })
     .catch(() => {
       //   acceptTermOfUse.value = false

src/modules/01_exam/components/Form/Career.vue

@@ -107,6 +107,7 @@
             </div>
             <div class="col-xs-12 col-sm-6 col-md-6">
               <datepicker
+                menu-class-name="modalfix"
                 :readonly="!edit"
                 v-model="duration"
                 :locale="'th'"

src/modules/01_exam/components/Form/Education.vue

@@ -124,6 +124,7 @@
             </div>
             <div class="col-xs-6 col-sm-6 col-md-6">
               <datepicker
+                menu-class-name="modalfix"
                 :readonly="!edit"
                 v-model="duration"
                 :locale="'th'"

src/modules/01_exam/components/Form/Information.vue

@@ -70,6 +70,7 @@
       </div>
       <div class="col-xs-12 col-sm-3 col-md-3">
         <datepicker
+          menu-class-name="modalfix"
           v-model="defaultInformation.birthDate"
           :locale="'th'"
           autoApply
@@ -209,6 +210,7 @@
 
       <div class="col-xs-12 col-sm-3 col-md-3">
         <datepicker
+          menu-class-name="modalfix"
           v-model="defaultInformation.cardIdDate"
           :locale="'th'"
           autoApply
@@ -520,6 +522,9 @@ const getClass = (val: boolean) => {
 </script>
 
 <style>
+.modalfix {
+  position: fixed !important;
+}
 .containerimage {
   position: relative;
   width: 100%;

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

@@ -3,6 +3,7 @@
   <q-toolbar class="q-pa-sm text-center">
     <q-toolbar-title class="text-dark">
       {{ tittle }}
+      {{ `ครั้งที่${round}/${yearly + 543}` }}
       <div class="text-light text-body2">{{ position }}</div>
     </q-toolbar-title>
   </q-toolbar>
@@ -94,6 +95,8 @@ const status = ref<string>('register')
 const modalConsend = ref<boolean>(false)
 const stepPayment = ref<boolean>(true)
 const rejectMessage = ref<string>('')
+const round = ref<number | null>(null)
+const yearly = ref<number | null>(null)
 
 onMounted(async () => {
   //   stepRaw.value = 3
@@ -205,6 +208,8 @@ const fetchPeriodExam = async () => {
     .then((res) => {
       const data = res.data.result
       tittle.value = data.name
+      round.value = data.round
+      yearly.value = data.year
       position.value = data.posiiton == null ? '' : 'ตำแหน่ง: ' + data.posiiton.positionName
     })
     .catch(() => {})