.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;
        }
    }

    // 表格样式调整
    .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;
        .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: #FFFFFF;
          }
        }
        // 批工具栏
        .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 );
        }
        // 选中和悬浮激活色
        .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;
      }
    }
    // 表格无分页情况下，高度问题
    .no-paging-bar{
      .el-table{
        .el-table__body-wrapper,.el-table__fixed-body-wrapper{
          height:  100% ;
        }
      }
    }
}

// 过滤项气泡
.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;
    }
  }
}