approvalFlow: 基于form-generator,模仿钉钉界面的审批流程创建页面

代码拉取完成,页面将自动刷新

扫描微信二维码支付

取消

支付完成

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

47 Star 566 Fork 233

SNFocus/approvalFlow

代码 Issues 14 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

git config --global user.name userName 
git config --global user.email userEmail

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

新建文件新建 Diagram 文件

新建子模块

上传文件

分支 18

标签 0

贡献代码

同步代码

创建 Pull Request

了解更多

对比差异通过 Pull Request 同步

同步更新到分支

通过 Pull Request 同步

将会在向当前分支创建一个 Pull
Request,合入后将完成同步

邓苏宁 fix: 修复预览页面再次进入,formModel无响应 1913b41

195 次提交

.github/workflows

public

src

.gitattributes

.gitignore

LICENSE

README.md

babel.config.js

package-lock.json

package.json

vue.config.js

README

MIT

# 仿钉钉后台审批流程
> 渣新出品,不曾想放到GitHub上居然有人给了Star,人生第一次,分享出来给大家,虽然多半没什么用,供大家一乐也好。垃圾代码,还望轻喷。

基于JakHuang大佬的[form-generator](https://github.com/JakHuang/form-generator)的,仿钉钉后台审批流程创建界面

[Gitee预览入口](http://soning.gitee.io/approvalflow/)

[GitHub仓库](https://github.com/SNFocus/approvalFlow)

[Gitee仓库](https://gitee.com/soning/approvalFlow)

## 主要功能
1. 表单配置(form-generator)
 - 拖拽表单,生成布局页面
 - 配置拖拽组件属性,定制组件形态
 - 生成JSON数据并生成预览页面
2. 流程节点配置(仿钉钉界面)
 - 创建审批流程(发起人,审批人,条件节点,抄送人)
 - 配置节点详细数据,包括条件节点表达式及期望值等
 - 配置节点对表单得权限(目前并未在预览页面中做控制)
 - 必填节点校验

|-- views
|---- admin // 后台配置界面
|---- custom // 前台预览界面
```
> 不想把JakHuang大佬的项目拆分出来 一是为了方便学习大佬代码 二是为了以后单独抽离表单出来更方便 所以没有把form-generator项目的公用文件抽离到顶层 流程创建组件同理

## 表单组件
1. 单行输入框, 多行输入框, 数字输入框, 金额
2. 下拉选择, 级联选择, 省市区
3. 单选框组, 多选框组
4. 时间选择, 时间范围, 日期选择, 日期范围
5. 滑块, 组织机构, 附件, 计算公式
6. 布局容器, 表格/列表

## 界面预览
![YL5ip8.png](https://s1.ax1x.com/2020/05/22/YL5ip8.png)
![YL5AXQ.png](https://s1.ax1x.com/2020/05/22/YL5AXQ.png)
![YL5k6g.png](https://s1.ax1x.com/2020/05/22/YL5k6g.png)
![YL5Cff.png](https://s1.ax1x.com/2020/05/22/YL5Cff.png)
![YL5F1S.png](https://s1.ax1x.com/2020/05/22/YL5F1S.png)
![YL5Z0s.png](https://s1.ax1x.com/2020/05/22/YL5Z0s.png)
![YL5Vmj.png](https://s1.ax1x.com/2020/05/22/YL5Vmj.png)

## 郑重感谢
非常感谢JakHuang的[form-generator](https://github.com/JakHuang/form-generator)为我解决了很多问题,也从中学习到了很多。再者就是我fork`form-generator`版本和JakHuang现在的版本也有很大的区别,感兴趣的童鞋可以去JakHuang那儿看看。

MIT License Copyright (c) 2020 SNFocus Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.