From 8c168889e5ef37b4d334827108615e762511c622 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期二, 26 十二月 2023 11:39:25 +0800 Subject: [PATCH] 1、根页面网站标题由统计分析调整为MDC智慧车间 2、车间看板页面优化代码,去除冗余代码,试图解决新增车间后设备无法自由拖拽问题(未在现场调试,本地调试无问题) 3、车间看板页面全屏模式进入车间后车间背景图无法正常计算高度 4、车间看板与设备监控页面设备详情弹窗调整数据过长则省略的判定条件 5、首页优化布局方式,实现响应式布局 --- src/views/mdc/base/modules/WorkshopSignage/EquipmentDetailModal.vue | 22 +++++++++++++++------- 1 files changed, 15 insertions(+), 7 deletions(-) diff --git a/src/views/mdc/base/modules/WorkshopSignage/EquipmentDetailModal.vue b/src/views/mdc/base/modules/WorkshopSignage/EquipmentDetailModal.vue index 022e82c..c234759 100644 --- a/src/views/mdc/base/modules/WorkshopSignage/EquipmentDetailModal.vue +++ b/src/views/mdc/base/modules/WorkshopSignage/EquipmentDetailModal.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> @@ -1423,6 +1420,13 @@ closeModal() { this.handleCancel() + }, + + 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() { @@ -1571,6 +1575,10 @@ { width: 130px; overflow: hidden; + } + + .description-item-class{ + overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } -- Gitblit v1.9.3