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

目录:

1.描述编辑

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

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

2.操作步骤编辑

1

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给按钮添加提交入库事件


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

3. 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内预览,即可查看效果