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

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%;