feat: 发起人 disabled 交互 & 样式

src/components/scWorkflow/nodes/promoter.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="node-wrap">
-		<div class="node-wrap-box start-node">
+		<div class="node-wrap-box start-node" :class="{ 'node-wrap-box--disabled': disabled }">
 			<div class="title" style="background: var(--el-color-info)">
 				<el-icon class="icon"><user-filled /></el-icon>
 				<span class="title_label">{{ nodeConfig.nodeName }}</span>
@@ -21,12 +21,11 @@
 				<span>{{ toText(nodeConfig) }}</span>
 			</div>
 		</div>
-		<add-node v-model="nodeConfig.childNode"></add-node>
+		<add-node v-model="nodeConfig.childNode" :disabled="disabled"></add-node>
 		<el-drawer v-model="drawer" title="发起人" destroy-on-close append-to-body :size="500" class="aDrawer">
 			<template #header>
 				<div class="node-wrap-drawer__title_">
-					<label
-						>{{ form.nodeName }}</label>
+					<label>{{ form.nodeName }}</label>
 					<!--					<label v-show="!isEditTitle" @click="editTitle('nodeTitle')"
 						>{{ form.nodeName }}<el-icon class="node-wrap-drawer__title-edit"><edit /></el-icon
 					></label>
@@ -64,7 +63,11 @@ export default {
 	},
 	inject: ['select'],
 	props: {
-		modelValue: { type: Object, default: () => {} }
+		modelValue: { type: Object, default: () => {} },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
 	},
 	data() {
 		return {
@@ -84,6 +87,7 @@ export default {
 	},
 	methods: {
 		show() {
+			if (this.disabled) return
 			this.form = {}
 			this.form = JSON.parse(JSON.stringify(this.nodeConfig))
 			this.isEditTitle = false