sort สรรหา

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

@@ -12,6 +12,7 @@ import { useQuasar } from "quasar";
 import type { RecruitDetailResponse } from "@/modules/03_recruiting/interface/response/Period";
 import Table from "@/modules/03_recruiting/components/Table.vue";
 import genReportXLSX from "@/plugins/genreportxlsx";
+import type { Pagination } from "@/modules/03_recruiting/interface/index/Main";
 
 const $q = useQuasar();
 const router = useRouter();
@@ -20,6 +21,10 @@ const mixin = useCounterMixin();
 const { messageError, success, showLoader, hideLoader, onSearchDataTable } =
   mixin;
 
+const initialPagination = ref<Pagination>({
+  rowsPerPage: 0,
+  sortBy: "year",
+});
 const year = ref<string>("");
 const round = ref<string>("");
 const name = ref<string>("");
@@ -475,6 +480,7 @@ onMounted(async () => {
         :visible-columns="visibleColumns"
         v-model:inputfilter="filter"
         v-model:inputvisible="visibleColumns"
+        v-model:pagination="initialPagination"
         :nornmalData="false"
         :conclude="true"
       >

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

@@ -8,6 +8,7 @@ import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 
 import Table from "@/modules/03_recruiting/components/Table.vue";
+import type { Pagination } from "@/modules/03_recruiting/interface/index/Main";
 
 const mixin = useCounterMixin();
 const { onSearchDataTable } = mixin;
@@ -15,6 +16,10 @@ const $q = useQuasar(); // show dialog
 const router = useRouter();
 const file = ref<boolean>(true);
 const filter = ref<string>(""); //search data table
+  const initialPagination = ref<Pagination>({
+  rowsPerPage: 0,
+  sortBy: "year",
+});
 const visibleColumns = ref<String[]>([
   "no",
   "year",
@@ -156,6 +161,7 @@ function onSearch() {
         :visible-columns="visibleColumns"
         v-model:inputfilter="filter"
         v-model:inputvisible="visibleColumns"
+        v-model:pagination="initialPagination"
         :nornmalData="false"
       >
         <template #columns="props">

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

@@ -53,6 +53,7 @@ const rows = ref<ResponseRecruitPeriod[]>([]);
 const rowsData = ref<ResponseRecruitPeriod[]>([]);
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
+  sortBy: "year",
 });
 const visibleColumns = ref<String[]>([
   "no",
@@ -99,6 +100,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    sort: (a: number, b: number) => b - a,
   },
   {
     name: "examCount",