首页 > 其他分享 >如何在低代码表单或列表页面中创建OA审批流程?

如何在低代码表单或列表页面中创建OA审批流程?

时间:2023-10-13 13:05:23浏览次数:40  
标签:流程 配置 OA 表单 点击 设计 页面

随着企业管理的复杂化和信息化,流程管理成为了企业管理中不可或缺的一环。一个合理的流程能够规范企业的业务运作,提高工作效率,减少错误和漏洞。而流程的设计和管理则需要借助相应的工具和平台。今天主要介绍在企业管理中如何使用JVS低代码来创建和管理OA流程,以提高企业的运营效率和规范性。

如何在低代码表单或列表页面中创建OA审批流程?_OA

一 、在应用中创建流程。

在JVS低代码应用中可直接创建审批流程,如图:

如何在低代码表单或列表页面中创建OA审批流程?_OA_02

点击【新建审批流程】输入【流程名称】在页面左上角还可以看见对应的应用名称。

如何在低代码表单或列表页面中创建OA审批流程?_低代码_03

填写完流程名称配置好流程设置,然后切换至流程设计页面对流程进行设计。

如何在低代码表单或列表页面中创建OA审批流程?_低代码_04

流程设计好后配置发起人表单,点击发起人节点,可以看见有【配置表单】和【选择已有表单】按钮,这里由于是直接从应用新建的流程没有关联任何页面,所以选择已有表单是没有数据的,我们直接点击【配置表单】进行设计。

如何在低代码表单或列表页面中创建OA审批流程?_企业管理_05

进入表单设计页面,输入表单名称然后切换至表单设计页面,页面左上角显示有对应流程名称及应用。

如何在低代码表单或列表页面中创建OA审批流程?_表单_06

设计流程表单配置字段,选择组件对应默认字段,也可以输入新增。

如何在低代码表单或列表页面中创建OA审批流程?_OA_07

最后点击【保存】返回并设计流程中的其它节点表单,完成后点击【保存】并【发布】流程。

如何在低代码表单或列表页面中创建OA审批流程?_企业管理_08

应用是已发布状态下,在工作台中查看新建的流程和发起申请流程。

如何在低代码表单或列表页面中创建OA审批流程?_审批流程_09

二、在表单或列表页面创建流程

注意:一个页面只能创建一个流程,这里点击了之后就不会再显示“创建OA流程”字样。

如何在低代码表单或列表页面中创建OA审批流程?_表单_10

在对应表单上“...”,点击【创建OA流程】进入流程设计页面,输入流程名称,页面左上角可以看见所属应用。

如何在低代码表单或列表页面中创建OA审批流程?_企业管理_11

如何在低代码表单或列表页面中创建OA审批流程?_审批流程_12

切换至流程设计页面设计流程,配置节点表单,选择开始节点可以【配置表单】和【选择已有表单】。

这里如果【选择已有表单】可以看到关联来自当前页面的所有表单名称,可以直接选择表单使用,表单中的字段来自应用页面(选择的已有表单发生改变也会随着变化)。

如何在低代码表单或列表页面中创建OA审批流程?_OA_13

选择【配置表单】进行设计选择组件配置字段同样也可以选取该页面的字段信息。

如何在低代码表单或列表页面中创建OA审批流程?_低代码_14

设计完表单信息点击【保存】返回并设计流程中的其它节点表单,完成后点击【保存】并【发布】流程,在业务场景下发起流程使用。

在线demo:https://frame.bctools.cn/

基础框架开源地址:https://gitee.com/software-minister/jvs

JVS低代码流程引擎相关干货

用低代码轻松实现高效、易用的流程审批表单

业务流程与逻辑编排的低代码平台,一文全方位了解它的轻应用信息

拆解钉钉流程审批功能:卡片式配置的审批流是怎样设计的?


标签:流程,配置,OA,表单,点击,设计,页面
From: https://blog.51cto.com/u_15454015/7843425

相关文章

  • grafana api创建dashboard 记录
    目录jsonmodel导入申请apikey创建dashboard删除dashboardjsonmodel导入直接在ui通过jsonmodel导入,开发自己用还好,但对非开发人员不太友好,故考虑通过api后台自动创建apidoc:https://grafana.com/docs/grafana/v9.3/developers/http_api/dashboard/申请apikey$curl......
  • nacos负载均衡改为loadbance
    nacos用于负载均衡使用了ribbon组件,现如今ribbon已经不维护了,SpringCloudLoadBalancer是SpringCloud官方自己提供的客户端负载均衡器,抽象和实现,用来替代Ribbon(已经停更)1.去除ribbon的依赖<!--nacos-服务注册发现--><dependency><groupId>com.alibaba.cloud</groupId>......
  • element-ui 解决 table 里包含表单验证
    实际项目中的场景,需要在table里做表单的验证,如图效果: 其实问题关键就在于如何给el-form-item动态绑定prop      :prop="'tableData.'+scope.$index+'.字段名'"   ......
  • git 报错 remote: You are not allowed to upload code
    背景: 尝试推送代码到A仓库时git返回“remote:Youarenotallowedtouploadcode”,其他仓库推送代码正常。 定位: 1. 确认我已拥有仓库权限 2.在其他服务器登录我本人gitlab账号推送代码到A仓库成功 3.其他人可以正常推送代码到A仓库 4.删除gitconfig中的账号......
  • CFS(二)load_weight与vruntime
    前言在理清楚了CFS的基本实现以后,调度类fair_sched_class中规定了调度器的基本操作集合,cfs_rq实现了被操作的就绪队列。剩下的就是研究操作集合中的具体实现,看看CFS是如何管理这些队列中的进程的。本文主要解释了两个问题:什么样的任务归CFS管?CFS如何实现队列内部的优先级划分?......
  • gitlab、线上合并分支、远程仓库回滚、git工作流,git pull和git fetch,变基、pycharm操
    gitlab使用1、创建账号---》管理员审核2、登录进去---》就能看到项目--(项目管理员把你添加成开发者了)3、把代码clone下来,使用pycharm打开4、写代码,本地提交问题:普通开发者,提交到master分支是不行的创建一个dev分支---》提交到dev分支后期由管理员做分支合并--......
  • vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送p
    vue中下载excel文件4种方法,2、通过a标签download属性结合blob构造函数下载发送post请求和后台poi返回文件流实现下载1、通过url下载即后端提供文件的地址,直接使用浏览器去下载通过window.location.href=文件路径下载window.location.href=`${location.origin}/opera......
  • html 页面等待效果
    <divclass="loading"><span></span><span></span><span></span><span></span><span></span></div>css.loading{width:80......
  • 【Azure Developer】在App Service上放置一个JS页面并引用msal.min.js成功获取AAD用户
    问题描述在AppService上放置一个JS页面并引用msal.min.js,目的是获取AAD用户名并展示。问题解答示例代码<!DOCTYPEhtml><html><head><title>AzureService</title></head><scripttype="text/javascript"src="https://alcdn.msauth.net/......
  • 【Azure Developer】在App Service上放置一个JS页面并引用msal.min.js成功获取AAD用户
    问题描述在AppService上放置一个JS页面并引用msal.min.js,目的是获取AAD用户名并展示。问题解答示例代码<!DOCTYPEhtml><html><head><title>AzureService</title></head><scripttype="text/javascript"src="https://alcdn.msauth.net/lib/1.......