From a751e547d67c4f8e2c6fddf958c1559f792515bd Mon Sep 17 00:00:00 2001
From: lyh <925863403@qq.com>
Date: 星期五, 27 六月 2025 16:11:50 +0800
Subject: [PATCH] 添加工作流
---
src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue | 67 +++++++++++----------------------
1 files changed, 23 insertions(+), 44 deletions(-)
diff --git a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue
index c118060..68476e3 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>
@@ -24,9 +25,6 @@
<script>
import EqumentDetaiModel from './EqumentDetaiModel'
import {getFileAccessHttpUrl} from '@/api/manage';
- import {
- getAction
- } from '@/api/manage'
export default {
name: 'EquipmentLayout',
@@ -54,12 +52,25 @@
}
return getFileAccessHttpUrl(img)
},
- getBackgroundUrl(imgurl){
- return require("../../../../../assets/"+imgurl+".gif");
+
+ 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");
+ }
},
+
openDetail(item) {
if(item.oporation == 0){
- // this.$message.warn("璁惧澶勪簬鍏虫満鐘舵�侊紒");
this.$notification.warning({
message:'娑堟伅',
description:"璁惧澶勪簬鍏虫満鐘舵�侊紒"
@@ -69,15 +80,8 @@
console.log(item);
this.$refs.equmentDetaiModel.initData(item.id);
this.$refs.equmentDetaiModel.timerModel(item.id);
- // this.equipMessageTimer = setInterval(() => {
- // setTimeout( this.$refs.equmentDetaiModel.initData(item.equipmentId),0)
- // },1000*10)
}
},
- beforeDestroy(){
- // clearInterval(this.equipMessageTimer);
- // this.equipMessageTimer = null
- }
}
</script>
<style scoped>
@@ -108,42 +112,38 @@
.equipment_box img{
width: 45%;
}
+
+ .containerequip{
+ overflow: auto;
+ }
+
@media screen and (min-width: 1920px){
.containerequip{
height: 640px!important;
- overflow: scroll;
}
}
@media screen and (min-width: 1680px) and (max-width: 1920px){
.containerequip{
height: 640px!important;
- overflow: scroll;
}
}
@media screen and (min-width: 1400px) and (max-width: 1680px){
.containerequip{
height: 493px!important;
- overflow: scroll;
}
}
@media screen and (min-width: 1280px) and (max-width: 1400px){
.containerequip{
height: 493px!important;
- overflow: scroll;
}
}
@media screen and (max-width: 1280px){
.containerequip{
height: 394px!important;
- overflow: scroll;
}
}
.container_content {
width: 100%;
- /*display: flex;*/
- /*flex-wrap: wrap;*/
- /*justify-content: space-between;*/
- /*align-items: center;*/
position: relative;
}
@@ -152,34 +152,13 @@
display: inline-block;
text-align: center;
margin-bottom: 5%;
- /*float: left;*/
}
.container_content .contnet p {
padding-top: 5%;
}
- .container_content .contnet img {
- padding: 5%;
- }
-
- .addclass {
- /*float: left;*/
- /*position: absolute;*/
- /*top: 0;*/
- /*left: 0;*/
- }
-
- .noaddclass {
- /*float: left;*/
- }
-
- /*.addclass .content_equipment img {*/
- /*border-bottom: 2px solid #e957ff;*/
- /*!*padding-bottom: 8%;*!*/
- /*}*/
.addclass p {
border-bottom: 2px solid #e957ff;
- /*padding-bottom: 8%;*/
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3