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

src/modules/03_recruiting/views/01_compete/Detail.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>("");
 const round = ref<string>("");
@@ -26,6 +27,7 @@ const count = ref<number>(0);
 const pass = ref<number>(0);
 const notpass = ref<number>(0);
 const rows = ref<any[]>([]);
+const rowsData = ref<any[]>([]);
 const importId = ref<string>(route.params.id as string); // Period Import Id
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([
@@ -359,6 +361,7 @@ async function fetchData() {
           });
         }
         rows.value = result;
+        rowsData.value = result;
       }
     })
     .catch((e) => {
@@ -398,6 +401,14 @@ async function candidateToPlacement() {
     .onDismiss(() => {});
 }
 
+function onSearch() {
+  rows.value = onSearchDataTable(
+    filter.value,
+    rowsData.value,
+    columns.value ? columns.value : []
+  );
+}
+
 onMounted(async () => {
   hideLoader();
   await fetchData();
@@ -459,7 +470,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"