ต่อapiคนสมัครกรอกข้อมูลสมัครสอบ

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

@@ -3,7 +3,7 @@
     <div class="q-pa-md row items-center justify-center">
       <q-card style="max-width: 40%; width: 100%" bordered>
         <q-card-actions class="q-pa-md" :class="getClass(status)">
-          <div v-if="status == false" class="text-black text-bold">
+          <div v-if="status != 'done'" class="text-black text-bold">
             เจ้าหน้าที่กำลังตรวจสถานที่สอบ
           </div>
           <div v-else class="text-black text-bold">สมัครสอบสำเร็จ</div>
@@ -75,8 +75,8 @@ const props = defineProps({
     type: Function,
     default: () => console.log('not function')
   },
-  step: {
-    type: Number,
+  status: {
+    type: String,
     required: true
   }
 })
@@ -89,14 +89,10 @@ const examLocation = ref<string>('ศูนย์สอบ 01 กรุงเท
 const floor = ref<string>('4')
 const examRoom = ref<string>('CB-706')
 const seatNumber = ref<string>('75')
-const status = ref<boolean>(true)
 
 const download = () => {}
-const testChangeStatus = () => {
-  status.value = true
-}
-const getClass = (val: boolean) => {
-  return val == true ? 'bg-green-4' : 'bg-yellow-3'
+const getClass = (val: string) => {
+  return val == 'done' ? 'bg-green-4' : 'bg-yellow-3'
 }
 </script>