基于Vue的甘特图组件 支持上下拖拽

2024-07-16

基于Vue的甘特图组件 - 支持上下拖拽

简介

本仓库提供了一个基于Vue实现的甘特图组件,特别支持上下拖拽功能。该组件适用于需要进行排班管理的场景,通过拖拽操作可以方便地调整任务的顺序和时间安排。

功能特点

  • 上下拖拽:用户可以通过拖拽甘特图中的任务条,实现任务的上下移动,从而调整任务的顺序。
  • 排班管理:适用于需要进行排班管理的场景,如项目管理、人员调度等。
  • 自定义配置:支持自定义配置甘特图的样式、时间轴、任务条等。

使用说明

  1. 安装依赖
    npm install
    
  2. 运行项目
    npm run serve
    
  3. 使用组件: 在Vue组件中引入并使用甘特图组件,具体使用方法请参考项目中的示例代码。

开发背景

在项目开发过程中,我们遇到了需要实现甘特图拖拽排班的需求。由于市面上现有的解决方案无法满足我们的需求,经过两周的研究和开发,我们最终实现了这个支持上下拖拽的甘特图组件。

贡献

欢迎大家提出问题和建议,或者提交PR来改进这个组件。

许可证

本项目采用MIT许可证,详情请参阅LICENSE文件。

下载链接

基于Vue的甘特图组件-支持上下拖拽