历史版本2 :销售计划录入表 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 场景描述

涉及到生产和销售的企业一般都会制定销售计划,而且这个计划可能因为一些其他因素进行改动。

为了让生产、库存、采购等部门第一时间获取销售计划变动情况,进而及时调整生成、库存计划,销售计划录入的及时性就变得十分重要。

传统 Excel 录入形式需要多节点审批和汇总,才能最终完成销售计划的修改工作,处理起来麻烦且时效性得不到保证。

1.2 实现思路

使用 FineReport 填报功能制作线上销售计划录入表,不仅可以导入 Excel 数据直接入库,还可以实时修改和线上审核,效率便捷两不误。

销售计划录入表封面.png

2. 制作说明编辑

2.1 表格设计

设计填报模板第一步就是对整体布局和样式做规划,哪些单元格加说明文字,哪些单元格添加控件等等,要先考虑清楚。

示例中将数据库表中已有数据通过数据集字段的方式显示在前端,用户可以修改这些已有的数据,如果想实现空表录入,可以去掉这些字段。

单元格样式如何设置可参考文档:单元格样式

如何选择控件和修改控件属性可查看:控件简介

Snag_29a8bc6c.png

2.2 功能设计

2.2.1 数据校验

表格中年底计划的目标值应该等于其他四个季度的目标值之和,在填报录入数据时,需要保证年底计划值等于四季度值之和,不然不予录入。

这样的数据录入规则是通过数据校验功能实现的,校验公式为:G6=H6+I6+J6+K6,当不满足公式时就会报错且数据不予录入。

Snag_2a1ff684.png

功能实现对应文档:内置校验

2.2.2 实现隔行变色

为了让表格看起来更美观,交替的隔行变色是不错的表现效果,隔行变色的原理就是让奇数行和偶数行的背景色不同。

示例实现的是灰底和白底交替变色的效果,由于单元格默认是白底,所以设置时只需要通过条件属性设置灰底即可。

此处是选中 B6~K6 单元格,将偶数行设置为灰底,对应的条件公式为:row() % 2 = 0,代表偶数行生效。

Snag_2a231048.png

功能实现对应文档:隔行/列设置背景色

2.2.3 去掉选中单元格的黑框

填报时只要选中单元格,就会出现一个黑框,很影响美观,那么该怎么去掉呢?

给模板添加一个加载结束事件,即可去掉黑框,设置方法见下图:

Snag_2a26c9d5.png

事件对应的 JavaScript 代码如下:

_g().curLGP.hideSelectFrame();

功能实现对应文档:填报常用技巧

2.2.4 实现Excel导入

直接将Excel导入按钮添加到填报预览页面的工具栏即可,如下图所示:

Snag_2a29eca1.png

功能实现对应的文档:Excel标记导入

2.3 入库设计

在设计好表格和功能后,就要将需要入库的单元格跟数据库表中的字段绑定起来,这样用户填报提交后,这些数据可以存放到数据库中。

设计入库可以通过设计器菜单栏「模板>报表填报属性」来实现,详细的设置方式参见文档:内置SQL提交

本示例设置 1 个内置SQL提交,也就是填报后的数据将保存到 1 张表中,具体的字段绑定设计如下图所示:

Snag_2a2cce5c.png

3. 在线体验编辑



4. 模板下载编辑