แก้ไข max-page // page api ของประวัติการลา

*api ยังไม่ได้ส่ง total มาเลยคำนวน max-page ไม่ได้เลย setค่าไว้ 5 เพื่อรอ  api

src/views/HistoryView.vue

@@ -18,16 +18,23 @@ const { fetchHistoryList } = stores
 const $q = useQuasar() //ใช้ noti quasar
 
 onMounted(() => {
-  fetchlistHistory()
+  // fetchlistHistory()
 })
 
 // paging
 const page = ref<number>(1)
 const year = ref<number>(2023)
-const pageSize = ref<number>(25)
+const pageSize = ref<number>(5)
 const total = ref<number>(0)
-const maxPage = ref<number>(1)
+const maxPage = ref<number>(5)
 const filter = ref<string>('') //search data table
+
+/**
+ * ฟังก์ชั่น api เปลี่ยนหน้า
+ * @param pageVal page
+ * @param pageSizeVal pagesize
+ * @param loading loading
+ */
 async function changePage(
   pageVal: number,
   pageSizeVal: number,
@@ -49,7 +56,7 @@ const fetchlistHistory = async (loading = true) => {
     .then(async (res) => {
       const data = res.data.result
       total.value = data.total
-      maxPage.value = await Math.ceil(data.total / pageSize.value)
+      // maxPage.value = await Math.ceil(data.total / pageSize.value)
       fetchHistoryList(data)
     })
     .catch((err) => {
@@ -58,6 +65,7 @@ const fetchlistHistory = async (loading = true) => {
     .finally(() => {
       hideLoader()
     })
+  console.log(maxPage.value)
 }
 </script>
 <template>
@@ -89,6 +97,7 @@ const fetchlistHistory = async (loading = true) => {
             :page-size="pageSize"
             :total="total"
             :page="page"
+            :paging="true"
             :changePage="changePage"
             :max-page="maxPage"
           />