1. 概述
1.1 场景描述
员工的就餐满意度直接关系到对企业的满意程度，甚至会影响企业的员工流失率。
当企业有内部食堂或者会给员工提供统一订餐服务时，多多少少都会存在一些管理上的难点和痛点：
食物浪费严重：每天去食堂吃饭的人数不统一，食堂为了保证餐食足够会准备更多的饭菜，经常导致大量浪费。
口味各异难调和：大家口味不同，各自有自己喜欢吃的食物，准备同样的分量，经常导致某些菜品大量剩余以及某些菜品不够
餐卡支付问题多：支付方式大多还是餐卡形式，且餐补也是直接充值到餐卡中，如果餐卡忘带或丢失那就吃不上饭。
1.2 解决思路
为了解决上述问题，企业在员工用餐管理时要实现：
提前收集用餐信息：提前收集有多少人就餐和要吃什么，吃多少准备多少，减少食物浪费，降低成本支出。
信息录入简单高效：最好能够使用手机填写，这样方便又快捷，且订餐提交后支持修改或删除。
取餐支持移动支付：员工录入就餐意向时可以直接选择套餐，取餐时直接扫商家二维码完成支付，不再局限于餐卡支付。
为此帆软推出了「食堂订餐」方案，采用 FinReport 「移动端填报」功能实现订餐信息高效收集和管理，提高员工就餐满意度。
订餐系统设计架构：
对应需求拆解和功能实现：
1.3 案例演示
1）填写订餐信息 2）订餐查询和修改
2. 功能拆解
通过手机填写信息，可以使用 FineReport 填报功能设计好填报报表后，通过移动端预览功能在移动端预览填报。
了解 FineReport 填报功能可查看：填报简介
了解 FineReport 移动端功能可查看：移动端简介
2.1 填写订餐信息
员工直接在手机上填写订餐信息。如下图所示：
这里选择用决策报表实现填报。了解决策报表填报可查看：决策报表填报
2.1.1 设计页面
对应功能：单元格、填报控件
在模板中添加报表块和控件，设计填报报表样式。如下图所示。
单元格样式如何设置可查看：单元格样式，如何选择控件和修改控件属性可查看：控件简介
2.1.2 设置入库
对应功能：提交入库
1）页面设计好后，需要将页面上的控件和数据库的字段一一绑定，实现将页面上填写的文字、数据等写入数据库。
决策报表中可以使用按钮的「事件>提交入库」实现绑定。如下图所示：
了解「提交入库」功能可查看：内置SQL提交
了解「控件事件」功能可查看：控件事件
2）提交成功后，页面将会自动跳转到查询订餐页面，可以使用「设置回调函数」功能。在回调函数中写 JavaScript 跳转到另一个查询订餐记录页面。如下图所示：
了解「回调函数」功能可查看：决策报表填报
如何通过 JavaScript 跳转到另一个页面可查看：全局接口-FR
2.2.3 手机填写
对应功能：移动端预览
绑定数据库字段后，就可以在手机上填写订餐信息了，填写后点击提交即可写入数据库。
使用「移动端预览」功能预览页面，在控件中填写信息后点击提交，提交成功后，在数据库中就可以查看到填写的信息。如下图所示：
了解「移动端预览」功能可查看：［通用］移动端填报
数据库中填入的信息如下图所示：
2.2 查询订餐记录
手机填写订餐后，员工如果想要找到填写的信息，这时候就可以通过 FineReport 的展示功能做一张查询报表，在填报页面添加超链点击跳转到这张查询报表。如下图所示：
2.2.1 设计查询报表
对应功能：决策报表
在决策报表中添加控件和报表块，做一张简单的查询报表。如下图所示：
决策报表报表块如何使用可参考：报表块
决策报表如何实现查询可以查看：决策报表自动查询
2.2.2 跳转到查询报表
对应功能：超链接
填报页面添加超链到查询页面。如下图所示：
如何添加超级链接到另一张报表可查看：超级链接-网络报表
用手机预览，点击超链接，即可跳转到查询页面，查询页面如下图所示：
2.3 修改订餐记录
员工填写后，如果想要修改填写的信息，比如重新选择套餐、食堂，或者想取消套餐，就可以再次通过填报修改或删除数据库中的信息。如下图所示：
2.3.1 跳转到填报页面
对应功能：超链接传参
给记录所在行添加编辑和删除功能，点击对应的超链跳转到填报页面，将记录上的标标志性数据通过参数传递到填报页面。如下图所示：
如何实现超链接传递参数可查看：超级链接到有参数的模板
2.3.2 实现默认填写
对应功能：控件默认值
点击超链后，跳转到填报页面，在填报页面要根据传递的参数从数据库中找出对应的记录，填写在填报控件中。如下图所示：
控件设置默认值功能可参考：控件默认值
2.3.3 实现修改和删除
提交、编辑、删除用了同一个填报模板，只是实现不同的提交。
1）添加一个删除按钮，默认用 JavaScript 将其隐藏，当从删除处传递参数时再将其显示出来。如下图所示：
对应功能：控件初始化事件
了解控件初始化事件可以点击：控件事件
使用 JavaScript 隐藏控件可查看：控件通用
2）删除按钮使用「删除提交」，更新也使用提交按钮，但可以通过设置提交条件实现更新和插入数据，插入时使用「插入提交」，更新时使用「插入提交」。如下图所示：
对应功能：设置提交条件
了解「设置提交条件」可以点击：填报提交条件
了解提交类型可以点击：提交类型
上一篇：移动端案例
