.table-layout {
  &.fixed {
    :global {
      .ant-spin-nested-loading,
      .ant-spin-container {
        height: 100%;
      }

      .ant-table-wrapper {
        flex: 1;
        height: 0;
      }

      .ant-table {
        flex: 1;
        height: 0;

        display: flex;
        flex-direction: column;
      }
      .ant-table-container {
        /*
        去除左侧的线段，用其他手段补充
        .ant-table-header,.ant-table-body,.ant-table-summary {
          table {
            border-left: 1px solid #f0f0f0;
          }
        }
       */
        border-left: none !important;

        .ant-table-header,
        .ant-table-body,
        .ant-table-summary {
          table {
            border-left: 1px solid #f0f0f0;
          }
        }

        display: flex;
        flex-direction: column;

        flex: 1;
        height: 0;

        .ant-table-body {
          flex: 1;
          height: 0;
        }
      }

      // 暂时舍弃
      // .ant-table-empty {
      //   .ant-table-container {
      //     .ant-table-body {
      //       table {
      //         // 空数据时可以铺满表格
      //         height: 100%;
      //       }
      //     }
      //   }
      // }

      .ant-table-content {
        height: 100%;
      }
      .ant-spin-container {
        display: flex;
        flex-direction: column;
      }
      .ant-pagination {
        margin-bottom: 0;
      }
    }
  }

  :global {
    .table-layout {
      &__filter {
        margin-bottom: 16px - 8px;
        &,
        &-left {
          .ant-form-inline {
            .ant-form-item {
              margin-bottom: 8px;
              &:not(:last-of-type) {
                margin-right: 8px;
              }
            }
          }
          .ant-btn {
            margin-bottom: 8px;
            &:not(:last-of-type) {
              margin-right: 16px;
            }
          }
        }
        &-right {
          margin-left: 32px;
        }

        &-second {
          // margin-top: 16px;
          margin-bottom: 16px;
          padding: 24px;
          padding-bottom: 24px - 8px;
          background: #fafbfc;

          .ant-form-inline {
            .ant-form-item {
              .ant-form-item-control-input {
                min-height: auto;
              }
              margin-bottom: 8px;
              &:not(:last-of-type) {
                margin-right: 8px;
              }
            }
          }
        }
      }
      &__table {
      }
    }
  }
}
