filter ==> ข้อมูลเครื่องราชอิสริยาภรณ์

src/modules/01_metadata/views/05_insignia.vue

@@ -15,8 +15,14 @@ import dialogHeader from "@/components/DialogHeader.vue";
 const $q = useQuasar();
 const router = useRouter();
 const store = useInsigniaDataStore();
-const { dialogConfirm, success, messageError, showLoader, hideLoader } =
-  useCounterMixin();
+const {
+  dialogConfirm,
+  success,
+  messageError,
+  showLoader,
+  hideLoader,
+  onSearchDataTable,
+} = useCounterMixin();
 
 // Table
 const filterKeyword = ref<string>("");
@@ -93,7 +99,6 @@ const editId = ref<string>(""); // id รายการที่จะแก้
 
 /**
  * ดึงข้อมูลเครื่องราชอิสริยาภรณ์
- *
  * และบันทึกใน store.fetchData
  */
 async function fetchData() {
@@ -113,7 +118,6 @@ async function fetchData() {
 
 /**
  * ยืนยันการบันทึกข้อมูลเครื่องราชอิสริยาภรณ์
- *
  *  dialogStatus.value เป็น "create"  จะเพิ่มข้อมูล ถ้าไม่จะเป็นการแก้ไขข้อมูล
  */
 function onSubmit() {
@@ -147,7 +151,6 @@ function onSubmit() {
 
 /**
  * ปืด popup เพิ่ม,แก้ไข ข้อมูล
- *
  * และ กำหนดลำดับชั้นเครื่องราช เป็นค่าว่าง  สถานะการใช้งาน เป็น false
  */
 function closeDialog() {
@@ -166,7 +169,6 @@ function onclickDetail(id: string) {
 
 /**
  * hook จำทำเมื่อมีการเรียกใช้ components
- *
  * ทำการดึงข้อมูลเครื่องราชอิสริยาภรณ์
  */
 onMounted(async () => {
@@ -200,12 +202,11 @@ onMounted(async () => {
           <q-input
             dense
             outlined
-            clearable
             v-model="filterKeyword"
             placeholder="ค้นหา"
-            @clear="filterKeyword = ''"
+            @keydown.enter.pervent="store.onSearchData(filterKeyword, columns)"
           >
-            <template v-slot:append v-if="filterKeyword === ''">
+            <template v-slot:append>
               <q-icon name="search" />
             </template>
           </q-input>
@@ -230,7 +231,6 @@ onMounted(async () => {
           ref="table"
           :columns="columns"
           :rows="store.row"
-          :filter="filterKeyword"
           row-key="name"
           flat
           bordered