renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 重新设计了页面布局，分为左、右两个主要区域
- 左侧区域增加了聊天机器人信息展示，包括头像、名称、描述等
- 右侧区域保留聊天窗口，并增加了顶部栏
-优化了响应式布局，使页面在不同屏幕尺寸下都能良好显示
- 调整了颜色、字体等样式，提升了页面视觉效果
This commit is contained in:
林志军
2025-08-01 11:24:31 +08:00
parent e54ec228c2
commit 1e6e05cea4
5 changed files with 43 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/views/agent/work-flow/index.vue
View File

@ -38,38 +38,38 @@
</div>
<div class="history-item" v-for="(item, index) in history">
<div class="item-body">
<div class="text" @click="getHistoryInfo(item)">
<div class="text ellipsis-title" @click="getHistoryInfo(item)">
{{ item.title }}
<a-trigger position="bottom" :auto-fit-position="false" :unmount-on-close="true">
<SvgIcon size="12" name="svg-more" class="color-#6D4CFE" style="float: right" />
<template #content>
<div class="">
<div class="history-item-dropdown">
<div class="dropdown-item header-item">
<SvgIcon size="12" name="svg-pin" class="icon color-#6D4CFE" />
<div @click="(event) => handleTop(item.id, item.sort, event)" class="text">
{{ item.sort > 1 ? '取消置顶' : '置顶' }}
</div>
</div>
<!-- <div class="dropdown-item">-->
<!-- <SvgIcon size="12" name="svg-edit" class="icon color-#6D4CFE" />-->
<!-- <div @click="editTitle(item)" class="text">重命名</div>-->
<!-- </div>-->
<div class="dropdown-item">
<SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
<a-popconfirm
content="你确认删除该历史对话吗"
@ok="deleteHistory(item.id, index)"
type="error"
>
<div class="text delete">删除</div>
</a-popconfirm>
</div>
<a-trigger trigger="click" position="bottom" :auto-fit-position="true" :unmount-on-close="true">
<SvgIcon size="12" name="svg-more" class="color-#6D4CFE" style="float: right" />
<template #content>
<div class="">
<div class="history-item-dropdown">
<div class="dropdown-item ">
<SvgIcon size="12" name="svg-pin" class="icon color-#6D4CFE" />
<div @click="(event) => handleTop(item.id, item.sort, event)" class="text">
{{ item.sort > 1 ? '取消置顶' : '置顶' }}
</div>
</div>
<!-- <div class="dropdown-item">-->
<!-- <SvgIcon size="12" name="svg-edit" class="icon color-#6D4CFE" />-->
<!-- <div @click="editTitle(item)" class="text">重命名</div>-->
<!-- </div>-->
<div class="dropdown-item">
<SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
<a-popconfirm
content="你确认删除该历史对话吗"
@ok="deleteHistory(item.id, index)"
type="error"
>
<div class="text delete">删除</div>
</a-popconfirm>
</div>
</div>
</template>
</a-trigger>
</div>
</div>
</template>
</a-trigger>
</div>
</div>
</div>