原标题:华天小课堂-手机HTML5样式表单

午休时,姜程和其他部门的几个经理一起打球,顺便聊起关于手机审批的相关事情。

办公室主任刘晓宇:“咱们OA系统的手机审批功能真的是挺方便的,能将碎片化的时间也利用起来,不受地域限制,想什么时候批,就什么时候批。”

“是啊,以前没有OA办公系统的时候天天坐在办公室等待审批签字,有时还落掉某些文件,哪些是待办、已办,哪些是紧急、重要的文件完全一头雾水,但是有了OA办公系统后完全就改变了这样的现状,不仅审批分类、处理随时随地、效率也提高了不少。而且近几年更是方便,智能手机的应用使咱们的审批越来越便捷,出门连电脑都不用带了,一个手机办理所有工作,真是方便。”财务总监郑和说到。

“没错啊,我现在出差参会,拿着手机办公也觉得倍有面子,哈哈。” 行政总监李国天说到:“就是我这年龄大了,有时看不太清手机上的表单,得放大看;在手机审批的时候点各个位置不太灵活,手笨啊。”

信息部经理姜程:“这个好办啊,华天的OA系统还给咱们提供了一种新的手机表单样式,界面更简洁,操作习惯也和手机一样的。”

“听说最近有个HTML5的新技术,您说的是不是这个?”采购经理王强问道。

信息部经理姜程:“没错,就是这个,回头我把咱们的手机表单开启HTML5的样式,给大家体验下。”

“好啊,好啊!”大家纷纷赞同。

Q 用手机起草或审批表单时,表单的样式可以看着更简洁些,操作更方便些吗?

Q 手机查看和处理的表单可以直接显示HTML5的样式吗?

A 可以使用华天动力OA系统“手机HTML5样式表单”的功能。

手机HTML5样式表单:华天动力OA系统在原有版本的基础上,增加对手机版审批单的处理,用户在制作表单时可以选择是否使用手机HTML5样式的表单。如设置了手机HTML5样式表单,用户在手机上起草或审批时,能够使用简洁型的表单样式,并且控件的操作也是与手机的操作保持一致,能够让用户在手机上操作时体验度更高。

手机HTML5样式表单设置画面:



手机HTML5样式表单使用效果(下方“+”号和“…”能点出所包含的功能菜单):



下面我们来说下手机HTML5样式表单的设置方法和使用效果。

第一步:设置方法

1. 我们以文件审批单模板为例,首先进入到审批流转-审批管理-审批设置-审批模板设置中,找到文件审批单。

2. 打开以后,在审批单设置中勾选“使用H5模板”,勾选后则开启了手机HTML5表单样式。


3. 如需要调整手机HTML5表单样式,则点击“审批单设置”-“编辑手机表单”进入到手机HTML5表单编辑画面,此处如果需要调整控件的显示顺序,则可拖拽控件到指定位置即可;如需修改控件的名称,则点击左侧控件,在右侧的标题处出现控件的名称,修改后“保存”即可。



4. 以上全部设置完毕后,将模板整体保存下,则手机的HTML5表单样式就设置成功了。

第二步:使用效果展现

1. 我们先来一张没有设置过手机HTML5表单样式的效果截图,如下图,文件审批单起草时的效果。


2. 下面是设置了手机HTML5表单样式后的文件审批单起草时的效果图,点击右侧切换按钮可以切换为H5效果的表单样式。


3. 如下图是在HTML5表单样式上选择申请时间的效果。


4. 下面是文件类型单选控件在HTML5表单样式上的使用效果图,其操作方式同手机的操作方式,使用灵活。


5. 下图是起草文件审批单填写完数据的效果图。


6. 下图是审批人打开文件审批单审批时的效果图。