From 45fdb9c8b8b92a66414b26bca558b5399f7cee07 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 1 May 2025 17:06:06 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/05_leave/components/ListView.vue | 4 +++-
 src/modules/05_leave/components/Table.vue    | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/modules/05_leave/components/ListView.vue b/src/modules/05_leave/components/ListView.vue
index 9c0df62..af64c6c 100644
--- a/src/modules/05_leave/components/ListView.vue
+++ b/src/modules/05_leave/components/ListView.vue
@@ -35,7 +35,7 @@ const filter = ref<string>("");
 const maxPage = ref<number>(1);
 const page = ref<number>(1);
 const pageSize = ref<number>(10);
-
+const total = ref<number>(0)
 /** function เรียกข้อมูลการลา*/
 async function fetchDataTable() {
   showLoader();
@@ -53,6 +53,7 @@ async function fetchDataTable() {
       const data = res.data.result.data;
       LeaveData.fetchListLeave(data);
       maxPage.value = Math.ceil(res.data.result.total / pageSize.value);
+      total.value = res.data.result.total;
     })
     .catch((err) => {
       messageError($q, err);
@@ -187,6 +188,7 @@ onMounted(async () => {
     :maxPage="maxPage"
     :pageSize="pageSize"
     :leaveType="leaveType"
+    :total="total"
   >
     <template #columns="props">
       <q-tr :props="props" class="cursor-pointer">
diff --git a/src/modules/05_leave/components/Table.vue b/src/modules/05_leave/components/Table.vue
index eed96f0..1ec87de 100644
--- a/src/modules/05_leave/components/Table.vue
+++ b/src/modules/05_leave/components/Table.vue
@@ -14,6 +14,7 @@ const props = defineProps({
   count: Number,
   pass: Number,
   notpass: Number,
+  total: Number,
 
   name: String,
   icon: String,
@@ -252,6 +253,7 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
         </q-tr>
       </template>
       <template v-slot:pagination="scope">
+        ทั้งหมด {{ props.total }} รายการ
         <q-pagination
           v-model="currentPage"
           active-color="primary"