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

perf: style

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-12-30 18:57:31 +08:00
parent 0f8fb1693a
commit edb842679d
2 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/src/views/application-workflow/component/DropdownMenu.vue
View File

@ -41,24 +41,24 @@
<component :is="iconComponent(`function-lib-node-icon`)" class="mr-8 mt-4" :size="32" /> <component :is="iconComponent(`function-lib-node-icon`)" class="mr-8 mt-4" :size="32" />
<div class="pre-wrap"> <div class="pre-wrap">
<div class="lighter">{{ functionNode.label }}</div> <div class="lighter">{{ functionNode.label }}</div>
<el-text type="info" size="small">{{ functionNode.text }}</el-text> <el-text type="info" size="small" >{{ functionNode.text }}</el-text>
</div> </div>
</div> </div>
<template v-for="(item, index) in filter_function_lib_list" :key="index"> <template v-for="(item, index) in filter_function_lib_list" :key="index">
<div <div
class="workflow-dropdown-item cursor flex p-8-12" class="workflow-dropdown-item cursor flex p-8-12 align-center"
@click.stop="clickNodes(functionLibNode, item, 'function')" @click.stop="clickNodes(functionLibNode, item, 'function')"
@mousedown.stop="onmousedown(functionLibNode, item, 'function')" @mousedown.stop="onmousedown(functionLibNode, item, 'function')"
> >
<component <component
:is="iconComponent(`function-lib-node-icon`)" :is="iconComponent(`function-lib-node-icon`)"
class="mr-8 mt-4" class="mr-8"
:size="32" :size="32"
/> />
<div class="pre-wrap"> <div class="pre-wrap">
<div class="lighter">{{ item.name }}</div> <div class="lighter">{{ item.name }}</div>
<el-text type="info" size="small">{{ item.desc }}</el-text> <el-text type="info" size="small" v-if="item.desc">{{ item.desc }}</el-text>
</div> </div>
</div> </div>
</template> </template>
@ -69,13 +69,13 @@
<div v-if="filter_application_list.length > 0"> <div v-if="filter_application_list.length > 0">
<template v-for="(item, index) in filter_application_list" :key="index"> <template v-for="(item, index) in filter_application_list" :key="index">
<div <div
class="workflow-dropdown-item cursor flex p-8-12" class="workflow-dropdown-item cursor flex align-center p-8-12"
@click.stop="clickNodes(applicationNode, item, 'application')" @click.stop="clickNodes(applicationNode, item, 'application')"
@mousedown.stop="onmousedown(applicationNode, item, 'application')" @mousedown.stop="onmousedown(applicationNode, item, 'application')"
> >
<component <component
:is="iconComponent(`application-node-icon`)" :is="iconComponent(`application-node-icon`)"
class="mr-8 mt-4" class="mr-8"
:size="32" :size="32"
:item="item" :item="item"
/> />
@ -83,7 +83,7 @@
<div class="lighter ellipsis" :title="item.name"> <div class="lighter ellipsis" :title="item.name">
{{ item.name }} {{ item.name }}
</div> </div>
<el-text type="info" size="small" style="width: 80%">{{ item.desc }}</el-text> <el-text type="info" size="small" style="width: 80%" v-if="item.desc">{{ item.desc }}</el-text>
</div> </div>
<div class="status-tag" style="margin-left: auto"> <div class="status-tag" style="margin-left: auto">
<el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px" <el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px"
@ -257,7 +257,7 @@ onMounted(() => {
user-select: none; /* CSS3属性 */ user-select: none; /* CSS3属性 */
position: absolute; position: absolute;
top: 49px; top: 49px;
right: 90px; right: 122px;
z-index: 99; z-index: 99;
width: 268px; width: 268px;
box-shadow: 0px 4px 8px 0px var(--app-text-color-light-1); box-shadow: 0px 4px 8px 0px var(--app-text-color-light-1);

12
ui/src/workflow/common/NodeControl.vue
View File

@ -1,13 +1,19 @@
<template> <template>
<el-card shadow="always" style="--el-card-padding: 8px 12px; --el-card-border-radius: 8px"> <el-card shadow="always" style="--el-card-padding: 8px 12px; --el-card-border-radius: 8px">
<el-button link @click="zoomOut"> <el-button link @click="zoomOut">
<el-icon :size="16" title="缩小"><ZoomOut /></el-icon> <el-tooltip class="box-item" effect="dark" content="缩小" placement="top">
<el-icon :size="16" title="缩小"><ZoomOut /></el-icon>
</el-tooltip>
</el-button> </el-button>
<el-button link @click="zoomIn"> <el-button link @click="zoomIn">
<el-icon :size="16" title="放大"><ZoomIn /></el-icon> <el-tooltip class="box-item" effect="dark" content="放大" placement="top">
<el-icon :size="16" title="放大"><ZoomIn /></el-icon>
</el-tooltip>
</el-button> </el-button>
<el-button link @click="fitView"> <el-button link @click="fitView">
<AppIcon iconName="app-fitview" title="适应"></AppIcon> <el-tooltip class="box-item" effect="dark" content="适应" placement="top">
<AppIcon iconName="app-fitview" title="适应"></AppIcon>
</el-tooltip>
</el-button> </el-button>
<el-divider direction="vertical" /> <el-divider direction="vertical" />
<el-button link @click="retract"> <el-button link @click="retract">