1、调整车间看板页面设备编号背景色随设备状态变化 2、调整车间看板页面设备编号与设备图片之间的距离 3、调整车间看板页面布局方式，将左侧图表区域宽度固...

zhaowei

2025-03-10 4dda1f6c996b493477dd7e48714b87e84e25063c

 src/views/mdc/base/modules/WorkshopSignage/DeviceDragLayout.vue

@@ -31,7 +31,7 @@
            ></div>
          </div>
        </div>
        <div :style="{backgroundColor:item.equipmentStatus!==0?'#f00':''}">{{ item.equipmentId }}</div>
        <div :style="{backgroundColor:item.equipmentStatus!==0?'#f00':'rgba(0,0,0,.4)'}">{{ item.equipmentId }}</div>
      </div>
    </VueDragResize>

@@ -155,6 +155,7 @@
</script>

<style scoped lang="less">

  .single-device {
    position: absolute;
    border: 1px solid transparent;
@@ -177,26 +178,36 @@
      -moz-align-items: flex-end;
      -ms-align-items: flex-end;

      .status-image {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 10px;
        height: 80%;
        margin-right: 5px;
      }

      .device-image {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
      position: relative;
      margin-bottom: 2px;

      .status-image {
        position: absolute;
        top: 25%;
        left: 25%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
      }
    }
  }

  & > div:last-child {
    color: #fff;
    font-weight: bold;
    font-size: 0.6vw;
    }
  }

  .guideline {
    position: absolute;
    border: 1px dashed #ccc;
  border: 1px dashed #fff;
  }

  .guidelineX {
@@ -208,4 +219,22 @@
    top: 0;
    height: 9999px;
  }

form {
  position: absolute;
  right: 0;
  bottom: 0.5%;

  /deep/.ant-form-item-label > label{
    color: #fff;
  }

  .ant-switch {
    background-color: #999;
  }

  .ant-switch-checked {
    background-color: #1890FF;
  }
}
</style>