รายละเอียดการลา

src/modules/09_leave/components/2_Leave/Tab2.vue

@@ -31,7 +31,7 @@ const querySting = reactive<QuerySting>({
   type: leaveStore.filter.type, //*Id ประเภทการลา
   status: leaveStore.filter.status, //*สถานะการของลา
   page: 1, //*หน้า
-  pageSize: 5, //*จำนวนแถวต่อหน้า
+  pageSize: 10, //*จำนวนแถวต่อหน้า
   keyword: leaveStore.filter.keyword, //keyword ค้นหา
 });
 const maxPage = ref<number>(1);
@@ -42,9 +42,12 @@ async function fecthLeaveList() {
   await http
     .post(config.API.leaveListDelete(), querySting)
     .then((res) => {
-      console.log(res);
+      const data = res.data.result;
+      console.log(data);
 
-      maxPage.value = Math.ceil(data.length / querySting.pageSize);
+      maxPage.value = Math.ceil(data.total / querySting.pageSize);
+      console.log(maxPage.value);
+      fetchListLeaveReject(data.data); /** ส่งข้อมูลไป stores*/
     })
     .catch((err) => {
       messageError($q, err);
@@ -52,9 +55,7 @@ async function fecthLeaveList() {
     .finally(() => {
       hideLoader();
     });
-  const data = APIDATA.data;
-
-  fetchListLeaveReject(data); /** ส่งข้อมูลไป stores*/
+  // const data = APIDATA.data;
 }
 
 /**
@@ -72,7 +73,7 @@ async function updatePaging(
   querySting.type = dateFilter ? dateFilter.type : querySting.type;
   querySting.status = dateFilter ? dateFilter.status : querySting.status;
   querySting.page = newPage;
-  querySting.pageSize = pageSize;
+  querySting.pageSize = pageSize ? pageSize : querySting.pageSize;
   querySting.keyword = dateFilter ? dateFilter.keyword : querySting.keyword;
 
   console.log(querySting);
@@ -84,7 +85,10 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <ToolBar />
+  <ToolBar
+    :rowsPerPage="querySting.pageSize"
+    @update:querySting="updatePaging"
+  />
   <TableList
     :page="querySting.page"
     :rowsPerPage="querySting.pageSize"