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

src/modules/05_placement/components/Receive/DialogOrders.vue

@@ -29,8 +29,13 @@ const dataMapToSend = computed(() => {
   }));
 });
 const mixin = useCounterMixin();
-const { dialogConfirm, date2Thai } = mixin;
+const { dialogConfirm, date2Thai, onSearchDataTable } = mixin;
 
+const rows = defineModel<any[]>("rows", { required: true });
+const rowsData = defineModel<any[]>("rowsData", { required: true });
+const filterKeyword2 = defineModel<string>("filterKeyword2", {
+  required: true,
+});
 /**
  * props
  */
@@ -39,8 +44,6 @@ const props = defineProps({
   clickClose: Function,
   fecthlistRecevice: Function,
   nextPage: Function,
-  rows2: Array,
-  filterKeyword2: String,
 });
 const emit = defineEmits(["update:filterKeyword2", "update:selected"]);
 
@@ -158,6 +161,14 @@ function onReset() {
   emit("update:filterKeyword2", "");
 }
 
+function onSearch() {
+  rows.value = onSearchDataTable(
+    filterKeyword2.value,
+    rowsData.value,
+    columns2.value ? columns2.value : []
+  );
+}
+
 /**
  * เมื่อ props.modal เป็น true
  * กำหนดให้  selected เป็นค่าว่าง
@@ -186,6 +197,7 @@ watchEffect(() => {
               :model-value="filterKeyword2"
               @update:model-value="updateInput"
               placeholder="ค้นหา"
+              @keydown.enter="onSearch"
             >
               <template v-slot:append>
                 <q-icon name="search" />
@@ -216,8 +228,7 @@ watchEffect(() => {
           <div class="col-12">
             <d-table
               :columns="columns2"
-              :rows="rows2"
-              :filter="filterKeyword2"
+              :rows="rows"
               row-key="id"
               flat
               :visible-columns="visibleColumns2"