本文介绍了Vue中使用vxe-gantt甘特图组件的方法。首先通过npm安装vxe-pc-ui、vxe-table和vxe-gantt相关依赖，并配置基础样式。文章展示了三种常见功能实现：1）基础甘特图展示任务名称和时间；2）通过taskBarConfig.showProgress显示任务进度条；3）自定义任务条颜色风格。每种功能都提供了完整的代码示例，包括template模板和script配置数

Vxe-Table跨表拖拽实现方法 在Vue中使用vxe-table实现多表格联动拖拽，需为每个表格配置： row-config.keyField指定不重复的主键字段（如id） rowDragConfig.isCrossTableDrag: true启用跨表拖拽 确保各表格数据主键不冲突 核心代码： 效果：支持多个表格间直接拖拽数据行，通过getFullData()可实时获取各表数据状态。完整示例

摘要：vxe-gantt 甘特图组件支持多维度视图展示，可通过 task-view-config.scales 配置日期轴模式，实现年视图、季度视图、月视图、周视图和日视图的灵活切换。示例代码展示了如何通过 radio 按钮组控制视图切换，并配置了任务进度条样式和数据展示。该组件提供了直观的项目进度可视化功能，适用于各类项目管理场景。

本文介绍了如何使用vxe-gantt组件实现自定义甘特图产品进度列表。通过task-view-config.viewStyle.cellStyle设置单元格样式，利用taskBar和taskBarTooltip插槽自定义任务条模板和提示信息。示例代码展示了如何配置甘特图参数，包括时间刻度、任务条样式、表格列定义和数据源，并实现了周日高亮显示效果。该组件支持高度定制化，可灵活调整任务条布局和内容显示

摘要：本文介绍如何使用vxe-gantt实现多层级甘特图子任务展示，通过树形结构渲染父子层级数据。首先安装相关依赖包(vxe-gantt@4.1.2等)，配置treeConfig参数开启树形结构转换功能。示例代码展示了如何自定义任务条样式、工具提示内容，并实现周日高亮显示效果。该组件支持通过id/parentId字段自动转换平级列表为层级结构，同时提供了丰富的自定义选项，包括任务条圆角、图片嵌入等

文章摘要： vxe-gantt支持表格与甘特图之间的跨视图任务拖拽，通过配置row-drag-config.isCrossTableDrag实现双向数据联动。核心机制包括：1）统一主键字段确保数据一致性；2）CRUD管理器自动追踪拖拽产生的增删改记录，开发者可通过getRecordset()获取变更数据。本文提供完整配置说明与代码示例，展示如何实现任务在表格和甘特图间的自由移动，提升项目管理效率。

vxe-tree 树组件提供强大的拖拽排序功能，支持同层级和跨层级拖拽操作。通过设置 drag: true 启用拖拽功能，dragConfig.isPeerDrag 实现同层级拖拽，dragConfig.isCrossDrag 实现跨层级拖拽。组件采用树形结构数据格式，支持将节点拖拽到子级等复杂操作。该组件已在 GitHub 和 Gitee 开源，适用于 PC 端 UI 开发，可灵活配置满足各种树

查看官网示例：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/module/modal<vxe-button @click="value2 = !value2">拖动窗口调整大小</vxe-button><vxe-modal v-model="value2" resize><te...

vxe-table vxe-excel 实现 Excel 表格，增删改查查看 Github查看 Demo

最新版本见Github，点击查看历史版本XEUtils 提供一套实用的基础函数、任意格式的日期转换函数，浏览器相关操作函数等...API全局参数setup ( options ) 设置默认全局参数基础函数isNaN (val) 判断是否非数值isFinite (val) 判断是否为有限数值isUndefined (val) 判断 Undefin...