关键词:流程开发,流程引擎,流程设计,工作流,提交效果,自定提交,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

推荐文章:

密码管理-普通用户初始化密码设置
2021-02-25
O2OA可以配置新用户初始化密码的规则。本篇主要介绍如何配置新用户初始化密码的规则。
系统维护-如何压缩过大的H2数据库文件
2021-02-25
平台自带的H2数据库在使用过程中会随着数据量的增加而增长,但是并不会在删除数据后自动缩小。所以O2OA提供了数据库压缩命令用于缩小数据库占用的空间。
常见问题-服务器和日志时间相差12小时的问题
2021-02-07
解决方案:修改start_linux.sh,在最后的调用java命令的参数中添加时区参数:-Duser.timezone=GMT+08重启后生效!
组织人员导入-根据Excel模板导入组织人员数据
2021-03-03
O2OA允许管理员根据Excel模板批量对组织和人员数据进行导入导出操作。本文主要介绍如何在O2OA中完成组织和人员的导入导出操作。
水印安全-附件水印|加密|文档格式转换图片|PDF
2021-02-07
O2OA使用扩展程序实现附件水印,加密,文档格式转换图片,PDF等功能.
移动办公-移动端应用权限配置
2021-02-25
O2OA平台拥有配套的原生开发的安卓和IOS移动APP,开发者在拥有公网IP或者域名的服务器上可以轻松体验移动办公环境,并且不会产生任何费用。本篇主要介绍如何配
源码编译-O2Server服务器源码编译教程
2021-04-08
O2OA是真正全代码开源的应用开发平台,开发者可以直接使用从github或者gitee上clone的源码编译成服务器,代码可以修改,安全可靠,无限制。本文主要介
开发知识-平台中使用Druid数据库连接及监控
2021-02-07
一、o2oa数据库连接及使用原理o2oa使用阿里的druid与数据库进行连接及管控,在平台启动时druid管控了一个共享数据库连接池,默认的最大连接数是50(如
平台维护-自动执行平台数据的备份与恢复
2021-02-26
O2OA提供平台数据导出导入的数据迁移方案,开发者可以将平台的全部数据从一个环境平滑迁移到其他的环境,不受操作系统和数据库限制,这也是一个很好的系统自动备份和恢
平台服务器主机架构配置推荐
2021-03-04
O2OA开发平台支持公有云,私有云和混合云部署,也支持复杂的网络结构下的分布式部署。本篇主要介绍O2OA支持的部署环境以及常用的集群部署架构。

results matching ""

    No results matching ""