วินัย => แสดงรายการทั้งหมด , ตัวชี้วัดตามแผน => ปรับ tree

src/modules/11_discipline/components/4_Result/MainPage.vue

@@ -25,6 +25,7 @@ const initialPagination = ref<Pagination>({
 const page = ref<number>(1);
 const pageSize = ref<number>(10);
 const maxPage = ref<number>(1);
+const totalList = ref<number>(0);
 const filter = ref<string>("");
 const status = ref<string>("DONE");
 /** function เรียกรายการสรุปผลการพิจารณาทางวินัย*/
@@ -38,6 +39,7 @@ async function fetchListResult() {
     .then(async (res) => {
       const data = res.data.result.data;
       maxPage.value = Math.ceil(res.data.result.total / pageSize.value);
+      totalList.value = res.data.result.total;
       await fetchList(data);
     })
     .catch((err) => {
@@ -97,6 +99,7 @@ onMounted(async () => {
         :fetchListResult="fetchListResult"
         :pageSize="pageSize"
         :maxPage="maxPage"
+        :totalList="totalList"
         @update:queryString="updateQueryString"
         v-model:open-edit="openEdit"
         :filterStatus="filterStatus"

src/modules/11_discipline/components/4_Result/Table.vue

@@ -51,6 +51,9 @@ const props = defineProps({
   maxPage: {
     type: Number,
   },
+  totalList: {
+    type: Number,
+  },
 });
 
 const currentPage = ref<number>(1);
@@ -208,6 +211,7 @@ function filterFn() {
       </q-tr>
     </template>
     <template v-slot:pagination="scope">
+      ทั้งหมด {{ props.totalList }} รายการ
       <q-pagination
         v-model="currentPage"
         active-color="primary"