disable ปุ่มส่งศจก

src/modules/05_placement/components/Transfer/transferRegistry.vue

@@ -71,7 +71,7 @@
       <div class="q-pl-sm text-weight-bold text-dark">ข้อมูลการขอโอน</div>
       <q-space />
       <q-btn
-        v-if="!roleAdmin && responseData.status !='APPROVE'"
+        v-if="!roleAdmin && responseData.status != 'APPROVE'"
         outline
         color="primary"
         dense
@@ -135,7 +135,16 @@
               {{ props.row.fileName }}
             </q-td>
             <q-td key="btnMicrosoft" :props="props">
-              <q-btn type="a" target="_blank" :href="props.row.pathName" flat dense round color="red" icon="picture_as_pdf">
+              <q-btn
+                type="a"
+                target="_blank"
+                :href="props.row.pathName"
+                flat
+                dense
+                round
+                color="red"
+                icon="picture_as_pdf"
+              >
                 <q-tooltip>ไฟล์ PDF</q-tooltip>
               </q-btn>
             </q-td>
@@ -167,10 +176,24 @@
               {{ props.row.fileName }}
             </q-td>
             <q-td key="btnMicrosoft" :props="props">
-              <q-btn flat dense round color="red" icon="picture_as_pdf" @click="fileDownload(props.row.no,'pdf')">
+              <q-btn
+                flat
+                dense
+                round
+                color="red"
+                icon="picture_as_pdf"
+                @click="fileDownload(props.row.no, 'pdf')"
+              >
                 <q-tooltip>ไฟล์ PDF</q-tooltip>
               </q-btn>
-              <q-btn flat dense round color="blue" icon="mdi-file-word" @click="fileDownload(props.row.no,'docx')"> 
+              <q-btn
+                flat
+                dense
+                round
+                color="blue"
+                icon="mdi-file-word"
+                @click="fileDownload(props.row.no, 'docx')"
+              >
                 <q-tooltip>ไฟล์ WORD</q-tooltip>
               </q-btn>
             </q-td>
@@ -423,8 +446,8 @@ const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
 const mixin = useCounterMixin();
-const id = ref<string>("")
+const id = ref<string>("");
-const dataId = (route.params.id as string);
+const dataId = route.params.id as string;
 
 const {
   date2Thai,
@@ -473,24 +496,21 @@ const downloadFile = (response: any, filename: string) => {
   link.click();
   document.body.removeChild(link);
 };
-const fileDownload = async (no:number,type:string) =>{
+const fileDownload = async (no: number, type: string) => {
-    showLoader();
+  showLoader();
-    await http
+  await http
-      .get(config.API.reportTransferFile(no,type,id.value), {
+    .get(config.API.reportTransferFile(no, type, id.value), {
-        responseType: "blob",
+      responseType: "blob",
-      })
+    })
-      .then(async (res) => {
+    .then(async (res) => {
-        downloadFile(
+      downloadFile(res, `_ครั้งที่.${type}`);
-          res,
+    })
-          `_ครั้งที่.${type}`
+    .catch((e) => {
-        );
+      messageError($q, e);
-      })
+    })
-      .catch((e) => {
+    .finally(() => {
-        messageError($q, e);
+      hideLoader();
-      })
+    });
-      .finally(() => {
-        hideLoader();
-      });
 };
 const rows = ref<TypeFile[]>([]);
 const columns = ref<QTableProps["columns"]>([
@@ -531,31 +551,44 @@ onMounted(async () => {
   await getData();
 });
 
-const rowsFileDownload = ref<any[]>([{
+const rowsFileDownload = ref<any[]>([
-  no:1,
+  {
-  fileName: "คําร้องขอโอนไปถึงส่วนราชการอื่นนอก กรุงเทพมหานครที่ข้าราชการประสงค์ขอโอน",
+    no: 1,
-  pathName: ""
+    fileName:
-},{
+      "คําร้องขอโอนไปถึงส่วนราชการอื่นนอก กรุงเทพมหานครที่ข้าราชการประสงค์ขอโอน",
-  no:2,
+    pathName: "",
-  fileName: "หนังสือแจ้งสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานคร ให้ทราบตําแหน่งและตําแหน่งเลขที่ที่ดําเนินการให้โอน",
+  },
-  pathName: ""
+  {
-},{
+    no: 2,
-  no:3,
+    fileName:
-  fileName: "หนังสือยินยอมให้โอนและวันที่พร้อมจะให้โอนไปยัง หน่วยงานที่รับโอน",
+      "หนังสือแจ้งสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานคร ให้ทราบตําแหน่งและตําแหน่งเลขที่ที่ดําเนินการให้โอน",
-  pathName: ""
+    pathName: "",
-},{
+  },
-  no:4,
+  {
-  fileName: "หนังสือแจ้งสหกรณ์ออมทรัพย์กรุงเทพมหานครเพื่อขอ ตรวจสอบภาระหนี้สินสหกรณ์ออมทรัพย์",
+    no: 3,
-  pathName: ""
+    fileName:
-},{
+      "หนังสือยินยอมให้โอนและวันที่พร้อมจะให้โอนไปยัง หน่วยงานที่รับโอน",
-  no:5,
+    pathName: "",
-  fileName: "หนังสือถึงสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานครเพื่อขอตรวจสอบพฤติการณ์ทางวินัย และภาระหนี้สินสวัสดิการ",
+  },
-  pathName: ""
+  {
-},{
+    no: 4,
-  no:6,
+    fileName:
-  fileName: "หนังสือถึงสถาบันพัฒนาข้าราชการกรุงเทพมหานครเพื่อขอตรวจสอบเรื่องภาระผูกพันการรับทุนและการลา ศึกษาต่อกับทางกรุงเทพมหานคร",
+      "หนังสือแจ้งสหกรณ์ออมทรัพย์กรุงเทพมหานครเพื่อขอ ตรวจสอบภาระหนี้สินสหกรณ์ออมทรัพย์",
-  pathName: ""
+    pathName: "",
-}]);
+  },
+  {
+    no: 5,
+    fileName:
+      "หนังสือถึงสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานครเพื่อขอตรวจสอบพฤติการณ์ทางวินัย และภาระหนี้สินสวัสดิการ",
+    pathName: "",
+  },
+  {
+    no: 6,
+    fileName:
+      "หนังสือถึงสถาบันพัฒนาข้าราชการกรุงเทพมหานครเพื่อขอตรวจสอบเรื่องภาระผูกพันการรับทุนและการลา ศึกษาต่อกับทางกรุงเทพมหานคร",
+    pathName: "",
+  },
+]);
 
 const getData = async () => {
   showLoader();
@@ -563,7 +596,7 @@ const getData = async () => {
     .get(config.API.transferId(dataId.toString()))
     .then((res: any) => {
       const data = res.data.result;
-      id.value = data.id
+      id.value = data.id;
       let list: TypeFile[] = [];
       if (data.docs.length > 0) {
         data.docs.map((doc: TypeFile) => {