{"creator":{"name":"孙海琴","id":"638d9cd7da874cca72c6b5e8"},"modifier":{"name":"孙海琴","id":"638d9cd7da874cca72c6b5e8"},"gmtCreate":1782266475000,"gmtModified":1782266475000,"serialNumber":"VWCG-1055","subject":"消费订单列表支持表头吸顶内滚动和自定义表头字段","description":"## 背景\n\n消费订单列表的数据量和字段数量都在增加：一方面列表内容过长，用户查看订单时页面需要持续向下滚动；另一方面表头字段越来越多，默认全部展示会造成列表拥挤、横向查找成本高。需要优化消费订单列表的表格交互，提升运营人员日常查询、核对和导出前确认效率。\n\n## 需求内容\n\n### 1. 表头吸顶后表格内滚动\n\n- 消费订单列表在页面滚动到表头吸顶位置时，表头保持吸顶展示。\n- 表头下方的数据表体按约 15 条数据高度展示，超出部分在表格内部滚动。\n- 表格内部滚动时，表头、筛选区域和分页区域不应跟随表体内容错位。\n- 保持现有筛选、查询、分页、操作按钮、排序和导出等功能逻辑不变。\n- 兼容不同分辨率，若页面可视高度不足，应优先保证表头、表体和分页不互相遮挡。\n\n### 2. 自定义表头显示字段\n\n- 在消费订单列表表头右侧增加「表头设置」入口，交互参考附件图中的云效表头设置面板。\n- 点击后展示字段设置面板，支持查看当前显示字段和未显示字段。\n- 支持通过开关控制字段显示/隐藏。\n- 支持字段搜索，便于在字段较多时快速定位。\n- 建议支持拖拽或排序入口调整显示字段顺序；如果本期实现成本较高，可先保留排序入口并实现显示/隐藏。\n- 关键字段需设置为默认显示，且必要字段不允许全部隐藏，避免列表失去识别能力。\n- 用户调整后的字段显示配置需要在当前账号/当前浏览器下保持，下次进入消费订单列表时继续生效。\n\n## 验收要点\n\n- 消费订单列表滚动到表头吸顶位置后，表头稳定吸顶，不遮挡筛选条件或表体内容。\n- 表体区域约显示 15 条数据，超过 15 条时可在表格内部滚动查看。\n- 表格内部滚动时，列宽、表头、操作列和数据行对齐正常。\n- 分页、每页条数、查询、重置、排序、操作列按钮等原有功能不受影响。\n- 表头设置入口可打开/关闭设置面板。\n- 设置面板中可搜索字段，可区分显示字段和未显示字段。\n- 字段开关切换后，消费订单列表立即按配置显示/隐藏对应列。\n- 刷新页面或重新进入列表后，用户上次的字段显示配置仍然保留。\n- 默认配置需要覆盖当前常用字段，且至少保留订单识别、时间、金额/状态、操作等核心字段。\n- 不因隐藏字段影响接口查询、导出、详情查看和订单操作逻辑。\n\n## 参考\n\n- 附件图：云效列表「表头设置」面板，包含字段搜索、显示字段/未显示字段、开关和排序入口。\n\n## 创建信息\n\n- 创建来源：Codex 根据用户 2026-06-24 需求整理并通过 Yunxiao OpenAPI 创建。\n- 目标项目：【产品线】智慧营养健康餐厅\n- 工作项类型：产品类需求\n- 建议负责人：郭东伟\n","formatType":"RICHTEXT","assignedTo":{"name":"郭东伟","id":"6359e30fe39d793277e23d4c"},"status":{"name":"待处理","nameEn":"To Do","displayName":"待处理","id":"100005"},"space":{"name":"【产品线】智慧营养健康餐厅","id":"dd2f708d1702891ff45b6f5d99"},"workitemType":{"name":"产品类需求","id":"9uy29901re573f561d69jn40"},"logicalStatus":"NORMAL","customFieldValues":[{"fieldName":"优先级","fieldFormat":"list","values":[{"identifier":"04f8224daf4e1e1050bca2cd4c","displayValue":"中"}],"fieldId":"priority"}],"updateStatusAt":null,"trackers":null,"participants":[{"name":"郭东伟","id":"6359e30fe39d793277e23d4c"}],"verifier":null,"sprint":null,"labels":null,"versions":null,"id":"28ac3030e65d19b6ccaa6d5065","idPath":null,"statusStageId":"1","categoryId":"Req","parentId":null}