From c000ee4a823e60ab0ff2048adccc212b9d8bdc6d Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 19 Dec 2024 15:37:48 +0800
Subject: [PATCH] feat: Add workflow condition style

---
 ui/src/styles/app.scss                   |  3 +++
 ui/src/workflow/common/NodeContainer.vue | 24 +++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index e02eb5ada..a383bcefe 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -211,6 +211,9 @@ h5 {
 .p-8-12 {
   padding: calc(var(--app-base-px)) calc(var(--app-base-px) + 4px);
 }
+.p-12-16 {
+  padding: calc(var(--app-base-px) + 4px) calc(var(--app-base-px) * 2);
+}
 .p-12-24 {
   padding: calc(var(--app-base-px) + 4px) calc(var(--app-base-px) * 3);
 }
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index 06c1aad2b..65bdc95c8 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -37,6 +37,27 @@
                 ><ArrowDownBold />
               </el-icon>
             </el-button>
+            <el-dropdown
+              v-if="showOperate(nodeModel.type)"
+              :teleported="false"
+              trigger="click"
+              placement="bottom-start"
+            >
+              <el-button text>{{ condition }}</el-button>
+              <template #dropdown>
+                <div style="width: 280px" class="p-12-16">
+                  <h5>执行条件</h5>
+                  <p class="mt-8 lighter">
+                    <span>前置</span>
+                    <el-select v-model="condition" size="small" style="width: 60px; margin: 0 8px">
+                      <el-option label="所有" value="AND" />
+                      <el-option label="任一" value="OR" />
+                    </el-select>
+                    <span>连线节点执行完，执行当前节点</span>
+                  </p>
+                </div>
+              </template>
+            </el-dropdown>
             <el-dropdown v-if="showOperate(nodeModel.type)" :teleported="false" trigger="click">
               <el-button text>
                 <el-icon class="color-secondary"><MoreFilled /></el-icon>
@@ -128,7 +149,8 @@ const height = ref<{
 })
 const showAnchor = ref<boolean>(false)
 const anchorData = ref<any>()
-// const showNode = ref<boolean>(true)
+const condition = ref('AND')
+
 const showNode = computed({
   set: (v) => {
     set(props.nodeModel.properties, 'showNode', v)