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

src/modules/07_appealComplain/views/Main.vue

@@ -14,6 +14,7 @@ import config from "@/app.config";
 import type { FormType } from "@/modules/07_appealComplain/interface/response/mainType";
 import type { DataOption } from "@/modules/07_appealComplain/interface/index/main";
 
+const total = ref<number>(0)
 const currentPage = ref<number>(1);
 const maxPage = ref<number>(1);
 const page = ref<number>(1);
@@ -174,6 +175,7 @@ const getData = async () => {
       )
     )
     .then((res: any) => {
+      total.value = res.data.result.total
       maxPage.value = Math.ceil(res.data.result.total / rowsPerPage.value);
       let data = res.data.result.data;
       dataStore.fetchAppealComplain(data);
@@ -390,6 +392,7 @@ onMounted(async () => {
             :rows-per-page-options="[10, 25, 50, 100]"
           >
             <template v-slot:pagination="scope">
+              ทั้งหมด {{ total }} รายการ
               <q-pagination
                 v-model="currentPage"
                 active-color="primary"