xlyErp / xlyUmi

.flex(@align-item: initial, @justify-content: initial) {
  display: flex;
  align-items: @align-item;
  justify-content: @justify-content;
}

.size(@width: 100%, @height: 100%) {
  width: @width;
  height: @height;
}

.verifyScrapBill {
  .size();
}

.toolBar {
  position: relative;
  .size(100%, 40px);
  background: rgb(197, 197, 197);
}

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

.bakTools {
  .size(auto, 100%);
  .flex(center);
  position: absolute;
  top: 0;
  left: 0;

  :global {
    .ant-btn {
      font-weight: bold;
      font-size: 18px;
    }
  }
}

.tools {
  .size(auto, 100%);
  .flex(center);
  position: absolute;
  top: 0;
  right: 0;

  :global {
    .ant-btn {
      font-weight: bold;
      font-size: 18px;
    }
  }
}

.billForm {
  .size(100%, auto);
  .flex();

  >div:nth-child(1) {
    .size(calc(100% - 230px), 100%);
    padding-top: 5px;
  }

  >div:nth-child(2) {
    .size(230px, auto);
    padding-top: 10px;
    // max-height: 140px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);

    >div {
      .size();
      .flex(center, center);

      :global {
        .ant-btn-lg {
          min-width: 50px;
          width: 100px;
          height: 38px;
          border-radius: 5px;
          font-size: 18px;
        }
      }
    }
  }

  :global {
    .ant-col {
      height: 45px;
    }

    .ant-col.ant-col-24.ant-col-order-5 {
      height: auto;

      .viewStyle:last-child {
        overflow: hidden !important;
        padding-bottom: 5px;
      }
    }

    .ant-col.ant-form-item-label:not(.skipFlexBasis) {
      flex-basis: 160px !important;
      max-width: 160px !important;
      height: 40px;
      line-height: 27px;
      border-right: 1px solid #aaa;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      border: none !important;
      background-color: transparent !important;

      label {
        font-size: 18px !important;
      }

    }

    .ant-form-item {
      border: none !important;
    }

    .ant-form-item-control {
      flex-basis: 100px;
      max-width: calc(100% - 160px);
      flex-grow: 1;
      padding: 0 !important;
    }

    .ant-form-item-control-input-content {
      .flex();

      >* {
        flex-grow: 1;
      }
    }

    .ant-input,
    .ant-input[disabled],
    .viewStyle .ant-picker.ant-picker-disabled,
    .viewStyle .ant-select-disabled .ant-select-selector {
      flex-grow: 1;
      text-indent: 8px;
      font-size: 18px;
      background: #f0f0f0 !important;
      border-radius: 5px !important;
    }

    .ant-input-number {
      padding: 0 !important;

      input {
        background: #f0f0f0 !important;
        border-radius: 5px !important;
        height: 40px !important;
        padding-left: 0;
        padding-right: 0;
        text-indent: 8px;
      }
    }

    .ant-picker,
    .ant-select {
      background: #f0f0f0 !important;
      border-radius: 5px !important;
      height: 40px !important;

      .ant-select-selector,
      .ant-select-selection-search {
        height: 100%;
        background-color: transparent;

        input {
          height: 100% !important;
        }
      }

      input {
        background-color: transparent !important;
      }
    }

    .ant-input-search-button {
      height: 38px;
    }

    .ant-select-selector {
    //   border: none !important;
    //   background: #f0f0f0 !important;
    //   border-radius: 5px !important;
    //   height: 32px !important;

      .ant-select-selection-item,
      .ant-select-selection-placeholder {
        font-size: 18px;
        line-height: 36px !important;
      }
    }

    // .ant-input-affix-wrapper {
    //   height: 28px;
    //   line-height: 23px;
    //   border: none !important;
    //   background: #f0f0f0 !important;
    //   border-radius: 5px !important;
    //   height: 32px !important;
    //   box-shadow: none !important;
    //   padding-left: 0 !important;
    // }


    // .ant-picker.ant-picker-range {
    //   input {
    //     font-size: 14px !important;
    //   }
    // }
  }
}

.table {
  .size(100%, auto);
  flex-grow: 1;

  :global {

    .ant-tabs:not(.noXlyTabs) {
      .ant-tabs-nav-wrap {
        background: #fff;

        .ant-tabs-nav-list {
          background: #fff;

          .ant-tabs-tab {
            border: 1px solid #d9d9d9;
            border-right: 0;
            padding: 0 18px;
            height: 40px;
            line-height: 40px;
            margin-left: 0;
            background: #fafafa;

            &:nth-last-of-type(2) {
              border-right: 1px solid #d9d9d9;
            }
          }

          .ant-tabs-tab-active {
            border-bottom: 1px solid transparent;
            background: #fff;
          }

          .ant-tabs-ink-bar {
            top: 0;
            bottom: unset;
          }

          .ant-tabs-tab-btn {
            font-size: 20px;
          }
        }
      }
    }

    table {
      border-top: 1px solid #aaa !important;
    }

    table tr td.ant-table-selection-column .ant-radio-wrapper {
      margin-top: 7px;
    }

    .ant-table-thead>tr>th {
      border-right: 1px solid #aaa !important;
      font-size: 18px;
      color: rgba(0, 0, 0, .85);
      font-weight: 500;
      text-align: left;
      background: #e6e6e6;
      // border-bottom: 1px solid #aaa;
      font-weight: 600;
      white-space: nowrap;
      background: #ddd;
      border-radius: 0 !important;
      padding: 4px;
    }

    .ant-table-cell {
      span {
        box-shadow: none !important;
      }

      >div {
        .size(100%, 34px);
      }

      .noInput {
        .size();
        .flex(center, flex-start);
      }

      .changeClassName {
        height: 100%;

        * {
          height: 100%;
        }
      }
    }

    .ant-btn[class*="mesAdd"],
    .ant-btn[class*="mesDel"],
    .ant-btn[class*="mesSave"] {
      .size(30px, 30px);
    }

    .ant-btn[class*="mesSave"] {
      margin-right: 5px;
    }

    .ant-table-cell-fix-right {
      .operate-bar {
        .size();
        .flex(center, center);

        >span {
          display: none !important;
        }
      }
    }
  }
}

.tdDiv {
  .flex();
  .size();
  flex-direction: column;

  :global {
    .ant-btn-lg {
      padding: 0 0 0 2px;
      min-width: 0;
      height: 32px;
    }
  }
}

.tdDetail {
  flex-grow: 1;
  .size(100%, auto);
  min-height: 50px;
  background-color: #f0f0f0;
  border-top: 1px solid #AAA;
  font-size: 12px;
  padding-left: 4px;
}