fix: 修复 流程设计样式问题

src/components/scWorkflow/index.vue

@@ -22,7 +22,8 @@
 				<div class="end-node-text">流程结束</div>
 			</div>-->
 		</div>
-		<use-select v-if="selectVisible" ref="useselect" @update:selected="update_activeSelected" @closed="selectVisible = false"></use-select>
+		<use-select v-if="selectVisible" ref=
+			"useselect" @update:selected="update_activeSelected" @closed="selectVisible = false"></use-select>
 	</div>
 </template>
 
@@ -97,11 +98,11 @@ export default {
 </script>
 
 <style lang="scss">
+$bg_color: #f6f8f9;
 .sc-workflow-design {
 	height: 100%;
-	background: #f6f8f9;
+	background: $bg_color;
 	//width: 100%;
-
 	.box-scale {
 		transform-origin: 50% 0px 0px;
 	}
@@ -130,7 +131,7 @@ export default {
 	justify-content: center;
 	flex-wrap: wrap;
 	min-width: min-content;
-	background: #f6f8f9;
+	background: $bg_color;
 }
 
 .sc-workflow-design {
@@ -208,7 +209,7 @@ export default {
 		border-style: solid;
 		border-width: 8px 6px 4px;
 		border-color: rgb(202, 202, 202) transparent transparent;
-		background: #f6f8f9;
+		background: $bg_color;
 	}
 	.node-wrap-box.start-node:before,
 	.node-wrap-box.end-node:before {
@@ -374,7 +375,7 @@ export default {
 		flex-direction: column;
 		align-items: center;
 		position: relative;
-		//background: #f6f8f9;
+		background: $bg_color;
 	}
 	.branch-box {
 		display: flex;
@@ -456,7 +457,7 @@ export default {
 		border-width: 8px 6px 4px;
 		border-color: rgb(202, 202, 202) transparent transparent;
 		//background: rgb(245, 245, 247);
-		background: #f6f8f9;
+		background: $bg_color;
 	}
 	.auto-judge .title {
 		line-height: 16px;
@@ -507,7 +508,7 @@ export default {
 		position: absolute;
 		height: 3px;
 		width: 50%;
-		background-color: #f6f8f9;
+		background-color: $bg_color;
 		top: -2px;
 	}
 	.bottom-left-cover-line,
@@ -515,7 +516,7 @@ export default {
 		position: absolute;
 		height: 3px;
 		width: 50%;
-		background-color: #f6f8f9;
+		background-color: $bg_color;
 		bottom: -2px;
 	}
 	.top-left-cover-line {