1.0.5 • Published 3 years ago
bdr-gantt v1.0.5
bdr-gantt
甘特图组件
使用说明
//安装
npm i bdr-gantt
//全局引入
import BdrGantt from 'bdr-gantt'
Vue.use(BdrGantt)
//组件里使用
import BdrGantt from 'bdr-gantt'
components: {BdrGantt}
@onTaskUpdate="taskUpdate"
@onTableRowClick="tableRowClick"
@onTaskClick="taskClick"
@taskDoubleClick="taskDoubleClick"
//参数
| 参数名 | 数据类型 | 格式 |
|---|---|---|
| ganttData | Array | [{id:xx,name:xx,start_date:xx,end_date:xx,childTaskList:{...}}] |
| expandAllRow | Boolean | 默认为false，是否默认展开子项 |
事件
| 事件名 | 说明 | 返回信息 |
|---|---|---|
| onTaskUpdate | 监听任务条更新 | 返回更新后task数据 |
| onTableRowClick | 监听左侧表格列表栏点击 | 返回被点击的栏的数据 |
| onTaskClick | 监听任务条单击 | 返回被点击的任务条ID |
| taskDoubleClick | 监听任务条双击击 | 返回被点击的任务条ID |