接到公司需求，要做一个可拖拽的甘特图来实现排期需求，官方的插件要付费还没有中文的官方文档可以看，就去找了各种开源的demo来看，功能上都不是很齐全，于是总结了很多demo，合在一起组成了一版较为完整的满足需求的甘特图。 1.拖拽 拖拽功能是甘特图的主要功能，该demo实现了甘特图时间块上、下、左、右拖拽功能。 2.排序 拖拽后时间块进行排序，计算重叠区域大小确定插入位置。 3.时间选择 结合element-ui的日期时间选择器来确定时间轴。 4.搜索 搜索已存在的时间块，并定位到相应位置。 5.新建排期任务 使用element-ui的弹框以及表单 新建成功的排期列表添加到排期任务中。 6.右键菜单 右击时间块，可以进行查看、删除、修改等操作。 7.撤回 每删除或移动时间块后，增加一条操作记录，点击撤回可撤回当前操作。 8.批量操作 在批量操作后点击保存，才向后端存储数据。

一、前言 二、项目和项目管理的概念  三、项目组建 四、项目计划制定 五、项目计划控制 六、市场意识 七、知识产权 八、质量控制 九、成本意识 十、主要流程简介 十一、项目人力资源管理 十二、项目管理知识

现在在做项目管理或者ERP或者MES中常常需要甘特图，让用户自己能编辑或者微调，所以gantt图就显得比较重要，我在网上找了这个，还挺好用的，挺常用的，希望能给大家带来帮助，希望和大家交流

该项目详细的展示了项目进度图-甘特图(Gantt图)的实战过程，里边的源代码注释详细清楚，非常方便开发者学习。

UML（基本流程图，时间线图，Gantt图，UML类图，用例图，数据流图）及相关ppt

图书馆管理系统Gantt图，基于Visio 2016绘制的Gantt图