From 1d45ea75308850ad0ef575ca28ba3f93552f097c Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期三, 24 一月 2024 16:01:58 +0800
Subject: [PATCH] 设备监控页面状态反馈按钮添加二次确认功能以及调整异常设备列表项字体颜色为红色显示
---
src/views/mdc/base/modules/deviceBaseInfo/EqumentDetaiModel.vue | 22 +++++++++++++++-------
1 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/src/views/mdc/base/modules/deviceBaseInfo/EqumentDetaiModel.vue b/src/views/mdc/base/modules/deviceBaseInfo/EqumentDetaiModel.vue
index c0d6bc6..a448802 100644
--- a/src/views/mdc/base/modules/deviceBaseInfo/EqumentDetaiModel.vue
+++ b/src/views/mdc/base/modules/deviceBaseInfo/EqumentDetaiModel.vue
@@ -237,16 +237,13 @@
:key="item.id"
:label="item.chineseName"
>
- <a-popover v-if="item.value&&item.value.length>18">
- <template slot="content">
+ <a-tooltip @mouseenter="mouseEnterItem">
+ <template slot="title">
{{item.value}}
</template>
- {{item.value}}
- </a-popover>
+ <div class="description-item-class">{{item.value}}</div>
+ </a-tooltip>
- <template v-else>
- {{item.value}}
- </template>
</a-descriptions-item>
</a-descriptions>
@@ -1425,6 +1422,13 @@
}
})
+ },
+
+ mouseEnterItem(e){
+ console.log(e, e.target, e.target.clientWidth, e.target.scrollWidth)
+ if (e.target.clientWidth >= e.target.scrollWidth) {
+ e.target.style.pointerEvents = 'none' // 闃绘榧犳爣浜嬩欢 pointer-events 灞炴�х敤浜庤缃厓绱犳槸鍚﹀榧犳爣浜嬩欢鍋氬嚭鍙嶅簲銆�
+ }
}
},
beforeDestroy(){
@@ -1560,6 +1564,10 @@
{
width: 130px;
overflow: hidden;
+ }
+
+ .description-item-class{
+ overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
--
Gitblit v1.9.3