6、Gantt 消息弹窗部分 lightbox

1、双击task时，弹出lightbox弹出框

https://docs.dhtmlx.com/gantt/api__gantt_details_on_dblclick_config.html

gantt.config.details_on_dblclick = true;
// task双击 当用户双击任务时触发 该事件是可阻止的。返回 false 将取消默认处理程序
gantt.attachEvent('onTaskDblClick', function (id, e) {
  console.log(id, e);
  const task = gantt.getTask(id);
  taskId.value = id;
  // 类似于编辑操作、详情操作可以写在这里面
  return true;
});

// 双击task时，弹出lightbox弹出框
gantt.config.details_on_dblclick = false;

2、打开指定任务的灯箱

https://docs.dhtmlx.com/gantt/api__gantt_showlightbox.html

gantt.showLightbox(1); 
gantt.hideLightbox();
// 显示灯箱
gantt.showLightbox = function (id) {
  // 。。。。打开灯箱的相关操作
  const task = gantt.getTask(id);
  taskId.value = id;
};
//  -----------分割线-----------
// 新增操作回调
function saveModal(resultTask) {
  const task = gantt.getTask(taskId.value);
  ...
  console.log('...', resultTask, task, task.$new);
  if (task.$new) {
    gantt.deleteTask(task.id);
    gantt.addTask(resultTask, resultTask.parent);
  } else {
    gantt.updateTask(resultTask.id, resultTask);
  }
  gantt.hideLightbox();
}