flowable申请页面

最新推荐文章于 2024-07-21 14:55:47 发布
最新推荐文章于 2024-07-21 14:55:47 发布
阅读量279 收藏
点赞数
分类专栏： flowable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45730286/article/details/109782145
版权
本文详细介绍了如何使用Flowable工作流引擎创建并实现一个申请页面。从配置环境到设计流程，再到代码实现，逐步解析了Flowable的核心功能和应用技巧。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="content">

<!--搜索框-->
<div class="layui-card">
    <div class="layui-card-header" style="padding: 10px 15px">
        <form class="layui-form search-form" action="">
            <div class="layui-form-item">
                <div class="layui-input-inline">
                    <input type="text" name="id" placeholder="标题" class="layui-input" lay-verify="queryId">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="name" placeholder="状态" class="layui-input">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="name" placeholder="结果" class="layui-input">
                </div>
                <button class="pear-btn pear-btn-sm pear-btn-primary" lay-submit lay-filter="approval-query">
                    <i class="layui-icon layui-icon-search"></i>
                    查询
                </button>
                <button type="reset" class="pear-btn pear-btn-sm">
                    <i class="layui-icon layui-icon-refresh"></i>
                    重置
                </button>
            </div>
        </form>
    </div>
</div>

<!--表单序号自增-->
<div class="layui-card-body">
    <table id="approval-progress-table" lay-filter="approval-progress-table">
        <script type="text/html" id="zizeng">
            {
   {
   d.LAY_TABLE_INDEX+1}}
        </script>
    </table>
</div>

<!--审批进度、流程图-->
<div id="approval-progress-tab-div" style="display:none;">
    <table class="layui-table" id="approval-progress-tab" lay-filter="approval-progress-tab">
    </table>
    <div id="processInstanceDiagramImg"></div>
</div>

<form id="finance_detail_t" style="display:none;">
    <div>
        <h2>付款单号：<input type="text" name="id" disabled/><span id="invoiceId"></span></h2>
        <div class="finance_detail_btn">
            <a href="javascript:history.go(-1);" class="layui-btn layui-btn-sm layui-btn-primary">返回</a>
        </div>
        <div class="finance_detail_info layui-row">
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">收款类型：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="type" id="type"></div>
                    <input type="text" name="applyMemberName" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">付款组织：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="purchaseNumber" id="purchaseOrganizationName"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">收款人：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="purchaseAddress" id="saleBankAccount"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">创建时间：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="code" id="confirmTime"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">收款账号：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="recipientMemberName" id="saleBankNo"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">付款抬头：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="time" id="purchaseBankNo"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">到账时间：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="purchaseName" id="receiptTime"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">收款组织：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="purchaseBank" id="saleOrganizationName"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">收款银行：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="purchasePhone" id="saleBankInfo"></div>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">支付方式：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="number" id="settleTypeUp"></div>
                </div>
            </div>
        </div>
    </div>
</form>
<!--<div style="display: none" class="div_">-->
<!--采购付款审批详情弹框-->
<!--
<form id="purchase-payment" lay-filter="purchase-payment" class="layui-form" style="display: none">
    <h2>付款单号：<input type="text" name="invoiceId" disabled/></h2>
    <div class="finance_detail_top">
        <div class="finance_detail_info layui-row">
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">创建人：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="applyMemberName"></div>
                    <input type="text" name="applyMemberName" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">发票申请单号：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="id"></div>
                    <input type="text" name="id" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 finance_flex">
                <div class="finance_flex_lef">收款类型：</div>
                <div class="finance_flex_rig">
                    <div class="nameDiv" data-name="type"></div>
                    <input type="text" name="type" disabled/>
最低0.47元/天 解锁文章
爱同心葬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
flowable工作流看这一篇就够了（基础篇）
qq_38196449的博客
12-10 1万+
接下来我们构建一个非常简单的请假流程，Flowable引擎需要流程定义为BPMN 2.0格式，这是一个业界广泛接受的XML标准。在Flowable术语中，我们将其称为一个流程定义(process definition)。一个流程定义可以启动多个流程实例(process instance)。流程定义可以看做是重复执行流程的蓝图。在这个例子中，流程定义定义了请假的各个步骤，而一个流程实例对应某个雇员提出的一个请假申请。
flowable 多人签收_业务流程 BPM、工作流引擎、Flowable、Activiti
weixin_39981360的博客
12-19 1665
特点基于 Flowable(Activiti)生来具有的稳定工作流引擎支持在线流程设计器，流程导入导出，符合 BPMN 规范，中国式工作流支持流程办理、退回、自由流、会签、并行、串行、服务任务等支持退回任务，退回到指定环节，退回到上一步，退回到发起人支持转办任务，将任务交接给他人办理，办理完成后继续下一步骤支持委托任务，将任务委托给他人，他人办理完成后再回到委托人支持智能提交，相同处理人自动跳过，...
flowable web界面 war包
12-19
flowable web界面支持 做flowable工作流程图使用 使用方法自行百度
flowable-6.0.1-中文用户手册（html网页）
11-01
flowable-6.0.1-中文用户手册，对应着新版本也是可以看的
【flowable学习5】流程节点如何关联自定义表单
最新发布
猿脑2.0的博客
07-21 692
在Flowable中，为流程节点自定义表单可以让用户在执行任务时填写特定的信息。以下是在Flowable中设置自定义表单的步骤：首先，你需要设计一个表单。表单可以是一个简单的HTML页面，也可以是一个更复杂的Web表单，这取决于你的需求。 简单HTML表单示例: 2. 部署表单 将设计好的表单部署到你的Web服务器上，确保它可以通过URL访问。在Flowable Designer或Flowable Modeler中，打开你的BPMN模型，然后进行以下操作： 4. 在流程定义中设置表单属性 如果你正在编辑BP
Flowable工作流之候选人
桐花思雨
10-29 4960
有的时候，一个任务节点会存在多个候选人，例如 提交一个任务，这个任务即可以 处理，又可以 处理，那么针对这种多个任务候选人的情况，我们该如何处理？今天一起来看看 首先我们使用的流程图如上，但是在为 设置分配用户的时候，我们设置多个用户，如下图 设置完成后，我们下载这个流程文件，来看下对应的 文件
Flowable工作流简单应用(我的待办，我的申请，我的处理)
qq_52464274的博客
07-05 820
思路：1.现根据USER_ID查询历史流程实例2.遍历所有实例，获取实例的任务节点列表，并且以时间排序3.判断当前节点是否通过，若存在DeleteReason，表示被驳回注意:一个流程实例包含多个任务节点，是一对多。遍历一个流程实例，只能查到已通过的节点和正在审批的节点，因为后续节点不一定知道是谁审批。
基于jeecgboot的flowable为uniapp适配的流程页面调整
宁波阿成的博客
02-24 1375
基于jeecgboot的flowable为uniapp适配的流程页面调整 为了满足在uniapp上也能进行webview的流程页面操作与显示，需要对流程页面，特别是record/index.vue进行修改与适配
Springboot +Flowable，会签、或签简单使用（二）
weixin_40991408的博客
05-16 1226
Springboot +Flowable，会签、或签简单使用（二）
flowable工作流所有业务概念
m0_54850825的博客
07-27 525
官方解释如下Flowable项目提供了一套核心的开源业务流程引擎，这些引擎紧凑且高效。它们为开发人员、系统管理员和业务用户提供工作流和业务流程管理(BPM)平台。它的核心是一个闪电般快速、久经考验的动态BPMN流程引擎，伴随着DMN决策表和CMMN案例管理引擎，所有这些引擎都是用Java编写的。它们是Apache2.0许可的开放源代码，拥有一个承诺社区。所有引擎都可以嵌入在Java应用程序中运行，也可以作为服务器、集群和云中的服务运行。目的是管理业务审批工作流。...
flowable-modeler6.4.0页面设计器破解权限
01-12
flowable-modeler6.4.0 页面设计器破解，用户默认登陆 ，数据为mysql 兼容所有版本
flowable流程在线编辑项目
09-27
最新版flowable6.3.1流程在线编辑项目，war包形式，放置Tomcat的webapp下，自动部署安装。
15.flowable 我发起的流程实例查询
liuwenjun05101的博客
12-06 4649
项目地址：https://gitee.com/lwj/flowable.git 分支flowable-demo 视频讲解地址 https://space.bilibili.com/485524575/channel/detail?cid=94579 1、演示 2、代码 2.1 查看我发起的流程实例sql SELECT DISTINCT t1.ID_ AS processI...
flowable（五）——个人消费申请流程图
qq_35869079的博客
09-16 892
有上一章介绍了基本的数据结构，接下来我们以个人消费申请为例，介绍具体的开发步骤： 一、开发思路图 首先第一步画流程图，如下 PersonalConsumptionApplication.bpmn20.xml <?xml version="1.0" encoding="UTF-8"?> <definitions xmlns="http://www.omg.org/spec/BP...
flowable 绑定视图_深入探索视图绑定
weixin_26727575的博客
08-13 271
flowable 绑定视图Google introduced view binding in the What’s new in Android session at Google I/O 2019. Google在Google I / O 2019的Android新功能会话中引入了视图绑定。 There is a brief talk about view binding in What’s ...
Flowable 待办 已办
人不风流枉少年
01-19 2234
常用的设计方案有两种，个人推荐方式二。
五、flowable操作、查询相关
goxingman的博客
01-25 1456
审批、认领、撤回、驳回等。申请、待办、已办列表。
二.Flowable自带Demo（Flowable-UI）超详细体验
东天里的冬天
05-23 4290
如果需要通过该组件的值做判断或者展示，需要将id设置成自己业务相关内容，如流程中可能通过请假天数的值来判断走哪个流程，这个时候就可用${num>3}来做判断保存表单，创建完毕支持创建和导入已有流程。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值