fix รายละเอียดของผู้สมัครสอบ

src/modules/03_recruiting/views/01_compete/DetailEx.vue

@@ -36,14 +36,16 @@ const number = ref<string>("");
 const score_expired = ref<string>("");
 const mixin = useCounterMixin();
 const { messageError, showLoader, hideLoader } = mixin;
-const examID = ref<string>("62150001");
-const prefix = ref<string>("นาย");
-const fullname = ref<string>("เกียรติศักดิ์ บัณฑิต");
+const examID = ref<string>("");
+const prefix = ref<string>("");
+const fullname = ref<string>("");
 const importId = ref<string>(route.params.id as string); // Period Import Id
 const examId = ref<string>(route.params.examId as string); // เลขประจำตัวสอบ
+const isData = ref<boolean>(false);
 
 /** ดึงข้อมูล */
 async function fetchData() {
+  isData.value = false;
   showLoader();
   await http
     .get(config.API.getExamDetail(importId.value, examId.value))
@@ -76,6 +78,7 @@ async function fetchData() {
           scoreSum.value = data.scoreResult.scoreSum;
           examResultinscore.value = data.scoreResult.examResult;
         }
+        isData.value = true;
       }
     })
     .catch((e) => {
@@ -147,7 +150,13 @@ onMounted(async () => {
     รายละเอียดของผู้สมัครสอบ {{ examID }} : {{ prefix }}{{ fullname }}
   </div>
   <q-card flat bordered class="col-12 row q-mt-sm q-pa-md">
-    <div class="row q-col-gutter-md col-12">
+    <div class="col-12" v-if="!isData">
+      <q-banner inline-actions rounded class="bg-warning text-center">
+        ไม่พบรายละเอียดการสอบ
+      </q-banner>
+    </div>
+
+    <div class="row q-col-gutter-md col-12" v-else>
       <div class="col-xs-12 col-sm-12 col-md-6">
         <q-card bordered flat class="col-12 q-pa-md">
           <div class="col-12 q-col-gutter-sm row items-center">