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

目录:

1.描述编辑

我们可以通过按钮添加提交入库事件来实现表单填报功能

注:移动端app需要更新2016-06-30以后的版本

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端效果预览

保存模板,点击预览即可查看效果。在线查看模板效果请点击FormFilling.frm

已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FormFilling.frm

2.5移动端模板样式调整

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

另存为模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FormFilling-app.frm

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