frappe-gantt实现任务分配管理甘蔗图效果代码
代码语言:html
所属分类:图表
代码描述:frappe-gantt实现任务分配管理甘蔗图效果代码,可以拖动进度条并分配给不同的人员,还可细分设置子任务,非常强大。
代码标签: frappe-gantt 任务 分配 管理 甘蔗图
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/frappe-gantt.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/frappe-gantt.js"></script> <style> body { font-family: sans-serif; background: #ccc; } .container { width: 80%; margin: 150px auto; } /* custom class */ .gantt .bar-milestone .bar { fill: tomato; } </style> </head> <body> <div class="container"> <div class="gantt-target"></div> </div> <script> var tasks = [ { start: '2018-10-01', end: '2018-10-08', name: 'Redesign website', id: "Task 0", progress: 91 }, { start: '2018-10-03', end: '2018-10-06', name: 'Write new content', id: "Task 1", progress: 55, dependencies: 'Task 0' }, { start: '2018-10-04', end: '2018-10-08', name: 'Apply new styles', id: "Task 2", progress: 40, .........完整代码请登录后点击上方下载按钮下载查看
网友评论0