From 1cd8b70c6d23a00ddb6eabf2dd46c58b3e2e8439 Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期三, 16 八月 2023 17:59:54 +0800
Subject: [PATCH] 设备监控三色灯
---
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