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 |