如何制作一个报表单,让每个单位来填报,填报后数据可直接展示在可视化大屏上,实现每天数据实时分析?

如何制作一个报表单,让每个单位来填报,填报后数据可直接展示在可视化大屏上,实现每天数据实时分析?

FineReport csh1230 发布于 2019-4-24 09:03
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
1
吾姓独孤Lv6高级互助
发布于2019-4-24 09:07

你这个分俩步骤,一个是填报,填报就填报,大屏定时刷新试试?

最佳回答
1
尘埃。Lv2初级互助
发布于2019-4-24 09:25

一步一步来,你先做填报,做完之后我教你做大屏



1. 描述编辑


由于决策报表里不支持cpt里的填报预览,我们可以通过添加按钮控件的提交入库事件或添加网页框控件插入报表来实现决策报表填报功能。

2. 示例一编辑

2.1 设计决策报表样式

 

左侧为标签控件,描述右侧的控件,分别给右侧的控件修改控件名,控件值,最下面为提交按钮,具体如下:

描述  控件类型    控件名称控件值    数据字典
  姓名  文本控件  name  if(len($fine_username)=0,"admin",$fine_username)  无
  请假类型  下拉框  type  无  事假,年假,病假
  开始时间  日期控件  startday  now()  无
  结束时间  日期控件  endday  now()  无
  请假天数  文本控件  day  DATEDIF($startday,$endday,"D")+1  无
  请假理由  文本域控件  reason  无  无
  提交  按钮控件  submit  无  无


2.2 给按钮添加提交入库事件

222

注:值前面有$符号,代表是引用这个参数。

但是此时填报成功/失败的话,没有提示,因此我们需要设置一下回调函数,来提示我们填报成功与否

2.3 点击设置回调函数

222

完整js如下:

  1. if (fr_submitinfo.success) { FR.Msg.toast('提交成功'); } else { FR.Msg.toast('提交失败'); }  

注:success只表示后台程序执行没有异常,不表示数据提交成功。

2.4 PC端效果预览

保存模板,点击预览即可查看效果。在线查看模板效果请点击决策报表填报.frm

已完成模板可参考%FR_HOME%\webroot\WEB-INF\reportlets\doc\Form\决策报表填报.frm

2.5移动端模板样式调整

打开模板%FR_HOME%\webroot\WEB-INF\reportlets\doc\Form\决策报表填报.frm,调整决策报表的宽度,同时设置手机端不重布局,如下图:

另存为模板%FR_HOME%\webroot\WEB-INF\reportlets\doc\Form\决策报表填报-移动端.frm

移动端可以通过直接app内预览或者增加参数&op=h5在浏览器里预览,即可查看效果。


3. 示例二编辑


通过添加网页框控件插入报表来实现决策报表填报功能。

注:移动端不支持网页框控件


3.1 安装 网页框控件 插件


具体操作步骤请参考:网页框控件


3.2 添加网页框控件


选中网页框控件,属性-地址与参数,设置对应的模板(模板路径或网络模板)。

222

注:模板url尾部务必添加&op=write(以填报预览)。


3.3 效果预览


决策报表预览,如图:

222




如果解决了您的问题,请及时采纳,谢谢

  • 3关注人数
  • 1379浏览人数
  • 最后回答于:2019-4-24 09:25
    请选择关闭问题的原因
    确定 取消
    返回顶部