仿钉钉后台审批流程项目

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

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

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. 布局容器, 表格

界面预览

郑重感谢

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

原文链接:juejin.im

上一篇:面试官:说说作用域和闭包吧
下一篇:避免在单页应用程序中使用CORS,如何以及为什么?

相关推荐

  • 高性能javascript--算法和流程控制

    for,while和dowhile性能相当 避免使用forin循环,==除非遍历一个属性量未知的对象== es5:forin 遍历的对象便不局限于数组,还可以遍历对象。

    6 个月前
  • 页面进入后台如何关闭背景音乐

    之前在做小程序的时候遇到一个问题:小程序中有一个webview页面,这个页面中用iframe嵌套了一个H5页面,这个H5页面中有背景音乐,背景音乐播放的情况下,点击小程序右上角退出的小圆圈背景音乐仍然...

    10 个月前
  • 阿里重磅开源中后台UI解决方案Fusion

    (https://img.javascriptcn.com/d9121dbbf0eb231b34abdf7b391651df)作者|潕量(阿里前端技术专家 )编辑|覃云2018 年 12 月 16 号...

    1 年前
  • 这是一个很干净的后台 (yii2 + vue的权限管理rabc)

    我希望找的就是那种,没啥功能,只要有一个后台权限管理就行,其它都不要。因为作为后台,这个是基础的,必不可少的。 不知道你们有没有这个需求,反正我是有。找了很多,也没找到合适的,也有可能是找的还不够...

    1 年前
  • 谷歌浏览器推广::控制台。从后台页面log()?

    NakilonHailwood(https://stackoverflow.com/users/322020/nakilon)提出了一个问题:google chrome extension :: co...

    2 年前
  • 记录一次有难度的后台重构&性能优化

    有这么一个需求,原来的一个后台需要重构,前端展示为这样的: (/public/upload/7b725e92baa99fd3e5fce925526680bf) 正如你所看到的,这个有添加有删除...

    5 个月前
  • 记录一次基于jsPlumb流程图编辑器的开发过程

    前言 接到项目需求后,发现没有做过相关项目,盘算着拖拽倒是没有问题,但是控件的连线好像挺复杂,所以先开始了一番搜索,希望有合适的轮子那最好不过了。看了这篇对比文章:超级好用的流程图js框架,也看了一个...

    1 个月前
  • 记录一次vue后台管理系统解决keep-alive页面路由参数变化时缓存问题

    场景描述:一个后台管理系统,一个列表页A路由配置需要缓存,另一个页面B里面有多个跳转到A路由的链接。 问题描述:首先访问/A?id=1页面,然后到B页面再点击访问A?id=2的页面,发现由于页面A...

    1 年前
  • 记将iview-admin改造成自己的后台管理系统

    前言 为了给自己的app加一个后台管理系统,我去尝试vueelementadmin和iviewadmin这两个后台管理系统,由于是第一次使用这种高度集成的后台管理系统(由于自己比较菜),所以记录这次从...

    3 个月前
  • 记一次后台注入cookie

    快两个月没有日记了,过了将近一个月猪一样的生活,天天吃了睡睡了吃,也都不学习。这两星期在家办公,在调试后台注入cookie遇见了一些问题,记录一下。 跨域这件事,就不谈了,说一些小细节。

    3 个月前

官方社区

扫码加入 JavaScript 社区