style(table): 全站文件名列添加省略号与溢出隐藏
- 统一给文件名相关的 el-table-column 添加 class-name="is-ellipsis-link" - 解决了 el-link 为 flex 项导致列宽撑破的问题 - 在样式中新增 is-ellipsis-link 规则,实现文本溢出省略号效果 - 保证超长文件名不会破坏表格布局且能完整展示链接提示 - 适用于业务多个组件中涉及附件、文件名等长文本列的处理
This commit is contained in:
@@ -354,7 +354,12 @@
|
||||
<span v-else>{{ attachmentTypeName(row.type) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="文件名称" min-width="260" show-overflow-tooltip>
|
||||
<el-table-column
|
||||
label="文件名称"
|
||||
min-width="260"
|
||||
show-overflow-tooltip
|
||||
class-name="is-ellipsis-link"
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<el-link type="primary" @click="previewAttachment(row)">
|
||||
{{ attachmentName(row) }}
|
||||
|
||||
Reference in New Issue
Block a user