设备监控三色灯

zhuzhuanzhuan

2023-08-16 1cd8b70c6d23a00ddb6eabf2dd46c58b3e2e8439

设备监控三色灯

 src/assets/gray.png

 src/assets/green.png

 src/assets/red.png

 src/assets/yellow.png

 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;*/