@import "common/var";

.zte-table {
  & > div {
    height: 100%;
    &[class$=-body] {
      background-color: #fff;
      border-radius: 3px;
      height: auto;
    }
  }
  height: 100%;
  display: flex;
  flex-flow: column nowrap;

  .search-body {
    flex: 0 0 auto;
    padding: 15px 20px 0 20px;
    margin: 0;
    margin-bottom: 10px;

    .el-form {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;

      &>.el-form-item {
        margin-right: 0;
        margin-bottom: 10px;
        min-width: 270px;
      }
      .button-list {
        flex: 1 0 auto;
        text-align: right;

        .el-form-item__content {
          margin-left: 0 !important;
        }
      }
    }

    .more {
      text-align: center;
      padding: 5px;
      cursor: pointer;

      &:hover .icon {
        color: $--color-primary;
      }
    }
  }

  .content-body {
    background-color: transparent !important;
    margin-bottom: 10px;
    .el-button {
      border: 0;
      box-shadow: 0 7px 9px rgba($--color-primary, .04);
    }
    .el-button-group {
      margin-left: 10px;
    }
  }
  .table-body {
    height: 100% !important;
    flex: 1 1 auto;
    min-height: 200px;
    box-shadow: 0 4px 9px rgba($theme, .08);
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    box-shadow: 0 4px 9px rgba($--color-primary, .08);
    .table-data {
      display: flex;
      flex-flow: row wrap;
      padding: 20px;
      overflow-y: auto;
    }
    .infinite-list {
      height: 100%;
      overflow-y: auto;
      padding: 0 30px;
      margin: 15px 0;
      .infinite-list-item {
        min-height: 100px;
      }
    }
    .table-head-cell {
    }
    td {
      &.amount {
        .cell {
          text-align: right;
        }
      }
      .el-button {
        padding-top: 0;
        padding-bottom: 0;
      }
      padding: 6px;
    }
    .el-table-column--selection {
      text-align: center;
    }
    .pager-container {
      display: flex;
      justify-content: space-between;
      padding-left: 10px;
    }
    .el-pagination {
      flex: 1;
      text-align: right;
      padding: 10px;
      font-weight: normal;
    }
  }
  .el-table .cell {
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
  }
  .bottom-body {
    flex: 0 0 40px;
    height: 40px;
    background: #FAFAFA;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .comment {
      padding: 10px;
    }
    .el-pagination {
      flex: 1 1 auto;
      text-align: right;
      padding: 5px;
      font-weight: normal;
    }
  }
  .el-table {
    th {
      background-color: #f7f7f7;
    }
    .caret-wrapper {
      height: 18px;
      .sort-caret.ascending {
        top: -2px;
      }
      .sort-caret.descending {
        bottom: -2px;
      }
    }
    .el-table__body-wrapper{
      height: calc(100% - 40px);
      .el-table__body{
        overflow: auto; // 适配火狐
      }
    }
  }
  &.zte-table--small {
    .table-body {
      .el-table {
        td[class$="-temp"] {
          .el-button {
            font-size: 12px;
          }
        }
      }
    }
  }
}
.el-dialog__body {
  .zte-table {
    .content-body {
      .el-button {
        border: 1px solid #dcdfe6;
        box-shadow: none;
      }
    }
  }
}

// 复制样式
.tooltip-copy {
  border: 0!important;
  padding: 0!important;
  .el-button--mini {
    padding: 4px 8px!important;
  }
}
.el-tooltip__popper {
  word-break: break-all;
  max-width: 400px;
}