mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-11-08 18:34:44 +08:00
70 lines
2.3 KiB
Markdown
70 lines
2.3 KiB
Markdown
|
# URL表单
|
|||
|
|
|
|||
|
|
URL表单本质上不是实际存在的表单，指的是审批的过程中，审批内容是发起流程时传入的一个URL网址，审批人员根据这个URL展示的内容进行审批。
|
|||
|
|
|
|||
|
|
## 实现步骤
|
|||
|
|
|
|||
|
|
1. 添加业务详情页面
|
|||
|
|
|
|||
|
|
参考：src\views\wmsinboundordertbls\detail.vue，注意详情页面需要一个id参数，用于获取详情数据。
|
|||
|
|
如果参数名称不是id，或有多个参数，请调整相关的前后端代码：
|
|||
|
|
|
|||
|
|
```csharp
|
|||
|
|
//OpenAuth.App\FlowInstance\FlowInstanceApp.cs
|
|||
|
|
addFlowInstanceReq.FrmData = scheme.FrmUrlTemplate.Replace("{id}", addFlowInstanceReq.BusinessId);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
//src\extensions\common.js
|
|||
|
|
....
|
|||
|
|
const createFlowInstance = (flowscheme, obj, customName) => {
|
|||
|
|
flowinstances.add({
|
|||
|
|
schemeId: flowscheme.id,
|
|||
|
|
code: new Date().getTime(),
|
|||
|
|
customName: customName?? '业务单据' + obj.id + '送审',
|
|||
|
|
businessId: obj.id,
|
|||
|
|
//👉可以在这里添加其他参数，如：detailUrl: 'http://localhost:8000/otherapp/detail?id=' + obj.id + ...
|
|||
|
|
})
|
|||
|
|
....
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
2. 【基础配置/流程设计】添加流程模板
|
|||
|
|
|
|||
|
|
新加一个模板，名称如：订单送审流程。填写基本信息。选择表单时，选：URL表单，并指定URL表单模板。如下图：
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
::: warning 注意
|
|||
|
|
这里模板URL地址可以不填，可以在业务系统调用时，直接从前端传业务详情的URL地址。如第一步中提到的`detailUrl`，赋值到流程实例的FrmData中。
|
|||
|
|
:::
|
|||
|
|
|
|||
|
|
3. 挂载流程方案
|
|||
|
|
|
|||
|
|
制作完流程模板后，在【模块管理】功能里面，把刚刚流程模板与功能关联。
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
4. 业务系统发起【送审】
|
|||
|
|
|
|||
|
|
在【仓储中心/入库单】中，选择一个入库单，点击【送审】，选择刚刚设计的流程模板：
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
送审成功后就可以在【流程中心/我的流程】中看到刚刚送审的流程实例，点击进入后，就可以看到审批内容是业务详情的URL地址。
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
详情页面：
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|