需求背景
当前前端"新增视图"与"编辑视图"采用了两套不同的界面和实现方式(ViewDesigner与ViewConfigPanel),导致代码与用户体验非常混乱。功能高度重叠、数据格式和保存逻辑都不同。
问题总结
- 新增视图时进入全屏ViewDesigner(3栏),编辑视图则用右侧ViewConfigPanel(侧边栏)
- 两者字段配置、过滤、排序、视图类型等功能几乎一样,但UI呈现和数据结构不同
- 若都保留则必须明确场景、入口和用户定位
方案建议
参考Airtable等设计,建议统一采用"右侧Panel"(ViewConfigPanel)作为新增和编辑视图的唯一入口,实现如下:
- 新增/编辑视图都通过右侧Panel,mode="create"或"edit"
- 合并ViewDesigner的type-specific options(如Kanban/Calendar/Map配置)至Panel
- 数据模型统一为
UnifiedViewConfig,保存API统一
- 保留全屏ViewDesigner作为高级编辑入口,��供高级用户
优势
- 用户体验一致,新增/编辑都在当前页完成
- 开发成本大幅降低,维护性提升
- 减少重复代码,统一保存逻辑和数据结构
关键开发任务
影响范围
- ObjectView主流程
- ViewDesigner和ViewConfigPanel
- 路由、数据模型、保存逻辑
- 用户界面体验
如需详细拆分子任务请补充说明。
需求背景
当前前端"新增视图"与"编辑视图"采用了两套不同的界面和实现方式(ViewDesigner与ViewConfigPanel),导致代码与用户体验非常混乱。功能高度重叠、数据格式和保存逻辑都不同。
问题总结
方案建议
参考Airtable等设计,建议统一采用"右侧Panel"(ViewConfigPanel)作为新增和编辑视图的唯一入口,实现如下:
UnifiedViewConfig,保存API统一优势
关键开发任务
影响范围
如需详细拆分子任务请补充说明。