fix filter ==> รายชื่อลูกจ้างชั่วคราว

src/modules/08_registryEmployee/components/DialogSendOrder.vue

@@ -17,7 +17,7 @@ import DialogCreateCommand from "@/modules/18_command/components/DialogCreateCom
 
 const $q = useQuasar();
 const {
-  success,
+  onSearchDataTable,
   messageError,
   showLoader,
   hideLoader,
@@ -38,6 +38,7 @@ const props = defineProps({
 
 const filter = ref<string>(""); //ค้นหารายชื่อไปออกคำสั่ง
 const rows = ref<DataEmployee[]>([]); //รายชื่อไปออกคำสั่ง
+const rowsMain = ref<DataEmployee[]>([]); //รายชื่อไปออกคำสั่ง
 const selected = ref<DataEmployee[]>([]); //รายชื่อที่เลือกไปออกคำสั่ง
 const columns = ref<QTableProps["columns"]>([
   {
@@ -63,7 +64,10 @@ const columns = ref<QTableProps["columns"]>([
     align: "left",
     label: "ชื่อ-นามสกุล",
     sortable: true,
-    field: (row) => `${row.prefix}${row.firstName}  ${row.lastName}`,
+    field: "fullname",
+    format(val, row) {
+      return `${row.prefix}${row.firstName} ${row.lastName}`;
+    },
     headerStyle: "font-size: 14px; min-width: 200px",
     style: "font-size: 14px; ",
   },
@@ -147,7 +151,10 @@ const columns = ref<QTableProps["columns"]>([
     align: "left",
     label: "สถานะ",
     sortable: true,
-    field: (row) => statusText(row.draftOrgEmployeeStatus),
+    field: "statustext",
+    format(val, row) {
+      return statusText(row.draftOrgEmployeeStatus);
+    },
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -195,6 +202,8 @@ function fetchList() {
         ...e,
         profileId: e.id,
       }));
+
+      rowsMain.value = rows.value;
     })
     .catch((err) => {
       messageError($q, err);
@@ -209,6 +218,14 @@ function closeDialog() {
   modal.value = false;
 }
 
+function serchDataTable() {
+  rows.value = onSearchDataTable(
+    filter.value,
+    rowsMain.value,
+    columns.value ? columns.value : []
+  );
+}
+
 /**
  * ทำเมื่อ modal เป็น true
  * ทำการเรียก fetchList  เพื่อข้อมูลราชชื่อส่งออกคำสั่ง
@@ -235,10 +252,10 @@ watch(
                 borderless
                 outlined
                 dense
-                debounce="300"
                 v-model="filter"
                 ref="filterRef"
                 placeholder="ค้นหา"
+                @keydown.enter.pervent="serchDataTable"
                 style="max-width: auto"
               >
                 <template v-slot:append>
@@ -256,7 +273,6 @@ watch(
                 map-options
                 :options="columns"
                 option-value="name"
-                
                 style="min-width: 140px"
                 class="gt-xs q-ml-sm"
               />
@@ -267,7 +283,6 @@ watch(
               :rows="rows"
               :columns="columns"
               :visible-columns="visibleColumns"
-              :filter="filter"
               row-key="id"
               selection="multiple"
               v-model:selected="selected"