历史版本7 :决策报表填报 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
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内预览，即可查看效果