.x-vxe-table{
  // 头部
  .vxe-table--header-wrapper{
    background-color: var(--color-bg-1) !important;
    border-top-left-radius: var(--border-radius-2);
    border-top-right-radius: var(--border-radius-2);
    .vxe-header--row {
      .vxe-header--column {
        padding: 9px 0;
        height: unset; // 处理在出现虚拟滚动 设置了表头默认高度为48的问题
        user-select: unset;
        .vxe-cell{
          font-size: 12px;
          color: var(--color-grey-8);
        }
      }
    }
  }
  // 固定列 阴影问题
  .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{
    box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.1);  
  }
  .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{
    box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.1);  
  }
  // 文字大小和颜色
  .vxe-table--render-default{
    font-size: var(--x-font-size-base);
    color:var(--color-grey-8) ;
  }

  // 表格主体 居中的问题
  .vxe-table--body{
    .vxe-cell{
      .x-image{
        vertical-align: middle;
      }
    }
  }
  // 高亮和复制icon
  .vxe-body--row.row--hover {
    .x-cell-display-switch{
      display: inline !important;
    }
  }
  .vxe-body--row:hover {
    .vxe-body--column {
      .vxe-cell {
        .el-icon-copy-document {
          display: inline-block !important;
        }
      }
    }
  }
  .row--hover {
    background-color: #EEF3FB;
  }
  // 表格边框
  .vxe-table--border-line{
    border-color: var(--border-color);
    border-radius: var(--border-radius-2);
  }
  // 分页
  .table-pager-box {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
  }
  // 无数据
  .vxe-table--render-default .vxe-table--empty-block, .vxe-table--render-default .vxe-table--empty-placeholder{
    align-items: unset;
  }

  // 多选框复选框修改 TODO:需要优化
  .vxe-cell--checkbox{
    position: unset;
    padding-left: unset;
    .vxe-checkbox--icon{
      position: relative;
      border: 1px solid #dcdfe6;
      border-radius: 2px;
      box-sizing: border-box;
      width: 14px;
      height: 14px;
      background-color: #fff;
      z-index: 1;
      transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    }
    .vxe-checkbox--icon::before{
      box-sizing: content-box;
      content: "";
      border: 1px solid #fff;
      border-left: 0;
      border-top: 0;
      height: 7px;
      left: 4px;
      position: absolute;
      top: 1px;
      transform: rotate(45deg) scaleY(0);
      width: 3px;
      transition: transform .15s ease-in .05s;
      transform-origin: center;
    }
    .vxe-checkbox--checked-icon{
      background-color: var(--color-blue-6,#409eff);
      border-color:var(--color-blue-6,#409eff);
    }
    .vxe-checkbox--indeterminate-icon{
      background-color: var(--color-blue-6,#409eff);
      border-color: var(--color-blue-6,#409eff);
    }
    .vxe-checkbox--indeterminate-icon::before{
      content: "";
      position: absolute;
      display: block;
      background-color: #fff;
      height: 2px;
      transform: scale(.5);
      left: 0;
      right: 0;
      top: 5px;
    }
  }

  // 合计行数据修改
  .vxe-table--footer-wrapper{
    background-color: var(--color-grey-1);
    .vxe-table--footer{
      .vxe-footer--row{

        .vxe-footer--column:not(.col--ellipsis){
          height: unset; // 处理在出现虚拟滚动 设置了表头默认高度为48的问题
          padding: 9px 0;
        }
        .vxe-footer--column{
          height: 40px; 
        }
      }
    }
  }

  // 拖拽
  .drag-btn{
    width: 40px;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    >img{
      width: 16px;
    }
  }

  // 列合并
  .vxe-body--merge-cell{
    vertical-align: top !important;
    border-right: 1px solid #e8eaec;
    .vxe-cell{
      max-height: unset !important;
    }
  }
  .vxe-footer--merge-cell{
    border-right: 1px solid #e8eaec;
  }

  // 行合并
  .vxe-body--parent-row{
    background-color: var(--color-grey-1);
  }

  .x-empty{
    .el-empty__image{
      opacity: 0.4;
    }
  }
}
// 滚动条 大尺寸
.x-vxe-table.table-scroll{
  ::-webkit-scrollbar{
    width: 8px;
    height: 8px;
  }
  // 滚动条轨道
  ::-webkit-scrollbar-track{
    background-color: var(--color-grey-2);
  }
  // 当同时有垂直滚动条和水平滚动条时交汇的部分.
  ::-webkit-scrollbar-corner{
    background-color: var(--color-grey-2);
  }
  // 滚动条滑块
  ::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color: var(--color-grey-4);
    cursor: pointer;
  }
  :hover::-webkit-scrollbar-thumb{
    background-color: var(--color-grey-6);
  }
}
// TODO：手势有待调整
.sortable-ghost{
  cursor: move;
}