ปรับ pagin รายการลงเวลาปฏิบัติงาน

src/modules/09_leave/components/1_Work/Tab1.vue

@@ -28,7 +28,7 @@ const $q = useQuasar(); //ใช้ noti quasar
 /** ตัวแปร querySting*/
 const keyword = ref<string>("");
 const page = ref<number>(1);
-const rowsPerPage = ref<number>(3);
+const rowsPerPage = ref<number>(10);
 const maxPage = ref<number>(1);
 const filetStatus = ref<string>("ALL");
 

src/modules/09_leave/components/1_Work/Tab2.vue

@@ -95,7 +95,7 @@ const rows = ref<TableRows[]>([]);
 /** ตัวแปร QueryString*/
 const keyword = ref<string>("");
 const page = ref<number>(1);
-const rowsPerPage = ref<number>(2);
+const rowsPerPage = ref<number>(10);
 const maxPage = ref<number>(1);
 
 /** function เรียกข้อมูลรายการลงเวลาปฏิบัติงาน (รายการลงเวลา) */

src/modules/09_leave/components/1_Work/TableList.vue

@@ -84,6 +84,11 @@ function closeDetail() {
 watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
   updateProp(pagination.value, currentPage.value);
 });
+
+function updateRowsPerPagen(newPagination: any) {
+  pagination.value.rowsPerPage = newPagination.rowsPerPage;
+  currentPage.value = 1;
+}
 </script>
 
 <template>
@@ -98,7 +103,8 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
     class="custom-header-table"
     :visible-columns="workStore.visibleColumns"
     :rows-per-page-options="[10, 25, 50, 100]"
-    v-model:pagination="pagination"
+    :pagination="pagination"
+    @update:pagination="updateRowsPerPagen"
   >
     <template v-slot:header="props">
       <q-tr :props="props">