From 623c691a3cbf09fc0fe68bfa50d9354d12a3da77 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 17 十一月 2023 14:34:51 +0800 Subject: [PATCH] 1、车间看板页面修改设备详情弹窗触发条件由悬浮改为单击 2、大屏车间管理页面增加有关设备编号字体颜色各项功能,由用户自行设置 --- src/views/WorkshopSignage.vue | 10 ++++++---- 1 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/views/WorkshopSignage.vue b/src/views/WorkshopSignage.vue index e3f9e6b..5353f00 100644 --- a/src/views/WorkshopSignage.vue +++ b/src/views/WorkshopSignage.vue @@ -37,7 +37,7 @@ :stickSize="6" > <div class="single-device" :style="{ width: item.vw + 'px', height: item.vh + 'px' }" - @mouseenter="openDetail(item)"> + @click="openDetail(item)"> <div class="device-status"> <div v-if="item.equipmentStatus == 2 || item.equipmentStatus == 1" @@ -64,7 +64,8 @@ class="device-image" ></div> </div> - <div class="device-id" :style="{ fontSize: item.fontSize + 'px' }"> + <div class="device-id" id="deviceId" + :style="{ fontSize: item.fontSize + 'px',color:workshopDetails.equipmentIdColor }"> {{ item.equipmentId }} </div> </div> @@ -183,6 +184,8 @@ this.$refs.deviceContainerRef.style.backgroundImage = `url(${this.getImgView( this.workshopDetails.backgroundImage )})` + + }) }, @@ -327,9 +330,8 @@ } .content-container { - position: relative; width: 100%; - height: 100%; + height: calc(100% - 80px); background-repeat: no-repeat; background-size: 100% 100%; -- Gitblit v1.9.3