组件

1.DefSteps

image.png

<DefSteps :steps="stepList" :cur-step="curstep"></DefSteps>

参数	说明	类型	默认值
steps	所有步骤	Array	[ ]
cur-step	当前步骤	Number	0

steps = [

  { name: '提交订单', time: '2019-03-29 16:00:31' },

  { name: '支付订单', time: '2019-03-29 16:00:32' },

  { name: '买家成团', time: ''},

  { name: '平台发货', time: '' },

  { name: '确认收货', time: '' },

  { name: '订单完成', time: '' }

]

2.SelectList

image.png

<SelectList :selectList="selectList"  @selectChange="selectChange" type='single'></SelectList>

参数	说明	类型	可选值	默认值
selectList	所有选项	Array	-	[ ]
selectChange	选中项改变时,触发的方法	function	-	-
type	类型（单选or多选）	String	"single" or "multiple"	"single"

selectList=[

        { name: '全部订单', num: 0, type: '', selected: true },

        { name: '待付款', num: 0, type: '0' },

        { name: '待发货', num: 0, type: '1' },

        { name: '已发货', num: 0, type: '2' },

        { name: '售后中', num: 0, type: '3' },

        { name: '已关闭', num: 0, type: '4' },

        { name: '已取消', num: 0, type: '5' },

        { name: '已完成', num: 0, type: '6' }

      ],

selectList 数组传入格式：

参数	说明	类型
name	选项名称	String
num	显示数值	number
type	相当于id,可根据需要自行定义该字段	-
selected	选中项	boolean