From d8dcc911b57edcadd777a561575ad597a42b317b Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Fri, 17 May 2024 22:58:44 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91AI=20?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E5=A2=9E=E5=8A=A0=E7=BD=AE=E9=A1=B6=EF=BC=8C?=
 =?UTF-8?q?=E5=92=8C=E5=8F=96=E6=B6=88=E7=BD=AE=E9=A1=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/Conversation.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/views/ai/chat/Conversation.vue b/src/views/ai/chat/Conversation.vue
index 1c96c662..b5e32b40 100644
--- a/src/views/ai/chat/Conversation.vue
+++ b/src/views/ai/chat/Conversation.vue
@@ -42,8 +42,9 @@
               </div>
               <!-- TODO @fan：缺一个【置顶】按钮，效果改成 hover 上去展示 -->
               <div class="button-wrapper">
-                <el-button link>
-                  <el-icon title="置顶"><Top /></el-icon>
+                <el-button link @click="handlerTop(conversation)">
+                  <el-icon title="置顶" v-if="!conversation.pinned"><Top /></el-icon>
+                  <el-icon title="置顶" v-if="conversation.pinned"><Bottom /></el-icon>
                 </el-button>
                 <el-button link @click="updateConversationTitle(conversation)">
                   <el-icon title="编辑" >
@@ -89,7 +90,7 @@
 import {ChatConversationApi, ChatConversationVO} from '@/api/ai/chat/conversation'
 import {ref} from "vue";
 import Role from "@/views/ai/chat/role/index.vue";
-import {Top} from "@element-plus/icons-vue";
+import {Bottom, Top} from "@element-plus/icons-vue";
 
 const message = useMessage() // 消息弹窗
 
@@ -259,6 +260,16 @@ const deleteChatConversation = async (conversation: ChatConversationVO) => {
   }
 }
 
+/**
+ * 对话置顶
+ */
+const handlerTop = async (conversation: ChatConversationVO) => {
+  // 更新对话置顶
+  conversation.pinned = !conversation.pinned
+  await ChatConversationApi.updateChatConversationMy(conversation)
+  // 刷新对话
+  await getChatConversationList()
+}
 
 // ============ 角色仓库