1）在 FineReport 设计器左上角点击「文件>新建可视化看板」。
2）在「创建空白看板」Tab 中，可自定义模板名称和尺寸，选择 模板样式 为「内置样式>浅色主题一」。
3）点击「创建看板」。
新建数据库查询 ds1 ，输入 SQL 查询语句：
这段 SQL 表示根据变量 type 的不同值（"日报"、"月报"或其他）生成不同的条件来筛选订单数据，条件包括日期、月份和年份。
1）点击组件区「其他>表格组件」，添加到画布中，并将其拉动到合适的大小和位置。
2）选中表格组件，点击右侧配置区「内容>编辑组件」，进入表格编辑界面。
3）表格主体设计如下图所示，将 ds1 数据集中的「订购日期、发货日期、运货商、货主名称、货主地址、货主城市、货主省份」字段拖入单元格。
4）选中 A3 单元格「订购日期」字段，点击「单元格元素>基本」，将数据设置修改为「列表」。
5）设置完成后点击左上角「返回可视化看板」返回画布。
2.4.1 添加组件
1）点击组件区「其他>标题」向画布中添加四个标题组件，调整到适当的位置。
2）标题内容分别设置为 、、、 ，对应需要的参数类型。
3）点击组件区「控件」，向画布中添加三个下拉框控件、一个日期时间控件，调整到适当的位置。
2.4.2 设置下拉框控件
1）从左到右选中第一个下拉框控件，绑定参数设置为「type」。
选项值来源类型设置为「自定义」，实际值和显示值相同，为年报，月报，日报。
选项值来源设置完成后，设置默认值为「年报」。
2）从左到右选中第二个下拉框控件，绑定参数设置为「year」。
选项值来源类型设置为「自定义」，实际值和显示值相同，为 2010、2011。
选项值来源设置完成后，设置默认值为「2010」。
3）从左到右选中第三个下拉框控件，绑定参数设置为「month」。
选项值来源类型设置为「自定义」，显示值和实际值相同，为 01 ~ 12 。
选项值来源设置完成后，设置默认值为「01」。
2.4.3 设置日期时间控件
选中日期时间控件，绑定参数设置为「date」。
默认值为自定义日期时间 2010-01-01，日期范围为自定义，起始日期为 2010-01-01，结束日期为 2011-12-31。
2.4.4 设置组件隐藏
2）双击组件名称，可重命名，将四个标题组件重命名为 报表类型、年份、月份、日期 。
3）鼠标悬浮组件名称时，点击组件左侧的小眼睛 icon，可切换组件显示/隐藏状态。设置日期和月份对应的组件隐藏。
1）选中 type 下拉框控件，在「交互>添加事件」中为其添加「编辑结束」事件。
2）事件名称自定义为「控件联动」，输入 JavaScript 执行脚本。
JavaScript 执行脚本如下所示：
2.6.1 PC 端
点击「预览」，效果如 1.2 节所示。
2.6.2 移动端
移动端请先开启 移动端布局 ，预览方式请参考 FVS移动端预览 。效果如下图所示：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/171703.html