<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
vue2实现可拖拽甘特图(结合element-ui的gantt图)
共20个文件
js:7个
vue:6个
json:2个
需积分: 0 79 下载量 11 浏览量
2023-11-07
15:04:39
上传
评论 4
收藏 106KB ZIP 举报
温馨提示
接到公司需求,要做一个可拖拽的甘特图来实现排期需求,官方的插件要付费还没有中文的官方文档可以看,就去找了各种开源的demo来看,功能上都不是很齐全,于是总结了很多demo,合在一起组成了一版较为完整的满足需求的甘特图。 1.拖拽 拖拽功能是甘特图的主要功能,该demo实现了甘特图时间块上、下、左、右拖拽功能。 2.排序 拖拽后时间块进行排序,计算重叠区域大小确定插入位置。 3.时间选择 结合element-ui的日期时间选择器来确定时间轴。 4.搜索 搜索已存在的时间块,并定位到相应位置。 5.新建排期任务 使用element-ui的弹框以及表单 新建成功的排期列表添加到排期任务中。 6.右键菜单 右击时间块,可以进行查看、删除、修改等操作。 7.撤回 每删除或移动时间块后,增加一条操作记录,点击撤回可撤回当前操作。 8.批量操作 在批量操作后点击保存,才向后端存储数据。
资源推荐
资源详情
资源评论
收起资源包目录
drag-gantt2.zip (20个子文件)
babel.config.js 73B
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
共 20 条
- 1
资源评论
yookooi
- 粉丝: 410
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 信息办公个人求职管理系统-jobgljsp.rar
- 信息办公一流网络JSP网络管理系统 v1.0-yljsp10.rar
- chirpstack学习
- 管家婆辉煌、财贸、工贸、服装,食品,千方模拟狗
- 基于python开发的工业环境老鼠检测+源码+文档(毕业设计&课程设计&项目开发)
- USB转以太网的芯片SR9900全套设计资料包括(参考设计原理图PCB+ Linux -Windows驱动程序+量产工具)
- 信息办公XML考试系统-xmlks.rar
- 基于python开发的无人机图像目标检测+实验数据+开发文档+操作流程+源码(毕业设计&课程设计&项目开发)
- 全球智能商品管理与优化系统
- IDM下载器(电脑小工具)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功