Skip to content

参考主流低代码平台优化lookup字段选择列表弹窗界面 #1093

@hotlong

Description

@hotlong

背景

当前订单列表弹窗界面还有较大的可用性和观感提升空间。为提升平台竞争力和用户体验,应参考主流低代码平台,进行整体UI/UX优化。

现有界面截图

优化建议

  1. 数据表头吸顶:滚动时表头固定,提升操作性。
  2. 筛选与搜索区域优化
  • 搜索框与过滤条件显著分区,提升辨识度。
  • 支持自定义组合筛选项,筛选项宽度自适应,方便多条件筛选。
  1. 数据展示
  • 表格分隔线更清晰,突出每行间隔。
  • 状态列采用主流标签设计(风格更现代,色彩分级统一)。
  • 对金额、日期等展示格式友好化(如支持千分位、hover浮窗显示原始值)。
  1. 底部栏与分页
  • 固定底部记录总数与分页器。
  • 多页切换时支持跳转指定页。
  1. 交互反馈
  • 数据加载、筛选、分页等异步操作有loading动画或骨架屏。
  1. 响应式支持
  • 弹窗宽度及数据列可根据屏幕自适应,移动端友好。

参考侧重

  • 参考宜搭、简道云等头部国产低代码平台交互与视觉风格。
  • 强调可扩展性与组件通用性设计。

后续要求

  • 优化设计需���持国际化、可配置化。
  • 变更后需编写/调整单元测试,确保优化无回归。
  • 完成后补充CHANGELOG,并更新相关进度issue。

如需更多用户调研分析或竞品截图,可进一步补充。

Metadata

Metadata

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions