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

目录:

1.描述编辑

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

2.操作步骤 编辑

2.1设计决策报表样式
 

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

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


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

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

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


2.3点击设置回调函数



完整js如下:

if (fr_submitinfo.success) { FR.Msg.toast('提交成功'); } else { FR.Msg.toast('提交失败'); }
2.4 PC端效果预览

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

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


2.5移动端模板样式调整

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


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

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


关键字:决策报表填报