SCADATrainSys/src/components/business/EasyProcess/node/NodeWrap.vue

<template>
  <div class="ep-node-wrap" v-if="props.node">
    <!-- 路由节点 -->
    <RouterNode
      :node="props.node"
      @removeNode="removeNode"
      v-if="props.node.nodeType == 'router'"
    />
    <!-- 普通节点 -->
    <BaseNode
      :node="props.node"
      :conditionNodes="props.conditionNodes"
      :conditionIndex="props.conditionIndex"
      @removeNode="removeNode"
      v-else
    />
    <!-- 子节点 -->
    <NodeWrap
      :node="props.node.childNode"
      @removeNode="removeChildNode"
      v-if="props.node.childNode && props.node.childNode.nodeType"
    />
  </div>
</template>

<script setup name="NodeWrap">
  defineOptions({ name: 'NodeWrap' })
  import BaseNode from './base/BaseNode.vue'
  import RouterNode from './router/routerNode.vue'
  import { onMounted } from 'vue'

  const props = defineProps({
    node: {
      // 当前流程节点数据
      type: Object,
      default: () => {}
    },
    conditionNodes: {
      // 条件集合，当节点类型为condition时有效
      type: Array,
      default: () => []
    },
    conditionIndex: {
      // 当前条件节点的顺序，当节点类型为condition时有效
      type: Number,
      default: 0
    },
    canRemoved: {
      // 当前节点是否可以移除
      type: Boolean,
      default: true
    }
  })
  onMounted(async () => {})

  // 移除当前节点
  const emit = defineEmits(['removeNode'])
  const removeNode = () => {
    emit('removeNode')
  }

  // 移除子节点
  const removeChildNode = () => {
    let nextChildNode = props.node.childNode.childNode
    props.node.childNode = nextChildNode
  }
</script>

<style lang="scss" scoped></style>