原型说明咋写-表格:批量操作
对提前准备原型规范&说明模板不明白的朋友,可以先查看《如何解决原型说明写不全?》
本期组件:表格-批量操作。
组件概述:表格的基础操作。
一、约定基础规范
本节主要与研发约定默认实现内容,通过规范文档维护。
1. 基础样式
在表格第一列增加勾选框,并在表格左下方显示批量操作,及勾选项数据统计。
2. 基础交互
2.1. 勾选
- 勾选表头,则全选本页,全选仅在本页生效,具体操作参考《复选框》。
- 勾选本页部分行,表头为“选部分”状态。
- 翻页、更改数据过滤规则、更换排序等操作,清空已选项。
注,不建议做翻页记忆,原因如下:
- 不同页面勾选,翻页后容易忘记都选了哪些;
- 一页内选不到所需数据,可通过设置更大的页面显示数量或过滤数据后,再勾选数据。
2.2. 统计
即在表格下方独立区域显示所需的统计信息,如“共N条数据,已选N条,XX项总数为N,平均值N”。
除一些约定俗成的统计项(如:共N条、已选N条)外,都要说明统计方式,及显示单位,以防团队理解不一致。
2.3. 操作
勾选最终目的是批量操作,常见有“批量导出”、“批量编辑”、“批量删除”等,以上操作对应“独立操作窗口”,组件中仅通过按钮衔接至对应操作窗口。按钮布置及注意项如下:
- 仅两三个批量操作内容,可平铺在“批量操作区域”,便于快速操作;
- 有多个批量操作,酌情考虑通过“下拉按钮”折叠批量操作选项;
- 批量操作后,需保留原有勾选项。
二、约定可控参数
本节主要与研发约定原型中可控制的参数,也通过规范文档维护。文中会提供示例参数,及参数填写说明。
三、输出说明模板
组件名称前加个“规范”,便于团队识别规范组件;模板可直接写入注释,并存为Axure/墨刀元件库。
本次组件分三个组件说明,实际使用根据业务情况增减内容。
1. 勾选(必须)
组件名称:规范-表格-批量操作-勾选。
具备此组件的表格,需支持多选操作。
2. 统计(可选)
组件名称:规范-表格-批量操作-统计。
统计项1:
- 数据计算方式
- 数据显示规则
统计项2:
- 数据计算方式
- 数据显示规则
3. 操作(可选)
组件名称:规范-表格-批量操作-操作。
1)操作1
操作说明
2)操作2
操作说明
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!