From 3c5d0aee27c0af7ab5d386c0452431b8783cfb5d Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 16 Feb 2024 16:20:19 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B8=9A=E0=B8=9A=E0=B8=84=E0=B9=89=E0=B8=99?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=B2=20=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/00_support/api.support.ts              |  5 ++++-
 src/modules/00_support/components/FormChat.vue |  5 +++++
 src/modules/00_support/store/Main.ts           | 18 ++++++++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/api/00_support/api.support.ts b/src/api/00_support/api.support.ts
index 801e2401f..c9174103e 100644
--- a/src/api/00_support/api.support.ts
+++ b/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,
 };
diff --git a/src/modules/00_support/components/FormChat.vue b/src/modules/00_support/components/FormChat.vue
index d328aecc1..947ce8dad 100644
--- a/src/modules/00_support/components/FormChat.vue
+++ b/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" />
diff --git a/src/modules/00_support/store/Main.ts b/src/modules/00_support/store/Main.ts
index f6f979349..d5a456b47 100644
--- a/src/modules/00_support/store/Main.ts
+++ b/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,
   };
 });