PC端

表格

看板

设置样式

管理看板信息，可以显示/隐藏列，也可以只显示内容不显示列名称

设置分组字段分组数不能超过20个，超过20需要重新设置分组

折叠分组

当分组较多时，点击分组右侧按钮选择折叠/展开，让信息更加聚焦

删除分组

• 鼠标移动在分组卡片，点击右上角的删除图标
• 分组可删除，删除后原分组记录移动至未分组中，设置为分组字段的值被清空
• 未分组不能删除

修改分组名称

• 修改分组名称长度不能超过字段存储长度
  
• 支持解析HTML标签
• 只有字段是单行组件的可以修改分组名称，其他组件不支持修改分组名称

分组拖动排序

除未分组外，其他分组支持拖动排序

分组内数据拖动排序

选中分组中的记录数据，鼠标放在拖动图标上，按住后拖动至其他分组中，修改分组字段的内容；也可以组内拖动，分组内数据要能拖动排序必须先设置序号字段

未分组

• 始终显示，未满足分组条件的记录，将统一未分组中，并且固定在最左边的位置。
• 未分组中的记录可拖动，未分组这个分组不可拖动。
• 未分组名称不能修改

添加/删除分组数据

有新建数据权限才能进行添加或删除操作

展示效果图

相册

相册视图是将记录以卡片的形式展示，以记录附件中的图片作为封面，适用于名片、物料和菜单等场景

新增记录

在相册视图中，点击视图末端的添加，可以新增卡片。显示添加的前提是需要有新建数据的权限，新建数据权限同表格视图

标题字段

选择字段作为卡片的标题，在卡片中显示在字段的最上面，加粗加黑显示，也不能参与排序

• 标题字段设置隐藏后，在卡片中隐藏，作为标题不被隐藏
  
• 支持的组件：单行、多行、数值、货币、列表、单选组、复选组、日期、时间、日期时间、手机号、邮箱、链接、身份证号、地址簿、网格字典、分类字典、树形字典、流程字典、省市县、流程号，其他的组件不支持

设置筛选

使用主线字段、过滤字段来过滤记录，页面中只显示符合条件的记录卡片，主线字段、过滤字段支持同时设置两者是AND关系进行筛选，让数据更聚焦。

• 主线字段、过滤字段不能选择重复的字段
  
• 主线字段、过滤字段支持的组件：单行、多行、数值、货币、列表、单选组、复选组、日期、时间、日期时间、手机号、邮箱、链接、身份证号、地址簿、网格字典、分类字典、树形字典、流程字典、省市县、流程号，其他的组件不支持

卡片布局

决定卡片，每行展示几个，默认5个，最小2个，最大6个

不支持移动端，移动端始终显示2个

点击规则

详见数据视图-列属性/字段属性中的点击规则

不支持内嵌下方

设置样式

在相册视图中对记录卡片的样式进行调整，让信息更加聚焦，版面更加简洁。

• 是否展示封面，封面效果是否拉伸
• 显示/隐藏字段列，是否展示列名
• 对字段列进行排序

创建相册视图时，附件字段中的图片将作为封面图，如有多个附件，默认展示第一个附件字段的图片。附件列中如有多张图片，点击封面图弹出放大通过箭头切换浏览。

封面图可选择拉伸或自适应模式，拉伸时填充整个封面区域，自适应则是将图片按比例缩放后完整显示。

卡片信息可选择显示/隐藏所有字段列，也可以通过字段列名后的开关来控制。另外，还可以设置是否显示字段列名称，简化卡片信息。

拖动字段列名称前的按钮，快速调整卡片上的字段顺序。

展示效果图

时间轴

• 高级开发人员可通过修改JSON结构自定义展示内容、样式

建议在配置数据源字段列表中设置日期字段的排序规则

展示效果图

甘特图

甘特图视图基于表格中的日期列生成，支持日期、开始日期、结束日期等列类型以及其他输出值为日期的列。如果表格内没有日期类型，需要创建后才可以生成甘特视图。

视图配置区

同表格视图，配置查询条件、配置按钮、配置分组标签等操作

任务列表区

任务列表区的操作与表格视图保持一致，用于设置样式、显示规则、点击规则、修改规则等任务字段名称

图形配置区

普通模式

• 需要配置开始日期、结束日期，甘特图上才显示任务条，如果日期中没有值，则需要填充后才能显示任务条。

• 配置序号字段,排序方案隐藏
• 配置序号字段，鼠标悬停在对应的字段上纵向拖动任务改变其排序

• 配置序号字段后，通过指定序号插入数据

WBS模式

• 其他配置属性同普通模式
  
• WBS模式下支持对下级序号列缩起展开操作

任务图形区

• 清晰呈现任务的开始日期、结束日期和进度,以任务条形式展式
  
• 任务条颜色浅的是任务周期，拖动任务条的两端可调整任务周期，改变任务条对应的开始和结束日期,同步任务列表区中的开始、结束日期字段值
  
• 任务条颜色深的是任务的完成进度情况，鼠标放在颜色深进度条最右边可以左右拖动任务进度
  
• 开始日期、结束日期和进度都需要在图形配置区配置

• 在图形区右上角，点击选择日期的聚焦格式，支持日、周、月、季、年 4 种精度查看任务进度，还可以指定当天的，在图中用一根蓝线标记当天

展示效果图

普通模式

WBS模式

日历(表格/时间轴)

日历模式不能单独使用，需配合表格、时间轴联合使用。

• 必需配置一个日期字段与日历关联，展示时将自动按该日期字段在日历中切换过滤
• 其它属性配置同表格、列表、卡片、时间轴的相关配置

展示效果图

日历表格	日历时间轴

导航树

• 鼠标划动到展示导航的区域中间，会显示"添加"的操作
• 点击"添加"，弹出配置框

导航树配置

固定值

配置详见配置查询条件-范围查询-固定值

范围值

配置详见配置查询条件-范围查询-范围值

常规SQL

配置详见配置查询条件-范围查询-常规SQL

树形SQL

过滤条件是单一字段，值由可构建层级关系SQL结果集匹配。

>

参考值配置

• 节点图标 可自由设计图标，图标由iconFontCode,iconFontColor两部分组成
• 子节点图标 同上
• 节点文字样式 CSS样式，如：color:blue;font-size:12px
• 子节点文本样式同节点文字样式
• 单击事件 单击树节点触发的事件名称
• 过滤事件 实现com.actionsoft.bpms.dw.design.event.DataWindowTreeFilterEventInterface接口的类，示例：

import java.sql.ResultSet;
import java.sql.SQLException;

import com.actionsoft.bpms.dw.design.event.DataWindowTreeFilterEventInterface;
import com.actionsoft.bpms.server.UserContext;

public class DataWindowTreeSqlFIlterEvent implements DataWindowTreeFilterEventInterface {

  /**
   * 树的节点过滤方法
   * @param me  用户上下文
   *  @param rs 数据集
   * @return 返回 true 过滤掉此数据
   * 说明：
   * 1.必须实现类 com.actionsoft.bpms.dw.design.event.DataWindowTreeFilterEventInterface
   * 2.此示例实现的是 : 过滤掉测试部门
   */
  public boolean treeSqlFilter(UserContext me, ResultSet rs) {
    String name = "";
    boolean f = false;
    try {
      name = rs.getString("departmentname");
      if (name.equals("测试部门")) {
        f = true;
      }
    } catch (SQLException e) {
      e.printStackTrace();
    }
    return f;
  }

}

展示效果图