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

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

@@ -4,8 +4,13 @@ import type { QTableProps } from "quasar";
 import { ref } from "vue";
 import { useRouter } from "vue-router";
 import { useQuasar } from "quasar";
+
+import { useCounterMixin } from "@/stores/mixin";
+
 import Table from "@/modules/03_recruiting/components/Table.vue";
 
+const mixin = useCounterMixin();
+const { onSearchDataTable } = mixin;
 const $q = useQuasar(); // show dialog
 const router = useRouter();
 const file = ref<boolean>(true);
@@ -104,6 +109,7 @@ const columns = ref<QTableProps["columns"]>([
  * @param id
  */
 const rows = ref<any[]>([]);
+const rowsData = ref<any[]>([]);
 
 function clickEdit(id: string) {
   router.push(`/compete/import/${id}`);
@@ -127,6 +133,14 @@ function remove() {
     })
     .onDismiss(() => {});
 }
+
+function onSearch() {
+  rows.value = onSearchDataTable(
+    filter.value,
+    rowsData.value,
+    columns.value ? columns.value : []
+  );
+}
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">
@@ -137,7 +151,8 @@ function remove() {
       <Table
         :rows="rows"
         :columns="columns"
-        :filter="filter"
+        v-model:filter="filter"
+        :onSearch="onSearch"
         :visible-columns="visibleColumns"
         v-model:inputfilter="filter"
         v-model:inputvisible="visibleColumns"
@@ -208,5 +223,4 @@ function remove() {
   </q-card>
 </template>
 
-
 <style></style>