ปรับ code บรรจุ

src/modules/05_placement/views/03_receiveMain.vue

@@ -10,6 +10,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import type { QTableProps } from "quasar";
+import type { FormDataAppoint } from "@/modules/05_placement/interface/request/Main";
 import type {
   ResponseData,
   ResponseRow,
@@ -31,7 +32,7 @@ const {
   messageError,
   date2Thai,
   dialogRemove,
-  onSearchDataTable
+  onSearchDataTable,
 } = mixin;
 
 const dataRecevice = ref<ResponseData[]>([]); //ข้อมูลรายการรับโอน
@@ -149,9 +150,7 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-/**
- * ฟังก์ชันดึงข้อมูลรายการรับโอน
- */
+/** ฟังก์ชันดึงข้อมูลรายการรับโอน*/
 async function fecthlistRecevice() {
   showLoader();
   await http
@@ -171,16 +170,12 @@ async function fecthlistRecevice() {
     });
 }
 
-/**
- * ไปหน้าเพิ่มข้อมูลรายการรับโอน
- */
+/** ไปหน้าเพิ่มข้อมูลรายการรับโอน*/
 function onAddReceive() {
   router.push(`/placement/receive/add`);
 }
 
-/**
- * ฟังก์ชันบันทึกการอัปโหลดเอกสาร
- */
+/** ฟังก์ชันบันทึกการอัปโหลดเอกสาร*/
 function onSubmitDoc() {
   const formData = new FormData();
   formData.append("File", files.value);
@@ -199,24 +194,13 @@ function onSubmitDoc() {
     });
 }
 
-/**
- * ฟังก์ชันบรีเซ็ตค่าในฟิลเตอร์
- */
-function resetFilter() {
-  filterKeyword.value = "";
-  filterKeyword2.value = "";
-}
-/**
- * ฟังก์ชันปิด popup ออกคำสั่ง
- */
+/** ฟังก์ชันปิด popup ออกคำสั่ง*/
 function clickClose() {
   modal.value = false;
   filterKeyword2.value = "";
 }
 
-/**
- * ฟังก์ชันปิด popup อัปเดตไฟล์
- */
+/** ฟังก์ชันปิด popup อัปเดตไฟล์*/
 function clickCloseUpload() {
   modalupload.value = false;
   files.value = null;
@@ -224,8 +208,10 @@ function clickCloseUpload() {
 
 /**
  * ฟังก์ชันเปิด popup เลือกหน่วยงานที่รับโอน
+ * @param id id รายการรับโอนที่เลือกหน่วยงานที่รับโอน
+ * @param data ข้อมูลรายการรับโอน
  */
-function openModalTree(id: string, data: any) {
+function openModalTree(id: string, data: ResponseRow) {
   personalId.value = id;
   personal.value = dataRecevice.value.filter((e: ResponseData) => e.id === id);
   dataRows.value = data;
@@ -260,6 +246,8 @@ function openDelete(id: string) {
       })
       .catch((e) => {
         messageError($q, e);
+      })
+      .finally(() => {
         hideLoader();
       });
   });
@@ -277,12 +265,11 @@ function nextPage(id: string) {
 
 /**
  * ฟังก์ชันส่งไปออกคำสั่ง
- *
  * ค้นหารายชื่อออกคำสั่งตามสถานะ อนุมัติ (APPROVE)
  */
 function openModalOrder() {
   const row = filters.value.filter(
-    (r: any) =>
+    (r: ResponseRow) =>
       (r.status == "WAITTING" ||
         r.status == "PENDING" ||
         r.status == "APPROVE") &&
@@ -299,7 +286,11 @@ function openModalOrder() {
   modal.value = true;
 }
 
-async function onSave(data: any) {
+/**
+ * ฟังก์ชันบันทึกการเลือกหน่วยงานที่รับโอน
+ * @param data ข้อมูลหน่วยงานที่รับโอน
+ */
+async function onSave(data: FormDataAppoint) {
   const dataAppoint = {
     node: data.node,
     nodeId: data.nodeId,
@@ -340,19 +331,16 @@ function onSearch() {
   );
 }
 
-
-/**
- * ทำงานเมื่อมีการเรียกใช้ Components
- */
-onMounted(() => {
-  fecthlistRecevice();
+/** ทำงานเมื่อมีการเรียกใช้ Components*/
+onMounted(async () => {
+  await fecthlistRecevice();
 });
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">รายการรับโอน</div>
   <q-card flat bordered class="col-12 q-mt-sm">
     <div class="row q-pa-md">
-      <div class="col-12">
+      <div class="col-12 q-gutter-sm">
         <div class="row col-12">
           <q-btn
             v-if="checkPermission($route)?.attrIsCreate"
@@ -377,7 +365,6 @@ onMounted(() => {
           </q-btn>
           <q-space />
           <q-input
-            class="col-xs-12 col-sm-3 col-md-2"
             standout
             dense
             v-model="filterKeyword"
@@ -388,15 +375,10 @@ onMounted(() => {
           >
             <template v-slot:append>
               <q-icon name="search" />
-              <!-- <q-icon
-                v-if="filterKeyword !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="resetFilter"
-              /> -->
             </template>
           </q-input>
           <q-select
+            class="q-ml-sm"
             v-model="visibleColumns"
             multiple
             outlined
@@ -408,11 +390,10 @@ onMounted(() => {
             :options="columns"
             option-value="name"
             style="min-width: 140px"
-            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
           />
         </div>
 
-        <div class="col-12 q-pt-sm">
+        <div class="col-12">
           <d-table
             :columns="columns"
             :rows="rows"