Skip to content

Commit b572956

Browse files
fix: 优化部分样式
1 parent 3e8734a commit b572956

File tree

5 files changed

+57
-53
lines changed

5 files changed

+57
-53
lines changed

ui/src/components/ai-chat/ExecutionDetailDialog.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -342,7 +342,7 @@
342342
<template v-if="item.type === WorkflowType.FormNode">
343343
<div class="card-never border-r-4">
344344
<h5 class="p-8-12">
345-
参数输入<span style="color: #f54a45">{{
345+
参数输出<span style="color: #f54a45">{{
346346
item.is_submit ? '' : '(用户未提交)'
347347
}}</span>
348348
</h5>

ui/src/views/application-workflow/component/DropdownMenu.vue

Lines changed: 31 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div v-show="show" class="workflow-dropdown-menu border border-r-4">
33
<el-tabs v-model="activeName" class="workflow-dropdown-tabs">
4-
<div style="display: flex; width: 100%; justify-content: center">
4+
<div style="display: flex; width: 100%; justify-content: center" class="mb-4">
55
<el-input v-model="search_text" style="width: 240px" placeholder="按名称搜索">
66
<template #suffix>
77
<el-icon class="el-input__icon"><search /></el-icon>
@@ -61,32 +61,37 @@
6161
</el-tab-pane>
6262
<el-tab-pane label="应用" name="application">
6363
<el-scrollbar height="400">
64-
<template v-for="(item, index) in filter_application_list" :key="index">
65-
<div
66-
class="workflow-dropdown-item cursor flex p-8-12"
67-
@click.stop="clickNodes(applicationNode, item, 'application')"
68-
@mousedown.stop="onmousedown(applicationNode, item, 'application')"
69-
>
70-
<component
71-
:is="iconComponent(`application-node-icon`)"
72-
class="mr-8 mt-4"
73-
:size="32"
74-
:item="item"
75-
/>
76-
<div class="pre-wrap" style="width: 60%">
77-
<auto-tooltip :content="item.name" style="width: 80%" class="lighter">
78-
{{ item.name }}
79-
</auto-tooltip>
80-
<el-text type="info" size="small" style="width: 80%">{{ item.desc }}</el-text>
81-
</div>
82-
<div class="status-tag" style="margin-left: auto">
83-
<el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px"
84-
>高级编排</el-tag
85-
>
86-
<el-tag class="blue-tag" v-else style="height: 22px">简单配置</el-tag>
64+
<div v-if="filter_application_list.length > 0">
65+
<template v-for="(item, index) in filter_application_list" :key="index">
66+
<div
67+
class="workflow-dropdown-item cursor flex p-8-12"
68+
@click.stop="clickNodes(applicationNode, item, 'application')"
69+
@mousedown.stop="onmousedown(applicationNode, item, 'application')"
70+
>
71+
<component
72+
:is="iconComponent(`application-node-icon`)"
73+
class="mr-8 mt-4"
74+
:size="32"
75+
:item="item"
76+
/>
77+
<div class="pre-wrap" style="width: 60%">
78+
<auto-tooltip :content="item.name" style="width: 80%" class="lighter">
79+
{{ item.name }}
80+
</auto-tooltip>
81+
<el-text type="info" size="small" style="width: 80%">{{ item.desc }}</el-text>
82+
</div>
83+
<div class="status-tag" style="margin-left: auto">
84+
<el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px"
85+
>高级编排</el-tag
86+
>
87+
<el-tag class="blue-tag" v-else style="height: 22px">简单配置</el-tag>
88+
</div>
8789
</div>
88-
</div>
89-
</template>
90+
</template>
91+
</div>
92+
<div v-else class="ml-16 mt-8">
93+
<el-text type="info">没有找到相关结果</el-text>
94+
</div>
9095
</el-scrollbar>
9196
</el-tab-pane>
9297
</el-tabs>

ui/src/views/document/component/StatusTable.vue

Lines changed: 21 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
2-
<el-row :gutter="3" v-for="status in statusTable" :key="status.type">
3-
<el-col :span="4">{{ taskTypeMap[status.type] }} </el-col>
4-
<el-col :span="4">
2+
<div v-for="status in statusTable" :key="status.type">
3+
<span> {{ taskTypeMap[status.type] }}:</span>
4+
<span>
55
<el-text v-if="status.state === State.SUCCESS || status.state === State.REVOKED">
66
<el-icon class="success"><SuccessFilled /></el-icon>
77
{{ stateMap[status.state](status.type) }}
@@ -22,23 +22,22 @@
2222
<el-icon class="is-loading primary"><Loading /></el-icon>
2323
{{ stateMap[status.state](status.type) }}
2424
</el-text>
25-
</el-col>
26-
<el-col :span="7">
27-
<span
28-
:style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
29-
>
30-
完成
31-
{{
32-
Object.keys(status.aggs ? status.aggs : {})
33-
.filter((k) => k == State.SUCCESS)
34-
.map((k) => status.aggs[k])
35-
.reduce((x: any, y: any) => x + y, 0)
36-
}}/{{
37-
Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
38-
}}</span
39-
>
40-
</el-col>
41-
<el-col :span="9">
25+
</span>
26+
<span
27+
class="ml-8 lighter"
28+
:style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
29+
>
30+
完成
31+
{{
32+
Object.keys(status.aggs ? status.aggs : {})
33+
.filter((k) => k == State.SUCCESS)
34+
.map((k) => status.aggs[k])
35+
.reduce((x: any, y: any) => x + y, 0)
36+
}}/{{
37+
Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
38+
}}</span
39+
>
40+
<el-text type="info" class="ml-4">
4241
{{
4342
status.time
4443
? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(
@@ -47,8 +46,8 @@
4746
)
4847
: undefined
4948
}}
50-
</el-col>
51-
</el-row>
49+
</el-text>
50+
</div>
5251
</template>
5352
<script setup lang="ts">
5453
import { computed } from 'vue'

ui/src/views/login/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@
6767
class="login-button-circle color-secondary"
6868
@click="changeMode(item)"
6969
>
70-
<span style="font-size: 10px">{{ item }}</span>
70+
<span :style="{ 'font-size': item === 'OAUTH2' ? '8px' : '10px' }">{{ item }}</span>
7171
</el-button>
7272
<el-button
7373
v-if="item === 'QR_CODE' && loginMode !== item"

ui/src/workflow/common/NodeControl.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,17 +12,17 @@
1212
<el-divider direction="vertical" />
1313
<el-button link @click="retract">
1414
<el-tooltip class="box-item" effect="dark" content="收起全部节点" placement="top">
15-
<AppIcon iconName="app-retract" title="收起全部节点"></AppIcon>
15+
<AppIcon style="font-size: 16px" iconName="app-retract" title="收起全部节点"></AppIcon>
1616
</el-tooltip>
1717
</el-button>
1818
<el-button link @click="extend">
1919
<el-tooltip class="box-item" effect="dark" content="展开全部节点" placement="top">
20-
<AppIcon iconName="app-extend" title="展开全部节点"></AppIcon>
20+
<AppIcon style="font-size: 16px" iconName="app-extend" title="展开全部节点"></AppIcon>
2121
</el-tooltip>
2222
</el-button>
2323
<el-button link @click="layout">
2424
<el-tooltip class="box-item" effect="dark" content="一键美化" placement="top">
25-
<AppIcon iconName="app-beautify" title="一键美化"></AppIcon>
25+
<AppIcon style="font-size: 16px" iconName="app-beautify" title="一键美化"></AppIcon>
2626
</el-tooltip>
2727
</el-button>
2828
</el-card>

0 commit comments

Comments
 (0)