From 82175b4096a0c366b522cb66966608d4cec4c9ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Mon, 28 Jul 2025 17:25:23 +0800
Subject: [PATCH] =?UTF-8?q?refactor(agent):=20=E9=87=8D=E6=9E=84=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E4=BD=93=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验
---
 src/views/agent/work-flow/components/DynamicForm.vue |  4 +++-
 src/views/agent/work-flow/components/history.scss    |  2 +-
 src/views/agent/work-flow/index.vue                  | 12 ++++++------
 src/views/agent/work-flow/style.scss                 |  2 +-
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/views/agent/work-flow/components/DynamicForm.vue b/src/views/agent/work-flow/components/DynamicForm.vue
index c7e66f7..553c96d 100644
--- a/src/views/agent/work-flow/components/DynamicForm.vue
+++ b/src/views/agent/work-flow/components/DynamicForm.vue
@@ -70,7 +70,9 @@ const handleSubmit = async () => {
 <style scoped lang="scss">
 .form-container {
   padding: 24px;
-
+  border: 1px solid #d7d7d9; /* 添加灰色边框 */
+  background: var(--BG-White, white);
+  height:87vh;
   :deep(.arco-input-wrapper),
   :deep(.arco-textarea-wrapper) {
     border-radius: 4px;
diff --git a/src/views/agent/work-flow/components/history.scss b/src/views/agent/work-flow/components/history.scss
index e70c356..87ebc62 100644
--- a/src/views/agent/work-flow/components/history.scss
+++ b/src/views/agent/work-flow/components/history.scss
@@ -1,7 +1,7 @@
 
 .agent-card {
   width: 100%;
-  height: 100%;
+  height: 87vh;
   background: var(--BG-100, #F7F8FA);
   overflow: hidden;
   border-radius: 8px;
diff --git a/src/views/agent/work-flow/index.vue b/src/views/agent/work-flow/index.vue
index 40b2168..03d4530 100644
--- a/src/views/agent/work-flow/index.vue
+++ b/src/views/agent/work-flow/index.vue
@@ -9,8 +9,8 @@
                :sm="isCollapsed ? 0 : 3"
                :md="isCollapsed ? 0 : 4"
                :lg="isCollapsed ? 0 : 6"
-               :xl="isCollapsed ? 0 : 4"
-               :xxl="isCollapsed ? 0 : 5" class="history-chat">
+               :xl="isCollapsed ? 0 : 6"
+               :xxl="isCollapsed ? 0 : 5" >
           <HistoryChat v-if="!isCollapsed" :cozeInfo="cozeInfo" />
 
         </a-col>
@@ -24,7 +24,7 @@
                 :sm="isCollapsed ? 3 : 3"
                 :md="isCollapsed ? 4 : 4"
                 :lg="isCollapsed ? 6 : 6"
-                :xl="isCollapsed ? 4 : 4"
+                :xl="isCollapsed ? 6 : 6"
                 :xxl="isCollapsed ? 5 : 5" class="dynamic-form">
           <DynamicForm
             :formFields="formFields.form"
@@ -35,15 +35,15 @@
         </a-col>
 
         <!-- 主内容区域 -->
-        <a-col  :xs="isCollapsed ? 4 : 2"
+        <a-col class="right-box content-container"  :xs="isCollapsed ? 4 : 2"
                 :sm="isCollapsed ? 4 : 4"
                 :md="isCollapsed ? 6 : 6"
                 :lg="isCollapsed ? 8 : 8"
                 :xl="isCollapsed ? 10 : 10"
-                :xxl="isCollapsed ? 12 : 12" class="content-container">
+                :xxl="isCollapsed ? 12 : 12" >
           <a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
           <div v-if="workFlowRes?.output != ''" class="work-res" v-html="renderedMarkdown"></div>
-          <NoData v-else />
+          <NoData v-else style="height: 87vh;" />
         </a-col>
       </a-row>
     </div>
diff --git a/src/views/agent/work-flow/style.scss b/src/views/agent/work-flow/style.scss
index e199739..30a92ac 100644
--- a/src/views/agent/work-flow/style.scss
+++ b/src/views/agent/work-flow/style.scss
@@ -5,7 +5,6 @@
     -moz-osx-font-smoothing: grayscale;
     color: #2c3e50;
     margin-top: 24px;
-
     .span-back {
       color: var(--Text-2, #3C4043);
       font-size: 14px;
@@ -54,4 +53,5 @@
 
   }
 
+
 }