ปรับ table ทดลองปฏิบัติงาน

src/modules/05_placement/components/probation/MainAppoint.vue

@@ -32,8 +32,6 @@ const filterKeyword = ref<string>("");
 const filterKeywordOrder = ref<string>("");
 const modalOrder = ref<boolean>(false);
 
-const total = ref<number>(0);
-const totalList = ref<number>(1);
 const pagination = ref({
   sortBy: "createdAt",
   descending: true,
@@ -82,11 +80,6 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-function updatePagination(newPagination: any) {
-  pagination.value.page = 1;
-  pagination.value.rowsPerPage = newPagination.rowsPerPage;
-}
-
 /** ดึงข้อมูลหลัก */
 async function getData() {
   showLoader();
@@ -96,18 +89,13 @@ async function getData() {
       const data = await res.data.result;
       rows.value = data;
       rowsData.value = data;
-      hideLoader();
     })
     .catch((e) => {
       messageError($q, e);
-      hideLoader();
     })
-    .finally(() => {});
+    .finally(() => {
-}
+      hideLoader();
-
+    });
-/** reset ฟิลเตอร์ */
-function resetFilter() {
-  filterKeyword.value = "";
 }
 
 /**
@@ -126,15 +114,16 @@ function onDelete(id: string) {
     showLoader();
     http
       .delete(config.API.appointMain + `/${id}`)
-      .then(async (res) => {
+      .then(async () => {
         await getData();
         success($q, "ลบข้อมูลสำเร็จ");
       })
       .catch((e) => {
         messageError($q, e);
-        hideLoader();
       })
-      .finally(() => {});
+      .finally(() => {
+        hideLoader();
+      });
   });
 }
 
@@ -200,7 +189,6 @@ onMounted(async () => {
 
           <q-space />
           <q-input
-            class="col-xs-12 col-sm-3 col-md-2 q-mr-sm"
             standout
             dense
             v-model="filterKeyword"
@@ -226,7 +214,6 @@ onMounted(async () => {
             :options="columns"
             option-value="name"
             style="min-width: 140px"
-            class="col-xs-12 col-sm-3 col-md-2"
           />
         </div>
       </div>

src/modules/05_placement/components/probation/MainProbation.vue

@@ -554,7 +554,6 @@ onMounted(async () => {
         <q-space />
 
         <q-input
-          class="col-xs-12 col-sm-3 col-md-2"
           standout
           dense
           v-model="filterKeyword"
@@ -580,7 +579,6 @@ onMounted(async () => {
           :options="columns"
           option-value="name"
           style="min-width: 140px"
-          class="col-xs-12 col-sm-3 col-md-2"
         />
       </div>
       <div class="col-12">
@@ -701,7 +699,6 @@ onMounted(async () => {
             v-model="formProbation.keyword"
             ref="filterRef2"
             outlined
-     
             placeholder="ค้นหา"
             @keydown.enter.prevent="filterKeyword2Fn(formProbation.page)"
           >

src/modules/05_placement/components/probation/MainTabs.vue

@@ -5,8 +5,8 @@ import { usePlacementDataStore } from "@/modules/05_placement/store";
 
 import type { ItemTabs } from "@/modules/05_placement/interface/request/Main";
 
-import AppointPage from "@/modules/05_placement/components/probation/MainAppoint.vue";
 import ProbationPage from "@/modules/05_placement/components/probation/MainProbation.vue";
+import AppointPage from "@/modules/05_placement/components/probation/MainAppoint.vue";
 
 const store = usePlacementDataStore();
 
@@ -38,9 +38,12 @@ const tabsManu = ref<ItemTabs[]>([
     <q-separator />
     <q-tab-panels v-model="store.tabsMain" animated>
       <q-tab-panel name="probation" class="q-pa-sm">
+        <!-- รายการผู้ทดลองปฏิบัติหน้าที่ราชการ -->
         <ProbationPage />
       </q-tab-panel>
+
       <q-tab-panel name="appoint" class="q-pa-none">
+        <!-- แต่งตั้งคณะกรรมการฯ -->
         <AppointPage />
       </q-tab-panel>
     </q-tab-panels>