forked from opentiny/tiny-vue
45 lines
803 B
Vue
45 lines
803 B
Vue
<template>
|
|
<tiny-wizard :data="dataSet" @node-click="nodeClick"></tiny-wizard>
|
|
</template>
|
|
|
|
<script lang="jsx">
|
|
import { Wizard } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyWizard: Wizard
|
|
},
|
|
data() {
|
|
return {
|
|
dataSet: [
|
|
{
|
|
name: '出差信息填写',
|
|
status: 'ready'
|
|
},
|
|
{
|
|
name: '项目信息填写',
|
|
status: 'doing'
|
|
},
|
|
{
|
|
name: '主管审批',
|
|
status: 'wait'
|
|
},
|
|
{
|
|
name: '权签人审批',
|
|
status: 'wait'
|
|
},
|
|
{
|
|
name: '完成申请',
|
|
status: 'wait'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
nodeClick(node, index, event) {
|
|
console.log('nodeClick', node, index, event)
|
|
}
|
|
}
|
|
}
|
|
</script>
|