From 31c496541699bc02fcc5ca10f0090860f66291f8 Mon Sep 17 00:00:00 2001
From: xueyinfei <1207092115@qq.com>
Date: Sat, 29 Nov 2025 17:56:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E5=86=85=E5=AE=B9=E9=9D=A0?=
 =?UTF-8?q?=E5=8F=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue-fastapi-frontend/src/layout/components/AppMain.vue | 4 ++--
 vue-fastapi-frontend/src/views/aichat/aichat.vue       | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/vue-fastapi-frontend/src/layout/components/AppMain.vue b/vue-fastapi-frontend/src/layout/components/AppMain.vue
index a5e6b8b..1fd46f6 100644
--- a/vue-fastapi-frontend/src/layout/components/AppMain.vue
+++ b/vue-fastapi-frontend/src/layout/components/AppMain.vue
@@ -32,7 +32,7 @@ const route = useRoute()
 const tagsViewStore = useTagsViewStore()
 const showDiv = ref(false)
 const largeDiv = ref(true)
-const aiChatDivStyle = ref({display: 'none',width: '450px',height: '600px',bottom: '16px',right: '16px'})
+const aiChatDivStyle = ref({display: 'none',width: '450px',height: '100%',bottom: '0',right: '0'})
 
 
 onMounted(() => {
@@ -61,7 +61,7 @@ function showDivClick(){
 
 function littleChatDiv(){
   largeDiv.value = !largeDiv.value
-  aiChatDivStyle.value = {display: 'block',width: '450px',height: '600px',bottom: '16px',right: '16px'}
+  aiChatDivStyle.value = {display: 'block',width: '450px',height: '100%',bottom: '0',right: '0'}
 }
 
 function closeChatDiv(){
diff --git a/vue-fastapi-frontend/src/views/aichat/aichat.vue b/vue-fastapi-frontend/src/views/aichat/aichat.vue
index c3da220..0125edd 100644
--- a/vue-fastapi-frontend/src/views/aichat/aichat.vue
+++ b/vue-fastapi-frontend/src/views/aichat/aichat.vue
@@ -15,17 +15,17 @@
 
         <template v-for="(item, index) in chatList" :key="index">
           <!-- 问题 -->
-          <div v-if="item.type === 'question'"  class="item-content mb-16 lighter" style="margin-bottom: 16px;font-weight: 400">
-            <div class="avatar">
+          <div v-if="item.type === 'question'"  class="item-content mb-16 lighter" style="margin-bottom: 16px;font-weight: 400;display: flex;align-items: flex-start;max-width: 100%;flex-direction: row-reverse;">
+            <div class="avatar" style="margin-left: 10px">
               <el-avatar style="width:30px;height: 30px;background: #3370FF">
                 <img src="@/assets/aichat/user-icon.svg" style="width: 30px" alt="" />
               </el-avatar>
             </div>
-            <div class="content">
+            <div class="content" style="max-width: 100%;word-break: break-all;white-space: pre-wrap;">
               <div class="text break-all pre-wrap" style="word-break: break-all;white-space: pre-wrap;">
                 {{ item.content }}
               </div>
-              <el-tag type="success" style="margin-bottom: 5px;cursor: pointer" v-for="(fileName,index) in item.file" :disable-transitions="false" @click="downloadFile(fileName.file,fileName.bucket,item.sessionId)">{{fileName.file}}</el-tag>
+              <el-tag type="success" style="margin-bottom: 5px;cursor: pointer;display: inline-block" v-for="(fileName,index) in item.file" :disable-transitions="false" @click="downloadFile(fileName.file,fileName.bucket,item.sessionId)">{{fileName.file}}</el-tag>
             </div>
           </div>
           <!-- 回答 -->