From b6809d98c238cb84b11cca9102042e5b211163aa Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Fri, 26 Apr 2024 10:05:07 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=97=E0=B8=B1=E0=B9=89=E0=B8=87=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=94=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/14_KPI/components/competency/01ListCompetency.vue  | 3 +++
 .../14_KPI/components/competency/02ListLinkPosition.vue        | 3 +++
 src/modules/14_KPI/components/competency/03ListLinkGroup.vue   | 3 +++
 src/modules/14_KPI/views/indicatorByRole.vue                   | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/src/modules/14_KPI/components/competency/01ListCompetency.vue b/src/modules/14_KPI/components/competency/01ListCompetency.vue
index bcd42aa1d..10fdfdad7 100644
--- a/src/modules/14_KPI/components/competency/01ListCompetency.vue
+++ b/src/modules/14_KPI/components/competency/01ListCompetency.vue
@@ -18,6 +18,7 @@ import type {
   NewPagination,
 } from "@/modules/14_KPI/interface/index/Main";
 
+const total = ref<number>()
 const store = useKPIDataStore();
 const router = useRouter();
 const $q = useQuasar();
@@ -78,6 +79,7 @@ async function fetchList() {
         `?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}&type=${store.competencyType}`
     )
     .then(async (res) => {
+      total.value = res.data.result.total
       const data: ResDataCapacity[] = res.data.result.data;
       totalList.value = Math.ceil(res.data.result.total / formQuery.pageSize);
       rows.value = data;
@@ -254,6 +256,7 @@ onMounted(() => {
       </q-tr>
     </template>
     <template v-slot:pagination="scope">
+      ทั้งหมด {{ total }} รายการ
       <q-pagination
         v-model="formQuery.page"
         active-color="primary"
diff --git a/src/modules/14_KPI/components/competency/02ListLinkPosition.vue b/src/modules/14_KPI/components/competency/02ListLinkPosition.vue
index 201d2c309..662c0ff05 100644
--- a/src/modules/14_KPI/components/competency/02ListLinkPosition.vue
+++ b/src/modules/14_KPI/components/competency/02ListLinkPosition.vue
@@ -13,6 +13,7 @@ import type { ResponseObject } from "@/modules/14_KPI/interface/response/KpiGrou
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+const total = ref<number>()
 const modal = ref<boolean>(false);
 const rows = ref<ResponseObject[]>([]);
 const groupName = ref<string>("");
@@ -84,6 +85,7 @@ async function fetchData() {
         `?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}`
     )
     .then(async (res) => {
+      total.value = res.data.result.total
       const data = res.data.result;
       totalList.value = Math.ceil(res.data.result.total / formQuery.pageSize);
       rows.value = data.data;
@@ -300,6 +302,7 @@ onMounted(async () => {
       </q-tr>
     </template>
     <template v-slot:pagination="scope">
+      ทั้งหมด {{ total }} รายการ
       <q-pagination
         v-model="formQuery.page"
         active-color="primary"
diff --git a/src/modules/14_KPI/components/competency/03ListLinkGroup.vue b/src/modules/14_KPI/components/competency/03ListLinkGroup.vue
index 9d788d0cc..606ccd69a 100644
--- a/src/modules/14_KPI/components/competency/03ListLinkGroup.vue
+++ b/src/modules/14_KPI/components/competency/03ListLinkGroup.vue
@@ -15,6 +15,7 @@ import type { ListGroup } from "@/modules/14_KPI/interface/request/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+const total = ref<number>()
 const id = ref<string>("");
 const modal = ref<boolean>(false);
 const rows = ref<any>([]);
@@ -98,6 +99,7 @@ async function getData() {
         `?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}`
     )
     .then((res) => {
+      total.value = res.data.result.total
       const data = res.data.result;
       totalList.value = Math.ceil(res.data.result.total / formQuery.pageSize);
       rows.value = data.data;
@@ -460,6 +462,7 @@ onMounted(async () => {
       </q-tr>
     </template>
     <template v-slot:pagination="scope">
+      ทั้งหมด {{ total }} รายการ
       <q-pagination
         v-model="formQuery.page"
         active-color="primary"
diff --git a/src/modules/14_KPI/views/indicatorByRole.vue b/src/modules/14_KPI/views/indicatorByRole.vue
index d5a1ad471..ee7f5c8ff 100644
--- a/src/modules/14_KPI/views/indicatorByRole.vue
+++ b/src/modules/14_KPI/views/indicatorByRole.vue
@@ -11,6 +11,7 @@ import type { NewPagination } from "@/modules/14_KPI/interface/request/Main";
 import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
 
 /** use*/
+const total = ref<number>()
 const $q = useQuasar();
 const router = useRouter();
 const { showLoader, hideLoader, dialogRemove, success } = useCounterMixin();
@@ -78,6 +79,7 @@ function fetchList() {
     )
     .then((res) => {
       const data = res.data.result.data;
+      total.value = res.data.result.total
       maxPage.value = Math.ceil(res.data.result.total / formFilter.pageSize);
       rows.value = data;
     })
@@ -390,6 +392,7 @@ onMounted(async () => {
         @update:pagination="updatePageSize"
       >
         <template v-slot:pagination="scope">
+          ทั้งหมด {{ total }} รายการ
           <q-pagination
             v-model="formFilter.page"
             active-color="primary"