From d2ee82bf2c859079f65c26503a11a2c4c65da672 Mon Sep 17 00:00:00 2001
From: "linzhijun@xiaotiai.com" <linzhijun2025@xiaoti>
Date: Mon, 28 Jul 2025 23:39:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor(agent):=20=E8=B0=83=E6=95=B4=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E7=95=8C=E9=9D=A2=E5=B8=83=E5=B1=80=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 HistoryChat 和 聊天内容 的布局比例，使界面更加平衡
- 添加 xxl 响应式断点，提高大屏幕体验
- 调整聊天容器的宽度和缩进，优化视觉效果
---
 src/views/agent/chat/index.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue
index b95cd4a..ef5c853 100644
--- a/src/views/agent/chat/index.vue
+++ b/src/views/agent/chat/index.vue
@@ -5,22 +5,24 @@
       <!-- 使用 arco-design 栅格布局 -->
       <a-row :gutter="24" class="chat-grid">
         <!-- 左侧 HistoryChat -->
-        <a-col     :xs="isCollapsed ? 0 : 24"
-                   :sm="isCollapsed ? 0 : 12"
+        <a-col     :xs="isCollapsed ? 0 : 8"
+                   :sm="isCollapsed ? 0 : 8"
                    :md="isCollapsed ? 0 : 8"
-                   :lg="isCollapsed ? 0 : 6"
+                   :lg="isCollapsed ? 0 : 7"
                    :xl="isCollapsed ? 0 : 7"
-                   :xxl="isCollapsed ? 0 : 4"
+                   :xxl="isCollapsed ? 0 : 5"
                    class="history-chat-col">
           <HistoryChat v-if="cozeInfo?.bot_id && !isCollapsed" :cozeInfo="cozeInfo" />
         </a-col>
 
         <!-- 右侧聊天内容 -->
         <a-col    :xs="24"
-                  :sm="isCollapsed ? 24 : 12"
-                  :md="isCollapsed ? 24 : 16"
-                  :lg="isCollapsed ? 24 : 18"
-                  :xl="isCollapsed ? 24 : 16" class="chat-content-col">
+                  :sm="isCollapsed ? 24 : 17"
+                  :md="isCollapsed ? 24 : 17"
+                  :lg="isCollapsed ? 24 : 17"
+                  :xl="isCollapsed ? 24 : 16"
+                  :xxl="isCollapsed ? 24 : 18"
+                  class="chat-content-col">
 
           <a-card :bordered="false">
             <div class="chat-content-col" style="min-height: fit-content;">
@@ -29,7 +31,7 @@
                   <img class="status-icon" :src="isCollapsed ? menuUnfold : menuFold" />
                 </a-tooltip>
               </div>
-              <div id="coze-chat-container" style="width: 100%; margin-left: 100px"></div>
+              <div id="coze-chat-container" style="width: 90%; margin-left: 100px"></div>
             </div>
           </a-card>
         </a-col>