历史版本7 :自由报表填报 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

在线视频请查看:自由填报报表

自由填报报表采用自由报表的样式,可以在多行录入数据。自由填报报表可以自定义报表的布局,具有样式自由、风格多样的特点。

2. 示例编辑

2.1 示例效果

制作一张员工信息登记表,使用多种类型的填报控件录入数据。

图片2.png

2.2 数据准备

新建数据集 ds1,数据库查询对话框中写入 SQL 查询语句SELECT * FROM 雇员,取出「雇员」表中所有数据。

注:示例不需要查看报表已有数据,只需要录入数据,仍然新建数据集的目的是,控件设置数据字典时需要使用数据集中的数据列。

Snag_d40d195.png

2.3 报表设计

按照下图所示设计报表的样式:

Snag_d4dbda1.png

2.4 添加填报控件

按照下面表格中的说明给用于录入数据的单元格添加填报控件。详细内容可参见文档添加填报控件

单元格控件类型操作
C4文本控件
H4文本控件H4 单元格插入公式today( ),显示今天的日期
C6文本控件
F6单选按钮组控件自定义数据字典,添加两个单选按钮选项男、女
C7日期控件日期控件设置为日期型,采用yyyy-MM-dd格式
F7日期控件日期控件设置为日期型,采用yyyy-MM-dd格式
C8下拉框控件数据字典设置为数据集 ds1 的数据列职务
F8文本控件
C9下拉框控件数据字典设置为数据集 ds1 的数据列地区
F9下拉框控件数据字典设置为数据集 ds1 的数据列城市
C10文本控件
G10文本控件填写规则为邮编
C11文本控件填写规则为手机
G11文本控件填写规则为电话
B13文本域控件
H6文件控件文件类型为jpg、png、gif,大小限制为1024KB

Snag_d530b4b.png

2.5 设置填报属性

设置填报属性将需要录入数据的单元格跟数据库表中的数据列对应起来。

1)菜单栏选择模板>报表填报属性,打开报表填报属性设置对话框。

Snag_d71470a.png

2)报表填报属性设置对话框选择提交,点击,新增一个内置SQL的数据提交方法。选择提交类型为智能提交,数据库为FRDemo,表为雇员,先后通过智能添加字段智能添加单元格功能将单元格与数据库表中的数据列绑定起来,勾选「雇员ID」为主键。勾选未修改不更新,点击确定,即完成报表填报属性的设置。

注1:智能添加字段智能添加单元格的功能及操作在视频中有详细介绍,想要详细了解相关内容可查看在线视频自由填报报表

注2:勾选了未修改不更新后,在数据提交时,只提交有改动的数据,未修改的数据不会写入数据库。极大提高了填报报表的数据提交效率。

Snag_d7b3fb6.png

3. 效果预览编辑

3.1 PC端

1)点击保存按钮,保存报表。点击预览按钮,选择填报预览查看报表。

Snag_d8dbbd4.png

2)填报预览效果:

图片2.png

3.2 移动端

移动端查看报表的方式参见 报表移动端预览

Screenshot_20190906_103855_com.finereact.v10.jpg

4. 已完成模板编辑

已完成模板可参见:%FR_HOME%\webroot\WEB-INF\reportlets\demo\NewbieGuide\自由填报报表.cpt

点击下载模板:自由填报报表.cpt