.view-default.view-container.degridview {
  >.view-card {
    >.ivu-card-head {
      padding: 0;

      >.header-container {
        >.caption-container {
          flex: auto;
          display: flex;
          align-items: center;
          justify-content: flex-start;

          .caption-info {
            font-weight: 600;
            color: var(--view-font-color-bright);
            flex-shrink: 0;
          }

          .quick-group-container {
            margin-left: 12px;

            >.app-quick-group {
              background-color: transparent;
            }
          }
        }

        .quick-group-container,
        .quick-search-input {
          float: left;
          margin-top: 6px;
          margin-bottom: 6px;
        }

        >.bar-container {
          flex: auto;
          margin-bottom: 4px;
          display: flex;
          align-items: center;
          justify-content: flex-end;

          .ivu-input-group.ivu-input-group-default {
            margin-top: 4px !important;
          }

          >.toolbar-container {
            margin-top: 2px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
          }
        }
      }
    }

    >.ivu-card-body {
      height: calc(100% - 49px);
    }
  }

  >.view-card.view-no-toolbar,
  >.view-card.view-no-caption {
    >.ivu-card-body {
      height: calc(100% - 49px);
    }
  }

  >.view-card.view-no-header {
    >.ivu-card-body {
      padding-top: 12px;
      height: 100% !important;
    }
  }

  // 表格无分页情况下，高度问题
  .no-paging-bar {
    .el-table {

      .el-table__body-wrapper,
      .el-table__fixed-body-wrapper {
        height: 100%;
      }
    }
  }
}

.view-default .view-container {

  // 表格样式调整
  .grid .el-table::after {
    width: 0;
  }

  .grid .el-table {
    border-left: none;
    font-size: 12px;
    color: #666666;

    .el-table__header-wrapper,
    .el-table__fixed-header-wrapper {
      background: #F6F6F6;

      thead>tr th {
        background: #F6F6F6;
      }
    }

    tr {
      th {
        color: #666666;
        font-weight: 400;
        border-right: none;
      }
    }

    .el-table__body tr.el-table__row--striped td {
      background: transparent;
    }

    .el-table__header-wrapper>.el-table__header,
    .el-table__body-wrapper>.el-table__body {
      .selection-column .cell .el-checkbox__inner {
        width: 16px;
        height: 16px;
      }

      .selection-column .cell .el-checkbox__inner::after {
        top: 2px;
        left: 5px;
      }
    }

    .el-table__header-wrapper>.el-table__header .selection-column .cell .el-checkbox__inner::before {
      top: 6px;
    }
  }

  .grid {

    // 分页样式
    .grid-pagination {
      font-size: 12px;
      color: #666666;
      padding-top: 6px;
      overflow: auto;
      .ivu-icon {
        font-size: 14px;
        vertical-align: -0.06em
      }

      .ivu-select-selection {
        height: 28px;

        .ivu-select-selected-value {
          font-size: 12px;
          height: 26px;
          line-height: 26px;
        }
      }

      .ivu-page-options-elevator {
        input {
          height: 28px;
        }
      }

      .ivu-btn,
      input {
        font-size: 12px;
      }

      .page-button {
        padding-right: 10px;

        button {
          border-color: var(--button-font-color-light);
        }
      }

      .page-column {
        left: 45px;
      }

      .ivu-btn {
        padding: 0 12pxs;
        height: 28px;
      }

      .page-button button,
      .ivu-page-item-jump-next,
      .ivu-page-item-jump-prev,
      .ivu-page-next,
      .ivu-page-prev,
      .ivu-page-item {
        height: 28px;
        width: 28px;
        min-width: 28px;
        line-height: 28px;

        &:hover {
          border-color: var(--button-background-color-bright);
        }
      }

      .ivu-page-item a {
        margin: 0;
      }

      .ivu-page-item-active {
        background-color: var(--button-background-color-bright);

        a {
          color: var(--view-font-color);
        }
      }

      // 批工具栏
      .batch-toolbar {
        left: 2px;

        button {
          background-color: var(--button-background-color);
          color: var(--button-font-color);
          border-color: var(--button-font-color-light);
          border-radius: 4px !important;
          width: 76px;
          height: 28px;

          &:hover {
            background-color: var(--button-background-color-bright);
            border-color: var(--button-font-color-light-bright);
            color: var(--button-font-color-bright);
          }

          &:disabled {
            background-color: var(--button-background-color-light);
            color: var(--button-font-color-light);
          }
        }
      }
    }

    .el-table {

      // 表格和固定列高度,滚动条对齐问题
      .el-table__body-wrapper,
      .el-table__fixed-body-wrapper {
        height: calc(100% - 45px);
        min-height: 49px;
      }

      // 选中和悬浮激活色
      .el-table__row.grid-selected-row,
      .el-table__row.hover-row {
        td {
          background-color: var(--ctrl-select-color);
        }
      }

      //操作列样式
      .default-ua-column {
        padding: 0;

        .cell {
          padding: 0;
        }

        .ua-column-container {
          height: 48px;
          padding: 12px 0;
        }

        .ua-column-icon {
          font-size: 16px;
          color: #666666;
        }
      }
    }

    .el-table.el-table--scrollable-y {
      .el-table__fixed-right {
        right: 6px !important;

        .el-table__fixed-body-wrapper>.el-table__body .el-table__row>.default-ua-column .ua-column-container {
          padding-left: 6px;
        }
      }
    }

    // 过滤项
    .ivu-form {
      position: relative;
    }
  }
}

// 过滤项气泡
.view-default.ivu-poptip-popper {
  min-width: 146px;

  .ivu-poptip-inner {
    box-shadow: 0px 2px 4px 0px rgba(87, 163, 253, 0.16);
  }

  .page-column-item {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .el-checkbox__label {
      color: #666666;
      font-size: 12px;
      padding-left: 6px;
    }

    .handle-icon {
      margin-left: 10px;

      &:hover {
        cursor: move
      }

      ;
    }
  }
}

// 操作列气泡
.app-popover-wrapper .ua-column-popover.app-popover.app-popper {
  box-shadow: 0px 2px 9px 0px rgba(87, 163, 253, 0.16);
  border-radius: 4px;
  border: 0;
  padding: 10px 12px;

  .ivu-btn {
    margin: 0 0 0 16px;
    font-size: 12px;
    padding: 0 10px;

    &:first-child {
      margin: 0;
    }

    .caption {
      margin-left: 0;
    }
  }
}