You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
709 B
37 lines
709 B
2 years ago
|
<!--
|
||
|
|
@ 作者: 秦东
|
||
|
|
@ 时间: 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>
|