From 8bea8ce623a19904643ad2fa5ba64e2ca4fe742b Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Fri, 17 May 2024 23:57:59 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91AI=20?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=8C=89=E9=92=AE=EF=BC=8C=E5=B9=B6=E6=8E=92?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/index.vue | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/views/ai/chat/index.vue b/src/views/ai/chat/index.vue
index f59f4fea..a13be005 100644
--- a/src/views/ai/chat/index.vue
+++ b/src/views/ai/chat/index.vue
@@ -13,12 +13,12 @@
         <div class="title">
           {{ activeConversation?.title }}
         </div>
-        <div>
+        <div class="btns">
           <!-- TODO @fan：样式改下；这里我已经改成点击后，弹出了 -->
-          <el-button type="primary" @click="openChatConversationUpdateForm">
-            <span v-html="activeConversation?.modelName"></span>
-            <Icon icon="ep:setting" style="margin-left: 10px"/>
-          </el-button>
+            <el-button type="primary" @click="openChatConversationUpdateForm">
+              <span v-html="activeConversation?.modelName"></span>
+              <Icon icon="ep:setting" style="margin-left: 10px"/>
+            </el-button>
           <el-button>
             <Icon icon="ep:user"/>
           </el-button>
@@ -32,10 +32,12 @@
       </el-header>
 
       <!-- main -->
-      <el-main class="main-container">
-        <div class="message-container" >
-          <Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
-          <ChatEmpty  v-if="list.length === 0" @on-prompt="doSend"/>
+      <el-main class="main-container" >
+        <div >
+          <div class="message-container" >
+            <Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
+            <ChatEmpty  v-if="list.length === 0" @on-prompt="doSend"/>
+          </div>
         </div>
       </el-main>
 
@@ -450,7 +452,6 @@ onMounted(async () => {
   left: 0;
   height: 100%;
   width: 100%;
-  //padding: 15px 15px;
 }
 
 .conversation-container {
@@ -569,6 +570,12 @@ onMounted(async () => {
       font-size: 18px;
       font-weight: bold;
     }
+
+    .btns {
+      display: flex;
+      width: 300px;
+      justify-content: space-between;
+    }
   }
 }
 
@@ -577,6 +584,8 @@ onMounted(async () => {
   margin: 0;
   padding: 0;
   position: relative;
+  height: 100%;
+  width: 100%;
 
   .message-container {
     position: absolute;
@@ -586,8 +595,9 @@ onMounted(async () => {
     right: 0;
     //width: 100%;
     //height: 100%;
-    overflow-y: scroll;
-    padding: 0 15px;
+    overflow-y: hidden;
+    padding: 0;
+    margin: 0;
   }
 }