随笔分类 - vxe-gantt
摘要:在项目管理甘特图中,关键路径是决定项目最短工期的任务链。vxe-gantt 默认以红色高亮关键路径上的任务条与依赖连线。如果默认样式与项目配色不协调,可以通过 taskCriticalPathConfig 灵活自定义关键路径连接线的颜色和线类型。 参数说明 默认样式:开启 taskBarConfig
阅读全文
摘要:在实际项目管理中,不同团队或地区对“一周的开始”有不同的习惯——国内通常以周一为起始,而部分欧美国家以周日为起始。vxe-gantt 通过 scales 中 week 类型的 startDay 参数,允许你灵活自定义每周的起始天,让甘特图的时间轴更贴合业务习惯。 核心配置:startDay 参数 在
阅读全文
摘要:vue2 甘特图 vxe-gantt 一行渲染多个子任务的配置,但需要在父级任务直接显示所有子任务时,可以通过 task-bar-subview-config 和父级任务设置type= VxeGanttTaskType.Subview 来设置,会自动将所有子任务渲染到父级任务中 https://ga
阅读全文
摘要:vue 甘特图 vxe-gantt 如何实现标记删除数据,显示标记删除后行效果,获取已标记的行数据 https://gantt.vxeui.com 标记为待删除状态,通过调用 setPendingRow 方法标记为待删除状态,由内部 CRUD 管理器自动记录操作行为,可以通过 getPendingR
阅读全文
摘要:vue 甘特图 vxe-gantt table 可视化依赖线的使用,可视化拖拽创建连接线的用法 支持拖拽两个任务之间创建连接线、支持双击线删除 https://gantt.vxeui.com/ 类型说明 0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成 1 St
阅读全文
摘要:vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用 https://gantt.vxeui.com/ 通过设置 task-bar-milestone-config 和 type=moveable 启用里程碑类型,当设置为里程碑类型时,只需要设置 start 开始日期就可以,无需设置 end
阅读全文
摘要:vue 甘特图 vxe-gantt 任务里程碑类型的配置用法 查看官网:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gitee:https://gitee.com/x-extends/vxe-gantt
阅读全文
摘要:vxe-gantt 如何自定义依赖线的宽度,连接线的宽度大小 0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成 1 StartToFinish 开始到结束,表示从某个过程的开始到结束的整个过程 2 StartToStart 开始后才开始,表示一个活动结束了,另一
阅读全文
摘要:vue 甘特图 vxe-gantt 手动增加一条依赖线,删除连接线的用法,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键 0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成 1 StartToFinish 开始到结束,
阅读全文
摘要:vue 甘特图 vxe-gantt 如何自定义依赖线的颜色,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键 查看官网:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gan
阅读全文
摘要:vue 甘特图 vxe-gantt table 连接线的用法教程,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键 https://gantt.vxeui.com 类型说明 0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前
阅读全文
摘要:vue vxe-gantt 甘特图连接线的使用,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键 0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成 1 StartToFinish 开始到结束,表示从某个过程的开始到结束
阅读全文
摘要:vue 甘特图 vxe-gantt table 依赖线的使用,配置连接线 连接线有几种类型: FinishToFinish:完成到完成,表示一个任务必须在另一个任务完成之后才能完成 StartToStart:开始后才开始,表示一个活动结束了,另一个活动才能开始,它们之间按先后顺序进行 FinishT
阅读全文
摘要:vue 甘特图 vxe-gantt table 任务条可拖拽左右调整日期,拖拽任务调整日期 查看官网:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gitee:https://gitee.com/x-ex
阅读全文
摘要:vue 常用的 gantt 甘特图组件推荐,项目中使用过的甘特图组件,各有优缺点。 dhtmlx-gantt 甘特图 https://dhtmlx.com/docs/products/demoApps/ 老牌的甘特图组件,给你非常全面,使用难度高,可定制化功能比较一般,原生 js 和 vue 项目都
阅读全文
摘要:vue 如何实现 vxe-gantt table 甘特图的任务拖拽后调整日期的二次确认提示 查看官网:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gitee:https://gitee.com/x-ex
阅读全文
摘要:vue vxe-gantt table 甘特图实现任务可拖拽自动调整日期,通过设置 task-bar-config.drag 启用任务条拖拽功能 效果 代码 设置 task-bar-config.drag 启用任务条拖拽功能 <template> <div> <vxe-gantt v-bind="g
阅读全文
摘要:vxe-gantt vue table 甘特图子任务多层级自定义模板用法,通过树结构来渲染多层级的子任务,将数据带有父子层级的数组进行渲染 查看官网:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gite
阅读全文
摘要:vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息 查看官网:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gitee:https://gitee.com/x-extends/vxe-
阅读全文
摘要:如何使用 vxe-gantt table 甘特图来实现多个维度视图展示,支持切换年视图、月视图、周视图等,通过 task-view-config 来配置日期轴。 https://gantt.vxeui.com 效果 代码 通过 task-view-config.scales 可以灵活的切换显示模式
阅读全文

浙公网安备 33010602011771号