ทั้งหมดรายการ

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"