fix: 优化表格文字过多问题

This commit is contained in:
wangdan-fit2cloud 2024-11-29 18:47:38 +08:00
parent 00971bb108
commit 18b454044f
4 changed files with 10 additions and 9 deletions

View File

@ -68,6 +68,7 @@ const option_list = computed(() => {
width: 100%;
.active {
border: 1px solid var(--el-color-primary);
color: var(--el-color-primary);
}
.item {
cursor: pointer;

View File

@ -10,7 +10,7 @@
>
<el-button type="primary" @click="openAddDrawer()" class="mb-12"> 添加参数 </el-button>
<el-table :data="modelParamsForm" class="mb-16">
<el-table-column prop="label" label="显示名称">
<el-table-column prop="label" label="显示名称" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.label && row.label.input_type === 'TooltipLabel'">{{
row.label.label
@ -18,7 +18,7 @@
<span v-else>{{ row.label }}</span>
</template>
</el-table-column>
<el-table-column prop="field" label="参数" />
<el-table-column prop="field" label="参数" show-overflow-tooltip />
<el-table-column label="组件类型" width="110px">
<template #default="{ row }">
<el-tag type="info" class="info-tag">{{
@ -26,7 +26,7 @@
}}</el-tag>
</template>
</el-table-column>
<el-table-column prop="default_value" label="默认值" />
<el-table-column prop="default_value" label="默认值" show-overflow-tooltip />
<el-table-column label="必填">
<template #default="{ row }">
<div @click.stop>

View File

@ -13,8 +13,8 @@
:data="props.nodeModel.properties.user_input_field_list"
class="mb-16"
>
<el-table-column prop="field" label="参数" />
<el-table-column prop="label" label="显示名称">
<el-table-column prop="field" label="参数" show-overflow-tooltip />
<el-table-column prop="label" label="显示名称" show-overflow-tooltip >
<template #default="{ row }">
<span v-if="row.label && row.label.input_type === 'TooltipLabel'">{{ row.label.label }}</span>
<span v-else>{{ row.label }}</span>
@ -31,7 +31,7 @@
<el-tag type="info" class="info-tag" v-if="row.input_type === 'DatePicker'">日期</el-tag>
</template>
</el-table-column>
<el-table-column prop="default_value" label="默认值" />
<el-table-column prop="default_value" label="默认值" show-overflow-tooltip />
<el-table-column label="必填">
<template #default="{ row }">
<div @click.stop>

View File

@ -56,8 +56,8 @@
:data="form_data.form_field_list"
class="mb-16"
>
<el-table-column prop="field" label="参数" />
<el-table-column prop="label" label="显示名称">
<el-table-column prop="field" label="参数" show-overflow-tooltip />
<el-table-column prop="label" label="显示名称" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.label && row.label.input_type === 'TooltipLabel'">{{
row.label.label
@ -72,7 +72,7 @@
}}</el-tag>
</template>
</el-table-column>
<el-table-column prop="default_value" label="默认值" />
<el-table-column prop="default_value" label="默认值" show-overflow-tooltip />
<el-table-column label="必填">
<template #default="{ row }">
<div @click.stop>