พัฒนาบุคคล => แสดงรายการทั้งหมด

src/modules/15_development/views/MainPage.vue

@@ -98,7 +98,8 @@ const formQuery = reactive<FormQueryListProject>({
   node: null,
   nodeId: null,
 });
-const totalList = ref<number>(1); //จำนวนข้อมูลรายการ
+const totalList = ref<number>(0); //จำนวนข้อมูลรายการ
+const totalPage = ref<number>(1);
 
 /** funciton  fetch รายการโครงการ*/
 function fetchListProject() {
@@ -110,7 +111,8 @@ function fetchListProject() {
     )
     .then((res) => {
       const data = res.data.result.data;
-      totalList.value = Math.ceil(res.data.result.total / formQuery.pageSize);
+      totalPage.value = Math.ceil(res.data.result.total / formQuery.pageSize);
+      totalList.value = res.data.result.total;
       rows.value = data;
     })
     .catch((err) => {
@@ -499,11 +501,12 @@ onMounted(() => {
               </q-tr>
             </template>
             <template v-slot:pagination="scope">
+              ทั้งหมด {{ totalList }} รายการ
               <q-pagination
                 v-model="formQuery.page"
                 active-color="primary"
                 color="dark"
-                :max="Number(totalList)"
+                :max="Number(totalPage)"
                 size="sm"
                 boundary-links
                 direction-links