feat: 并向样式

src/assets/icons/flow/paraller-branch.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721547682266" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6106" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M480.246 771.968a128 128 0 1 0 63.488 0 32.32 32.32 0 0 0 0.256-3.96800001c0-75.648 51.392-140.16 180.672-249.59999999 96.256-81.408 102.528-86.912 132.416-118.912C903.414 349.76 927.99 304.25599999 927.99 256c0-1.34399999-0.064-2.688-0.256-3.968a128 128 0 1 0-63.488 0 32.32 32.32 0 0 0-0.256 3.96800001c0 28.672-17.408 60.8-53.76 99.83999999-27.264 29.248-33.6 34.816-126.912 113.728-60.992 51.648-106.816 94.71999999-139.328 135.04L543.99 256.00000001c0-1.34399999-0.064-2.688-0.256-3.96800001a128 128 0 1 0-63.488 0 32.32 32.32 0 0 0-0.256 3.968L479.99 604.608c-32.512-40.32-78.336-83.392-139.328-135.03999999-93.312-78.912-99.648-84.48-126.912-113.72800001-36.352-39.04-53.76-71.168-53.76-99.84 0-1.34399999-0.064-2.688-0.256-3.968a128 128 0 1 0-63.488 0 32.32 32.32 0 0 0-0.25600001 3.968c0 48.256 24.576 93.76 70.91200001 143.488 29.888 32 36.16 37.504 132.416 118.976C428.598 627.84 479.98999999 692.352 479.99 768a32.32 32.32 0 0 0 0.256 3.968zM511.99 192a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m384 0a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m-768 0a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m384 768a64 64 0 1 1 0-128 64 64 0 0 1 0 128z" p-id="6107"></path></svg>

src/components/scWorkflow/nodes/parallelBranch.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="branch-wrap">
 		<div class="branch-box-wrap">
-			<div class="branch-box">
+			<div class="branch-box" style="margin-bottom: 15px">
 				<el-button class="add-branch" color="#626aef" plain round @click="addTerm"> 添加分支 </el-button>
 				<div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
 					<div class="condition-node">
@@ -37,6 +37,20 @@
 					<div v-if="index == nodeConfig.conditionNodes.length - 1" class="top-right-cover-line"></div>
 					<div v-if="index == nodeConfig.conditionNodes.length - 1" class="bottom-right-cover-line"></div>
 				</div>
+				<div
+					style="
+						position: absolute;
+						bottom: -20px;
+						right: 50%;
+						background-color: rgb(255, 255, 255);
+						padding: 10px;
+						border-radius: 50%;
+						margin-right: -18px;
+						z-index: 99;
+					"
+				>
+					<svg-icon style="font-size: 18px" color="#626aef" icon-class="flow-paraller-branch" />
+				</div>
 			</div>
 			<add-node v-model="nodeConfig.childNode"></add-node>
 		</div>