sort สรรหา

src/modules/03_recruiting/views/02_qualify/DisableDetail.vue

@@ -10,6 +10,8 @@ import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 
 import type { RecruitDetailResponse } from "@/modules/03_recruiting/interface/response/Period";
+import type { Pagination } from "@/modules/03_recruiting/interface/index/Main";
+
 import Table from "@/modules/03_recruiting/components/Table.vue";
 import genReportXLSX from "@/plugins/genreportxlsx";
 
@@ -23,6 +25,10 @@ const { messageError, success, showLoader, hideLoader, onSearchDataTable } =
 const year = ref<string>("2566");
 const round = ref<string>("1");
 const name = ref<string>("");
+const initialPagination = ref<Pagination>({
+  rowsPerPage: 0,
+  sortBy: "examID",
+});
 
 const count = ref<number>(0);
 const pass = ref<number>(0);
@@ -410,6 +416,7 @@ onMounted(async () => {
         :columns="columns"
         v-model:filter="filter"
         :onSearch="onSearch"
+        :pagination="initialPagination"
         :visible-columns="visibleColumns"
         v-model:inputfilter="filter"
         v-model:inputvisible="visibleColumns"

src/modules/03_recruiting/views/02_qualify/DisablePeriod.vue

@@ -56,6 +56,7 @@ const textTittleScore = ref<string>("");
 const textTittleCandidate = ref<string>("");
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
+  sortBy: "year",
 });
 const visibleColumns = ref<String[]>([
   "no",
@@ -105,6 +106,7 @@ const columns = ref<QTableProps["columns"]>([
     format(val, row) {
       return `${row.year + 543}`;
     },
+    sort: (a: number, b: number) => b - a,
   },
   {
     name: "examCount",
@@ -442,7 +444,7 @@ onMounted(async () => {
         :visible-columns="visibleColumns"
         v-model:inputfilter="filter"
         v-model:inputvisible="visibleColumns"
-        :pagination="initialPagination"
+        v-model:pagination="initialPagination"
         :nornmalData="true"
         :add="clickAdd"
         :paging="true"

src/modules/03_recruiting/views/02_qualify/Manage.vue

@@ -24,6 +24,7 @@ const rows = ref<ResponsePeriodExam[]>([]);
 const rowsData = ref<ResponsePeriodExam[]>([]);
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
+  sortBy: "dateRegister",
 });
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([
@@ -90,8 +91,6 @@ const columns = ref<QTableProps["columns"]>([
     field: "dateRegister",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    sort: (a: string, b: string) =>
-      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
     name: "datePayment",
@@ -228,6 +227,7 @@ onMounted(async () => {
       :pagination="initialPagination"
       :nornmalData="true"
       :paging="true"
+      :sortBy="'dateRegister'"
       name="qualify"
     >
       <template #columns="props">

src/modules/03_recruiting/views/02_qualify/Period.vue

@@ -33,11 +33,12 @@ const {
   messageError,
   showLoader,
   hideLoader,
-  onSearchDataTable
+  onSearchDataTable,
 } = mixin;
 const filter = ref<string>(""); //search data table
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
+  sortBy: "dateRegister",
 });
 const examData = ref<ResponsePeriodExam[]>([]);
 const examDataData = ref<ResponsePeriodExam[]>([]);