filter ==> retirement

src/modules/06_retirement/components/05_deceased/SendCircularPage.vue

@@ -28,6 +28,7 @@ const {
   hideLoader,
   success,
   dialogConfirm,
+  onSearchDataTable,
 } = mixin;
 
 /** props*/
@@ -52,6 +53,7 @@ const modalSelectOrg = ref<boolean>(false);
 
 const selectedModal = ref<any[]>([]);
 const rows = ref<DataCopyOrder[]>([]);
+const rowsMain = ref<DataCopyOrder[]>([]);
 const editRows = ref<DataCopyOrder[]>([]);
 
 /** selcet OPtion */
@@ -59,7 +61,6 @@ const optionSelect = ref<any>([
   { id: 1, name: "อีเมล" },
   { id: 2, name: "กล่องข้อความ" },
 ]);
-
 /** คอลัมน์ที่แสดง */
 const visibleColumns = ref<String[]>([
   "no",
@@ -158,6 +159,7 @@ async function getData() {
         });
       }
       rows.value = list;
+      rowsMain.value = list;
     })
     .catch((e) => {
       messageError($q, e);
@@ -189,12 +191,6 @@ async function saveData() {
     });
 }
 
-function resetFilter() {
-  // reset ค่าที่ค้นหาเมื่อกดปุ่ม X ในกล่องค้นหา
-  filter.value = "";
-  filterRef.value!.focus();
-}
-
 /**
  * class จัดรูปแบบแสดงระหว่างข้อมูลที่แก้ไขหรือแสดงเฉยๆ
  * @param val ข้อมูล input สำหรับแก้ไขหรือไม่
@@ -257,7 +253,7 @@ async function saveDataCopyOrder() {
 //อัพเดทข้อมูลหลัง Save
 async function fetchSaveCopyOrder() {
   let list: requestSendNoti[] = [];
-  rows.value.map((r: DataCopyOrder) => {
+  rowsMain.value.map((r: DataCopyOrder) => {
     list.push({
       profileId: r.personalId,
       isSendMail: r.mutiselect.includes(1),
@@ -285,6 +281,14 @@ function updateData(row: DataCopyOrder) {
   editRows.value.push(row);
 }
 
+async function onSearch() {
+  rows.value = onSearchDataTable(
+    filter.value,
+    rowsMain.value,
+    columns.value ? columns.value : []
+  );
+}
+
 /** Hook */
 onMounted(async () => {
   await getData();
@@ -322,6 +326,7 @@ onMounted(async () => {
             outlined
             placeholder="ค้นหา"
             class="q-ml-sm"
+            @keydown.enter="onSearch"
           >
             <template v-slot:append>
               <q-icon name="search" />
@@ -349,7 +354,6 @@ onMounted(async () => {
           :rows="rows"
           :columns="columns"
           :visible-columns="visibleColumns"
-          :filter="filter.trim()"
           row-key="idCard"
         >
           <template v-slot:header="props">