From c1f6a9971ecd834346a6c471de93d420018376b8 Mon Sep 17 00:00:00 2001
From: Wen-ace <731564934@qq.com>
Date: Sun, 24 Mar 2024 15:48:38 +0800
Subject: [PATCH] feat: sync title

---
 components/ui-components/tickets/Chat.vue       | 5 ++++-
 components/ui-components/tickets/TicketCard.vue | 1 +
 store/ticket.ts                                 | 8 ++++++++
 tools/request.ts                                | 4 +++-
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/ui-components/tickets/Chat.vue b/components/ui-components/tickets/Chat.vue
index e544dd6..ee45d82 100644
--- a/components/ui-components/tickets/Chat.vue
+++ b/components/ui-components/tickets/Chat.vue
@@ -114,6 +114,9 @@ const getTicketChatList = (id: string) => {
 	})
 }
 const ticketsStore = useTicketStore()
+const title = computed(() => {
+	return ticketsStore.currentTicket.name
+})
 
 watch(() => ticketsStore.currentSessionId, (id) => {
 	if (id) {
@@ -125,7 +128,7 @@ watch(() => ticketsStore.currentSessionId, (id) => {
 
 <template>
 	<div class="w-full h-full shadow-light-50 shadow-right relative">
-		<div class="bg-white px-2 py-4 border-b-gray-300 border-b-1">message</div>
+		<div class="bg-white px-2 py-4 border-b-gray-300 border-b-1">{{ title || 'message' }}</div>
 		<div class="relative chat-area  h-full overflow-auto" ref="chatAreaRef">
 			<div class="w-full h-full p-2">
 				<div class="pb-27" ref="messageRef">
diff --git a/components/ui-components/tickets/TicketCard.vue b/components/ui-components/tickets/TicketCard.vue
index c92fb1a..dd8b5a3 100644
--- a/components/ui-components/tickets/TicketCard.vue
+++ b/components/ui-components/tickets/TicketCard.vue
@@ -25,6 +25,7 @@ const isActive = computed(() => {
 const onTicketClick = (id: string) => {
 	// getTicketChatList(id)
 	ticketsStore.currentSessionId = id
+	ticketsStore.setCurrentTicket({ ...props.data, })
 }
 
 </script>
diff --git a/store/ticket.ts b/store/ticket.ts
index 4e6725b..6b5dd54 100644
--- a/store/ticket.ts
+++ b/store/ticket.ts
@@ -1,12 +1,20 @@
 import { defineStore } from 'pinia'
+type ITicket = {
+	id: number,
+	name: string
+}
 
 export const useTicketStore = defineStore('ticket', {
 	state: () => {
 		return {
+			currentTicket: {} as ITicket,
 			currentSessionId: '',
 		}
 	},
 	actions: {
 
+		setCurrentTicket(data: ITicket) {
+			this.$state.currentTicket = data
+		}
 	},
 })
\ No newline at end of file
diff --git a/tools/request.ts b/tools/request.ts
index 354a86c..1b92bc0 100644
--- a/tools/request.ts
+++ b/tools/request.ts
@@ -2,5 +2,7 @@ const URL_PREFIX = '/api'
 
 export default (url: string, options?: Partial<RequestInit>) => {
 	url = URL_PREFIX + url
-	return fetch(url, options)
+	return fetch(url, options).catch((error) => {
+		console.warn('error :>> ', error);
+	})
 }
\ No newline at end of file