快速实现自定义打印功能
Sen
• 发表于:2021-02-26 18:39:28 • 更新于:2021-12-03 19:51:08
507

实例背景:

项目客户需要大量的标签打印功能,前端工作量有点大。白码低代码开发平台有自定义打印的功能,很快就能做出来。

目标:

实现打包箱箱码的打印,打印标签格式如下图所示,尺寸为80*60mm。

快速实现自定义打印功能

前期准备:

准备产品数据表,其中包括产品料号的属性;

快速实现自定义打印功能

实现步骤:

创建一个打印页类型的自定义页面,命名为“箱号”;

快速实现自定义打印功能

①进入页面,点击页面设置,选择纸张大小为“内部箱号80mm*60mm”;

快速实现自定义打印功能

②根据打印格式,排版出页面,可以先把内容写死;

快速实现自定义打印功能

③根据不同的产品,会打印出不同的内容,这些数据都需要作为路由属性添加到页面属性,分别是:产品料号、客户料号、数量和打包日期;

快速实现自定义打印功能

④再把这些属性对接到对应图层;

快速实现自定义打印功能

快速实现自定义打印功能

全部要对接好后,保存页面;

⑤回到功能流程,新建一个功能,命名为“打印产品箱号”;

快速实现自定义打印功能

⑥编辑功能,第一步使用选择数据的步骤,选择产品,即选择需要打印箱号的产品;

快速实现自定义打印功能

⑦第二步使用交互输入的步骤,让用户本次打印箱号的客户料号、数量和打包日期;

快速实现自定义打印功能

快速实现自定义打印功能

⑧第三步则使用打印的步骤,操作选择“自定义页面”,模板选择“箱号”(前面做好的打印页);

快速实现自定义打印功能

打开步骤设置,添加属性,并根据打印页路由属性的名称对应上第一步和第二步的属性,例如:路由属性的产品料号,对应第一步选择产品的产品料号;

快速实现自定义打印功能

测试结果:

快速实现自定义打印功能


本文是否对您有帮助?
有帮助
没帮助
您是否遇到了以下问题?
内容过期或不准确
缺少场景、事例
链接有误
太简单,步骤待完善
其他
提交反馈
如需获取即时帮助,请联系
小助理
微信扫码添加小助理
让你的想法快速变成软件吧~
联系我们
售前咨询电话
020-88520693
意见箱 · 建议反馈
您的宝贵建议,使白码更完美!
微信扫码添加白码小助理