Browse Source

fix:超出两行显示省略号

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

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

@ -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 : '' }}

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

@ -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 : '' }}

Loading…
Cancel
Save