# 可拖拽甘特图

**Repository Path**: firechildren/qiu-gantt

## Basic Information

- **Project Name**: 可拖拽甘特图
- **Description**: vue2开发，Y轴拥有虚拟列表；时间条可拉伸可拖拽；遇到时间重叠的时间块会自行换行，防止重叠；带自定义的右键下拉菜单组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 29
- **Forks**: 6
- **Created**: 2021-09-02
- **Last Updated**: 2025-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, H5, vue2

## README

# 可拖拽甘特图

#### 介绍
采用vue2纯手工

在y轴上添加了虚拟列表，解决数据过多时候页面卡顿问题

[vue3版本可以进入此仓库](https://gitee.com/firechildren/qiu-gantt-for-v3)

#### 文件结构说明
```
src--
    common -- 一些通用的scss 和 js
    components -- 通用组件包
        context-menu -- 右键下拉菜单
        gantt -- 甘特图通用组件
    fake-data
        airPlaneData.js -- 伪造的数据
    pages
        gantt-index.vue -- 具体的页面
```

#### 项目截图

![图片1](src/assets/intr01.png)
![图片2](src/assets/intr02.png)
![图片3](src/assets/intr03.png)