实现效果
左边是设计文档,右边是一次ai的agent得到的效果,提示词还有需要补充,但是一次能几乎完成样式,和筛选的逻辑已经很不错了
提示词
2.5.1.0.1 筛选布局:
- 弹窗(从下向上展开)
- 标题:全部筛选
- 分割线
样式:小标题间隔单元格7 ,单元格左右间隔15,单元格之间间隔15,单元格距离第二个小标题30
- 小标题:类型
- 第一排3个单元格 106x36 充值,转账,线上提现 ,单元格背景#F5F5F5,文字;黑色,圆角2
- 第二排3个单元格 106x36 线下提现,退款,异常退款,单元格背景#F5F5F5,文字;黑色,圆角2
- 小标题:公司
- 第一排3个单元格 106x36 公司名称(等待接口数据) ,单元格背景#F5F5F5,文字;黑色,圆角2
- 第二排3个单元格 106x36 公司名称(等待接口数据) ,单元格背景#F5F5F5,文字;黑色,圆角2
- “更多 (向下的箭头)”单元格 106x36 单元格背景#F5F5F5,文字;黑色,圆角2
- 小标题:处理结果
- 第一排2个单元格 106x36 已处理 未处理,单元格背景#F5F5F5,文字;黑色,圆角2
- 小标题:申请时间
- 第一排3个单元格 106x36 近3天 近7天 近30天,单元格背景#F5F5F5,文字;黑色,圆角2
- 第二排1个单元格 106x36 自定义,单元格背景#F5F5F5,文字;黑色,圆角2
- 第三排1个单元格 左右间隔15 high 36,单元格背景#F5F5F5,左侧文字:起始时间,中间:wight:56分割线,右侧:终止时间
-分割线
-按钮:
左侧:重置,背景白色,文字黑色
右侧:确认,背景#7B55D3,文字白色
2.5.1.1 审核:
展示客服管理-审核页面的信息
默认筛选:处理结果-"全部"、申请时间-"近3天"
展示字段:类型、公司、涉及金额、申请时间、处理状态、申请人
页面下拉刷新功能
2.5.2 筛选交互:
当选中枚举后,确认时,根据条件筛选相应的数据
当该字段的枚举均没有被选中时,则代表筛选"全部"