From 66f59ef3246ca596fab605aac618ba449aa2f3bf Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 20 Feb 2025 10:53:36 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20pagination?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/21_report/views/02_reportRegistry.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/modules/21_report/views/02_reportRegistry.vue b/src/modules/21_report/views/02_reportRegistry.vue
index cc87869c5..24b5272b6 100644
--- a/src/modules/21_report/views/02_reportRegistry.vue
+++ b/src/modules/21_report/views/02_reportRegistry.vue
@@ -91,6 +91,10 @@ const org = ref<string>("");
 const isProbation = ref<boolean>(false);
 const isRetire = ref<boolean>(false);
 
+const pagination = ref<any>({
+  page: 1,
+  rowsPerPage: 10,
+});
 const sortBy = ref<string>("ASC");
 const retireType = ref<string>("");
 const retireTypeOps = ref<DataOption[]>([]);
@@ -476,7 +480,7 @@ function getEducationLevel() {
 
 async function onSearch() {
   loadingBtn.value = true;
-
+  pagination.value.page = 1;
   const queryParams = {
     node: storeReport.formFilter.node ?? null,
     nodeId: storeReport.formFilter.nodeId ?? "",
@@ -1187,6 +1191,8 @@ onMounted(async () => {
           :rows="rows"
           row-key="id"
           :visible-columns="visibleColumns"
+          v-model:pagination="pagination"
+          :rows-per-page-options="[10, 25, 50, 100]"
         >
           <template v-slot:header="props">
             <q-tr :props="props">