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

-调整了智能体卡片的布局结构,优化了标题和描述的显示方式
- 改进了历史对话的展示样式,增加了滚动指示器
- 统一了标签和图标的样式,提升了视觉一致性
- 优化了搜索框和卡片列表的样式,提高了用户体验
This commit is contained in:
林志军
2025-07-28 17:25:23 +08:00
parent 058d5ef066
commit 82175b4096
4 changed files with 11 additions and 9 deletions

View File

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