vxe-gantt

daols8814 天前
vue.js·甘特图·vxe-gantt
vue 甘特图 vxe-gantt 小时视图设置日期轴每间隔 3 个小时当任务时间跨度集中在数小时甚至分钟级别时,默认的时间轴粒度可能无法清晰展示任务细节。vxe-gantt 的小时视图(hour)结合 step 参数,可以灵活控制时间轴的显示密度,让短期任务的进度展示更紧凑、更直观。
daols8819 天前
vue.js·甘特图·vxe-table·vxe-gantt
vue 甘特图 vxe-gantt 实现双进度条:计划 vs 实际,支持多级子任务拆分在项目管理中,计划进度与实际进度的对比是衡量执行偏差的关键指标。vxe-gantt 提供了灵活的树形结构和自定义任务条能力,通过巧妙的数据拆分策略,我们可以在一棵甘特树中同时展示计划和实际两条进度条,并且支持从一级到多级的完整继承。
daols884 个月前
前端·vue.js·甘特图·vxe-gantt
vue甘特图vxe-gantt实现点击任务条弹出编辑表单基于 vxe-gantt 实现任务条点击编辑表单在项目管理中,甘特图是展示任务进度的核心组件。本文将介绍如何使用 vxe-gantt 组件实现点击任务条弹出编辑表单的功能,支持对任务的名称、时间、进度、负责人、图片附件等信息进行编辑。
daols884 个月前
vue.js·甘特图·vxe-gantt
vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能(含二次确认)vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能,支持二次确认https://gantt.vxeui.com
daols885 个月前
vue.js·甘特图·vxe-gantt
如何使用 vue 甘特图 vxe-gantt 渲染显示多行任务,预计完成日期和实际完成日期多条任务条如何使用 vue vxe-table 甘特图 vxe-gantt 渲染显示多行任务,预计完成日期和实际完成日期多条任务条,可以自定义任务条颜色,拖拽调整日期等
大猩猩X5 个月前
vue.js·甘特图·vxe-table·vxe-gantt
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条,实现上下分布任务条vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条,实现上下分布任务条,实现方式是利用子任务的子视图渲染模式,来间每条任务拆分成2条子任务,就可以利用自带的子视图渲染功能来渲染。
daols886 个月前
vue.js·vxe-gantt
vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法https://gantt.vxeui.com
chenhdowue6 个月前
vue.js·甘特图·vxe-gantt
vue3甘特图 vxe-gantt 行内显示子任务,拆分任务展示同时可拖拽调整任务日期vue3甘特图 vxe-gantt 行内显示子任务,拆分任务展示同时可拖拽调整任务日期,内展示子任务由 task-bar-subview-config 和父级任务设置type=‘subview’ 来启用。 启用后会将所有子任务渲染到父级任务中,可以直观的看到任务全程进度。
chenhdowue7 个月前
vue.js·甘特图·vxe-ui·vxe-gantt
vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用https://gantt.vxeui.com/
仰望.7 个月前
vue.js·甘特图·vxe-ui·vxe-gantt
vue 甘特图 vxe-gantt 手动增加一条依赖线,删除连接线的用法vue 甘特图 vxe-gantt 手动增加一条依赖线,删除连接线的用法,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
chenhdowue8 个月前
vue.js·甘特图·vxe-gantt
vue 常用的 gantt 甘特图组件推荐vue 常用的 gantt 甘特图组件推荐,项目中使用过的甘特图组件,各有优缺点。https://dhtmlx.com/docs/products/demoApps/
大猩猩X8 个月前
前端·javascript·甘特图·vxe-ui·vxe-gantt
vue vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息vue vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息,通过指定 task-config.startField, task-config.endField, task-config.progressField 来自定义字段名
仰望.8 个月前
前端·vue.js·甘特图·vxe-ui·vxe-gantt
如何实现 vxe-gantt 甘特图编辑左侧表格数据自动更新右侧进度视图如何实现 vxe-gantt 甘特图编辑左侧表格数据自动更新右侧进度视图,,通过监听左侧表格的 edit-closed 编辑结束事件,然后在调用 refreshTaskView 方法来刷新视图,就可以达到实时更新进度效果效果
大猩猩X8 个月前
vue.js·vxe-table·vxe-ui·vxe-gantt
vxe-gantt 甘特图使用右键菜单vxe-gantt 甘特图使用右键菜单,支持表头菜单、内容菜单、表尾菜单,自定义样式,配置项 menu-config={header,body,footer},实现对按钮的控制,通过 visibleMethod 和 visible | disabled 属性来控制菜单选项的操作权限,可以精确到每一列每一行的显示隐藏与禁用控制
我是有底线的