Преглед на файлове

feat: 条件 disabled 交互 & 样式

lanceJiang преди 1 година
родител
ревизия
042bb290ca
променени са 1 файла, в които са добавени 9 реда и са изтрити 4 реда
  1. 9 4
      src/components/scWorkflow/nodes/branch.vue

+ 9 - 4
src/components/scWorkflow/nodes/branch.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="branch-wrap">
+	<div class="branch-wrap" :class="{ 'branch-wrap--disabled': disabled }">
 		<div class="branch-box-wrap">
 			<div class="branch-box">
 				<el-button class="add-branch" type="success" plain round @click="addTerm"> 添加条件 </el-button>
@@ -39,7 +39,7 @@
 									<el-icon><ArrowRight /></el-icon>
 								</div>
 							</div>
-							<add-node v-model="item.childNode"></add-node>
+							<add-node v-model="item.childNode" :disabled="disabled"></add-node>
 						</div>
 					</div>
 					<slot v-if="item.childNode" :node="item"></slot>
@@ -49,7 +49,7 @@
 					<div v-if="index == nodeConfig.conditionNodes.length - 1" class="bottom-right-cover-line"></div>
 				</div>
 			</div>
-			<add-node v-model="nodeConfig.childNode"></add-node>
+			<add-node v-model="nodeConfig.childNode" :disabled="disabled"></add-node>
 		</div>
 		<el-drawer v-model="drawer" title="条件设置" destroy-on-close append-to-body :size="600">
 			<template #header>
@@ -139,7 +139,11 @@ export default {
 		addNode
 	},
 	props: {
-		modelValue: { type: Object, default: () => {} }
+		modelValue: { type: Object, default: () => {} },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
 	},
 	data() {
 		return {
@@ -167,6 +171,7 @@ export default {
 	},
 	methods: {
 		show(index) {
+			if (this.disabled) return
 			if (index === this.nodeConfig.conditionNodes.length - 1) {
 				// 最后一个节点不能编辑
 				return