vue甘特图单击‘’+‘’是创建任务,双击任务栏是更新,在图上操作也会识别,
链接的线双击会出现删除提示
gantt.attachEvent('onAfterTaskAdd', (id, task) => {//创建任务
this.$emit('task-updated', id, 'inserted', task)
var params2 = new URLSearchParams(); //创建一个参数
this.$http.post(
'/Project/CreateProjectTask.do',
{
pid:this.pid,
tname:task.text,
tasktime:""+task.duration+"",
type:task.type,
}
).then((res) => {})
})
// 更新任务
gantt.attachEvent('onAfterTaskUpdate', (id, task) => {
this.$emit('task-updated', id, 'updated', task)
var params2 = new URLSearchParams(); //创建一个参数
this.$http.post(
'PlanTask/UpdatePlanTask.do',
{
plantaskuuid:task.id,
taskname:task.text,
Remark:task.area,
Duration:""+task.duration+"",
PlanTaskProgress:""+task.progress+"",
}
).then((res) => {
this.$message('编辑任务成功');
})
})
// 删除任务
gantt.attachEvent('onAfterTaskDelete', (id) => {
this.$emit('task-updated', id, 'deleted')
if(!gantt.getSelectedId()) {
this.$emit('task-selected', null)
}
var params2 = new URLSearchParams;
this.$http.post(
'/PlanTask/DeletePlanTask.do',
{
taskuuid:id
}
).then((res) => {
})
})
// 创建链接
gantt.attachEvent('onAfterLinkAdd', (id, link) => {
this.$emit('link-updated', id, 'inserted', link)
var params2 = new URLSearchParams(); //创建一个参数
this.$http.post(
'/Gant/CreateTaskContains.do',
{
source:link.source,
target:link.target,
type:link.type,
}
).then((res) => {
})
})
// 更新链接
gantt.attachEvent('onAfterLinkUpdate', (id, link) => {
this.$emit('link-updated', id, 'updated', link)
})
// 删除链接
gantt.attachEvent('onAfterLinkDelete', (id, link) => {
this.$emit('link-updated', id, 'deleted')
var params2 = new URLSearchParams(); //创建一个参数
this.$http.post(
'/Gant/DeleteTaskContains.do',
{
linkuuid:link.id,
}
).then((res) => {
})
})