diff --git a/src/modules/10_order/components/Main.vue b/src/modules/10_order/components/Main.vue
index 840c1f6d9..f6c60f5c8 100644
--- a/src/modules/10_order/components/Main.vue
+++ b/src/modules/10_order/components/Main.vue
@@ -192,33 +192,33 @@ const redirectToPage = (id?: string, status?: string) => {
   router.push(`/order/detail/${id}?step=${step}`);
 };
 
-const clickDelete = (id: string) => {
-  dialogRemove(
-    $q,
-    () => deleteData(id),
-  );
+// const clickDelete = (id: string) => {
+//   dialogRemove(
+//     $q,
+//     () => deleteData(id),
+//   );
 
-};
+// };
 
-const deleteData = async (id: string) => {
-  showLoader();
-  await http
-    .delete(config.API.deleteOrder(id))
-    .then((res) => {
-      success($q, "ลบข้อมูลสำเร็จ");
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(async () => {
-      hideLoader();
-      await OriginalDataFetch();
-      fiscalYearFilter();
-      searchFilterTable();
-      OrderStatusFilter();
-      OrderTypeFilter();
-    });
-};
+// const deleteData = async (id: string) => {
+//   showLoader();
+//   await http
+//     .delete(config.API.deleteOrder(id))
+//     .then((res) => {
+//       success($q, "ลบข้อมูลสำเร็จ");
+//     })
+//     .catch((e) => {
+//       messageError($q, e);
+//     })
+//     .finally(async () => {
+//       hideLoader();
+//       await OriginalDataFetch();
+//       fiscalYearFilter();
+//       searchFilterTable();
+//       OrderStatusFilter();
+//       OrderTypeFilter();
+//     });
+// };
 
 const clickAdd = () => {
   router.push({ name: "OrderAdd" });
@@ -382,7 +382,7 @@ const paginationLabel = (start: string, end: string, total: string) => {
                 <q-th v-for="col in props.cols" :key="col.name" :props="props">
                   <span class="text-weight-medium">{{ col.label }}</span>
                 </q-th>
-                <q-th auto-width />
+                <!-- <q-th auto-width /> -->
               </q-tr>
             </template>
             <template v-slot:body="props">
@@ -409,12 +409,12 @@ const paginationLabel = (start: string, end: string, total: string) => {
                 <q-td key="OrderStatus" :props="props">
                   {{ props.row.OrderStatus }}
                 </q-td>
-                <q-td auto-width>
+                <!-- <q-td auto-width>
                   <q-btn dense size="12px" flat round color="red" @click.stop="clickDelete(props.row.orderId)"
                     icon="mdi-delete">
                     <q-tooltip>ลบข้อมูล</q-tooltip>
                   </q-btn>
-                </q-td>
+                </q-td> -->
               </q-tr>
             </template>
             <template v-slot:pagination="scope">
diff --git a/src/modules/10_order/components/step/step01.vue b/src/modules/10_order/components/step/step01.vue
index 3ccd4463f..15295b575 100644
--- a/src/modules/10_order/components/step/step01.vue
+++ b/src/modules/10_order/components/step/step01.vue
@@ -352,6 +352,53 @@ const fecthCommand = async () => {
 };
 const selectCMP = (selectOrder: any) => {
   fecthExamRoundOption(selectOrder.commandCode);
+  //01-04
+  examRound.value = "";
+  conclusionRegisterNo.value = "";
+  conclusionRegisterDate.value = new Date();
+  conclusionResultNo.value = "";
+  conclusionResultDate.value = new Date();
+  // 05-06
+  meeting.value = "";
+  dateMeeting.value = new Date();
+  //08
+  conclusionReceive.value = "";
+  conclusionReceiveDate.value = new Date();
+  //09
+  organizations.value = "";
+  order.value = "";
+  orderDate.value = new Date();
+  book.value = "";
+  bookDate.value = new Date();
+  //10
+  organizationsOld.value, (orderOld.value = "");
+  orderOldDate.value = new Date();
+  locationname.value = "";
+  experimentOc.value = "";
+  experimentformDate.value = new Date();
+  experimenttoDate.value = new Date();
+  chairman.value = "";
+  director.value = "";
+  director2.value = "";
+  //11-12
+  committeeOc.value = "";
+  committeeOrder.value = "";
+  committeeDate.value = new Date();
+  //13
+  receiveOc.value = "";
+  //14
+  transferOrganizationName.value = "";
+  conclusionReceive.value = "";
+  conclusionReceiveDate.value = new Date();
+  //16
+  orderNumber.value = "";
+  orderNumberDate.value = new Date();
+  //18-20
+  fault.value = "";
+  guiltyBasis.value = "";
+  conclusionFireNo.value = "";
+  conclusionFireDate.value = new Date();
+  conclusionFireResolution.value = "";
 };
 const fecthExamRoundOption = async (commandCode: string) => {
   await http
diff --git a/src/modules/10_order/components/step/step04.vue b/src/modules/10_order/components/step/step04.vue
index 3bb873aa1..b2747c8cd 100644
--- a/src/modules/10_order/components/step/step04.vue
+++ b/src/modules/10_order/components/step/step04.vue
@@ -41,7 +41,8 @@ const orderCoverPdf = ref<string>("");
 const orderAttachmentPdf = ref<string>("");
 
 const statusOrder = ref<string>();
-const orderName = ref<string>("")
+const orderName = ref<string>("");
+const orderStatusName = ref<string>("");
 
 const orderId = ref<string>(orderId_params.toString());
 onMounted(async () => {
@@ -60,11 +61,12 @@ const getType = async () => {
       const data = res.data.result;
       const orderTypeCode = data.orderTypeCode;
       code.value = orderTypeCode ?? "";
-      orderName.value = res.data.result.orderTitle
+      orderName.value = res.data.result.orderTitle;
+      orderStatusName.value = data.orderStatusName;
+      console.log(orderStatusName.value);
 
       fetchReportCover("pdf", orderId.value);
       fetchReportAttachment("pdf", orderId.value);
-
     })
     .catch((e) => {
       messageError($q, e);
@@ -153,6 +155,7 @@ const fetchAttachment = async (orderId: string) => {
     .get(config.API.attachmentOrder(orderId))
     .then(async (res) => {
       let response = res.data.result;
+
       order.value = response.orderNo;
       years.value = Number(response.orderYear);
       if (response.date !== undefined) {
@@ -351,53 +354,105 @@ 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 size="12px" flat dense icon="mdi-download" :disable="tab !== 'main'"
-                :color="tab !== 'main' ? 'grey' : 'add'">
+              <q-btn
+                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' && code != 'c-pm-11' && code != 'c-pm-12' && code != 'c-pm-16' && code != 'c-pm-18' && code != 'c-pm-19' && code != 'c-pm-20'" @click="setTab('second')" :class="getClass(tab == 'second')">
+            <div
+              v-if="
+                code != 'c-pm-10' &&
+                code != 'c-pm-11' &&
+                code != 'c-pm-12' &&
+                code != 'c-pm-16' &&
+                code != 'c-pm-18' &&
+                code != 'c-pm-19' &&
+                code != 'c-pm-20'
+              "
+              @click="setTab('second')"
+              :class="getClass(tab == 'second')"
+            >
               <div class="q-pr-sm">เอกสารแนบท้าย</div>
-              <q-btn size="12px" flat dense :color="tab !== 'second' ? 'grey' : 'add'" icon="mdi-download"
-                :disable="tab !== 'second'">
+              <q-btn
+                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>
@@ -405,12 +460,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>
 
@@ -418,7 +485,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>
@@ -427,7 +499,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>
 
@@ -435,7 +512,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>
@@ -443,7 +525,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>
@@ -455,37 +542,91 @@ const viewFileUpload = async (url: string) => {
                   <div>
                     <label class="text-file">คำสั่ง</label>
                     <div class="text-right">
-                      <q-btn size="12px" flat dense color="primary" icon="mdi-eye"
-                        @click="viewFileUpload(OrderPDFUpload)">
+                      <q-btn
+                        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"
-                        target="_blank">
+                      <q-btn
+                        type="a"
+                        :href="OrderPDFUpload"
+                        size="12px"
+                        flat
+                        dense
+                        color="red"
+                        icon="mdi-download"
+                        target="_blank"
+                      >
                         <q-tooltip>ดาวน์โหลดไฟล์คำสั่ง</q-tooltip>
                       </q-btn>
                     </div>
-                    <q-file outlined dense v-model="fileOrder" label="เลือกไฟล์คำสั่ง" hide-bottom-space lazy-rules
-                      :rules="[(val) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']" accept=".pdf">
+                    <q-file
+                      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' && code != 'c-pm-11' && code != 'c-pm-12' && code != 'c-pm-16' && code != 'c-pm-18' && code != 'c-pm-19' && code != 'c-pm-20'">
+                  <div
+                    v-if="
+                      code != 'c-pm-10' &&
+                      code != 'c-pm-11' &&
+                      code != 'c-pm-12' &&
+                      code != 'c-pm-16' &&
+                      code != 'c-pm-18' &&
+                      code != 'c-pm-19' &&
+                      code != 'c-pm-20'
+                    "
+                  >
                     <label class="text-file">เอกสารแนบท้าย</label>
                     <div class="text-right">
-                      <q-btn size="12px" flat dense color="primary" icon="mdi-eye"
-                        @click="viewFileUpload(TailerPDFUpload)">
+                      <q-btn
+                        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"
-                        target="_blank">
+                      <q-btn
+                        type="a"
+                        :href="TailerPDFUpload"
+                        size="12px"
+                        flat
+                        dense
+                        color="red"
+                        icon="mdi-download"
+                        target="_blank"
+                      >
                         <q-tooltip>ดาวน์โหลดเอกสารแนบท้าย</q-tooltip>
                       </q-btn>
                     </div>
 
-                    <q-file outlined dense v-model="fileTailer" label="เลือกไฟล์เอกสารแนบท้าย" hide-bottom-space
-                      lazy-rules :rules="[(val) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']" accept=".pdf">
+                    <q-file
+                      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>
@@ -499,24 +640,51 @@ 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"
-                      :rules="[(val) => !!val || `${'กรุณากรอกเลขที่คำสั่ง'}`]" hide-bottom-space
-                      :label="`${'เลขที่คำสั่ง'}`" />
+                    <q-input
+                      :outlined="true"
+                      dense
+                      lazy-rules
+                      :readonly="!true"
+                      :borderless="!true"
+                      v-model="order"
+                      :rules="[(val) => !!val || `${'กรุณากรอกเลขที่คำสั่ง'}`]"
+                      hide-bottom-space
+                      :label="`${'เลขที่คำสั่ง'}`"
+                    />
                   </div>
                   <div>
                     <label class="text-file">ปีที่ออกคำสั่ง</label>
-                    <datepicker menu-class-name="modalfix" v-model="years" :locale="'th'" autoApply year-picker
-                      :enableTimePicker="false" week-start="0">
+                    <datepicker
+                      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 outlined dense lazy-rules :model-value="years + 543" :rules="[
-                          (val) => !!val || `${'กรุณาเลือกปีที่ออกคำสั่ง'}`,
-                        ]" hide-bottom-space :label="`${'ปีที่ออกคำสั่ง'}`">
+                        <q-input
+                          outlined
+                          dense
+                          lazy-rules
+                          :model-value="years + 543"
+                          :rules="[
+                            (val) => !!val || `${'กรุณาเลือกปีที่ออกคำสั่ง'}`,
+                          ]"
+                          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>
@@ -525,8 +693,15 @@ const viewFileUpload = async (url: string) => {
                   </div>
                   <div>
                     <label class="text-file">วันที่ลงนาม</label>
-                    <datepicker menu-class-name="modalfix" v-model="date" :locale="'th'" autoApply borderless
-                      :enableTimePicker="false" week-start="0">
+                    <datepicker
+                      menu-class-name="modalfix"
+                      v-model="date"
+                      :locale="'th'"
+                      autoApply
+                      borderless
+                      :enableTimePicker="false"
+                      week-start="0"
+                    >
                       <template #year="{ year }">
                         {{ year + 543 }}
                       </template>
@@ -534,12 +709,23 @@ const viewFileUpload = async (url: string) => {
                         {{ parseInt(value + 543) }}
                       </template>
                       <template #trigger>
-                        <q-input outlined dense class="full-width datepicker" hide-bottom-space
-                          :model-value="date != null ? date2Thai(date) : null" :label="`${'วันที่ลงนาม'}`" :rules="[
+                        <q-input
+                          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>
@@ -549,9 +735,24 @@ const viewFileUpload = async (url: string) => {
                 </div>
               </fieldset>
               <div class="flex justify-around">
-                <q-btn unelevated label="ออกคำสั่ง" :color="validateForm() ? 'public' : 'grey'"
-                  :disable="statusOrder == 'N'" @click="clickExecute(orderId)" />
-                <q-btn class="text-dark" unelevated label="ส่งไปลงนาม" color="grey" :disable="statusOrder == 'N'" />
+                <q-btn
+                  unelevated
+                  label="ออกคำสั่ง"
+                  :color="validateForm() ? 'public' : 'grey'"
+                  :disable="
+                    statusOrder == 'N' || orderStatusName === 'ออกคำสั่งแล้ว'
+                  "
+                  @click="clickExecute(orderId)"
+                />
+                <q-btn
+                  class="text-dark"
+                  unelevated
+                  label="ส่งไปลงนาม"
+                  color="grey"
+                  :disable="
+                    statusOrder == 'N' || orderStatusName === 'ออกคำสั่งแล้ว'
+                  "
+                />
               </div>
             </div>
           </q-form>
@@ -560,23 +761,54 @@ const viewFileUpload = async (url: string) => {
     </div>
     <q-separator />
     <div class="flex justify-end q-pa-sm q-gutter-sm">
-      <q-btn dense outline color="primary" icon="chevron_left" @click="previous" class="q-pr-md"
-        label="เลือกรายชื่อส่งสำเนา">
+      <q-btn
+        v-if="orderStatusName !== 'ออกคำสั่งแล้ว'"
+        dense
+        outline
+        color="primary"
+        icon="chevron_left"
+        @click="previous"
+        class="q-pr-md"
+        label="เลือกรายชื่อส่งสำเนา"
+      >
       </q-btn>
-      <q-btn unelevated label="บันทึก" :color="validateForm() ? 'public' : 'grey'" :disable="!validateForm()"
-        @click="save">
+      <q-btn
+        unelevated
+        label="บันทึก"
+        :color="validateForm() ? 'public' : 'grey'"
+        :disable="!validateForm()"
+        @click="save"
+      >
       </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"
-            v-close-popup />
+          <q-btn
+            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>
 
@@ -584,16 +816,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>
 
@@ -601,7 +849,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>
@@ -609,16 +862,33 @@ const viewFileUpload = async (url: string) => {
       </q-card>
     </q-dialog>
 
-    <q-dialog v-model="dialogFileUpload" persistent :maximized="true" transition-show="slide-up"
-      transition-hide="slide-down">
+    <q-dialog
+      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"
-            v-close-popup />
+          <q-btn
+            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>
 
@@ -626,16 +896,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>
 
@@ -643,7 +929,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>