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">

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

@@ -64,6 +64,7 @@ const textTittleResult = ref<string>("");
 const rows = ref<ResponseRecruitPeriod[]>([]);
 const rowsData = ref<ResponseRecruitPeriod[]>([]);
 const initialPagination = ref<Pagination>({
+  page: 0,
   rowsPerPage: 0,
   sortBy: "year",
 });
@@ -646,7 +647,7 @@ onMounted(async () => {
                   <q-tooltip>นำเข้าไฟล์ผู้สมัครสอบ</q-tooltip>
                 </q-btn>
                 <div v-else>
-                  {{ col.value }}
+                  {{ col.value.toLocaleString() }}
 
                   <q-btn
                     v-if="checkPermission($route)?.attrIsUpdate"
@@ -693,7 +694,7 @@ onMounted(async () => {
                   <q-tooltip>นำเข้าไฟล์บัญชีรวมคะแนน</q-tooltip>
                 </q-btn>
                 <div v-else>
-                  {{ props.row.score.scoreCount }}
+                  {{ props.row.score.scoreCount.toLocaleString() }}
                   <q-btn
                     :disable="props.row.examCount == 0"
                     flat
@@ -730,7 +731,7 @@ onMounted(async () => {
                   <q-tooltip>นำเข้าไฟล์ผลการสอบ (บัญชีรายชื่อ)</q-tooltip>
                 </q-btn>
                 <div v-else>
-                  {{ props.row.score.resultCount }}
+                  {{ props.row.score.resultCount.toLocaleString() }}
                   <q-btn
                     v-if="checkPermission($route)?.attrIsUpdate"
                     dense