vue实现竖式步骤条_使用iView的步骤条实现简易流程图

定义了对话框的内容，也就是流程图啦

下面是表格中操作按钮的代码，相对应的还有一个不同意，但怎么把他们放进一个单元格里呢

{

title: '操作',

key: 'action',

fixed: 'right',

width: 80,

that: this.data1,

render: (h,params) =>{

if(params.row.status == 'process')

{

{

return h('Button', {

props: {

type: 'text',

size: 'small'

},

// 'class': 'buttonStyle',

on: {

click: () => {

this.ok(params.index)

}

}

},

'同意')

}

}

return ''

}

},

ok事件可以修改步骤的状态

ok(index){

this.data1[index].title = '已完成';

this.data1[index].status = 'finish';

if(index < this.data1.length){

this.data1[index + 1].title = '进行中';

this.data1[index + 1].status = 'process';

}

},

相应的flow-chart组件中的内容如下，主要通过v-model来双向绑定

怎么把分支步骤条加入进主步骤条是个问题

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved.

京ICP备09083238号