แก้ฟิลเตอร์ทดลองงาน

src/modules/05_placement/components/probation/ProbationDetail.vue

@@ -18,6 +18,7 @@ const personalId = ref<string>(route.params.id as string);
 const checkRoutePermisson = ref<boolean>(route.name == "probationDetailOnly");
 const $q = useQuasar(); //ใช้ noti quasar
 const rows = ref<FormProbationDetail[]>([]);
+const rowsData = ref<FormProbationDetail[]>([]);
 const name = ref<string>("");
 const attrs = ref<any>(useAttrs());
 const paging = ref<boolean>(true);
@@ -45,6 +46,7 @@ const {
   hideLoader,
   date2Thai,
   dialogConfirm,
+  onSearchDataTable,
 } = mixin;
 
 /** ข้อมูลที่เเสดงในตาราง */
@@ -157,7 +159,7 @@ async function getAssignList() {
     .get(config.API.probationGetAssignList(personalId.value))
     .then(async (res) => {
       const data = await res.data.result;
-      rows.value = await data.map((item: FormProbationDetail) => ({
+      const listData = await data.map((item: FormProbationDetail) => ({
         id: item.id,
         round_no: item.round_no,
         date_start: date2Thai(new Date(item.date_start)),
@@ -166,6 +168,8 @@ async function getAssignList() {
         commander: item.commander,
         chairman: item.chairman,
       }));
+      rows.value = listData;
+      rowsData.value = listData;
     })
     .catch((err) => {
       messageError($q, err);
@@ -280,6 +284,14 @@ async function fetchProfilePhoto() {
     });
 }
 
+function onSearch() {
+  rows.value = onSearchDataTable(
+    filterKeyword.value,
+    rowsData.value,
+    columns.value ? columns.value : []
+  );
+}
+
 /** get ค่า เมื่อโหลดหน้า */
 onMounted(async () => {
   await Promise.all([getpersonalList(), getAssignList(), fetchProfilePhoto()]);
@@ -399,6 +411,7 @@ onMounted(async () => {
           outlined
           debounce="300"
           placeholder="ค้นหา"
+          @keydown.enter="onSearch"
         >
           <template v-slot:append>
             <q-icon name="search" />
@@ -425,7 +438,6 @@ onMounted(async () => {
           ref="table"
           :columns="columns"
           :rows="rows"
-          :filter="filterKeyword.trim()"
           row-key="Order"
           flat
           bordered