fix:type isDisabledCheckTime

src/views/HomeView.vue

@@ -26,7 +26,7 @@ const statusCheckin = ref<boolean>(true) // สถานะเวลา เข
 
 const checkDate = ref<boolean | null>(null)
 const msgCheckTime = ref<string>('') // ข้อความแจ้งเตือน
-const isDisabledCheckTime = ref<boolean>(false) // ข้อความแจ้งเตือน
+const isDisabledCheckTime = ref<boolean | null>(null) // ข้อความแจ้งเตือน
 const isErr = ref<boolean | null>(null) // ข้อความแจ้งเตือน
 const endTimeAfternoon = ref<string>('12:00:00') //เวลาเช็คเอาท์ตามรอบ
 
@@ -46,9 +46,14 @@ async function fetchCheckTime(load: any = true) {
       statusCheckin.value = data.checkInId ? false : true
       checkInId.value = data.checkInId ? data.checkInId : ''
       endTimeAfternoon.value = data.endTimeAfternoon
+      isDisabledCheckTime.value = false
     })
     .catch((err) => {
-      if (err.response.status === 500) {
+      if (
+        err.response.status === 500 &&
+        err.response.data.message ===
+          'คุณได้ทำการลงเวลาเข้าและออกเรียบร้อยแล้ว คุณจะสามารถลงเวลาได้อีกครั้งในวันถัดไป'
+      ) {
         isErr.value = true
         isDisabledCheckTime.value = true
         msgCheckTime.value = err.response.data.message
@@ -304,9 +309,6 @@ async function capturePhoto() {
   await camera.value?.stop()
   const url = URL.createObjectURL(imageBlob)
   img.value = url
-
-  // เริ่มนับเวลา 3 นาที เพื่อลบรูป
-  startPhotoTimeout()
 }
 
 /** function เปลี่ยนรูปภาพ*/
@@ -593,7 +595,7 @@ watch(
             class="col-12 q-pa-md items-center gt-xs"
             v-if="isLoadingCheckTime"
           >
-            <q-skeleton type="QCard" width="100%" height="50px" />
+            <q-skeleton type="text" width="100%" height="50px" />
           </div>
           <div v-else :class="getClass(statusCheckin)" class="gt-xs">
             <div class="col">
@@ -660,7 +662,9 @@ watch(
                     <div
                       v-if="!cameraIsOn && img == null"
                       class="preview-placeholder"
-                      @click="() => !isDisabledCheckTime && openCamera()"
+                      @click="
+                        () => isDisabledCheckTime === false && openCamera()
+                      "
                     >
                       <div class="text-center">
                         <q-icon
@@ -741,7 +745,7 @@ watch(
 
                 <!-- กรอกข้อมูล หน้ามือถือ -->
                 <div class="col-12 row q-col-gutter-y-md" v-if="$q.screen.xs">
-                  <div class="col-12" v-if="!isDisabledCheckTime">
+                  <div class="col-12" v-if="isDisabledCheckTime === false">
                     <q-card
                       flat
                       bordered
@@ -820,7 +824,7 @@ watch(
                 <!-- กรอกข้อมูล หน้ามือถือ -->
 
                 <div
-                  v-if="!isDisabledCheckTime"
+                  v-if="isDisabledCheckTime === false"
                   class="col-xs-12 col-sm-12 items-center gt-xs"
                 >
                   <q-card
@@ -903,7 +907,7 @@ watch(
                 </div>
 
                 <div
-                  v-if="!isDisabledCheckTime"
+                  v-if="isDisabledCheckTime === false"
                   class="col-xs-12 col-sm-12 gt-xs"
                 >
                   <q-card
@@ -970,7 +974,10 @@ watch(
               </div>
             </div>
 
-            <div v-if="isDisabledCheckTime && $q.screen.gt.xs" class="col-12">
+            <div
+              v-if="isDisabledCheckTime === true && $q.screen.gt.xs"
+              class="col-12"
+            >
               <q-separator />
               <div class="text-red q-pa-md">*{{ msgCheckTime }}</div>
             </div>
@@ -1044,7 +1051,7 @@ watch(
   <!--  footer  หน้ามือถือ-->
   <q-footer reveal v-if="$q.screen.xs" class="bg-grey-2">
     <q-separator />
-    <div v-if="!isDisabledCheckTime" class="col-12 q-pa-md">
+    <div v-if="isDisabledCheckTime === false" class="col-12 q-pa-md">
       <p
         :class="
           $q.screen.gt.xs