@import "~@/mixins.less";

.commonOperationBar {
  .size(100%, 40px);
  padding: 0 5px 0 5px;

  :global {
    .leftBar {
      .size(auto, 100%);
      .flex(center);
      float: left;
    }

    .rightBar {
      .size(auto, 100%);
      .flex(center);
      float: right;

      .ant-form-item {
        background-color: rgba(24, 144, 255, 0.05);
        border: 1px solid #AAA;
        border-radius: 5px;

        .ant-form-item-control-input-content {
          .size(300px, 40px);
        }

        input {
          background: transparent;

          &:focus {
            box-shadow: none;
          }
        }

        .ant-select-selector {
          background: transparent;
          .size(300px, 40px);

          .ant-select-selection-search,
          .ant-select-selection-placeholder,
          .ant-select-selection-item {
            line-height: 40px;
          }
        }

        .ant-picker {
          border-radius: 5px;
        }

      }
    }

    .ant-select-show-search {
      padding: 0 !important;
    }
  }

  // 条形码
  .barcode {
    border: 1px solid #AAA;
    border-radius: 5px;
    width: 260px;

    :global {
      .ant-input-affix-wrapper {
        border: 0;
        height: 38px;
        border-radius: 5px;

        &:hover,
        &:focus,
        &:active {
          border: 0;
          border-color: #d9d9d9;
          box-shadow: none;
        }
      }

      input {
        border-radius: 5px;
      }
    }
  }

  // 重新发版
  .reissue {
    .size(30px, 30px);
    .flex(center, center);
    border: 1px solid #DDD;
    background-color: #DDD;
    color: #999;
    font-size: 30px;
    font-weight: bold;
    border-radius: 50%;
    padding-bottom: 4px;
    cursor: default;
  }

}

// 重新发版下拉
.reissueDropdown {

  :global {
    .ant-dropdown-menu {
      padding: 0;
      border-radius: 5px;
    }

    .ant-dropdown-menu-item {
      margin: 0;
      padding: 0;

      &:hover {
        border-radius: 5px;
      }
    }
  }
}

// 扫码上料
.scanCodeModal {
  .size();
  padding: 10px 20px 0 20px;

  :global {
    .scanInput {
      .size(100%, 40px);
      border-radius: 5px;
      border: 1px solid #1890ff;
      background-color: rgba(24, 144, 255, 0.2);

      input {
        border-radius: 5px;
        background-color: transparent;
      }
    }

    .scanTable {
      .size(100%, calc(100% - 40px));
      padding-top: 20px;
    }
  }
}