<!--
@ 作者: 秦东
@ 时间: 2023-11-17 16:43:55
@ 备注: 工作流步进图
-->
<script lang='ts' setup>
const props = defineProps({
	flowMap: {
		type: Array,
		default: () => []
	}
})
const emits = defineEmits(["update:flowMap"]);
const flowList =   computed({
	get: () => props.flowMap,
	set: (val) => {
		emits("update:flowMap", val);
	},
});
watch(()=>props.flowMap,(val:any)=>{
	console.log("val----->",val)
	flowList=val
})
</script>
<template>
	<div>
	{{props.flowMap}}
		<el-steps direction="vertical" :active="1">
      <el-step v-for="item in flowList" :key="item.step" :title="item.step">{{item.nodeName}}</el-step>
    </el-steps>
	</div>
	
</template>
<style  lang='scss' scoped>

</style>
