zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 优化样式

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-09-15 16:43:41 +08:00
parent caa9ad63bd
commit 3041fd1c30
1 changed files with 43 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
ui/src/workflow/common/NodeContainer.vue
View File

@ -33,6 +33,11 @@
@click.stop @click.stop
v-if="showOperate(nodeModel.type)" v-if="showOperate(nodeModel.type)"
> >
<!-- <el-button text @click="showNode = !showNode" class="mr-4">
<el-icon class="mr-8 arrow-icon" :class="showNode ? 'rotate-90' : ''"
><CaretRight
/></el-icon>
</el-button> -->
<el-dropdown :teleported="false" trigger="click"> <el-dropdown :teleported="false" trigger="click">
<el-button text> <el-button text>
<el-icon class="color-secondary"><MoreFilled /></el-icon> <el-icon class="color-secondary"><MoreFilled /></el-icon>
@ -46,42 +51,44 @@
</el-dropdown> </el-dropdown>
</div> </div>
</div> </div>
<el-collapse-transition>
<div @mousedown.stop @keydown.stop @click.stop> <div @mousedown.stop @keydown.stop @click.stop>
<el-alert <el-alert
v-if="node_status != 200" v-if="node_status != 200"
class="mb-16" class="mb-16"
title="该函数不可用" title="该函数不可用"
type="error" type="error"
show-icon show-icon
:closable="false" :closable="false"
/> />
<slot></slot> <slot></slot>
<template v-if="nodeFields.length > 0"> <template v-if="nodeFields.length > 0">
<h5 class="title-decoration-1 mb-8 mt-8">参数输出</h5> <h5 class="title-decoration-1 mb-8 mt-8">参数输出</h5>
<template v-for="(item, index) in nodeFields" :key="index"> <template v-for="(item, index) in nodeFields" :key="index">
<div <div
class="flex-between border-r-4 p-8-12 mb-8 layout-bg lighter" class="flex-between border-r-4 p-8-12 mb-8 layout-bg lighter"
@mouseenter="showicon = index" @mouseenter="showicon = index"
@mouseleave="showicon = null" @mouseleave="showicon = null"
>
<span style="max-width: 92%">{{ item.label }} {{ '{' + item.value + '}' }}</span>
<el-tooltip
effect="dark"
content="复制参数"
placement="top"
v-if="showicon === index"
> >
<el-button link @click="copyClick(item.globeLabel)" style="padding: 0"> <span style="max-width: 92%">{{ item.label }} {{ '{' + item.value + '}' }}</span>
<AppIcon iconName="app-copy"></AppIcon> <el-tooltip
</el-button> effect="dark"
</el-tooltip> content="复制参数"
</div> placement="top"
v-if="showicon === index"
>
<el-button link @click="copyClick(item.globeLabel)" style="padding: 0">
<AppIcon iconName="app-copy"></AppIcon>
</el-button>
</el-tooltip>
</div>
</template>
</template> </template>
</template> </div>
</div> </el-collapse-transition>
</div> </div>
</div> </div>
<el-collapse-transition> <el-collapse-transition>
<DropdownMenu <DropdownMenu
v-if="showAnchor" v-if="showAnchor"
@ -122,6 +129,7 @@ const height = ref<{
}) })
const showAnchor = ref<boolean>(false) const showAnchor = ref<boolean>(false)
const anchorData = ref<any>() const anchorData = ref<any>()
const showNode = ref<boolean>(true)
const node_status = computed(() => { const node_status = computed(() => {
if (props.nodeModel.properties.status) { if (props.nodeModel.properties.status) {
return props.nodeModel.properties.status return props.nodeModel.properties.status
@ -240,6 +248,9 @@ onMounted(() => {
border: 1px solid #f54a45 !important; border: 1px solid #f54a45 !important;
} }
} }
.arrow-icon {
transition: 0.2s;
}
} }
:deep(.el-card) { :deep(.el-card) {
overflow: visible; overflow: visible;