- [x] หมดเขตรับสมัตรสอบ เพิ่ม icon กับสี

- [ ] ขาด รวมระยะเวลา > เพิ่ม row รวมระยะเวลา ในตารางในแล้ว เหลือแค่ต่อ api ค่ารวม
- [x] ปฏิทินเพิ่ม > ประวัติการทำงาน > ไม่สามารถลื่นลงมาข้างล่างได้ พอเอาเม้าส์ไปที่ bar ด้านข้าง ปฏิทินก้ปิด
- [x] เลขบัตร > เมื่อกดเข้ามาอีกครั้ง เลขควรติดมาด้วย
- [ ] เลขประจำตัวสอบ ไม่ออก
- [x] ลำดับที่สอบได้ รอแก้เอาออกจากรอบนี้
- [ ] อายุถ้าไม่ได้ใส่ค่า ระบบไม่เช็ค แต่ถ้าเลือกวัน มันจะเช็คช่วง
- [x] คัดเลือกสำเร็จ เปลี่ยนเป็น ผลการสอบ
- [x] สมัครสอบสำเร็จ เปลี่ยนเป็น ใบทานข้อมูลการสมัคร
- [ ] เพิ่ม ui ในใบสมัคร ข้อ 7 บุคคลที่สามารถติดต่อได้ และเรียงลำดับตามเอกสาร > เพิ่ม ข้อมูลส่วนบุคคลที่สามารถติดต่อได้แล้ว  เหลือแค่ต่อ api
- [x] เปลี่ยนข้อความเป็น กรุณากรอกเลขประจำตัวประชาชนให้ถูกต้อง
- [x]  หัวข้อ ขาดระดับท้ายตำแหน่ง

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

@@ -12,6 +12,7 @@
       :add="clickAdd"
       :edit="clickEdit"
       :addData="false"
+      :bottom="true"
       :editData="status == 'register' || status == 'rejectRegister'"
       name="ประวัติการทำงาน (ตั้งแต่เริ่มปฏิบัติงานกับกรุงเทพมหานคร - ปัจจุบัน)"
       icon="mdi-briefcase"
@@ -45,6 +46,11 @@
           </q-td>
         </q-tr>
       </template>
+      <template #bottom="props">
+          <div :props="props" class="row col-11 justify-end">
+            <span class="text-weight-medium text-subtitle2">รวมระยะเวลา : <span class="q-pl-sm">{{ total }} วัน</span></span>
+          </div>
+      </template>
     </Table>
   </q-form>
   <q-dialog v-model="modal" persistent>
@@ -120,7 +126,9 @@
               />
             </div> -->
             <div class="col-xs-12 col-sm-6 col-md-6">
+              <div class="col-xs-12 col-sm-12 col-md-12">
               <datepicker
+                menu-class-name="modalfix"
                 :readonly="!edit"
                 v-model="startDate"
                 :locale="'th'"
@@ -158,9 +166,11 @@
                   </q-input>
                 </template>
               </datepicker>
+              </div>
             </div>
             <div class="col-xs-12 col-sm-6 col-md-6">
               <datepicker
+                menu-class-name="modalfix"
                 :readonly="!edit"
                 v-model="endDate"
                 :locale="'th'"
@@ -276,6 +286,7 @@ const org = ref<string | null>()
 const startDate = ref<Date>(new Date())
 const endDate = ref<Date>(new Date())
 const rangeDate = ref<string | null>()
+const total = ref<string>('0')
 const myForm = ref<any>() //form data input
 const edit = ref<boolean>(true) //เช็คการกดปุ่มแก้ไขใน dialog
 const modal = ref<boolean>(false) //modal add detail
@@ -707,8 +718,12 @@ const getClass = (val: boolean) => {
   }
 }
 </script>
-<style lang="scss">
+<style>
 .modalfix {
   position: fixed !important;
+  top: auto !important;
+  transform: none !important;
+  left:auto !important;
+  margin-top: 10px;
 }
 </style>