From 2d7bf84593639824441103b5a48045641254d5d3 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Tue, 21 May 2024 21:50:28 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E8=A7=A3=E5=86=B3todo=E3=80=91AI=20?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E6=98=BE=E7=A4=BA=E9=9A=90=E8=97=8F=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/Conversation.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/views/ai/chat/Conversation.vue b/src/views/ai/chat/Conversation.vue
index 005cb40a..1983614a 100644
--- a/src/views/ai/chat/Conversation.vue
+++ b/src/views/ai/chat/Conversation.vue
@@ -37,6 +37,8 @@
             v-for="conversation in conversationMap[conversationKey]"
             :key="conversation.id"
             @click="handleConversationClick(conversation.id)"
+            @mouseover="hoverConversationId = conversation.id"
+            @mouseout="hoverConversationId = ''"
           >
             <div
               :class="conversation.id === activeConversationId ? 'conversation active' : 'conversation'"
@@ -46,7 +48,7 @@
                 <span class="title">{{ conversation.title }}</span>
               </div>
               <!-- TODO done @fan：缺一个【置顶】按钮，效果改成 hover 上去展示 -->
-              <div class="button-wrapper">
+              <div class="button-wrapper" v-show="hoverConversationId === conversation.id">
                 <el-button class="btn" link @click.stop="handlerTop(conversation)" >
                   <el-icon title="置顶" v-if="!conversation.pinned"><Top /></el-icon>
                   <el-icon title="置顶" v-if="conversation.pinned"><Bottom /></el-icon>
@@ -104,6 +106,7 @@ const message = useMessage() // 消息弹窗
 // 定义属性
 const searchName = ref<string>('') // 对话搜索
 const activeConversationId = ref<string | null>(null) // 选中的对话，默认为 null
+const hoverConversationId = ref<string | null>(null) // 悬浮上去的对话
 const conversationList = ref([] as ChatConversationVO[])  // 对话列表
 const conversationMap = ref<any>({})  // 对话分组 (置顶、今天、三天前、一星期前、一个月前)
 const drawer = ref<boolean>(false) // 角色仓库抽屉
@@ -456,7 +459,6 @@ onMounted(async () => {
         .btn {
           margin: 0;
         }
-
       }
     }
   }