GithubHelp home page GithubHelp logo

867511789 / approvalflow Goto Github PK

View Code? Open in Web Editor NEW

This project forked from snfocus/approvalflow

0.0 0.0 0.0 10.55 MB

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

Batchfile 0.01% Vue 97.39% CSS 2.60%

approvalflow's Introduction

仿钉钉后台审批流程

被割韭菜的项目,不曾想放到GitHub上居然有人给了Star,人生第一次,分享出来给大家,虽然多半没什么用,供大家一乐也好。垃圾代码,还望轻喷。

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

Gitee预览入口

GitHub仓库

Gitee仓库

主要功能

  1. 表单配置(form-generator)
  • 拖拽表单,填写组件配置
  • 根据配置的JSON生成预览页面
  1. 流程节点配置(仿钉钉界面)
  • 创建审批流程(发起人,审批人,条件节点,抄送人), 配置节点详细数据
  • 必填节点校验

基本结构

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

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

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

表单组件

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

界面预览

YL5ip8.png YL5AXQ.png YL5k6g.png YL5Cff.png YL5F1S.png YL5Z0s.png YL5Vmj.png

郑重感谢

作为萌新,非常感谢JakHuang大大的form-generator为我解决了很多问题,也从中学习到了很多,写项目过程中魔改了大佬代码,望大大见谅,哈哈。再者就是我fork form-generator版本和JakHuang大大现在的版本也有很大的区别,感兴趣的童鞋可以去JakHuang那儿看看。

approvalflow's People

Contributors

snfocus avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.