เพิ่มระบบค้นหา issue

src/api/00_support/api.support.ts

@@ -1,6 +1,8 @@
 import env from "../index";
 
 export const supportIssue = `${env.API_SUPPORT_URI}/issue`;
+export const supportSearchIssue = (id: string) =>
+  `${env.API_SUPPORT_URI}/issue?search=${id}`;
 export const supportCategory = `${env.API_SUPPORT_URI}/Issue-category`;
 export const supportCategoryAction = (id: string) =>
   `${env.API_SUPPORT_URI}/Issue-category/${id}`;
@@ -17,9 +19,10 @@ export const supportSocket = `${env.API_SUPPORT_SOCKET}`;
 export default {
   supportIssue,
   supportCategory,
+  supportSocket,
   supportMessage,
   supportMessageStatus,
   supportIssueChangeStatus,
   supportCategoryAction,
-  supportSocket,
+  supportSearchIssue,
 };

src/modules/00_support/components/FormChat.vue

@@ -82,6 +82,11 @@ const onLoad = (async (_: any, done: any) => {
             outlined
             label="ค้นหาข้อความ..."
             v-model="searchInput"
+            @keydown.enter.prevent="
+              () => {
+                store.searchIssue(searchInput);
+              }
+            "
           >
             <template v-slot:prepend>
               <q-icon name="search" />

src/modules/00_support/store/Main.ts

@@ -200,7 +200,24 @@ export const useSupportStore = defineStore("supportServiceStore", () => {
 
     if (res && res.data) {
       issue.value = res.data;
+      currentPageIssue.value = res.data.page;
+      currentTotalIssue.value = res.data.total;
+    }
+  }
 
+  async function searchIssue(input: string) {
+    showLoader();
+    const res = await http
+      .get(config.API.supportSearchIssue(input))
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+
+    if (res && res.data) {
+      issue.value = res.data;
       currentPageIssue.value = res.data.page;
       currentTotalIssue.value = res.data.total;
     }
@@ -305,5 +322,6 @@ export const useSupportStore = defineStore("supportServiceStore", () => {
     fetchCategory,
     deleteCategory,
     editCategory,
+    searchIssue,
   };
 });