perf: 创建流程优化

src/components/Flow/FlowNodeAvatar.vue

@@ -70,7 +70,7 @@ onBeforeMount(() => {
 	width: fit-content;
 
 	.el-avatar {
-		background: #02a8fa;
+		background: var(--el-color-primary);
 	}
 
 	.icon {

src/components/scWorkflow/index.vue

@@ -33,7 +33,7 @@ export default {
 		return {
 			nodeConfig: this.modelValue,
 			selectVisible: false,
-      activeSelected: []
+			activeSelected: []
 		}
 	},
 	watch: {
@@ -46,12 +46,12 @@ export default {
 	},
 	mounted() {},
 	methods: {
-    update_activeSelected(newSelected) {
-      this.activeSelected.splice(0, this.activeSelected.length, ...newSelected)
-    },
+		update_activeSelected(newSelected) {
+			this.activeSelected.splice(0, this.activeSelected.length, ...newSelected)
+		},
 		selectHandle(type, data) {
 			this.selectVisible = true
-      this.activeSelected = data
+			this.activeSelected = data
 			this.$nextTick(() => {
 				this.$refs.useselect.open(type, data)
 			})
@@ -454,8 +454,8 @@ export default {
 	cursor: pointer;
 }
 .add-node-popover-body li i:hover {
-	border: 1px solid #3296fa;
-	background: #3296fa;
+	border: 1px solid var(--el-color-primary);
+	background: var(--el-color-primary);
 	color: #fff !important;
 }
 .add-node-popover-body li p {
@@ -469,10 +469,10 @@ export default {
 	cursor: pointer;
 }
 .node-wrap-drawer__title label:hover {
-	border-bottom: 1px dashed #409eff;
+	border-bottom: 1px dashed var(--el-color-primary);
 }
 .node-wrap-drawer__title .node-wrap-drawer__title-edit {
-	color: #409eff;
+	color: var(--el-color-primary);
 	margin-left: 10px;
 	vertical-align: middle;
 }

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

@@ -36,7 +36,7 @@ const rules = {
 		{
 			required: true,
 			message: '请选择分组',
-			trigger: 'blur'
+			trigger: 'change'
 		}
 	]
 }
@@ -44,7 +44,6 @@ const rules = {
 // 基础信息表单提交校验
 const validate = () => {
 	return new Promise((resolve, reject) => {
-		console.log('validate..........')
 		formRef.value.validate((valid, errObj) => {
 			// console.error(valid, 'valid errObj', errObj)
 			if (valid) {
@@ -156,7 +155,6 @@ defineExpose({
 					</el-popover>
 				</el-form-item>
 				<el-form-item label="唯一标识 key" prop="processKey">
-					processKey
 					<el-input v-model="flowInfo.processKey" clearable maxlength="100"></el-input>
 				</el-form-item>
 				<el-form-item label="名称" prop="processName">