@import "~@/mixins.less";

.equipmentRepair {
  .size(300px, 350px);
  float: left;
  padding: 0 10px 10px 10px;
}

.equipmentInfo {
  .size();

  .title {
    .size(100%, 40px);
    .flex(center);
    font-size: 20px;
    color: #1890ff;
    font-weight: bold;
  }

  .image {
    .size(100%, 200px);
    border: 1px solid #ddd;
  }

  .info {
    .size(100%, 100px);
    .flex(center, center);
    background: #ddd;
    font-size: 18px;

    .content {
      .size();
      display: grid;
      grid-template-columns: 100px auto;
      grid-template-rows: 1fr 1fr;
      gap: 10px;

      >div:nth-of-type(1) {
        .flex(flex-end, flex-end)
      }

      >div:nth-of-type(2) {
        .flex(flex-end, flex-start)
      }

      >div:nth-of-type(3) {
        .flex(flex-start, flex-end)
      }

      >div:nth-of-type(4) {
        .flex(flex-start, flex-start)
      }
    }
  }
}

.equipmentFaultAnalysis {
  .size();

  .title {
    .size(100%, 40px);
    .flex(center);
    font-size: 20px;
    color: #1890ff;
    font-weight: bold;
  }

  .charts {
    .size(100%, calc(100% - 40px - 10px));
    border: 1px solid #ddd;

    .noData {
      .size();
      .flex(center, center);
      font-size: 18px;
      font-weight: bold;
    }
  }
}