目前github社区存在几款可用于设计流程图的绘图框架：
（原文链接：https://blog.csdn.net/weixin_39085822/article/details/106879459）

• go.js ( http://www.gojs.net/latest/index.html)) :go.js 提供一整套的JS工具 ，支持各种交互式图表的创建；目前go.js 是闭源收费的jsPlumb（https://jsplumbtoolkit.com/)::) jsPlumb是一套开源的流程图创建工具 ，小巧精悍，使用简单；jsPlumb 有社区版跟收费版，我们可使用的是社区版
• JointJS (https://www.jointjs.com/):JointJS:JointJS)是一个开源的、基于JavaScript的图表库，可以用来创建静态图表、完全可交互的图表、 WEB在线流程图、应用程序
• mxGraph (http://jgraph.github.io/mxgraph/))：mxGraph是一个js绘图组件，适用在网页设计/编辑流程图、图表、网络图和普通图形的web应用程序，draw.io工具就是基于mxGraph开发的。缺点就是介绍框架简介以及API文档不全，社区问题也较少更新；
• GG-Editor（https://g6.antv.vision/） ：GG-Editor是基于 G6 和 React 的可视化图编辑器，G6 是一个图可视化引引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。

一、GoJS

1、GoJS是一个用于实现交互式图表的 JavaScript 库。

官网链接（https://gojs.net/latest/learn/）

（1）通用问题：去除画布上水印的方法（go.js版本为2.1.47）

参考链接：（https://blog.csdn.net/affordlove/article/details/115549765）

//搜索 String.fromCharCode(a.charCodeAt(g)^b[(b[c]+b[d])%256])，这段代码后面会有个return f
//在return f 前添加如下代码，则成功去除水印。
if(f.indexOf('GoJS 2.1 evaluation')>-1  
        || f.indexOf('(c) 1998-2021 Northwoods Software')>-1
        || f.indexOf('Not for distribution or production use')>-1
        || f.indexOf('gojs.net')>-1
        ){
            return '';
        }else{
             return f
        }

（2）GoJS浏览器兼容版本情况

Chrome 3+  Firefox2+   Safari3.2+  Opera9+  IE5.5+

二、拖拽排序插件Sortable.js

官网链接（http://www.sortablejs.com/）

//最简单的表格拖拽
Sortable.create(elem, { //elem代表的是页面上的表格元素
      animation: 150,
      scorll: true,
  });

三、适用于vue的日历插件

第一种：FullCalendar（中文文档地址：https://cloud.tencent.com/developer/article/1019452）
使用指南：https://blog.csdn.net/FlowGuanEr/article/details/113563109
参考资料：https://xiaopohai.blog.csdn.net/article/details/112003394?spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant
.none-task-blog-2%7Edefault%7EOPENSEARCH%7Edefault-4.highlightwordscore&depth_1-utm_source=distribute.pc_relevant
.none-task-blog-2%7Edefault%7EOPENSEARCH%7Edefault-4.highlightwordscore
使用指南2：https://weibo.com/ttarticle/p/show?id=2309404544663620026559&sudaref=www.baidu.com
安装命令：

先执行：# 默认源 yarn config set registry https://registry.yarnpkg.com
1、yarn add @fullcalendar/vue
下面包是日历的周视图、日视图等插件包：
2、yarn add @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction @fullcalendar/list @fullcalendar/timegrid
最后执行：# 内网仓库 yarn config set registry http://192.168.8.8:8888/repository/npm-public/

IE：IE10+(IE8-IE10也可以兼容，但是要自己修改插件里的方法)
谷歌和火狐没有看到对浏览器兼容性的要求