refactor(agent): 重构智能体页面布局和样式

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验

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;

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;

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"
+               :xl="isCollapsed ? 0 : 6"
-               :xxl="isCollapsed ? 0 : 5" class="history-chat">
+               :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>

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 @@
 
   }
 
+
 }