Skip to content

Commit 14ee62a

Browse files
wangdan-fit2cloudwangdan-fit2cloud
committed
fix: 修复画布上table超出提示
1 parent b54584e commit 14ee62a

File tree

2 files changed

+57
-28
lines changed

2 files changed

+57
-28
lines changed

‎ui/src/workflow/nodes/base-node/component/UserInputFieldTable.vue

Lines changed: 34 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -13,25 +13,45 @@
1313
:data="props.nodeModel.properties.user_input_field_list"
1414
class="mb-16"
1515
>
16-
<el-table-column prop="field" label="参数" show-overflow-tooltip />
17-
<el-table-column prop="label" label="显示名称" show-overflow-tooltip >
16+
<el-table-column prop="field" label="参数">
1817
<template #default="{ row }">
19-
<span v-if="row.label && row.label.input_type === 'TooltipLabel'">{{ row.label.label }}</span>
20-
<span v-else>{{ row.label }}</span>
18+
<span :title="row.field" class="ellipsis-1">{{ row.field }}</span>
19+
</template>
20+
</el-table-column>
21+
22+
<el-table-column prop="label" label="显示名称">
23+
<template #default="{ row }">
24+
<span v-if="row.label && row.label.input_type === 'TooltipLabel'">
25+
<span :title="row.label.label" class="ellipsis-1">
26+
{{ row.label.label }}
27+
</span>
28+
</span>
29+
<span v-else>
30+
<span :title="row.label" class="ellipsis-1">
31+
{{ row.label }}
32+
</span></span
33+
>
2134
</template>
2235
</el-table-column>
2336
<el-table-column label="组件类型">
2437
<template #default="{ row }">
2538
<el-tag type="info" class="info-tag" v-if="row.input_type === 'TextInput'">文本框</el-tag>
2639
<el-tag type="info" class="info-tag" v-if="row.input_type === 'Slider'">滑块</el-tag>
2740
<el-tag type="info" class="info-tag" v-if="row.input_type === 'SwitchInput'">开关</el-tag>
28-
<el-tag type="info" class="info-tag" v-if="row.input_type === 'SingleSelect'">单选框</el-tag>
41+
<el-tag type="info" class="info-tag" v-if="row.input_type === 'SingleSelect'"
42+
>单选框</el-tag
43+
>
2944
<el-tag type="info" class="info-tag" v-if="row.input_type === 'MultiSelect'">多选框</el-tag>
3045
<el-tag type="info" class="info-tag" v-if="row.input_type === 'RadioCard'">选项卡</el-tag>
3146
<el-tag type="info" class="info-tag" v-if="row.input_type === 'DatePicker'">日期</el-tag>
3247
</template>
3348
</el-table-column>
34-
<el-table-column prop="default_value" label="默认值" show-overflow-tooltip />
49+
50+
<el-table-column prop="default_value" label="默认值">
51+
<template #default="{ row }">
52+
<span :title="row.default_value" class="ellipsis-1">{{ row.default_value }}</span>
53+
</template>
54+
</el-table-column>
3555
<el-table-column label="必填">
3656
<template #default="{ row }">
3757
<div @click.stop>
@@ -41,13 +61,13 @@
4161
</el-table-column>
4262
<el-table-column label="操作" align="left" width="80">
4363
<template #default="{ row, $index }">
44-
<span class="mr-4">
45-
<el-tooltip effect="dark" content="修改" placement="top">
46-
<el-button type="primary" text @click.stop="openAddDialog(row, $index)">
47-
<el-icon><EditPen /></el-icon>
48-
</el-button>
49-
</el-tooltip>
50-
</span>
64+
<span class="mr-4">
65+
<el-tooltip effect="dark" content="修改" placement="top">
66+
<el-button type="primary" text @click.stop="openAddDialog(row, $index)">
67+
<el-icon><EditPen /></el-icon>
68+
</el-button>
69+
</el-tooltip>
70+
</span>
5171
<el-tooltip effect="dark" content="删除" placement="top">
5272
<el-button type="primary" text @click="deleteField($index)">
5373
<el-icon>
@@ -60,11 +80,9 @@
6080
</el-table>
6181

6282
<UserFieldFormDialog ref="UserFieldFormDialogRef" @refresh="refreshFieldList" />
63-
6483
</template>
6584

6685
<script setup lang="ts">
67-
6886
import { onMounted, ref } from 'vue'
6987
import { set } from 'lodash'
7088
import UserFieldFormDialog from './UserFieldFormDialog.vue'
@@ -84,7 +102,6 @@ function deleteField(index: any) {
84102
props.nodeModel.graphModel.eventCenter.emit('refreshFieldList')
85103
}
86104
87-
88105
function refreshFieldList(data: any, index: any) {
89106
for (let i = 0; i < inputFieldList.value.length; i++) {
90107
if (inputFieldList.value[i].field === data.field && index !== i) {
@@ -142,10 +159,6 @@ onMounted(() => {
142159
})
143160
set(props.nodeModel.properties, 'user_input_field_list', inputFieldList)
144161
})
145-
146162
</script>
147163

148-
149-
<style scoped lang="scss">
150-
151-
</style>
164+
<style scoped lang="scss"></style>

‎ui/src/workflow/nodes/form-node/index.vue

Lines changed: 23 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -56,23 +56,39 @@
5656
:data="form_data.form_field_list"
5757
class="mb-16"
5858
>
59-
<el-table-column prop="field" label="参数" show-overflow-tooltip />
60-
<el-table-column prop="label" label="显示名称" show-overflow-tooltip>
59+
<el-table-column prop="field" label="参数">
6160
<template #default="{ row }">
62-
<span v-if="row.label && row.label.input_type === 'TooltipLabel'">{{
63-
row.label.label
64-
}}</span>
65-
<span v-else>{{ row.label }}</span>
61+
<span :title="row.field" class="ellipsis-1">{{ row.field }}</span>
6662
</template>
6763
</el-table-column>
64+
<el-table-column prop="label" label="显示名称">
65+
<template #default="{ row }">
66+
<span v-if="row.label && row.label.input_type === 'TooltipLabel'">
67+
<span :title="row.label.label" class="ellipsis-1">
68+
{{ row.label.label }}
69+
</span>
70+
</span>
71+
<span v-else>
72+
<span :title="row.label" class="ellipsis-1">
73+
{{ row.label }}
74+
</span></span
75+
>
76+
</template>
77+
</el-table-column>
78+
6879
<el-table-column label="组件类型" width="110px">
6980
<template #default="{ row }">
7081
<el-tag type="info" class="info-tag">{{
7182
input_type_list.find((item) => item.value === row.input_type)?.label
7283
}}</el-tag>
7384
</template>
7485
</el-table-column>
75-
<el-table-column prop="default_value" label="默认值" show-overflow-tooltip />
86+
87+
<el-table-column prop="default_value" label="默认值">
88+
<template #default="{ row }">
89+
<span :title="row.default_value" class="ellipsis-1">{{ row.default_value }}</span>
90+
</template>
91+
</el-table-column>
7692
<el-table-column label="必填">
7793
<template #default="{ row }">
7894
<div @click.stop>

0 commit comments

Comments
 (0)