Skip to content

3.10 移动端

3.10.1 移动端介绍

本节,我们来给大家介绍移动端的相关知识。移动办公是日常办公过程中必不可少的一种方式。Workfine在移动端支持表单填报,报表查询,流程审批,消息提醒,决策分析等诸多功能。基本满足在电脑端的操作,在移动端也能够实现。
移动端是指一些手持的终端设备,主要是手机和PDA。Workfine移动端的访问支持比较多样化:既可以通过钉钉、企业微信或者微信服务号等第三方进行集成访问;也可以通过手机浏览器,APP进行独立访问。

实现移动端访问的操作需要经过三个步骤:
一是进行网络配置,将移动端与服务器端的网络打通,让终端能够访问服务器;
二是进行访问配置,如果是通过企业微信、钉钉或者安卓APP需要进行一些集成配置;
三是设置移动端模板,由于电脑和手机屏幕大小的区别,一些展示样式上会有所不同,所以需要我们进行单独设置。但在Workfine中,同一个模板的逻辑在电脑端和移动端只需要设置一次即可。

img

3.10.2 移动端访问

移动端访问是指需要将移动终端与服务器端连通,连通需要处理两个主要问题:
一是网络要通,服务器端需要有固定的对外IP地址,或者服务器与移动端处于同一局域网中;
二是如果需要使用第三方应用集成(包括钉钉、企业微信或者微信服务号等),需要进行一些配置,将第三方应用与Workfine服务进行集成。

网络固定IP
网络,是我们进行系统操作的必备条件,服务器端和应用端需要通过网络来完成各种数据的传输。通常情况下,服务器和应用端电脑在一个局域网环境下,是很容易访问成功的,但移动端会不停的变换访问位置,因此不是随时都能够访问到服务器,为了让移动端能够随时访问成功,就需要服务器有一个固定的对外IP地址。 img 图: 网络访问原理

因此,具有稳定的对外IP地址对于移动端的访问是非常重要的,如果我们使用的是云服务器,或者拉有本地专线,这个问题就自然得到解决。如果本地服务器的网络不是专线,我们可以通过第三方工具花生壳来固定对外IP。

云服务器IP查看方法:

花生壳固定IP的方法:

移动端地址
我们确定好对外的固定地址和端口后,就可以确定移动端的访问地址了,Workfine应用端分为PC应用端和移动应用端,两端的访问地址有所不同,移动应用端的访问地址中会有app标识,以地址为bn100.com,端口号80为例,以下,分别为Workfine几端的访问地址:
PC应用端:bn100.com:80
移动应用端:bn100.com:80/app
设计端:bn100.com:80/designer
如果我们通过手机浏览器访问,或者独立的APP访问,则可以通过输入bn100.com:80/app实现移动端访问

集成配置
Workfine通过移动端的访问方式很多,包括第三方APP和独立的Workfine APP。如果我们想通过钉钉、企业微信、微信服务号或者RTX访问Workfine,还需要将第三方平台与Workfine进行一些集成配置,配置完成后,将形成第三方平台与Workfine的单点登录,用户只需要通过第三方平台的账户就能够直接登录Workfine应用系统,同时还能实现消息推送等功能。如果要使用独立的APP访问,也需要进行一些APP的安装和配置。

Workfine集成配置:钉钉集成,企业微信集成,微信服务号集成,RTX集成配置,参考文档:10.9 移动端集成

APP配置:https://community.bn100.com/exchange/aritcle/project/5947

手机浏览器:https://media.bn100.com/10yidongduan/shoujiliulanqi.mp4

3.10.3 移动端发布

移动端发布是指将设计的模板发布到移动端的过程。整个发布过程中,我们主要设置模板在移动端的显示样式。移动端的逻辑与电脑端一致,不需要进行二次设置。模板在移动端主要有三个界面的显示:图标,历史记录界面,填报界面。我们的设置也主要是针对这三个界面做一些样式上的设置。

下面,我们就针对这三个界面,给大家做一下介绍。 img 图: 移动端的三个界面显示

基本设置
移动端的基础设置主要为一些基本的设置项,包括将模板发布到移动端,设置移动端的显示图标等,下图是移动端基础设置的具体图解说明。 img 图: 移动端基本设置说明

序号功能功能点说明
1启用启用移动端设置
2压缩图片在移动端上传图片时,若图片大小超过10M,会提醒压缩后上传
3布局格式自适应:系统根据字段内容自动生成模板样式 自定义:可根据字段内容自主调整模板样式
4默认形式针对扩展表中字段的展示形式,在移动端可自由切换。形式有两种,一种是表格,一种是列表。
5点击行为历史记录:点击模板后,进入历史记录界面 单据填报:点击模板后,进入新增填写界面
6扩展表设置预览隐藏:在历史记录界面中,设置隐藏的字段 页面隐藏:在添加,查看,修改单据时,设置隐藏的字段 字段公式:因移动端不支持模板上的Excel公式,故需要重新配置【字段公式】

表: 移动端功能及说明

在移动端的基本设置中,我们要注意以下几点的设置:

布局模式
布局,是指模板在移动端的显示方式。受屏幕的限制,电脑端的布局与移动端的布局是完全不一样的。为了能够实现即快速又灵活的布局,Workfine提供了自适应和自定义两种布局模式。

自适应:是指根据定义的字段,自动生成移动端模板的预览样式和填报样式,我们只需要勾选一些简单的设置就可以使用。
自定义:是指提供一些多样化布局的功能,让设计者能够自主的去调整模板在移动端的显示样式。
img 图: 自适应与自定义布局模板的区别

默认形式
指扩展表在移动端的展示形式。列表展示和表格展示的效果区别如下图所示。同时,我们还可以点击切换图标手动切换展示效果。 img 图: 列表展示和表格展示的区别

点击行为
在移动端我们都是通过手指点击屏幕来操作的,而点击动作有打开历史记录和填报表单两个行为。 因此,点击行为的设置,是确定我们点击移动端图标时,是进入历史记录界面还是进入单据填报界面。 img 图:点击行为的设置区别

3.10.4 自适应模式

自适应模式下,移动端的基本排版是固定的,每个字段排一行,字段顺序与数据管理器中字段顺序一致,我们只需要设置一些隐藏字段即可。 这里,我们需要了解历史记录界面和填报界面的一些展示规则。移动端的历史记录界面只展示了主表字段的信息,所以只需要设置主表的隐藏字段;移动端的填报界面需要能够显示所有数据表的字段,所以所有数据表都可以设置隐藏字段。 在自定义和自适应模式下,都有一个字段公式的设置,是因为在移动端不支持excel公式,所以在配置移动端时,如果模板上有excel公式,需要单独用字段公式进行补充。

3.10.5 自定义模式

自定义模式下,可以设置个性化的预览样式和填报样式,我们可以对整体的布局,字段显示的字体,框线,填充色等属性进行个性化设置,以达到多样化展示的目的。