使用openauth.net添加一个支持自定义页面的流程

系统使用的动态表单可以满足日常普通的审批功能，但如果想对用户提交的表单数据进行统计分析、需要用户提交附件、需要复杂的表单交互，这时就需要开发者开发自己的表单页面。实现更加丰富的功能，效果如下：

本文以如何添加一个请假流程为例：

• 添加数据库表结构

先在数据库中添加记录表单数据的表，即请假条中的内容。

• 编写请假条表单代码

系统约定，所有开发人员自己开发的表单，全部放在views/forms文件夹下。并且以下图的文件结构进行放置。

其中：

frmLeaveReq：为业务表单的文件夹名称，必须与数据库表名保持一致。

add.vue：为业务表单页面，负责编写业务输入逻辑。内部methods必须包含方法：

getData() {
  return this.temp
}

detail.vue：为业务表单的展示页面。上层框架会调用该方法来获取表单中的数据，用于后续逻辑处理。

• 注册表单

在项目main.js中注入刚刚添加的组件：

// 请假条表单和详情

import FrmLeaveReqAdd from '@/views/forms/userDefine/frmLeaveReq/add'

import FrmLeaveReqDetail from '@/views/forms/userDefine/frmLeaveReq/detail'

Vue.component('FrmLeaveReqAdd', FrmLeaveReqAdd)

Vue.component('FrmLeaveReqDetail', FrmLeaveReqDetail)

并在表单添加的下拉框里添加：

• 配置表单

编写完上面代码后，运行企业版。使用【基础配置】--【表单设计】--【添加】功能添加刚刚的表单：

这样就可以在流程设计里面，选择使用刚刚添加的表单了

 

.net 中 vue 玩的最溜的，vue 中 .net 玩的最溜的，OpenAuth.Net 企业版正式发布。star 1900+的关注者，数十位付费企业及个人用户见证 OpenAuth.Net 的成长。从简单的 demo 到集权限管理、自定义表单、工作流管理为一体的快速开发框架。

最好用的.net 权限框架，工作流框架。项目地址：http://www.openauth.me/