feat: 流程创建 数据 新增 结束节点

src/components/scWorkflow/index.vue

@@ -7,20 +7,6 @@
 		</div>
 		<div class="box-scale" :style="`transform: scale(${zoom / 100})`">
 			<node-wrap v-if="nodeConfig" v-model="nodeConfig" :disabled="disabled"></node-wrap>
-			<div class="node-wrap">
-				<div class="node-wrap-box node-wrap-box--disabled end-node" :class="[`node-wrap-box--${nodeConfig.lastNode_local_status}`]">
-					<div class="title" style="background: var(--el-color-info)">
-						<span class="title_label">结束</span>
-					</div>
-					<div class="content">
-						<span>流程结束</span>
-					</div>
-				</div>
-			</div>
-			<!--			<div class="end-node">
-				<div class="end-node-circle"></div>
-				<div class="end-node-text">流程结束</div>
-			</div>-->
 		</div>
 		<use-select v-if="selectVisible" ref="useselect" @update:selected="update_activeSelected" @closed="selectVisible = false"></use-select>
 	</div>

src/components/scWorkflow/nodeWrap.vue

@@ -43,6 +43,17 @@
 			<node-wrap v-if="slot.node" v-model="slot.node.childNode" :disabled="disabled"></node-wrap>
 		</template>
 	</route-branch>
+	<!-- 结束分支 -->
+	<div v-if="nodeConfig.type === -1" class="node-wrap" :modelValue="nodeConfig">
+		<div class="node-wrap-box node-wrap-box--disabled end-node" :class="[`node-wrap-box--${nodeConfig.lastNode_local_status}`]">
+			<div class="title" style="background: var(--el-color-info)">
+				<span class="title_label">{{ nodeConfig.nodeName }}</span>
+			</div>
+			<div class="content">
+				<span>流程结束</span>
+			</div>
+		</div>
+	</div>
 
 	<node-wrap v-if="nodeConfig.childNode" v-model="nodeConfig.childNode" :disabled="disabled"></node-wrap>
 </template>

src/views/flow/create/components/FlowDesign.vue

@@ -15,12 +15,20 @@ const { modelContent } = storeToRefs(flowStore)
 const formRef = ref()
 const drawer = ref(false)
 const jsonFormat = ref({})
-const createConfigStart = () => ({
-	nodeName: '发起人',
-	nodeKey: getNodeKey(),
-	type: 0,
-	nodeAssigneeList: []
-})
+const createConfigStart = () => {
+	const nodeKey = getNodeKey()
+	return {
+		nodeName: '发起人',
+		nodeKey,
+		type: 0,
+		nodeAssigneeList: [],
+		childNode: {
+			nodeName: '结束',
+			nodeKey: nodeKey + 1,
+			type: -1
+		}
+	}
+}
 let form = ref({
 	processConfig: createConfigStart()
 })