fix:超出两行显示省略号
This commit is contained in:
@@ -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>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2; /* 显示两行 */
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
">
|
||||||
{{ record.abnormalDescription }}
|
{{ 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 : '' }}
|
||||||
|
@@ -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 : '' }}
|
||||||
|
Reference in New Issue
Block a user