From de168d62094d2b34d256c97d7fd01a1160c9fd88 Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Tue, 5 Mar 2024 15:12:03 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=80=E0=B8=87=E0=B8=B4=E0=B8=99=E0=B9=80=E0=B8=94?=
 =?UTF-8?q?=E0=B8=B7=E0=B8=AD=E0=B8=99=20(=E0=B9=81=E0=B8=AA=E0=B8=94?=
 =?UTF-8?q?=E0=B8=87=E0=B8=97=E0=B8=B1=E0=B9=89=E0=B8=87=E0=B8=AB=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=94=20=E0=B8=81=E0=B8=B5=E0=B9=88=20=E0=B8=A3=E0=B8=B2?=
 =?UTF-8?q?=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/13_salary/components/SalaryLists/TabMain.vue     | 4 ++++
 .../13_salary/components/SalaryLists/TableTypeOther.vue      | 5 +++++
 .../13_salary/components/SalaryLists/TableTypePending.vue    | 4 ++++
 3 files changed, 13 insertions(+)

diff --git a/src/modules/13_salary/components/SalaryLists/TabMain.vue b/src/modules/13_salary/components/SalaryLists/TabMain.vue
index cd92791e1..fb52ed67d 100644
--- a/src/modules/13_salary/components/SalaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryLists/TabMain.vue
@@ -32,6 +32,7 @@ const props = defineProps({
   periodLatest: { type: Object as () => DataPeriodLatest, require: true },
 });
 
+const total = ref<number>();
 const splitterModel = ref<number>(13);
 const rows = ref<DataPeriod[]>([]);
 
@@ -229,6 +230,7 @@ function fetchDataPeriod(id: string) {
     .put(config.API.salaryListPeriodORG(id), formData)
     .then((res) => {
       rows.value = res.data.result.data;
+      total.value = res.data.result.total
       maxPage.value = Math.ceil(res.data.result.total / formFilter.pageSize);
     })
     .catch((err) => {
@@ -415,6 +417,7 @@ onMounted(async () => {
                   v-model:maxPage="maxPage"
                   v-model:formFilter="formFilter"
                   :fetchDataTable="fetchDataPeriodNew"
+                  :total="total"
                 />
                 <TableTabType2
                   v-else
@@ -422,6 +425,7 @@ onMounted(async () => {
                   v-model:maxPage="maxPage"
                   v-model:formFilter="formFilter"
                   :fetchDataTable="fetchDataPeriodNew"
+                  :total="total"
                 />
               </q-tab-panel>
             </q-tab-panels>
diff --git a/src/modules/13_salary/components/SalaryLists/TableTypeOther.vue b/src/modules/13_salary/components/SalaryLists/TableTypeOther.vue
index dd1e593d7..4e83e32cf 100644
--- a/src/modules/13_salary/components/SalaryLists/TableTypeOther.vue
+++ b/src/modules/13_salary/components/SalaryLists/TableTypeOther.vue
@@ -33,6 +33,9 @@ const props = defineProps({
   fetchDataTable: {
     type: Function,
   },
+  total: {
+    type: Number,
+  },
 });
 
 /** ข้อมูล Table*/
@@ -383,7 +386,9 @@ watch(
       </q-tr>
     </template>
     <template v-slot:pagination="scope">
+      ทั้งหมด {{ props.total }} รายการ
     <q-pagination
+    
       v-model="formFilter.page"
       active-color="primary"
       color="dark"
diff --git a/src/modules/13_salary/components/SalaryLists/TableTypePending.vue b/src/modules/13_salary/components/SalaryLists/TableTypePending.vue
index 952b0ec9c..c0f8591f5 100644
--- a/src/modules/13_salary/components/SalaryLists/TableTypePending.vue
+++ b/src/modules/13_salary/components/SalaryLists/TableTypePending.vue
@@ -36,6 +36,9 @@ const props = defineProps({
   maxPage: {
     type: Number,
   },
+  total: {
+    type: Number,
+  },
 });
 
 /** ข้อมูล Table*/
@@ -410,6 +413,7 @@ watch(
       </q-tr>
     </template>
     <template v-slot:pagination="scope">
+      ทั้งหมด {{ props.total }} รายการ
       <q-pagination
         v-model="formFilter.page"
         active-color="primary"