แก้ฟิลเตอร์ สรรหา

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

@@ -17,7 +17,8 @@ const $q = useQuasar();
 const router = useRouter();
 const route = useRoute();
 const mixin = useCounterMixin();
-const { messageError, success, showLoader, hideLoader } = mixin;
+const { messageError, success, showLoader, hideLoader, onSearchDataTable } =
+  mixin;
 
 const year = ref<string>("2566");
 const round = ref<string>("1");
@@ -208,6 +209,7 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 const rows = ref<RecruitDetailResponse[]>([]);
+const rowsData = ref<RecruitDetailResponse[]>([]);
 
 /**
  * ไปหน้ารายละเอียด จัดการรอบคัดเลือกคนพิการ
@@ -293,6 +295,7 @@ async function fetchData() {
       }
 
       rows.value = result;
+      rowsData.value = result;
       if (result.length > 0) name.value = result[0].exam_name as string;
       round.value = _data.round;
       year.value = _data.year;
@@ -335,6 +338,14 @@ async function candidateToPlacement() {
     .onDismiss(() => {});
 }
 
+function onSearch() {
+  rows.value = onSearchDataTable(
+    filter.value,
+    rowsData.value,
+    columns.value ? columns.value : []
+  );
+}
+
 onMounted(async () => {
   hideLoader();
   await fetchData();
@@ -397,7 +408,8 @@ onMounted(async () => {
         :notpass="notpass"
         :rows="rows"
         :columns="columns"
-        :filter="filter"
+        v-model:filter="filter"
+        :onSearch="onSearch"
         :visible-columns="visibleColumns"
         v-model:inputfilter="filter"
         v-model:inputvisible="visibleColumns"