没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
接到公司需求,要做一个可拖拽的甘特图来实现排期需求,官方的插件要付费还没有中文的官方文档可以看,就去找了各种开源的demo来看,功能上都不是很齐全,于是总结了很多demo,合在一起组成了一版较为完整的满足需求的甘特图。 1.拖拽 拖拽功能是甘特图的主要功能,该demo实现了甘特图时间块上、下、左、右拖拽功能。 2.排序 拖拽后时间块进行排序,计算重叠区域大小确定插入位置。 3.时间选择 结合element-ui的日期时间选择器来确定时间轴。 4.搜索 搜索已存在的时间块,并定位到相应位置。 5.新建排期任务 使用element-ui的弹框以及表单 新建成功的排期列表添加到排期任务中。 6.右键菜单 右击时间块,可以进行查看、删除、修改等操作。 7.撤回 每删除或移动时间块后,增加一条操作记录,点击撤回可撤回当前操作。 8.批量操作 在批量操作后点击保存,才向后端存储数据。
资源推荐
资源详情
资源评论
收起资源包目录
drag-gantt2.zip (21个子文件)
babel.config.js 73B
新建文本文档.txt 0B
src
App.vue 317B
assets
logo.png 7KB
main.js 306B
components
gantt-v
gantt-row.vue 307B
gantt-drag-block.vue 180B
gantt-his-mix.js 806B
gantt-mix.js 8KB
gantt-block.vue 643B
css
gant-v.scss 4KB
gantt-time-block.vue 1KB
views
Gantt.vue 16KB
fake-data
airPlaneData.js 4KB
config
dateFormat.js 1KB
LICENSE 1KB
package.json 1KB
public
favicon.ico 4KB
index.html 611B
package-lock.json 416KB
vue.config.js 87B
共 21 条
- 1
资源评论
小风飞子
- 粉丝: 358
- 资源: 1865
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于python+opencv的手势识别系统,可控制灯的亮度,智能家居,智能小车 基于python+opencv的手势识别系统
- VSC下垂控制策略仿真模型,支持MATLAB2014a及以上版本
- 基于python实现的LSB进行图像隐写的程序
- 考虑分布式光伏储能系统的优化配置方法 完全复现截图文献模型 采用双层模型求解 上层决策储能系统配置容量用遗传 粒子群算法求解 下
- 以下是一个完整的 Ruby 入门教程,帮助你快速了解和上手 Ruby 编程
- Matlab综合能源系统优化代码 考虑光热电站(CSP电站)和ORC的综合能源系统优化的建模求解 程序中包含了新能源发电、ORC
- Rust 是一门系统级编程语言,强调安全性、并发性和性能,特别适合需要控制底层硬件或实现高性能的系统
- 程序员问卷调查1.docx
- 基于python实现的看云下载器,可以一键下载看云上的Markdown文件,并且自动生成子文件夹
- jakartaee帮助文档
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功