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号

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值