cloud-web-corejs-haier 1.0.5 → 1.0.6

package/src/components/xform/form-designer/form-widget/components/gantt/index.vue

@@ -206,7 +206,8 @@ export default {
       //自适应甘特图的尺寸大小, 使得在不出现滚动条的情况下, 显示全部任务
       gantt.config.autosize = false;
       //只读模式
-      gantt.config.readonly = true;
+      // gantt.config.readonly = true;
+      gantt.config.readonly = false;
       //是否显示左侧树表格
       gantt.config.show_grid = true;
       // 设置表头高度
@@ -320,6 +321,20 @@ export default {
       // 销毁gantt实例   按需开启
       // gantt.destructor()
       // 初始化
+
+      // 启用插件
+      gantt.plugins({
+        tooltip: true,
+        marker: true,
+      });
+
+      // 配置工具提示模板
+      gantt.templates.tooltip_text = function (start, end, task) {
+        return `<b>任务名称:</b> ${task.text}<br/>
+            <b>开始时间:</b> ${gantt.templates.tooltip_date_format(start)}<br/>
+            <b>结束时间:</b> ${gantt.templates.tooltip_date_format(end)}`;
+      };
+
       this.ganttInstance = gantt.init(this.$refs.gantt);
       // 数据解析
       gantt.parse(this.tasks);