โครงสร้างอัตรากำลัง => บัค pagination

src/modules/02_organizationalNew/components/DialogMovePos.vue

@@ -9,6 +9,7 @@ import type {
   OrgTree,
   PosMaster2,
 } from "@/modules/02_organizationalNew/interface/response/organizational";
+import type { NewPagination } from "@/modules/02_organizationalNew/interface/index/Main";
 import type {
   MovePos,
   FilterMaster,
@@ -125,6 +126,7 @@ watch(
   () => {
     reqMaster.value.page = 1;
     filterTree.value = "";
+    pagination.value.rowsPerPage = reqMaster.value.pageSize;
 
     title.value = `ย้ายตำแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน ${props.mainTree.orgName}`;
     if (modal.value && props.type === "SINGER") {
@@ -137,6 +139,20 @@ watch(
     }
   }
 );
+
+/**
+ * function updatePagination
+ * @param newPagination ข้อมูล Pagination ใหม่
+ */
+function updatePagination(newPagination: NewPagination) {
+  reqMaster.value.pageSize = newPagination.rowsPerPage;
+  reqMaster.value.page = 1;
+}
+
+const pagination = ref({
+  page: reqMaster.value.page,
+  rowsPerPage: reqMaster.value.pageSize,
+});
 </script>
 <template>
   <q-dialog v-model="modal" full-width persistent>
@@ -168,6 +184,9 @@ watch(
               no-data-label="ไม่มีข้อมูล"
               selection="multiple"
               v-model:selected="selectedFilter"
+              :rows-per-page-options="[10, 25, 50, 100]"
+              v-model:pagination="pagination"
+              @update:pagination="updatePagination"
             >
               <template v-slot:header-selection="scope">
                 <q-checkbox
@@ -213,6 +232,7 @@ watch(
                   active-color="primary"
                   color="dark"
                   :max="totalPage"
+                  :max-pages="5"
                   size="sm"
                   boundary-links
                   direction-links