Browse Source

fix:超出两行显示省略号

temp
zhaohy 3 months ago
parent
commit
cc80c3155a
  1. 9
      hx-ai-intelligent/src/view/alarmManagement/energyAlarm/index.vue
  2. 11
      hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/index.vue

9
hx-ai-intelligent/src/view/alarmManagement/energyAlarm/index.vue

@ -3,7 +3,16 @@
<template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'alarmTitle'">
<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 }}
</div>
</template>
<template v-if="column.dataIndex === 'priority'">
{{ record.priority ? record.priority.label : '' }}

11
hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/index.vue

@ -3,7 +3,16 @@
<template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'alarmTitle'">
<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 v-if="column.dataIndex === 'priority'">
{{ record.priority ? record.priority.label : '' }}

Loading…
Cancel
Save