comment build error

src/modules/10_order/components/step/step04.vue

@@ -8,7 +8,7 @@ import { useQuasar } from "quasar";
 import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import { aW } from "@fullcalendar/core/internal-common";
+// import { aW } from "@fullcalendar/core/internal-common";
 
 const mixin = useCounterMixin();
 const {
@@ -48,11 +48,11 @@ const orderStatusName = ref<string>("");
 const orderId = ref<string>(orderId_params.toString());
 onMounted(async () => {
   if (orderId.value) {
-    showLoader()
+    showLoader();
     await fetchAttachment(orderId.value);
     await fecthstatusOrder();
     await getCommandDetail();
-    hideLoader()
+    hideLoader();
   }
 });
 
@@ -69,20 +69,22 @@ const getCommandDetail = async () => {
 
       fetchReportCover("pdf", orderId.value);
 
-      if (code.value != 'c-pm-10' &&
+      if (
-        code.value != 'c-pm-11' &&
+        code.value != "c-pm-10" &&
-        code.value != 'c-pm-12' &&
+        code.value != "c-pm-11" &&
-        code.value != 'c-pm-16' &&
+        code.value != "c-pm-12" &&
-        code.value != 'c-pm-18' &&
+        code.value != "c-pm-16" &&
-        code.value != 'c-pm-19' &&
+        code.value != "c-pm-18" &&
-        code.value != 'c-pm-20' &&
+        code.value != "c-pm-19" &&
-        code.value != 'c-pm-21') {
+        code.value != "c-pm-20" &&
+        code.value != "c-pm-21"
+      ) {
         fetchReportAttachment("pdf", orderId.value);
       }
     })
     .catch((e) => {
       messageError($q, e);
-    })
+    });
 };
 
 const downloadCover = async (type: string) => {
@@ -132,7 +134,7 @@ const fetchReportCover = async (type: string, orderId: string) => {
     })
     .catch((e) => {
       messageError($q, e);
-    })
+    });
 };
 
 const fetchReportAttachment = async (type: string, orderId: string) => {
@@ -147,7 +149,7 @@ const fetchReportAttachment = async (type: string, orderId: string) => {
     })
     .catch((e) => {
       messageError($q, e);
-    })
+    });
 };
 
 // Fetch file upload & detail
@@ -171,7 +173,7 @@ const fetchAttachment = async (orderId: string) => {
     })
     .catch((e) => {
       messageError($q, e);
-    })
+    });
 };
 
 const fecthstatusOrder = async () => {
@@ -261,21 +263,23 @@ const saveUpload = () => {
     myFormUpload.value!.validate().then((success: Boolean) => {
       if (success) {
         dialogConfirm($q, async () => {
-          showLoader()
+          showLoader();
           await postfileOrder();
-          if (code.value != 'c-pm-10' &&
+          if (
-            code.value != 'c-pm-11' &&
+            code.value != "c-pm-10" &&
-            code.value != 'c-pm-12' &&
+            code.value != "c-pm-11" &&
-            code.value != 'c-pm-16' &&
+            code.value != "c-pm-12" &&
-            code.value != 'c-pm-18' &&
+            code.value != "c-pm-16" &&
-            code.value != 'c-pm-19' &&
+            code.value != "c-pm-18" &&
-            code.value != 'c-pm-20' &&
+            code.value != "c-pm-19" &&
-            code.value != 'c-pm-21') {
+            code.value != "c-pm-20" &&
+            code.value != "c-pm-21"
+          ) {
             await postfileTailer();
           }
           await fetchAttachment(orderId.value);
           await fecthstatusOrder();
-          hideLoader()
+          hideLoader();
         });
       }
     });
@@ -323,8 +327,8 @@ const postfileOrder = async () => {
       success($q, "บันทึกข้อมูลสำเร็จ");
     })
     .catch((e) => {
-      messageError($q, e)
+      messageError($q, e);
-    })
+    });
 };
 
 const postfileTailer = async () => {
@@ -336,15 +340,15 @@ const postfileTailer = async () => {
       success($q, "บันทึกข้อมูลสำเร็จ");
     })
     .catch((e) => {
-      messageError($q, e)
+      messageError($q, e);
-    })
+    });
 };
 
 const clickExecute = async (id: string) => {
   dialogConfirm(
     $q,
     async () => {
-      showLoader()
+      showLoader();
       await http
         .put(config.API.executeOrder(id))
         .then((res) => {
@@ -352,11 +356,12 @@ const clickExecute = async (id: string) => {
         })
         .catch((e) => {
           messageError($q, e);
-        }).finally(async () => {
-          await fecthstatusOrder()
-          await getCommandDetail()
-          hideLoader();
         })
+        .finally(async () => {
+          await fecthstatusOrder();
+          await getCommandDetail();
+          hideLoader();
+        });
     },
     "ยืนยันการออกคำสั่ง",
     "ต้องการยืนยันการออกคำสั่งนี้ใช่หรือไม่?"
@@ -364,14 +369,18 @@ const clickExecute = async (id: string) => {
 };
 
 const validateFormUpload = () => {
-  if (code.value != 'c-pm-10' &&
+  if (
-    code.value != 'c-pm-11' &&
+    code.value != "c-pm-10" &&
-    code.value != 'c-pm-12' &&
+    code.value != "c-pm-11" &&
-    code.value != 'c-pm-16' &&
+    code.value != "c-pm-12" &&
-    code.value != 'c-pm-18' &&
+    code.value != "c-pm-16" &&
-    code.value != 'c-pm-19' &&
+    code.value != "c-pm-18" &&
-    code.value != 'c-pm-20' &&
+    code.value != "c-pm-19" &&
-    code.value != 'c-pm-21' && fileOrder.value !== null && fileTailer.value !== null) {
+    code.value != "c-pm-20" &&
+    code.value != "c-pm-21" &&
+    fileOrder.value !== null &&
+    fileTailer.value !== null
+  ) {
     return true;
   } else if (fileOrder.value !== null) {
     return true;
@@ -382,9 +391,7 @@ const validateFormUpload = () => {
 
 const validateForm = () => {
   return (
-    order.value.trim() !== "" &&
+    order.value.trim() !== "" && years.value !== null && date.value !== null
-    years.value !== null &&
-    date.value !== null
   );
 };
 
@@ -410,61 +417,108 @@ const viewFileUpload = async (url: string) => {
 <template>
   <div>
     <div style="min-height: 70vh">
-      <q-splitter v-model="splitterModel" style="height: 70vh" @update:model-value="onchangePage">
+      <q-splitter
+        v-model="splitterModel"
+        style="height: 70vh"
+        @update:model-value="onchangePage"
+      >
         <template v-slot:before>
           <div class="space">
             <div @click="setTab('main')" :class="getClass(tab == 'main')">
               <div class="q-pr-sm">คำสั่ง</div>
-              <q-btn v-if="orderStatusName != 'ออกคำสั่งแล้ว'" size="12px" flat dense icon="mdi-download"
+              <q-btn
-                :disable="tab !== 'main'" :color="tab !== 'main' ? 'grey' : 'add'">
+                v-if="orderStatusName != 'ออกคำสั่งแล้ว'"
+                size="12px"
+                flat
+                dense
+                icon="mdi-download"
+                :disable="tab !== 'main'"
+                :color="tab !== 'main' ? 'grey' : 'add'"
+              >
                 <q-tooltip>ดาวน์โหลด</q-tooltip>
                 <q-menu>
                   <q-list style="min-width: 150px">
-                    <q-item clickable v-close-popup @click="downloadCover('pdf')">
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="downloadCover('pdf')"
+                    >
                       <!-- type="a"
                       :href="orderCoverPdf"
                       target="_blank" -->
-                      <q-item-section avatar><q-icon color="red" name="mdi-file-pdf" /></q-item-section>
+                      <q-item-section avatar
+                        ><q-icon color="red" name="mdi-file-pdf"
+                      /></q-item-section>
                       <q-item-section>ไฟล์ .PDF</q-item-section>
                     </q-item>
-                    <q-item clickable v-close-popup @click="downloadCover('docx')">
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="downloadCover('docx')"
+                    >
                       <!-- type="a"
                       :href="orderCoverDocs"
                       target="_blank" -->
-                      <q-item-section avatar><q-icon color="blue" name="mdi-file-word" /></q-item-section>
+                      <q-item-section avatar
+                        ><q-icon color="blue" name="mdi-file-word"
+                      /></q-item-section>
                       <q-item-section>ไฟล์ .docx</q-item-section>
                     </q-item>
                   </q-list>
                 </q-menu>
               </q-btn>
             </div>
-            <div v-if="code != 'c-pm-10' &&
+            <div
-              code != 'c-pm-11' &&
+              v-if="
-              code != 'c-pm-12' &&
+                code != 'c-pm-10' &&
-              code != 'c-pm-16' &&
+                code != 'c-pm-11' &&
-              code != 'c-pm-18' &&
+                code != 'c-pm-12' &&
-              code != 'c-pm-19' &&
+                code != 'c-pm-16' &&
-              code != 'c-pm-20' &&
+                code != 'c-pm-18' &&
-              code != 'c-pm-21'
+                code != 'c-pm-19' &&
-              " @click="setTab('second')" :class="getClass(tab == 'second')">
+                code != 'c-pm-20' &&
+                code != 'c-pm-21'
+              "
+              @click="setTab('second')"
+              :class="getClass(tab == 'second')"
+            >
               <div class="q-pr-sm">เอกสารแนบท้าย</div>
-              <q-btn v-if="orderStatusName != 'ออกคำสั่งแล้ว'" size="12px" flat dense
+              <q-btn
-                :color="tab !== 'second' ? 'grey' : 'add'" icon="mdi-download" :disable="tab !== 'second'">
+                v-if="orderStatusName != 'ออกคำสั่งแล้ว'"
+                size="12px"
+                flat
+                dense
+                :color="tab !== 'second' ? 'grey' : 'add'"
+                icon="mdi-download"
+                :disable="tab !== 'second'"
+              >
                 <q-tooltip>ดาวน์โหลด</q-tooltip>
                 <q-menu>
                   <q-list style="min-width: 150px">
-                    <q-item clickable v-close-popup @click="downloadAttachment('pdf')">
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="downloadAttachment('pdf')"
+                    >
                       <!-- type="a"
                       :href="orderAttachmentPdf"
                       target="_blank" -->
-                      <q-item-section avatar><q-icon color="red" name="mdi-file-pdf" /></q-item-section>
+                      <q-item-section avatar
+                        ><q-icon color="red" name="mdi-file-pdf"
+                      /></q-item-section>
                       <q-item-section>ไฟล์ .PDF</q-item-section>
                     </q-item>
-                    <q-item clickable v-close-popup @click="downloadAttachment('xlsx')">
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="downloadAttachment('xlsx')"
+                    >
                       <!-- type="a"
                       :href="orderAttachmentXlsx"
                       target="_blank" -->
-                      <q-item-section avatar><q-icon color="green-7" name="mdi-file-excel" /></q-item-section>
+                      <q-item-section avatar
+                        ><q-icon color="green-7" name="mdi-file-excel"
+                      /></q-item-section>
                       <q-item-section>ไฟล์ .xls</q-item-section>
                     </q-item>
                   </q-list>
@@ -472,12 +526,24 @@ const viewFileUpload = async (url: string) => {
               </q-btn>
             </div>
             <q-space />
-            <q-btn class="text-dark" flat dense icon="mdi-fullscreen" color="add" @click="dialog = true" />
+            <q-btn
+              class="text-dark"
+              flat
+              dense
+              icon="mdi-fullscreen"
+              color="add"
+              @click="dialog = true"
+            />
           </div>
           <q-separator style="margin-top: -1px; z-index: 1" />
           <q-card bordered class="card-pdf q-ma-md q-pa-md">
             <div class="justify-between items-center align-center q-pb-sm row">
-              <q-btn class="text-dark bg-grey-4" flat dense @click="page = page > 1 ? page - 1 : page">
+              <q-btn
+                class="text-dark bg-grey-4"
+                flat
+                dense
+                @click="page = page > 1 ? page - 1 : page"
+              >
                 <q-icon name="mdi-chevron-left" />
               </q-btn>
 
@@ -485,7 +551,12 @@ const viewFileUpload = async (url: string) => {
                 หน้าที่ {{ page }} จาก {{ numOfPages }}
               </span>
 
-              <q-btn class="text-dark bg-grey-4" flat dense @click="page = page < numOfPages ? page + 1 : page">
+              <q-btn
+                class="text-dark bg-grey-4"
+                flat
+                dense
+                @click="page = page < numOfPages ? page + 1 : page"
+              >
                 <q-icon name="mdi-chevron-right" />
               </q-btn>
             </div>
@@ -494,7 +565,12 @@ const viewFileUpload = async (url: string) => {
               <!-- <VuePdf :key="page" :src="pdfSrc" :page="page" /> -->
             </div>
             <div class="justify-between items-center align-center q-pt-sm row">
-              <q-btn class="text-dark bg-grey-4" flat dense @click="page = page > 1 ? page - 1 : page">
+              <q-btn
+                class="text-dark bg-grey-4"
+                flat
+                dense
+                @click="page = page > 1 ? page - 1 : page"
+              >
                 <q-icon name="mdi-chevron-left" />
               </q-btn>
 
@@ -502,7 +578,12 @@ const viewFileUpload = async (url: string) => {
                 หน้าที่ {{ page }} จาก {{ numOfPages }}
               </span>
 
-              <q-btn class="text-dark bg-grey-4" flat dense @click="page = page < numOfPages ? page + 1 : page">
+              <q-btn
+                class="text-dark bg-grey-4"
+                flat
+                dense
+                @click="page = page < numOfPages ? page + 1 : page"
+              >
                 <q-icon name="mdi-chevron-right" />
               </q-btn>
             </div>
@@ -510,7 +591,12 @@ const viewFileUpload = async (url: string) => {
         </template>
 
         <template v-slot:separator>
-          <q-avatar color="primary" text-color="white" size="30px" icon="drag_indicator" />
+          <q-avatar
+            color="primary"
+            text-color="white"
+            size="30px"
+            icon="drag_indicator"
+          />
         </template>
 
         <template v-slot:after>
@@ -522,47 +608,94 @@ const viewFileUpload = async (url: string) => {
                   <div>
                     <label class="text-file">คำสั่ง</label>
                     <div v-if="OrderPDFUpload != ''" class="text-right">
-                      <q-btn size="12px" flat dense color="primary" icon="mdi-eye"
+                      <q-btn
-                        @click="viewFileUpload(OrderPDFUpload)">
+                        size="12px"
+                        flat
+                        dense
+                        color="primary"
+                        icon="mdi-eye"
+                        @click="viewFileUpload(OrderPDFUpload)"
+                      >
                         <q-tooltip>ดูไฟล์คำสั่ง</q-tooltip>
                       </q-btn>
-                      <q-btn type="a" :href="OrderPDFUpload" size="12px" flat dense color="red" icon="mdi-download"
+                      <q-btn
-                        target="_blank">
+                        type="a"
+                        :href="OrderPDFUpload"
+                        size="12px"
+                        flat
+                        dense
+                        color="red"
+                        icon="mdi-download"
+                        target="_blank"
+                      >
                         <q-tooltip>ดาวน์โหลดไฟล์คำสั่ง</q-tooltip>
                       </q-btn>
                     </div>
-                    <q-file v-if="orderStatusName != 'ออกคำสั่งแล้ว'" outlined dense v-model="fileOrder"
+                    <q-file
-                      label="เลือกไฟล์คำสั่ง" hide-bottom-space lazy-rules
+                      v-if="orderStatusName != 'ออกคำสั่งแล้ว'"
-                      :rules="[(val) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']" accept=".pdf">
+                      outlined
+                      dense
+                      v-model="fileOrder"
+                      label="เลือกไฟล์คำสั่ง"
+                      hide-bottom-space
+                      lazy-rules
+                      :rules="[(val) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']"
+                      accept=".pdf"
+                    >
                       <template v-slot:prepend>
                         <q-icon name="attach_file" />
                       </template>
                     </q-file>
                   </div>
-                  <div v-if="code != 'c-pm-10' &&
+                  <div
-                    code != 'c-pm-11' &&
+                    v-if="
-                    code != 'c-pm-12' &&
+                      code != 'c-pm-10' &&
-                    code != 'c-pm-16' &&
+                      code != 'c-pm-11' &&
-                    code != 'c-pm-18' &&
+                      code != 'c-pm-12' &&
-                    code != 'c-pm-19' &&
+                      code != 'c-pm-16' &&
-                    code != 'c-pm-20' &&
+                      code != 'c-pm-18' &&
-                    code != 'c-pm-21'
+                      code != 'c-pm-19' &&
-                    ">
+                      code != 'c-pm-20' &&
+                      code != 'c-pm-21'
+                    "
+                  >
                     <label class="text-file">เอกสารแนบท้าย</label>
                     <div v-if="TailerPDFUpload != ''" class="text-right">
-                      <q-btn size="12px" flat dense color="primary" icon="mdi-eye"
+                      <q-btn
-                        @click="viewFileUpload(TailerPDFUpload)">
+                        size="12px"
+                        flat
+                        dense
+                        color="primary"
+                        icon="mdi-eye"
+                        @click="viewFileUpload(TailerPDFUpload)"
+                      >
                         <q-tooltip>ดูเอกสารแนบท้าย</q-tooltip>
                       </q-btn>
-                      <q-btn type="a" :href="TailerPDFUpload" size="12px" flat dense color="red" icon="mdi-download"
+                      <q-btn
-                        target="_blank">
+                        type="a"
+                        :href="TailerPDFUpload"
+                        size="12px"
+                        flat
+                        dense
+                        color="red"
+                        icon="mdi-download"
+                        target="_blank"
+                      >
                         <q-tooltip>ดาวน์โหลดเอกสารแนบท้าย</q-tooltip>
                       </q-btn>
                     </div>
 
-                    <q-file v-if="orderStatusName != 'ออกคำสั่งแล้ว'" outlined dense v-model="fileTailer"
+                    <q-file
-                      label="เลือกไฟล์เอกสารแนบท้าย" hide-bottom-space lazy-rules
+                      v-if="orderStatusName != 'ออกคำสั่งแล้ว'"
-                      :rules="[(val) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']" accept=".pdf">
+                      outlined
+                      dense
+                      v-model="fileTailer"
+                      label="เลือกไฟล์เอกสารแนบท้าย"
+                      hide-bottom-space
+                      lazy-rules
+                      :rules="[(val) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']"
+                      accept=".pdf"
+                    >
                       <template v-slot:prepend>
                         <q-icon name="attach_file" />
                       </template>
@@ -570,14 +703,28 @@ const viewFileUpload = async (url: string) => {
                   </div>
 
                   <!-- บันทึกอัพโหลดเอกสาร  -->
-                  <div v-if="orderStatusName != 'ออกคำสั่งแล้ว'" class="row col-12 q-mt-md">
+                  <div
+                    v-if="orderStatusName != 'ออกคำสั่งแล้ว'"
+                    class="row col-12 q-mt-md"
+                  >
                     <q-space></q-space>
-                    <q-btn unelevated label="บันทึก"
+                    <q-btn
-                      :color="validateFormUpload() && orderStatusName != 'ออกคำสั่งแล้ว' ? 'public' : 'grey'"
+                      unelevated
-                      :disable="!validateFormUpload() || orderStatusName == 'ออกคำสั่งแล้ว'" @click="saveUpload">
+                      label="บันทึก"
+                      :color="
+                        validateFormUpload() &&
+                        orderStatusName != 'ออกคำสั่งแล้ว'
+                          ? 'public'
+                          : 'grey'
+                      "
+                      :disable="
+                        !validateFormUpload() ||
+                        orderStatusName == 'ออกคำสั่งแล้ว'
+                      "
+                      @click="saveUpload"
+                    >
                     </q-btn>
                   </div>
-
                 </div>
               </fieldset>
             </q-form>
@@ -588,25 +735,54 @@ const viewFileUpload = async (url: string) => {
                 <div class="q-gutter-y-md q-mb-md">
                   <div>
                     <label class="text-file">เลขที่คำสั่ง</label>
-                    <q-input :outlined="true" dense lazy-rules :readonly="!true" :borderless="!true" v-model="order"
+                    <q-input
-                      :rules="[(val) => !!val || `${'กรุณากรอกเลขที่คำสั่ง'}`]" hide-bottom-space
+                      :outlined="true"
-                      :label="`${'เลขที่คำสั่ง'}`" :disable="orderStatusName == 'ออกคำสั่งแล้ว'" />
+                      dense
+                      lazy-rules
+                      :readonly="!true"
+                      :borderless="!true"
+                      v-model="order"
+                      :rules="[(val) => !!val || `${'กรุณากรอกเลขที่คำสั่ง'}`]"
+                      hide-bottom-space
+                      :label="`${'เลขที่คำสั่ง'}`"
+                      :disable="orderStatusName == 'ออกคำสั่งแล้ว'"
+                    />
                   </div>
                   <div>
                     <label class="text-file">ปีที่ออกคำสั่ง</label>
-                    <datepicker :disabled="orderStatusName == 'ออกคำสั่งแล้ว'" menu-class-name="modalfix" v-model="years"
+                    <datepicker
-                      :locale="'th'" autoApply year-picker :enableTimePicker="false" week-start="0">
+                      :disabled="orderStatusName == 'ออกคำสั่งแล้ว'"
+                      menu-class-name="modalfix"
+                      v-model="years"
+                      :locale="'th'"
+                      autoApply
+                      year-picker
+                      :enableTimePicker="false"
+                      week-start="0"
+                    >
                       <template #year="{ year }">{{ year + 543 }}</template>
                       <template #year-overlay-value="{ value }">{{
                         parseInt(value + 543)
                       }}</template>
                       <template #trigger>
-                        <q-input :disable="orderStatusName == 'ออกคำสั่งแล้ว'" outlined dense lazy-rules
+                        <q-input
-                          :model-value="years + 543" :rules="[
+                          :disable="orderStatusName == 'ออกคำสั่งแล้ว'"
+                          outlined
+                          dense
+                          lazy-rules
+                          :model-value="years + 543"
+                          :rules="[
                             (val) => !!val || `${'กรุณาเลือกปีที่ออกคำสั่ง'}`,
-                          ]" hide-bottom-space :label="`${'ปีที่ออกคำสั่ง'}`">
+                          ]"
+                          hide-bottom-space
+                          :label="`${'ปีที่ออกคำสั่ง'}`"
+                        >
                           <template v-slot:prepend>
-                            <q-icon name="event" class="cursor-pointer" style="color: var(--q-grey)">
+                            <q-icon
+                              name="event"
+                              class="cursor-pointer"
+                              style="color: var(--q-grey)"
+                            >
                             </q-icon>
                           </template>
                         </q-input>
@@ -615,8 +791,16 @@ const viewFileUpload = async (url: string) => {
                   </div>
                   <div>
                     <label class="text-file">วันที่ลงนาม</label>
-                    <datepicker :disabled="orderStatusName == 'ออกคำสั่งแล้ว'" menu-class-name="modalfix" v-model="date"
+                    <datepicker
-                      :locale="'th'" autoApply borderless :enableTimePicker="false" week-start="0">
+                      :disabled="orderStatusName == 'ออกคำสั่งแล้ว'"
+                      menu-class-name="modalfix"
+                      v-model="date"
+                      :locale="'th'"
+                      autoApply
+                      borderless
+                      :enableTimePicker="false"
+                      week-start="0"
+                    >
                       <template #year="{ year }">
                         {{ year + 543 }}
                       </template>
@@ -624,13 +808,24 @@ const viewFileUpload = async (url: string) => {
                         {{ parseInt(value + 543) }}
                       </template>
                       <template #trigger>
-                        <q-input :disable="orderStatusName == 'ออกคำสั่งแล้ว'" outlined dense
+                        <q-input
-                          class="full-width datepicker" hide-bottom-space
+                          :disable="orderStatusName == 'ออกคำสั่งแล้ว'"
-                          :model-value="date != null ? date2Thai(date) : null" :label="`${'วันที่ลงนาม'}`" :rules="[
+                          outlined
+                          dense
+                          class="full-width datepicker"
+                          hide-bottom-space
+                          :model-value="date != null ? date2Thai(date) : null"
+                          :label="`${'วันที่ลงนาม'}`"
+                          :rules="[
                             (val) => !!val || `${'กรุณาเลือกวันที่ลงนาม'}`,
-                          ]">
+                          ]"
+                        >
                           <template v-slot:prepend>
-                            <q-icon name="event" class="cursor-pointer" style="color: var(--q-grey)">
+                            <q-icon
+                              name="event"
+                              class="cursor-pointer"
+                              style="color: var(--q-grey)"
+                            >
                             </q-icon>
                           </template>
                         </q-input>
@@ -639,31 +834,55 @@ const viewFileUpload = async (url: string) => {
                   </div>
 
                   <!-- บันทึกรายละเอียดคำสั่ง  -->
-                  <div v-if="orderStatusName != 'ออกคำสั่งแล้ว'" class="row col-12 q-mt-md">
+                  <div
+                    v-if="orderStatusName != 'ออกคำสั่งแล้ว'"
+                    class="row col-12 q-mt-md"
+                  >
                     <q-space></q-space>
-                    <q-btn unelevated label="บันทึก"
+                    <q-btn
-                      :color="validateForm() && orderStatusName != 'ออกคำสั่งแล้ว' ? 'public' : 'grey'"
+                      unelevated
-                      :disable="!validateForm() || orderStatusName == 'ออกคำสั่งแล้ว'" @click="saveDetail">
+                      label="บันทึก"
+                      :color="
+                        validateForm() && orderStatusName != 'ออกคำสั่งแล้ว'
+                          ? 'public'
+                          : 'grey'
+                      "
+                      :disable="
+                        !validateForm() || orderStatusName == 'ออกคำสั่งแล้ว'
+                      "
+                      @click="saveDetail"
+                    >
                     </q-btn>
                   </div>
-
                 </div>
               </fieldset>
             </q-form>
-
           </div>
         </template>
       </q-splitter>
     </div>
     <q-separator />
     <div class="flex justify-end q-pa-sm q-gutter-sm">
-      <q-btn v-if="orderStatusName !== 'ออกคำสั่งแล้ว'" dense outline color="primary" icon="chevron_left"
+      <q-btn
-        @click="previous" class="q-pr-md" label="เลือกรายชื่อส่งสำเนา">
+        v-if="orderStatusName !== 'ออกคำสั่งแล้ว'"
+        dense
+        outline
+        color="primary"
+        icon="chevron_left"
+        @click="previous"
+        class="q-pr-md"
+        label="เลือกรายชื่อส่งสำเนา"
+      >
       </q-btn>
 
       <!-- ออกคำสั่ง -->
-      <q-btn v-if="orderStatusName !== 'ออกคำสั่งแล้ว'" :disable="statusOrder == 'N'" unelevated label="ออกคำสั่ง"
+      <q-btn
-        :color="statusOrder == 'Y' ? 'public' : 'grey'">
+        v-if="orderStatusName !== 'ออกคำสั่งแล้ว'"
+        :disable="statusOrder == 'N'"
+        unelevated
+        label="ออกคำสั่ง"
+        :color="statusOrder == 'Y' ? 'public' : 'grey'"
+      >
         <q-menu>
           <q-list style="min-width: 150px">
             <q-item clickable v-close-popup @click="clickExecute(orderId)">
@@ -676,19 +895,42 @@ const viewFileUpload = async (url: string) => {
         </q-menu>
       </q-btn>
 
-      <q-btn v-else disable unelevated label="ออกคำสั่งเสร็จสิ้น" color="green"></q-btn>
+      <q-btn
-
+        v-else
+        disable
+        unelevated
+        label="ออกคำสั่งเสร็จสิ้น"
+        color="green"
+      ></q-btn>
     </div>
 
-    <q-dialog v-model="dialog" persistent :maximized="true" transition-show="slide-up" transition-hide="slide-down">
+    <q-dialog
+      v-model="dialog"
+      persistent
+      :maximized="true"
+      transition-show="slide-up"
+      transition-hide="slide-down"
+    >
       <q-card class="bg-white text-white">
         <div class="flex justify-end items-center align-center q-mr-md q-mt-sm">
-          <q-btn icon="close" unelevated round dense style="color: #ff8080; background-color: #ffdede" size="12px"
+          <q-btn
-            v-close-popup />
+            icon="close"
+            unelevated
+            round
+            dense
+            style="color: #ff8080; background-color: #ffdede"
+            size="12px"
+            v-close-popup
+          />
         </div>
         <q-card-section bordered class="card-pdf q-ma-md q-pa-md">
           <div class="justify-between items-center align-center q-pb-sm row">
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page > 1 ? page - 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page > 1 ? page - 1 : page"
+            >
               <q-icon name="mdi-chevron-left" />
             </q-btn>
 
@@ -696,16 +938,32 @@ const viewFileUpload = async (url: string) => {
               หน้าที่ {{ page }} จาก {{ numOfPages }}
             </span>
 
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page < numOfPages ? page + 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page < numOfPages ? page + 1 : page"
+            >
               <q-icon name="mdi-chevron-right" />
             </q-btn>
           </div>
           <div class="pdfWidth">
-            <VuePDF ref="vuePDFRef" :pdf="pdfSrc" :page="page" fit-parent :scale="0.1" />
+            <VuePDF
+              ref="vuePDFRef"
+              :pdf="pdfSrc"
+              :page="page"
+              fit-parent
+              :scale="0.1"
+            />
             <!-- <VuePdf :key="page" :src="pdfSrc" :page="page" /> -->
           </div>
           <div class="justify-between items-center align-center q-pt-sm row">
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page > 1 ? page - 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page > 1 ? page - 1 : page"
+            >
               <q-icon name="mdi-chevron-left" />
             </q-btn>
 
@@ -713,7 +971,12 @@ const viewFileUpload = async (url: string) => {
               หน้าที่ {{ page }} จาก {{ numOfPages }}
             </span>
 
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page < numOfPages ? page + 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page < numOfPages ? page + 1 : page"
+            >
               <q-icon name="mdi-chevron-right" />
             </q-btn>
           </div>
@@ -721,16 +984,33 @@ const viewFileUpload = async (url: string) => {
       </q-card>
     </q-dialog>
 
-    <q-dialog v-model="dialogFileUpload" persistent :maximized="true" transition-show="slide-up"
+    <q-dialog
-      transition-hide="slide-down">
+      v-model="dialogFileUpload"
+      persistent
+      :maximized="true"
+      transition-show="slide-up"
+      transition-hide="slide-down"
+    >
       <q-card class="bg-white text-white">
         <div class="flex justify-end items-center align-center q-mr-md q-mt-sm">
-          <q-btn icon="close" unelevated round dense style="color: #ff8080; background-color: #ffdede" size="12px"
+          <q-btn
-            v-close-popup />
+            icon="close"
+            unelevated
+            round
+            dense
+            style="color: #ff8080; background-color: #ffdede"
+            size="12px"
+            v-close-popup
+          />
         </div>
         <q-card-section bordered class="card-pdf q-ma-md q-pa-md">
           <div class="justify-between items-center align-center q-pb-sm row">
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page > 1 ? page - 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page > 1 ? page - 1 : page"
+            >
               <q-icon name="mdi-chevron-left" />
             </q-btn>
 
@@ -738,16 +1018,32 @@ const viewFileUpload = async (url: string) => {
               หน้าที่ {{ page }} จาก {{ numOfPages }}
             </span>
 
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page < numOfPages ? page + 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page < numOfPages ? page + 1 : page"
+            >
               <q-icon name="mdi-chevron-right" />
             </q-btn>
           </div>
           <div class="pdfWidth">
-            <VuePDF ref="vuePDFRef" :pdf="pdfFileUploadSrc" :page="page" fit-parent :scale="0.1" />
+            <VuePDF
+              ref="vuePDFRef"
+              :pdf="pdfFileUploadSrc"
+              :page="page"
+              fit-parent
+              :scale="0.1"
+            />
             <!-- <VuePdf :key="page" :src="pdfSrc" :page="page" /> -->
           </div>
           <div class="justify-between items-center align-center q-pt-sm row">
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page > 1 ? page - 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page > 1 ? page - 1 : page"
+            >
               <q-icon name="mdi-chevron-left" />
             </q-btn>
 
@@ -755,7 +1051,12 @@ const viewFileUpload = async (url: string) => {
               หน้าที่ {{ page }} จาก {{ numOfPages }}
             </span>
 
-            <q-btn class="text-dark bg-grey-4" flat dense @click="page = page < numOfPages ? page + 1 : page">
+            <q-btn
+              class="text-dark bg-grey-4"
+              flat
+              dense
+              @click="page = page < numOfPages ? page + 1 : page"
+            >
               <q-icon name="mdi-chevron-right" />
             </q-btn>
           </div>