diff --git a/src/modules/09_leave/components/02_WorkList/Tab1.vue b/src/modules/09_leave/components/02_WorkList/Tab1.vue
index 9dca91523..d65d6e0e5 100644
--- a/src/modules/09_leave/components/02_WorkList/Tab1.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab1.vue
@@ -144,6 +144,7 @@ async function fetchListTimeRecord() {
     keyword: keyword.value.trim(), //keyword ค้นหา
     profileType: roleStatus.value.trim(), //keyword ค้นหา
   };
+
   showLoader();
   await http
     .get(
@@ -219,10 +220,11 @@ onMounted(async () => {
     @update:pagination="updatePaging"
     v-model:role-status="roleStatus"
   />
+
   <TableList
     :total="total"
     :rows="rows.length > 0 ? rows : []"
-    :page="page"
+    v-model:page="page"
     :rowsPerPage="rowsPerPage"
     :maxPage="maxPage"
     @update:pagination="updatePaging"
diff --git a/src/modules/09_leave/components/02_WorkList/Tab2.vue b/src/modules/09_leave/components/02_WorkList/Tab2.vue
index f6a17f085..8d1992d78 100644
--- a/src/modules/09_leave/components/02_WorkList/Tab2.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab2.vue
@@ -181,7 +181,7 @@ onMounted(async () => {
   <TableList
     :total="total"
     :rows="rows.length > 0 ? rows : []"
-    :page="page"
+    v-model:page="page"
     :rowsPerPage="rowsPerPage"
     :maxPage="maxPage"
     @update:pagination="updatePagingProp"
diff --git a/src/modules/09_leave/components/02_WorkList/TableList.vue b/src/modules/09_leave/components/02_WorkList/TableList.vue
index db391c93f..98c3901db 100644
--- a/src/modules/09_leave/components/02_WorkList/TableList.vue
+++ b/src/modules/09_leave/components/02_WorkList/TableList.vue
@@ -9,15 +9,18 @@ import DialogDetail from "@/modules/09_leave/components/02_WorkList/DialogDetail
 import DialogEdit from "@/modules/09_leave/components/02_WorkList/DialogEdit.vue";
 
 const workStore = useWorklistDataStore();
+const currentPage = defineModel<number>("page", {
+  default: 1,
+});
 const props = defineProps({
   rows: {
     type: Object,
     require: true,
   },
-  page: {
-    type: Number,
-    require: true,
-  },
+  // page: {
+  //   type: Number,
+  //   require: true,
+  // },
   rowsPerPage: {
     type: Number,
     require: true,
@@ -48,10 +51,10 @@ const dataDetail = ref<any>();
 const modalEdit = ref<boolean>(false);
 
 /** pagination */
-const currentPage = ref<number>(1);
+// const currentPage = ref<number>(1);
 const pagination = ref({
   descending: false,
-  page: Number(props.page),
+  page: Number(currentPage.value),
   rowsPerPage: props.rowsPerPage,
 });