关键词:流程开发,流程引擎,流程设计,工作流,提交效果,自定提交,O2OA,自定义提交界面

当默认提交界面不能满足用户时候,可以使用本功能进行提交界面的定制。自定义提交功能基于表单和脚本实现。开发人员可以通过修改自定义界面的样式,添加或删除组件,设置提交选人框的高度、宽度和预定义的样式来实现界面的修改。该功能满足PC端提交界面和移动端界面的定制。。

功能介绍

当默认提交界面不能满足用户时候,可以使用本功能进行提交界面的定制。自定义提交功能基于表单和脚本实现。开发人员可以通过修改自定义界面的样式,添加或删除组件,设置提交选人框的高度、宽度和预定义的样式来实现界面的修改。该功能满足PC端提交界面和移动端界面的定制。

基本操作步骤

注:本章节和脚本相关的内容都是以自定义表单自带的脚本内容为准。

根据模板创建自定义提交表单

1、打开流程管理,并打开具体的流程应用设计
2、在表单视图,点新建表单,在弹出的模板中选择“自定义提交模板(PC)”或“自定义提交模板(Mobile)”
2020-06-14_17-43-16.png
3、保存新建的表单。

2020-06-14_17-47-37.png

4、提交界面执行的脚本在表单最后一个div的queryLod事件中执行。

在主表单中设置“提交表单”

1、打开流程主表单,并点击“提交”附签
2、在表单处选择上一步创建的提交表单,如果是所有的流程都使用同一个提交界面,可以选择对应应用。如果需要通过计算来使用提交界面,可以点击“计算表单”,并通过脚本返回对应的表单。
3、“提交(继续流转)操作脚本”填写

this.popupProcessor()

,如果是手机端填写

this.popupProcessorMobile()


2020-06-14_17-59-12.png
4、默认提交表单效果如下图:
image.png

在主表单中直接显示提交界面

系统还允许直接在主表单中直接显示提交界面,点击继续流转后可弹出提交界面。
1、执行上面小节的基础操作步骤。
2、在主表单中插入一个“子表单”组件。
2020-06-14_18-09-49.png
3、子表单属性中选择“计算子表单”,子表单脚本使用

if( this.workContext.getControl().allowProcessing ){ //当前用户可以流转的时候嵌入
  return "自定义提交表单PC端"; 
}else{
   return null
}

4、效果如下图:
2020-06-14_18-53-25.png

自定义提交界面的修改样例

自定义提交界面主要使用的脚本和表单组件来开发。开发需要了解表单的开发,脚本API和Mootools的相关知识。


拟稿时隐藏意见填写区域

1、选中意见填写区域标题所在单元格“routeOpinionTileTd”
2、在单元格的onload事件中填写脚本

if( this.workContext.getWork().activityName === "拟稿" ){
    this.target.node.getParent("tr").hide()
}

3、选中意见填写区域所在单元格“inputOpinionNodeTd”
4、在单元格的onload事件中填写脚本

if( this.workContext.getWork().activityName === "拟稿" ){
    this.target.node.getParent("tr").hide()
}

2020-06-14_20-59-30.png

修改提交框的高度和宽度

提交框的高度和宽度在脚本里定义,这里需要修改脚本
1、点击提交表单的最后一个div(div_loadSubmitForm),点击“事件”附签。
2、在queryLoad事件中可以看到脚本。
3、在 window.O2Processor 类的 initConstant 方法中可以修改表单的高度宽度参数
2020-06-14_21-08-00.png

推荐文章:

开发知识-Angular篇:在O2OA平台中使用Angular
2021-02-07
  Angular也是一个非常流行的前端开发框架,它是使用TypeScript作为开发语言,再通过编译器编译为浏览器可执行的Javascript,所以我们无法在
开发知识-中标麒麟安装人大金仓详细步骤
2021-02-07
环境说明操作系统版本:NeoKylinLinuxAdvancedServerreleaseV7Update6(Chromium)1.前期准备工作1.1数据库下载
老版本Custom应用后端源码编译
2021-02-24
一、功能介绍在O2Server服务器源码目录下编译老版本custom后端源码,以crm(客户管理)为例二、开发环境1,JDK1.82,mavenV3.5+3,运
自定义服务-搭建自定义工程及开发
2021-03-01
O2OA提供让开发者修改或者编写后台Java代码来提供额外的数据或者业务逻辑服务的模式,有效地保证了系统的整体业务适应能力和服务的灵活性。本文主要介绍O2OA系
流程设计-流程表单事件功能介绍
2021-02-26
本文主要介绍如何在O2OA中进行审批流程表单或者工作流表单设计,O2OA主要采用拖拽可视化开发的方式完成流程表单的设计和配置,不需要过多的代码编写,业务人员可以
服务集成-平台数据字典API使用说明
2021-02-07
一、当前应用获取数字字典vardict=newthis.Dict("fileSource");//fileSource数据字典的名称varbxtype=dict
组织人员导入-根据excel模板导入组织人员数据
2021-02-07
一、功能介绍通过excel导入人员组织身份职务群组等信息,实现o2oa人员组织库初始化。二、导入   从菜单进入应用-组织管理-组织导入,如图:导入模板:📎in
移动办公-移动端应用权限配置
2021-02-25
O2OA平台拥有配套的原生开发的安卓和IOS移动APP,开发者在拥有公网IP或者域名的服务器上可以轻松体验移动办公环境,并且不会产生任何费用。本篇主要介绍如何配
开发知识-人大金仓数据安装
2021-02-07
一、安装程序  1、在安装前要创建一个帐号,不能用root帐号安装。  2、安装执行./setup.sh -iconsole    3、接受“此许可协议条款”,
常见问题-如何通过脚本调用系统内服务
2021-02-07
varapplications=this.applications;varserviceRoot="x_query_assemble_surface";vart

results matching ""

    No results matching ""