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

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

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

@@ -7,7 +7,7 @@
         {{ `ครั้งที่${round}/${yearly == null ? '' : yearly + 543}` }}
       </div>
       <div class="col-12">
-        {{ position }}
+        {{ position }} ระดับ{{ positionLevel }}
       </div>
     </q-toolbar-title>
   </q-toolbar>
@@ -76,33 +76,23 @@
     </q-step>
   </q-stepper>
   <q-dialog :model-value="modalConsend" persistent>
-    <q-card :style="$q.screen.gt.xs ? 'min-width: 55vw' : 'min-width: 80vw'">
+    <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: 55vw' : 'min-width: 80vw'">
-      <q-card-section class="row items-center col-12 q-py-sm bg-grey-2">
-        <div class="row col-12 justify-center">
-          <div class="text-bold text-subtitle1">หมดเขตรับสมัครสอบ</div>
+    <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">
+        <div class="column col-12 text-center">
+          <div><q-icon name="mdi-alert-outline" size="50px" color="pink" /></div>
+
+          <div class="text-bold text-pink text-subtitle1 q-mb-md">หมดเขตรับสมัครสอบ !</div>
+          ไม่สามารถทำรายการได้ เนื่องจากหมดเขตรับสมัครแล้ว
+          <!-- {{ dateThaiRange([registerEndDate, registerStartDate]) }} -->
         </div>
       </q-card-section>
-      <q-separator />
-      <q-card-section style="max-height: 70vh" class="scroll q-pb-sm">
-        <div class="text-center row justify-center">
-          <q-card class="col-xs-12 col-sm-11 row text-left q-py-sm" flat>
-            <div class="col-12 items-center">
-              <!-- <p> -->
-              ไม่สามารถทำรายการได้ เนื่องจากหมดช่วงเวลาวันสมัครแล้ว
-              <!-- {{ dateThaiRange([registerEndDate, registerStartDate]) }} -->
-              <!-- </p> -->
-            </div>
-          </q-card>
-        </div>
-      </q-card-section>
-      <q-separator />
       <q-card-actions align="right" class="bg-white text-teal justify-center">
-        <q-btn label="ตกลง" color="primary" style="width: 150px" @click="logout" />
+        <q-btn label="ตกลง" unelevated color="primary" style="width: 200px" @click="logout" />
       </q-card-actions>
     </q-card>
   </q-dialog>