飞搭系列 | 教你如何调用移动端扫码、定位、附件上传等原生能力

224 阅读8分钟

飞搭低代码平台(FeiDa,以下简称“飞搭”)是基于低代码理念打造的融合 aPaaS 平台,助力企业快速搭建业务应用。作为 HZERO 生态的重要组成部分,致力于充分融合 HZERO 的各平台能力,提供企业用户在线化灵活搭建业务应用的能力,支撑企业普惠化(低门槛、高协作)、敏态化(高效率)和低成本化地快速响应市场变化,加速复杂业务场景落地。

概要介绍

 Introduction

在企业移动办公时代,越来越多的业务场景接连出现,而实现多种业务场景离不开丰富的移动技术能力。

飞搭移动端提供丰富的预置原生能力,包括扫码、定位、图片及文件上传等。预置原生能力不仅支持在飞搭APP中使用,同时也兼容多个第三方平台,如海马汇、企业微信、钉钉、飞书,即无需额外对接,可以直接使用。

此外,飞搭移动端还支持定义自定义插件,并可在页面中配置使用,此部分将在后续飞搭系列介绍。

本篇将结合不同场景,介绍多个移动端的预置原生能力,主要包含以下几个部分:

● 扫码:调用手机扫码能力,支持通过扫描二维码/条形码获取信息,通常用于物料出入库场景;

● 定位:调用手机定位能力,支持获取当前的位置信息,通常用于员工打卡场景;

● 文件上传:调用手机文件查看及上传能力,支持获取手机文件进行上传,通常用于费用报销场景的发票上传场景;

● 图片上传:调用手机相机拍照及图片查看能力,支持预览图片、拍照及图片上传,通常用于门店送货确认图片上传场景。

接下来通过几个常见的业务场景为大家介绍飞搭移动端提供的原生能力,欢迎阅读下文:

扫码应用

场景一 扫码实现物料快速入库

1 场景说明

在库存管理业务中,仓管人员需要在物料到货时,在仓库接收物料并核实物料到货信息。在此过程中,仓管人员可以使用移动设备进行物料扫码入库,极大的提高工作效率。

2 页面配置

搭建移动扫码操作页面,首先拖入库位表单、库位物料列表、按钮等组件完成页面搭建(页面搭建介绍可查阅 《飞搭系列 | 移动端灵活设计工作台、财务报销及合同管理页面》 ,再具体配置扫码相关的功能,主要为以下两个功能:

扫描库位码后,结果写入“库位编码”

01 配置字段扫码操作图标

开启库位字段的右侧按钮属性,图标设置为scan

02 配置“扫码填写库位”

拖入移动端插件执行节点,插件选择扫码,入参支持配置扫码类型,出参目标对象配置为页面字段-库位表单-库位编码

扫描物料码后,将物料添加至库位

01 配置按钮扫码操作图标

将列表头按钮图标设置为scan并设置为只显示图标

02 配置“扫码添加物料”事件流

第一步,拖入移动端插件执行节点,插件选择扫码,入参支持配置扫码类型,出参目标对象配置为页面字段-库位物料关系列表-物料编码;

第二步,拖入前端自定义节点,将表单的库位编码赋值给列表行数据的库位编码。

3 实际使用效果

​扫描物料码后,成功将物料添加至当前库位中:

场景二 扫码实现设备巡检问题快速录入

1 场景说明

在运维服务业务中,运维人员需要定期对设备进行巡检,以及时发现设备缺陷和隐患。在此过程中,运维人员可以使用移动设备快速扫描出现问题的设备机器进行问题记录,确保巡检工作的质量且也提高了工作效率。

2 页面配置

与物料入库场景相同,步骤分为:

1)搭建扫码操作页面:页面配置与上述场景相同,此处不再赘述;

2)具体配置扫码相关的功能:扫码相关功能也与上述场景相同,需要配置扫码操作图标以及使用移动端插件执行节点完成扫码能力的调用,此处不再赘述。

3 实际使用效果

扫描设备码后,成功获取当前存在问题的设备信息,运维人员可直接继续填写内容:

定位应用

获取定位实现限制员工打卡范围

1 场景说明

员工考勤管理业务中,为获取真实的考勤信息,公司常会需要限定员工打卡的地理位置范围。为更准确且高效的实现此业务,我们可以通过获取打卡时的地理位置来对比打卡范围。 **

2 页面配置

首先可以使用打卡记录表单、打卡按钮等组件搭建员工打卡页面,再配置定位相关的功能,步骤如下:

**01 配置“调用定位”事件流 **

新增事件流,拖入移动端插件执行节点,插件选择定位,入参可以根据需求进行配置,经度和纬度分别出参至页面字段-打卡记录表单-经度、页面字段-打卡记录表单-纬度;

02 配置“判断打卡范围”的条件

新增条件并使用自定义取值,判断获取定位后的字段数据是否在打卡限定的经纬度范围内,具体操作可以查阅 《飞搭系列|轻松搞定页面逻辑:条件、数据控制和状态变更》

03 配置条件判断结果处理

拖入条件节点,在打卡范围内时保存打卡记录表单,并气泡提示:打卡成功;反之,则气泡提示:不在打卡范围内,打卡失败。

3 实际使用效果

点击提交打卡后,成功获取当前打卡位置并与打卡范围对比,并根据配置显示提示:

备注:此处的经度、维度仅作为演示使用,实际配置时可隐藏,体验更友好

文件上传应用

文件上传实现快速上传发票

1 场景说明

费用报销业务中,在编辑报销单时,维护费用通常需要添加发票,此时我们可以通过文件上传提供快速上传发票的方式。 **

2 页面配置

首先可以使用费用表单、保存按钮等组件搭建维护添加费用页面,再配置文件上传相关的功能,步骤如下:

/ / ****附件字段属性修改:

将发票字段的支持附件类型属性修改为文件

3 实际使用效果

点击上传附件按钮,进入本地文件列表,勾选发票之后点击确定则成功上传发票,可继续维护其他信息:

图片上传应用

拍照上传实现快速上传门店照片

1 场景说明

物流配送业务中,业务员送货至门店后,为保证货物送达的真实性,通常要求将货物和门店的照片上传之后才能修改状态为已送达,此时我们可以通过拍照提供快速上传照片的方式。

2 页面配置

首先可以使用送货记录表单、提交按钮等组件搭建维护送货记录页面,再配置图片上传相关的功能,步骤如下:

/ / ****门店与货物图片字段属性调整:

将门店与货物照片字段的支持附件类型属性修改为图片

3 实际使用效果

点击上传附件按钮,选择拍照,使用相机拍照后点击”√”,则成功上传照片,可继续维护其他信息:

结语

本篇通过物料入库、员工打卡、发票上传等场景介绍了飞搭移动端提供的扫码、定位、文件上传、图片上传等原生能力,这些能力可实现企业常用业务场景需求。此外,飞搭移动端也提供自定义插件定义及配置使用,将在后续为您介绍。

飞搭移动端低代码平台是一款易用且功能强大的移动应用开发平台,相对于传统的应用开发方式,飞搭平台具有更高的效率和更低的门槛。通过使用飞搭平台,您可以快速搭建简单或复杂的移动应用,从而更好地满足用户的需求。

接下来,我们将持续推出飞搭平台专题系列教程,帮助您更好地掌握飞搭平台的使用技巧,敬请期待!

联系我们 CONTACT US

1 如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档:

请在PC端打开 👉汉得焱牛开放平台

open.hand-china.com/document-ce…

2 如果您有疑问或者建议,可以通过开放平台进行工单反馈,问题分类请选择【产品/汉得aPaaS平台-飞搭】:

请在PC端打开👉汉得焱牛开放平台

open.hand-china.com/

3 相关产品咨询或更多信息了解,欢迎联系我们

邮箱:openhand@vip.hand-china.com

更多精彩内容,扫码关注 “四海汉得” 公众号