probation check result

src/modules/05_placement/components/probation/FormEvaluation/TemplateSummaryScore.vue

@@ -83,7 +83,7 @@ onMounted(() => {
 
   <div class="q-gutter-md" v-else>
     <div class="flex justify-center items-center q-my-md q-gutter-md">
-      ยังไม่ได้ดำเนินการแบบประเมินผล
+      ยังไม่ได้รายงานผลการประเมินฯ
     </div>
   </div>
 </template>

src/modules/05_placement/components/probation/SummaryScore.vue

@@ -55,6 +55,7 @@ const result_option = reactive([
   },
 ]);
 
+const checkDisplay = ref<boolean | null>(null);
 /** get คะแนน */
 async function getReportScore() {
   showLoader();
@@ -98,6 +99,10 @@ async function getReportScore() {
       reason.value = data.reason;
       pass_result.value = data.pass_result;
       evaluate_date.value = data.evaluate_date;
+      checkDisplay.value = true;
+    })
+    .catch((e) => {
+      checkDisplay.value = false;
     })
     .finally(() => {
       hideLoader();
@@ -111,7 +116,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="row col-12 q-ma-xs">
+  <div v-if="checkDisplay === false" class="q-gutter-md">
+    <div class="flex justify-center items-center q-my-lg">
+      ยังไม่ได้รายงานผลการประเมินฯ
+    </div>
+  </div>
+  <div v-if="checkDisplay" class="row col-12 q-ma-xs">
     <div class="toptitle text-dark col-12 row items-center q-gutter-md">
       <div>ผลการประเมินการทดลองปฏิบัติหน้าที่ราชการ</div>
     </div>