From 43e7f044f3a569ee8450f3b8992f487c742faba4 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Thu, 22 Aug 2024 16:52:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/packages/ai/AiCopilot.vue | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/ui/packages/ai/AiCopilot.vue b/ui/packages/ai/AiCopilot.vue
index d36502b6..066e4288 100644
--- a/ui/packages/ai/AiCopilot.vue
+++ b/ui/packages/ai/AiCopilot.vue
@@ -174,18 +174,20 @@ export default {
             <div v-text="profile.name"/>
             <span v-text="profile.girdName"/>
           </div>
-          <div class="apps">
-            <div v-for="(item,i) in apps" :key="i" class="app pointer" :class="{current:item.id==app.aiConfigId}" :style="getIcon(item)" v-text="item.appName" @click="handleChangeApp(item)"/>
-          </div>
-          <div class="conversation">
-            <el-input class="search" v-model="filter" placeholder="搜索历史对话记录" size="small" suffix-icon="el-icon-search" clearable @change="getConversations"/>
-            <div class="item pointer" v-for="item in conversations" :key="item.id" @click="currentConversation=item.conversationId" :class="{current:item.conversationId==currentConversation}">
-              {{ item.content }}
-              <div class="operation flex">
-                <div v-for="(btn,i) in rowBtns" :key="i" class="pointer" :style="{backgroundImage: `url(${btn.icon})`}" @click.stop="btn.click(item)"/>
+          <el-scrollbar>
+            <div class="apps">
+              <div v-for="(item,i) in apps" :key="i" class="app pointer" :class="{current:item.id==app.aiConfigId}" :style="getIcon(item)" v-text="item.appName" @click="handleChangeApp(item)"/>
+            </div>
+            <div class="conversation">
+              <el-input class="search" v-model="filter" placeholder="搜索历史对话记录" size="small" suffix-icon="el-icon-search" clearable @change="getConversations"/>
+              <div class="item pointer" v-for="item in conversations" :key="item.id" @click="currentConversation=item.conversationId" :class="{current:item.conversationId==currentConversation}">
+                {{ item.content }}
+                <div class="operation flex">
+                  <div v-for="(btn,i) in rowBtns" :key="i" class="pointer" :style="{backgroundImage: `url(${btn.icon})`}" @click.stop="btn.click(item)"/>
+                </div>
               </div>
             </div>
-          </div>
+          </el-scrollbar>
         </div>
         <div class="right flex column gap-14">
           <chat-content class="fill" :list="history"/>
@@ -281,8 +283,7 @@ export default {
         width: 0;
         height: 100%;
         padding: 14px 0;
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden;
         flex-shrink: 0;
 
         & > * {
@@ -410,6 +411,14 @@ export default {
             }
           }
         }
+
+        :deep(.el-scrollbar) {
+          height: calc(100% - 88px);
+
+          .el-scrollbar__wrap {
+            overflow-x: hidden;
+          }
+        }
       }
 
       .right {