From 547aab154e85a9a89f1e320f92bd43854d10faeb Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期四, 14 十二月 2023 14:12:45 +0800 Subject: [PATCH] 1、调整车间看板页面详情弹窗描述列表内容字段 2、报警分析页面在原有表格中为每个报警号增加子表格,内容为出现此报警号的设备ID以及报警时间等 3、报警分析页面表格请求数据设置加载中动画 4、调整设备参数阈值管理页面添加或编辑阈值上下限输入框为数字输入框,避免上下限数字比较大小时出现问题 --- src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue | 33 ++++++++++++++++++++++++++------- 1 files changed, 26 insertions(+), 7 deletions(-) diff --git a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue index bca1e3b..b7d8c93 100644 --- a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue +++ b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue @@ -7,12 +7,12 @@ <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> <p style="margin-top: 5px;"> - <!--<span ref="message">{{item.equipmentName}}</span>--> <span ref="message">{{item.equipmentName}}({{item.equipmentId}})</span> </p> </div> @@ -55,12 +55,31 @@ } 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"); }, openDetail(item) { if(item.oporation == 0){ - this.$message.warn("璁惧澶勪簬鍏虫満鐘舵�侊紒"); + // this.$message.warn("璁惧澶勪簬鍏虫満鐘舵�侊紒"); + this.$notification.warning({ + message:'娑堟伅', + description:"璁惧澶勪簬鍏虫満鐘舵�侊紒" + }); return false; } console.log(item); @@ -156,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