From 007cc0e8e7cb7cdc4403c5b99b1bb551060e3017 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期四, 31 八月 2023 16:41:20 +0800 Subject: [PATCH] 报表界面的显示调整,OEE管理的各个界面的导入模板,设备监控界面的设备信息的展示,加班管理界面的绘制 --- src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue | 26 +++++++++++++++++++++----- 1 files changed, 21 insertions(+), 5 deletions(-) diff --git a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue index c118060..b7d8c93 100644 --- a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue +++ b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue @@ -7,7 +7,8 @@ <div class="content_equipment" @click="openDetail(item)"> <div class="equipment_box"> <div> - <img class="orange" :style="'background-image:url('+ getBackgroundUrl(item.oporation) +')'" :src="getImgUrl(item.equipmentTypePictures)"> + <img style="width: 11%;" :src="getStatusImgUrl(item.oporation)" alt=""> + <img class="orange" :src="getImgUrl(item.equipmentTypePictures)"> </div> </div> </div> @@ -53,6 +54,21 @@ return require("../../../../../assets/default.png"); } return getFileAccessHttpUrl(img) + }, + getStatusImgUrl(imgStaus){ + if(imgStaus == 1){ + return require("../../../../../assets/yellow.png"); + }else if(imgStaus == 2){ + return require("../../../../../assets/yellow.png"); + }else if(imgStaus == 3){ + return require("../../../../../assets/green.png"); + }else if(imgStaus ==22){ + return require("../../../../../assets/red.png"); + }else if(imgStaus ==0){ + return require("../../../../../assets/gray.png"); + }else{ + return require("../../../../../assets/gray.png"); + } }, getBackgroundUrl(imgurl){ return require("../../../../../assets/"+imgurl+".gif"); @@ -159,10 +175,10 @@ padding-top: 5%; } - .container_content .contnet img { - padding: 5%; - } - + /*.container_content .contnet img {*/ + /*padding: 5%;*/ + /*}*/ + /**/ .addclass { /*float: left;*/ /*position: absolute;*/ -- Gitblit v1.9.3