From 554b4f3e421026624a2bd60aa3012b76ee1d9879 Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期四, 12 十二月 2024 14:19:16 +0800 Subject: [PATCH] 条件节点藏起来了 --- src/components/vue-flow/ui/nodes/ConditionNode.vue | 15 ++++++++------- 1 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/components/vue-flow/ui/nodes/ConditionNode.vue b/src/components/vue-flow/ui/nodes/ConditionNode.vue index f6ec7b6..42fc37c 100644 --- a/src/components/vue-flow/ui/nodes/ConditionNode.vue +++ b/src/components/vue-flow/ui/nodes/ConditionNode.vue @@ -35,8 +35,8 @@ </div> </div> - <div class="flex-auto gap-y-2 flex-col flex nodrag"> - <div v-for="(item, index) in conditionGroupList" class="flex-column gap-3 relative group/conditionGroup"> + <div class="flex-auto !overflow-x-auto gap-y-2 flex-col flex nodrag"> + <div v-for="(item, index) in conditionGroupList" class="flex flex-col gap-3 relative group/conditionGroup"> <div class="flex-items-center justify-between"> <div class="text-lg font-bold">濡傛灉</div> <div class="flex-items-center gap-3"> @@ -57,8 +57,8 @@ </div> </div> - <div class="flex-column gap-y-2"> - <div v-for="(subItem, subIndex) in item.conditions" class="ml-5 flex-items-center gap-x-2 group/conditionItem"> + <div class="flex flex-col gap-y-2"> + <div v-for="(subItem, subIndex) in item.conditions" class="ml-5 flex-items-center gap-x-2 group/conditionItem pr-8"> <el-input filterable class="w-[120px] flex-0" v-model="subItem.left_value" placeholder="杈撳叆鍙橀噺"> </el-input> <el-select v-model="subItem.comparison_operation" class="flex-0 w-[120px]" placeholder="閫夋嫨鏉′欢"> <el-option @@ -103,10 +103,11 @@ </div> <el-button class="w-fit mt-3" type="primary" @click="addConditionItem(item)">娣诲姞鏉′欢</el-button> </div> - <Handle :id="item.id" type="source" :position="Position.Right" /> + <Handle class="!right-0 !-translate-y-4" :id="item.id" type="source" :position="Position.Right" /> + </div> - <div class="flex-column gap-3 relative"> + <div class="flex flex-col gap-3 relative pr-8"> <div class="flex-items-center justify-between"> <div class="text-lg font-bold">鍚﹀垯</div> <!-- <el-select class="w-[130px]"> @@ -122,7 +123,7 @@ <div class="flex-column"> <el-button @click="addConditionBranch" class="w-fit mt-3" type="success">娣诲姞鍒嗘敮</el-button> </div> - <Handle :id="otherHandleId" type="source" :position="Position.Right" /> + <Handle class="!right-0 !-translate-y-4" :id="otherHandleId" type="source" :position="Position.Right" /> </div> </div> </div> -- Gitblit v1.9.3