ฟิลเตอร์ระบบ บรรจุ

src/modules/05_placement/components/Help-Government/DialogOrders.vue

@@ -16,7 +16,7 @@ import DialogCreateCommand from "@/modules/18_command/components/DialogCreateCom
 /** use*/
 const $q = useQuasar();
 const { statusText } = useTransferDataStore();
-const { dialogConfirm, findOrgNameOld, findPosMasterNoOld, date2Thai } =
+const { dialogConfirm, findOrgNameOld, findPosMasterNoOld, date2Thai,onSearchDataTable } =
   useCounterMixin();
 
 /** props*/
@@ -24,9 +24,12 @@ const props = defineProps({
   Modal: Boolean,
   closeModal: Function,
   getData: Function,
-  rows2: Array,
-  filterKeyword2: String,
 });
+
+const rows2 = defineModel<any[]>('rows2',{required:true})
+const rows2Data = defineModel<any[]>('rows2Data',{required:true})
+const filterKeyword2 = defineModel<string>('filterKeyword2',{required:true})
+
 const emit = defineEmits(["update:filterKeyword2", "update:selected"]);
 
 /** Table*/
@@ -214,6 +217,14 @@ watch(
     }
   }
 );
+
+function onSearch() {
+  rows2.value= onSearchDataTable(
+    filterKeyword2.value,
+    rows2Data.value,
+    columns2.value? columns2.value: []
+  );
+}
 </script>
 
 <template>
@@ -230,9 +241,9 @@ watch(
               outlined
               dense
               debounce="300"
-              :model-value="filterKeyword2"
-              @update:model-value="updateInput"
+              v-model="filterKeyword2"
               placeholder="ค้นหา"
+              @keydown.enter="onSearch"
             >
               <template v-slot:append> <q-icon name="search" /> </template>
             </q-input>
@@ -256,7 +267,6 @@ watch(
             <d-table
               :columns="columns2"
               :rows="rows2"
-              :filter="filterKeyword2"
               row-key="id"
               class="custom-header-table"
               :visible-columns="visibleColumns2"