เพิ่ม dissable จำนวนวันลา = 0

src/modules/05_leave/components/FormLeave/03_Birth.vue

@@ -149,6 +149,7 @@ const checkDate = computed(() => {
  * check ว่าลาได้ไหม จาก api
  * @param formData
  */
+ const totalCheck = ref<number|null>(null)
 async function fetchCheck() {
   showLoader();
   await http
@@ -166,12 +167,14 @@ async function fetchCheck() {
       const data = res.data.result;
       isLeave.value = data.isLeave;
       formDataBirth.leaveTotal = data.totalDate;
+      totalCheck.value = data.totalDate;
       reasonLeave.value = data.message
         ? data.message
         : "จำนวนวันลาเกินที่กำหนด";
     })
     .catch((e: any) => {
       hideLoader();
+      totalCheck.value = null
       messageError($q, e);
     });
 }
@@ -186,6 +189,7 @@ const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
 watch(props.data, () => {
   if (props.data) {
+    totalCheck.value = null
     formDataBirth.leaveWrote = props.data.leaveWrote;
     formDataBirth.leaveStartDate = props.data.leaveStartDate;
     formDataBirth.leaveEndDate = props.data.leaveEndDate;
@@ -201,6 +205,7 @@ watch(props.data, () => {
 /** Hook */
 onMounted(() => {
   if (props.data) {
+    totalCheck.value = null
     formDataBirth.leaveWrote = props.data.leaveWrote;
     formDataBirth.leaveStartDate = props.data.leaveStartDate;
     formDataBirth.leaveEndDate = props.data.leaveEndDate;
@@ -572,12 +577,14 @@ onMounted(() => {
 
     <div class="row col-12 q-pt-md">
       <q-space />
+      <div v-if="totalCheck == 0" class="text-red q-mr-sm">**จำนวนวันลาของท่านไม่ถูกต้อง หรือวันที่ยื่นลาของท่านตรงกับวันหยุด</div>
       <q-btn
         v-if="!props.data || props.data.status == 'DRAFT'"
         id="onSubmit"
         type="submit"
         unelevated
         dense
+        :disable="totalCheck == 0"
         class="q-px-md items-center btnBlue"
         label="บันทึก"
         ><q-tooltip>บันทึกแบบร่าง</q-tooltip></q-btn