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

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

@@ -21,7 +21,7 @@ const mixin = useCounterMixin();
 const route = useRoute();
 const DataStore = usePlacementDataStore();
 const storeCommand = useCommandMainStore();
-const { dialogConfirm, dateText } = mixin;
+const { dialogConfirm, dateText,onSearchDataTable } = mixin;
 
 const modal = defineModel<boolean>("modal", { required: true });
 /** props */
@@ -32,6 +32,7 @@ const props = defineProps({
 
 const examId = route.params.examId;
 const rows = ref<any[]>([]);
+const rowsData = ref<any[]>([]);
 const commandType = ref<string>("");
 const commandOp = ref<ListCommand[]>([]);
 const listCommand = ref<ListCommand[]>([]); // เก็บคำสั่งทั้งหมด
@@ -175,6 +176,7 @@ function filterSelectOrder() {
   const data = props.rows ? props.rows : [];
   selected.value = [];
   rows.value = data;
+  rowsData.value = data;
 }
 
 /** ปิด Modal และล้างค่าที่เลือก */
@@ -182,6 +184,16 @@ function closeModal() {
   modal.value = false;
   commandType.value = "";
 }
+
+
+function onSearch() {
+  rows.value = onSearchDataTable(
+    filter.value,
+    rowsData.value,
+    columns.value ? columns.value : []
+  );
+}
+
 /**
  * เมื่อ props.modal เป็น true
  * กำหนดให้  selected เป็นค่าว่างและกำหนด filter ประเภทตำแหน่งตามประเภทการสอบ
@@ -191,6 +203,7 @@ watch(
   async () => {
     if (modal.value === true) {
       rows.value = props.rows ? props.rows : [];
+      rowsData.value = props.rows ? props.rows : [];
       selected.value = [];
       commandType.value = "";
       filter.value = "";
@@ -259,6 +272,7 @@ watch(
             v-model="filter"
             placeholder="ค้นหา"
             style="width: 200px; max-width: auto"
+            @keydown.enter="onSearch"
           >
             <template v-slot:append>
               <q-icon name="search" />
@@ -289,7 +303,6 @@ watch(
         <d-table
           :columns="columns"
           :rows="rows"
-          :filter="filter"
           row-key="personalId"
           :visible-columns="visibleColumns"
           selection="multiple"