fix: สรรหา ปรับ pagin /โครงสร้าง ปิดดาวโหลดได้เเค่ root ปรับข้อความ

src/modules/03_recruiting/views/01_compete/Detail.vue

@@ -22,15 +22,19 @@ const { messageError, success, showLoader, hideLoader, onSearchDataTable } =
   mixin;
 
 const initialPagination = ref<Pagination>({
-  rowsPerPage: 0,
+  page:1,
+  rowsPerPage: 10,
   sortBy: "year",
 });
 const year = ref<string>("");
 const round = ref<string>("");
 const name = ref<string>("");
 const count = ref<number>(0);
+const totalList = ref<number>(0);
 const pass = ref<number>(0);
 const notpass = ref<number>(0);
+const missed_exam = ref<number>(0);
+const other = ref<number>(0);
 const rows = ref<any[]>([]);
 const rowsData = ref<any[]>([]);
 const importId = ref<string>(route.params.id as string); // Period Import Id
@@ -352,6 +356,8 @@ async function fetchData() {
     .post(config.API.getExamResultById(importId.value), {
       examAttribute: "",
       examResult: "",
+      page:initialPagination.value.page,
+      pageSize:initialPagination.value.rowsPerPage,
     })
     .then((res) => {
       let header = res.data.result.header;
@@ -359,6 +365,11 @@ async function fetchData() {
       count.value = header.count;
       pass.value = header.pass;
       notpass.value = header.notpass;
+      missed_exam.value = header.missed_exam;
+      other.value = header.other;
+      totalList.value = Math.ceil(
+        header.count / initialPagination.value.rowsPerPage
+      );
       if (period != null) {
         name.value = period.name;
         round.value = period.order;
@@ -483,6 +494,8 @@ onMounted(async () => {
         :count="count"
         :pass="pass"
         :notpass="notpass"
+        :missed_exam="missed_exam"
+        :other="other"
         :rows="rows"
         :columns="columns"
         v-model:filter="filter"
@@ -490,9 +503,11 @@ onMounted(async () => {
         :visible-columns="visibleColumns"
         v-model:inputfilter="filter"
         v-model:inputvisible="visibleColumns"
+        v-model:totalList="totalList"
         v-model:pagination="initialPagination"
         :nornmalData="false"
         :conclude="true"
+        :fetchData="fetchData"
       >
         <template #columns="props">
           <q-tr :props="props" class="cursor-pointer">