fix:超出两行显示省略号

This commit is contained in:
zhaohy
2024-09-03 09:48:24 +08:00
parent 7096e692ee
commit cc80c3155a
2 changed files with 20 additions and 2 deletions

View File

@@ -3,7 +3,16 @@
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'alarmTitle'"> <template v-if="column.dataIndex === 'alarmTitle'">
<div style="color: rgba(255, 118, 54, 1)">{{ record.alarmTitle }}</div> <div style="color: rgba(255, 118, 54, 1)">{{ record.alarmTitle }}</div>
{{ record.abnormalDescription }} <div
style="
display: -webkit-box;
-webkit-line-clamp: 2; /* 显示两行 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
">
{{ record.abnormalDescription }}
</div>
</template> </template>
<template v-if="column.dataIndex === 'priority'"> <template v-if="column.dataIndex === 'priority'">
{{ record.priority ? record.priority.label : '' }} {{ record.priority ? record.priority.label : '' }}

View File

@@ -3,7 +3,16 @@
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'alarmTitle'"> <template v-if="column.dataIndex === 'alarmTitle'">
<div style="color: rgba(255, 118, 54, 1)">{{ record.alarmTitle }}</div> <div style="color: rgba(255, 118, 54, 1)">{{ record.alarmTitle }}</div>
{{ record.abnormalDescription }} <div
style="
display: -webkit-box;
-webkit-line-clamp: 2; /* 显示两行 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
">
{{ record.abnormalDescription }}</div
>
</template> </template>
<template v-if="column.dataIndex === 'priority'"> <template v-if="column.dataIndex === 'priority'">
{{ record.priority ? record.priority.label : '' }} {{ record.priority ? record.priority.label : '' }}