dhtmlx-gantt vue添加实际实际和计划时间

要在dhtmlx-gantt vue中添加实际时间和计划时间，您需要在任务对象中添加两个额外的属性来存储这些信息。以下是一个示例任务对象：

{
  id: 1,
  text: "Task 1",
  start_date: "2021-01-01",
  end_date: "2021-01-05",
  progress: 0.5,
  actual_start_date: "2021-01-02",
  actual_end_date: "2021-01-04"
}

在上面的示例中，我们添加了两个新属性：`actual_start_date`和`actual_end_date`，它们分别存储实际开始日期和实际结束日期。您可以使用类似的方式添加计划时间的属性。

一旦您添加了这些属性，您需要更新gantt图表的配置以显示它们。您可以使用`gantt.config.columns`属性来定义gantt图表中的列。以下是一个示例配置：

gantt.config.columns = [
  {name: "text", label: "Task name", tree: true, width: "*"},
  {name: "start_date", label: "Start date", align: "center", width: "100"},
  {name: "end_date", label: "End date", align: "center", width: "100"},
  {name: "actual_start_date", label: "Actual start date", align: "center", width: "100"},
  {name: "actual_end_date", label: "Actual end date", align: "center", width: "100"},
  {name: "add", label: "", width: "44"}
];

在上面的示例中，我们添加了两列来显示实际开始日期和实际结束日期。最后，您需要在任务对象中更新实际时间和计划时间，并重新绘制gantt图表以查看更新后的数据。