1. 概述编辑
1.1 场景描述
企业日常工作中,会有一些扫描产品二维码、条形码查询产品\商品信息的场景。如:
零售店铺员工通过扫码商品条形码查询商品数量、销量,补充和清点库存。
生产制造商业通过扫码产品二维码查询产品的生产制造流程信息,进行全流程追踪。
超市商品,如有机蔬菜、水果,支持顾客通过扫码查询产地等生产信息。
快递等驿站通过扫描单号查询快递物流信息。
以上场景就可以通过手机直接扫描产品\商品条码或者二维码,快速方便的查询产品\商品信息。
1.2 实现思路
使用 FinReport 扫码查询功能,当扫描商品二维码时,将对应商品的数据从数据库中取出后展示在报表中。如下图所示:
2. 功能拆解编辑
通过手机查询信息,可以使用 FineReport 参数查询功能设计好报表后,在手机等移动端设备上预览。
了解 FineReport 填报功能可查看:参数简介
了解 FineReport 移动端功能可查看:移动端简介
2.1 设计查询
员工直接在手机上输入产品编号查询。如下图所示:
2.1.1 设计查询
对应功能:控件筛选查询
要想实现根据不同的商品编号查询不同的商品信息,就要实现控件查询,控件查询功能由参数、控件配合实现。如下图所示:
如何实现控件筛选查询可查看:控件筛选查询
2.1.2 动态显示图片
对应功能:单元格展示图片
设计好查询后,页面上的数据就会随着商品编码变化,要实现商品图片也要随着商品编码变化,有以下两种方案。
1)将图片信息上传到数据库中,和 2.1.1 节一样拖拉数据库字段展示。详细可点击:用图片显示内容
2)将图片上传到服务器,通过路径显示图片。详细可点击:TOIMAGE函数显示单元格图片
这里通过 TOIMAGE 函数的方法实现。如下图所示:
2.1.3 设计页面
对应功能:单元格、填报控件
在模板单元格中设计报表样式,这里报表类型为决策报表,所以在报表块中设计内容和样式。如下图所示:
单元格样式如何设置可查看:单元格样式
决策报表报表块如何使用可参考:报表块
2.2 实现扫码查询
通过手机扫描二维码查询。如下图所示:
2.2.1 设置扫码输入
对应功能:文本控件扫码输入勾选文本控件的「支持手动和扫码功能」。如下图所示:
了解文本控件扫码功能可查看:文本控件
2.2.2 扫码后自动查询
对应功能:_g().parameterCommit()接口
文本控件扫码后,只会显示出二维码的商品编号信息,如果要触发查询,可以通过添加 JavaScript 事件来实现。如下图所示:
了解_g().parameterCommit()接口可查看:全局接口
了解控件事件可查看:控件事件
完整实现过程可参考:[App]JS 实现扫码查询信息