| | |
|---|
| | | <div class="flow-step-badge">{{ index + 1 }}</div> |
|---|
| | | <div class="flow-step-main"> |
|---|
| | | <div class="flow-step-head"> |
|---|
| | | <span class="flow-step-name">节点 {{ index + 1 }}</span> |
|---|
| | | <span class="flow-step-name">{{ nodeDisplayName(props.typeName, index) }}</span> |
|---|
| | | <el-tag size="small" :type="node.signMode === 'or_sign' ? 'warning' : 'primary'" effect="plain"> |
|---|
| | | {{ nodeSignModeLabel(node.signMode) }} |
|---|
| | | </el-tag> |
|---|
| | |
|---|
| | | <script setup> |
|---|
| | | import { computed } from "vue"; |
|---|
| | | import { ArrowRight } from "@element-plus/icons-vue"; |
|---|
| | | import { nodeSignModeLabel } from "../../approve-template/approveTemplateConstants.js"; |
|---|
| | | import { nodeDisplayName, nodeSignModeLabel } from "../../approve-template/approveTemplateConstants.js"; |
|---|
| | | import { |
|---|
| | | mapTaskStatusLabel, |
|---|
| | | mapTaskStatusTagType, |
|---|
| | |
|---|
| | | const props = defineProps({ |
|---|
| | | tasks: { type: Array, default: () => [] }, |
|---|
| | | nodes: { type: Array, default: () => [] }, |
|---|
| | | /** 审批类型/模板名称，用于拼节点名（如「发货审批·一级」） */ |
|---|
| | | typeName: { type: String, default: "" }, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const displayNodes = computed(() => { |
|---|
