<!--
</el-tab-pane> -->
<br> import gantt from 'dhtmlx-gantt' // 引入模块<br> import 'dhtmlx-gantt/codebase/dhtmlxgantt.css'<br> import 'dhtmlx-gantt/codebase/locale/locale_cn' // 本地化<br> export default {<br> name: 'DhtmlxGantt',<br> data() {<br> return {<br> tasks: {<br> data: [<br> { id: 1, text: 'Task #1', start_date: '15-04-2017', personName: '张总', duration: 3, progress: 0.6 },<br> { id: 2, text: 'Task #2', start_date: '18-04-2017', personName: '李总', duration: 3, progress: 0.4 },<br> { id: 3, text: 'Task #2-1', start_date: '20-04-2017', personName: '赵总', duration: 3, progress: 0.4,parent: 2}<br> ],<br> links: [<br> { id: 1, source: 1, target: 2, type: '0' }<br> ]<br> }<br> }<br> },<br> mounted() {<br> // 在时间线上增加一行年份显示<br> gantt.config.subscales = [<br> {<br> unit: 'year',<br> step: 1,<br> date: '%Y'<br> }<br> ]<br> // 初始化<br> gantt.init(this.$refs.gantt)<br> // 数据解析<br> gantt.parse(this.$props.tasks)<br> }<br> }<br> <script></p> <style> </style>