跳到主要内容

设计器表单

当用户使用JeecgBoot低代码平台时，可使用设计器表单组件进行业务数据统计

设计器表单是与业务表单进行关联使用的组件，需要与JeecgBoot低代码平台中的“表单设计器”结合使用。可统计业务表单中的数据

注意： 此组件仅适用于使用商业版JeecgBoot低代码平台的用户

本示例以 “报销单” 为例，统计人员的报销金额

一、添加业务“报销单”​

1. 创建表单​

  • 打开JeecgBoot低代码平台，在“表单设计器”中，点击“新增”创建“报销单”

  • 打开表单设计，添加表单组件拖拽至设计区域，如：姓名、金额、报销日期

2. 添加报销数据​

点击“表单设计器”列表的“表单数据”，可维护报销单数据

二、统计“报销单”数据​

1. 添加“设计器表单”组件​

点击“设计器表单”，弹出选择表单弹框，选择刚刚创建的“报销单”

2. 配置图表​

2.1 数据源设置​

在此部分，您可以切换其他表单作为数据源、设置时间范围、搜索字段等。

2.2.1 数据源选择​
  • 数据源：在此下拉框中，您可以选择所使用的数据源。在此例中，选择的数据源为“报销单”。
2.2.2 时间设置​
  • 时间：选择时间字段，用于筛选需要统计的数据。在此例中，时间选择为“创建日期”。
2.2.3 选择范围​
  • 选择范围：选择数据源中需要统计数据的范围；如“全部”、“今天”、“昨天”、“近7天”、“本月”、“上月”、“自定义时间”等。在此例中，选择的范围为“全部”。
2.2.4 字段搜索​
  • 字段搜索：通过在搜索框中输入字段名称，您可以快速查找需要的字段。在此例中，输入框为空，可以根据需要搜索字段。

2.2 图表数据配置​

在此部分，您可以选择需要的图表及类型，将工作表中的字段拖拽至右侧区域。即可显示图表。

在此例中，图表为“柱形图”，类型为“基础柱形图”，维度(X轴)为“姓名”字段，数值(Y轴)为“金额”

筛选：可将工作表中的字段，拖拽至筛选区域，从而过滤统计数据

3. 图表样式设置​

图表样式配置参考

图表数据配置完成后，保存即可将图表展示在大屏设计区域，再根据需要配置图表其他样式就可以了