示例图

标准

列表页面布局标准

  1. 默认配置为上下结构,上方区域为:查询及操作区域,主要配置查询策略、关键字查询、高级查询、以及标记、新增、编辑、删除等操作按钮。下方区域为:列表数据展示区域。

  2. 列表页面若需要快速查询,则配置在左侧区域。为了提升页面显示速度,左侧的快速查询区域默认为收起状态。

列表数据配置标准

  1. 列表数据列显示顺序为:勾选列、No.、编号、名称、审核状态、标记、批注、业务状态、其他数据列等。注:根据业务功能实际情况,可以微调列顺序。

  2. 编号或名称列,配置超链接样式,支持点击进入表单。

  3. 文字类型的数据列,标题及数据采用居左对齐显示。

  4. 图片类型的数据列,标题及内容居中对齐显示(例如:标记,、批注、客户画像等)。

  5. 特殊状态、分类的数据列,需要在数据字典中勾选字体颜色。

  6. 数据列的数据未输入值时,需要在列表显示“未知”,字体为灰色。

  7. 左侧快速查询区域,需要显示各个条件的数量。

  8. 列表最后一列使用填充列的方式进行配置。

  9. 列表数据排序规则,默认按创建时间倒序。若有特殊需求,可进行组合排序。

列表数据列宽度配置标准

列表页面数据列的宽度,均为20的倍数,最常用的宽度为:100、120、220。当数据内容字数特殊时,可以根据实际情况适当增减20宽度。各个宽度适用于数据列的情况如下:

  1. 宽度:220。适用于列表主字段(文字较多的主数据列),例如:标题、主题、客户名称等。

  2. 宽度:200。适用于邮箱、备注。

  3. 宽度:160。适用于时间格式(显示到时分秒),例如:创建时间(2019-06-24 14:18:08)。

  4. 宽度:140。适用于文字数量比主字段稍少时,例如:客户简称。

  5. 宽度:120。适用于数据字典列(分类、级别)、手机、电话、部门等。例如:手机、信息来源、客户状态、客户级别、部门。

  6. 宽度:100。适用于标记、人员名称、审批状态、金额、几率列,例如:标记、联系人、创建人、流程状态、金额、几率。

  7. 宽度:80。适用于数据为1个字的列,例如:性别(男、女)、主联系人(是、否)。

最后编辑: 吝志超  文档更新时间: 2024-04-28 13:13   作者:吝志超