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

src/modules/08_KPI/views/main.vue

@@ -101,6 +101,7 @@ const formQuery = reactive({
   page: 1,
   pageSize: 10,
 });
+const total = ref<number>(0);
 const totalList = ref<number>(1);
 const isRoundClose = ref<boolean>(false);
 
@@ -150,6 +151,7 @@ function fetchList() {
     )
     .then((res) => {
       const data = res.data.result;
+      total.value = data.total;
       totalList.value = Math.ceil(data.total / formQuery.pageSize);
       rows.value = data.data;
     })
@@ -460,6 +462,7 @@ onMounted(() => {
                 </q-tr>
               </template>
               <template v-slot:pagination="scope">
+                ทั้งหมด {{ total }} รายการ
                 <q-pagination
                   v-model="formQuery.page"
                   active-color="primary"