Light

snfocus / approvalflow Goto Github PK

View Code? Open in Web Editor NEW

1.2K 37.0 307.0 11.09 MB

基于form-generator，仿钉钉审批流程创建（表单创建/流程节点可视化配置/必填条件及校验）

License: MIT License

Vue 97.44% Stylus 2.56%

approvalflow's Introduction

仿钉钉后台审批流程

渣新出品，不曾想放到GitHub上居然有人给了Star，人生第一次，分享出来给大家，虽然多半没什么用，供大家一乐也好。垃圾代码，还望轻喷。

基于JakHuang大佬的form-generator的，仿钉钉后台审批流程创建界面

Gitee预览入口

主要功能

表单配置(form-generator)

拖拽表单，生成布局页面
配置拖拽组件属性，定制组件形态
生成JSON数据并生成预览页面

流程节点配置(仿钉钉界面)

创建审批流程(发起人，审批人，条件节点，抄送人)
配置节点详细数据，包括条件节点表达式及期望值等
配置节点对表单得权限（目前并未在预览页面中做控制）
必填节点校验

基本结构

// src
|-- components
|---- BasicSetting // 基础设置
|---- DynamicForm      // 表单配置
|---- Process          // 流程配置
|---- AdvancedSetting  // 高级设置
|---- FormControls     // 扩充表单组件

|-- views
|---- admin  // 后台配置界面
|---- custom // 前台预览界面

不想把JakHuang大佬的项目拆分出来一是为了方便学习大佬代码二是为了以后单独抽离表单出来更方便所以没有把form-generator项目的公用文件抽离到顶层流程创建组件同理

表单组件

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

界面预览

郑重感谢

非常感谢JakHuang的form-generator为我解决了很多问题，也从中学习到了很多。再者就是我forkform-generator版本和JakHuang现在的版本也有很大的区别，感兴趣的童鞋可以去JakHuang那儿看看。

approvalflow's People

Contributors

Stargazers

Watchers

Forkers

ppker yanghaoning yuzi-me orangejz bestjex qiaogaofeng azydbly wenxiaoqian fzzflxk shadowhwli oldyangsir bobzhangfighting zooah212 crisingsun seagulltoad nevellson xiongzhaoxu pczhouhua zoujinwen dean-shanghai 344310362 xinuniverse hugodd microastudio zhaozhi3758 torns linsanqiu git119 yqjack johnnyfly xiezunjin y00231236 yibiner hlzhang123 scgawxr kule2018 aaroncao gongyongzhuanghu yang564211612 qianhua leegle baozi926 smilekes yuwei1203 jimlee1982 fgcp020 jy87909 tiandashu fnet123 867511789 yongkong jonny023 frontexample happyyudefish atticus91 landonzeng zhy6599 nilvxingren zhangyuan0532 changs0115 alone-lmh cnraorong huamouse jimmy-ajia hanyongshun chengchengcs soibhanzhangxb win-2019 rotate-life qwdingyu lawrencelulu pegasuswjm cklwblove examp1o stavinli bolerole strayerm 313392073 kealuya xianzhiyun huang-ju yue792069154 zbjjyy docklola1988 raindrop4steven baishuiz fj1981 mahu8766 jinziweiwang ruanzhuinfo keyzf isgasho feebasylh gslancer luopeng4java itmier lemonschen 18664367465 tonniclin tcrct

approvalflow's Issues

第一次拖入input相关组件时，右侧配置栏占位提示(placeholder)多回填一次

使用版本：最新
浏览器：Chrome86
步骤：画板为空时拖入第一个input组件。
问题：右侧配置栏占位提示(placeholder)多回填一次，第二次拖入则不会。

如何自适应APP

你好，看了你的项目我觉得非常棒，但是我发现它好像没有办法在手机上比较好的展示，我指的是审批发布之后的模板页面，毕竟手机审批更加方便，望回复。

设置输入框默认值后无法删除所有值

使用版本：最新
浏览器：Chrome86
步骤：设置输入框默认值后预览。
问题：无法完全删除输入框，删掉最后一个字符时会自动回填为默认值。

以下为配置选项：

你好请教下这个的服务端是用什么做的，java或者node？

请问如何添加回退路线？

比如审批不过时，打回上个结点，这种怎么设置呢

有没有数据库设计

请问有没有后端数据库设计表

upload的图片是否可以上传到oss呢

我尝试在节点挂载的时候修改js生成器的代码，无法在里面通过引入的方式调用api

添加两个以上条件节点时，第二个条件节点设置条件出错

页面情况：

错误信息：

应该是util.js 里的 getPreviousNode（）方法判断有些情况没考虑到

怎么控制流程设计的面板是否可被编辑

审批流程，右侧抽屉修改数据如何保存

您好，我想请问一下，审批流程修改完数据之后是在哪一步保存，更新视图的，我看了好久，onPropEditConfirm也没写如何更新更改后的数据，然后传了data进去，但是也是在保存之后更新的，能否说明一下，谢谢

下拉框支持远程请求数据吗

input监听到输入但无法正确录入内容

在定制表单的页面，添加一些输入框并录入一些值。然后点开浏览。反复一两次input就无法录入任何内容了。但是却可以监听到表单事件。这个是什么情况？

请问这个是基于 form-generator 的哪个版本开始开发的？

上传功能有bug，上传的文件在提交的时候并没有拿到。

在条件分支中取消了发起人条件保存后，再次打开条件的弹窗发起人条件还是会出现在条件中

取消了发起人的勾选，弹窗关闭后，下次打开发起人条件仍在

第1步：点击[选择发起人] 没有反应

http://soning.gitee.io/approvalflow/#/approver

在任意一个流程环节下，连续添加三个条件（同一个添加按钮）就会出现Bug

Bug复现一：例如在一个发起人环节下面的 添加按钮，连续添加三次条件环节，会出现严重bug
Bug复现二：在相邻的两个条件环节中间的 添加按钮，添加条件环节，会出现严重Bug

应该是static appendBranch(data, isBottomBtnOfBranch) 该函数少处理某些操作

如果能修复，非常感谢

表单设计的json能否用form-gen-parser 解析？

我看预览的时候输入框是无法输入的，表单设计生成的 formData 和 JakHuang/form-generator#46 form-generate 的规范也不一致，表单生成的数据如何解析使用？

提个小建议，能否给每个input控件都添加个宽度调整

非常感谢分享，正好公司工作流开发这里用得到，能否默认所有input控件的宽度都一样，金额和数字的input比文本框短了好多，有点难看 :D

可以加个好友交流一下吗

条件节点的conditionValue默认值不正确的问题

打开右侧面板时，初始化conditionValue的temp没有清空，导致部分初始值不正确的问题

上传附件提交时怎么拿到接口返回的文件地址

表单内容很多的时候编辑table时出现bug

表单预览页面删除table栏鼠标移动的时候删除弹框会跳走

请问有交流群吗？

群主有QQ或微信吗？加一下交流

有计划支持table组件吗？

类似于https://github.com/guocongcong-cc/table-making/

vue3 前、后台皆已实现

由于作者有一段时间没有更新，基于作者的vue2版本及免费精神，
重构开发了vue3版本并扩展组件功能，开源ai-form,并持续完善中，给大家多一个选择
https://github.com/leooneone/ai-form
并基于ai-form 开源了完整的低代码工作流（前、后端皆已开源）引擎,希望可以帮助有需要的人
https://github.com/leooneone/aibpm.ui.plus

选择人员时，部门tree只显示两级，怎么显示多层级的部门

膜拜大神

找到了想要的UI了

表单组件作为分支条件后还可以修改的问题

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.