# Gantt
<div style="text-align: center"><p><a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=en"><img src="https://img.shields.io/badge/EN-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=zh-CN"><img src="https://img.shields.io/badge/简中-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=zh-TW"><img src="https://img.shields.io/badge/繁中-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=ja"><img src="https://img.shields.io/badge/日本語-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=ko"><img src="https://img.shields.io/badge/한국어-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=th"><img src="https://img.shields.io/badge/ไทย-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=fr"><img src="https://img.shields.io/badge/Français-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=de"><img src="https://img.shields.io/badge/Deutsch-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=es"><img src="https://img.shields.io/badge/Español-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=it"><img src="https://img.shields.io/badge/Italiano-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=ru"><img src="https://img.shields.io/badge/Русский-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=pt"><img src="https://img.shields.io/badge/Português-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=nl"><img src="https://img.shields.io/badge/Nederlands-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=pl"><img src="https://img.shields.io/badge/Polski-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=ar"><img src="https://img.shields.io/badge/العربية-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=tr"><img src="https://img.shields.io/badge/Türkçe-white" alt="version"></a> <a href="https://openaitx.github.io/view.html?user=GGBeng1&project=Gantt&lang=vi"><img src="https://img.shields.io/badge/Tiếng Việt-white" alt="version"></a> </p></div>
## 安装

```
yarn install
```

### 运行

```
yarn run serve
```

### 说明

```
基于vue开发的甘特图展现，可以用作团队协作，任务划分的等敏捷场景

支持分组
支持拖拽
支持拉伸
支持百分比
支持时间跨度：天，周，月
目前只写了一级分组，为了避免未来二级或者多级分组需求，在上一次提交中重构了部分代码，支持多级分组，但是当前版本没有开发

优势: 在拖拽，拉伸，修改进度等操作时，对数据并没有实时更新，是在操作后更新，减少了性能损耗
      在编辑，删除，添加时，并没有整体递归修改实例，而是只对修改部分增删改

正在准备重新组织，为组件化做准备，目前想要在项目中使用只需要引入该项目中的`gant.vue`即可
批量数据导入导出方法已经写好，直接copy即可！~

```

### 更新说明

- 支持编辑
- 支持删除
- 修复不能垂直滚动的 bug(同时增加双向同时滚动) [#4](https://github.com/GGBeng1/Gantt/issues/4)
- 修复 elementUI 引起的 bug
- 关于时间跨度的问题[#5](https://github.com/GGBeng1/Gantt/issues/5)
- 目前无法通过更改跨度配置来实现其他跨度，比如增加小时等。因为在初始化的时候一些配置直接固定，后续会更改作为 api 放出


### 查看示例

See [demo](https://ggbeng1.github.io/Gantt/#/)

### 展示图

<img src="public/demo.png" alt="">