@ttk/component/src/tax72/style/components/dataGrid.less

ttk组件库

@import "../../../dataGrid/style/fixed-data-table.min.css";
.@{mk-prefix}-datagrid {
    flex: 1;
    height: 100%;
    overflow: hidden;
    background: #fff;
	font-family: "微软雅黑";
    .@{ant-prefix}-spin-nested-loading > div > .@{ant-prefix}-spin{
        max-height: 100%;
        left: 0;
        top: 0;
    }
    &-cellContent {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: @text-color-secondary;
    }
    &-cellContent-left {
	    color: @text-color-secondary;
        //justify-content: flex-start;
        text-align: left !important;
        margin-left: 8px;
    }
    &-cellContent-center {
	    color: @text-color-secondary;
        justify-content: center;
    }
    &-cellContent-right {
	    color: @text-color-secondary;
        text-align: right !important;
        //justify-content: flex-end;
    }
    &-cellContent-text {
        width: 100%;
        height: 100%;
        display: block;
    }
    &-sequence-cell, &-addDelRow-cell, &-upDownRow-cell {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
    //表格边框颜色透明
    .fixedDataTableLayout_main {
        border: none;
        border-left: 1px solid @border-color-base;
        border-right: 1px solid @border-color-base;
        border-top: 1px solid @border-color-base;
        //border-top-color: transparent;
        z-index: 2;
    }
    .@{mk-prefix}-nodata {
        z-index: 1;
    }
    .public_fixedDataTableCell_main {
        border-bottom: 1px solid @border-color-base;
        border-color: @border-color-base;
    }
    .public_fixedDataTable_hasBottomBorder {
        border-color: @border-color-base;
        border-bottom: 0;
    }
    //cell内容居中
    .public_fixedDataTableCell_cellContent {
        text-align: center;
    }
    .public_fixedDataTable_footer .public_fixedDataTableCell_main {
        .fixedDataTableCellGroupLayout_cellGroup{
            background-color: #fff6ea !important;
        }
        background-color: #fff6ea !important;
        background-image: linear-gradient(#fff6ea, #fff6ea);
        font-weight: 400;
    }
    /**
	 * 设置列头央视
	 * 字号：14px
	 * 默认状态字体色值：#454545
	 * 当前状态色值：#eaeaea，加粗
	 */
    .public_fixedDataTable_header,
    .public_fixedDataTable_header .public_fixedDataTableCell_main .@{mk-prefix}-datagrid-cellContent {
        background: @background-color;
        color: @text-color;
        font-size: 14px;
        font-weight: normal;
        // border-bottom-width: 0px;
        border-bottom: 1px solid @border-color-base;
    }

    .fixedDataTableLayout_rowsContainer {
        .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header{
            background: #eaeaea !important;
            text-align: center;
        }
        .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer{
            text-align: center;
        }
    }
    .public_fixedDataTable_scrollbarSpacer{
        top: 0px;
        background: #eaeaea;
    }

    .fixedDataTableRowLayout_rowWrapper:hover{
        .public_fixedDataTableRow_highlighted, .fixedDataTableCellGroupLayout_cellGroup{
            background: #fff;
        }
        .public_fixedDataTableCell_main {
            background-color: @item-hover-bg;
        }
    }

    .public_fixedDataTableRow_highlighted,
    .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
        background-color: #fff;
    }
    .fixedDataTableRowLayout_fixedColumnsDivider {
        border: 0px
    }
    // 兼容ie11上表格的表頭是白色的缺陷
	.fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header{
		background: #eaeaea;
	}
    .fixedDataTableRowLayout_rowWrapper .fixedDataTableRowLayout_main {
        overflow: visible;
    }
    .fixedDataTableRowLayout_rowWrapper:focus {
        border:1px solid @border-color-base;
    }

    .public_fixedDataTable_main {
        outline: none;
        overflow: hidden;
    }
    .fixedDataTableLayout_rowsContainer>div:nth-child(4) .fixedDataTableCellGroupLayout_cellGroupWrapper {
        .fixedDataTableCellGroupLayout_cellGroup{
            background-color: #fff6ea !important;
        }
        background-color: #fff6ea;
    }
    .edfx-app-proof-of-charge-money-cell > div{
        border-top: 0;
    }
    .public_Scrollbar_main {
        // border-left: 0;
        z-index: 1 !important;
        // border-left: 1px solid #d9d9d9 !important;
    }
    //grid表格头加粗显示
    .public_fixedDataTable_header .public_fixedDataTableCell_main{
        color: @text-color;
        // font-weight: bold;
    }
    .total {
        background-color: #fff6ea;
        font-weight: bold;
    }
    //字体14px
    .@{mk-prefix}-datagrid-cellContent {
        padding: 0 8px;
        display: block;
        font-size: 14px;
        white-space: nowrap;
        line-height: 36px;
        // text-align: center;
    }

    //去掉拖动时的蓝色线和修改拖动光标样式
    .fixedDataTableCellLayout_columnResizerContainer {
        cursor: col-resize !important;
    }
    .public_fixedDataTableCell_columnResizerKnob {
        background-color: transparent !important;
        cursor: col-resize !important;
    }
    .fixedDataTableColumnResizerLineLayout_mouseArea {
        cursor: col-resize !important;
    }
    .fixedDataTableColumnResizerLineLayout_main.public_fixedDataTableColumnResizerLine_main {
        border-color: transparent;
    }
}

//可编辑特殊样式
.@{mk-prefix}-datagrid-editable {
    background-color: #fff;
    &-add-row, &-up-row, &-down-row {
        display: none!important;
        font-size: 16px;
        color: #666;
        &:hover {
            cursor: pointer;
            color: @link-color;
        }
    }
    &-remove-row{
        display: none!important;
        font-size: 16px;
        color: #666;
        &:hover {
            cursor: pointer;
            color: red;
        }
    }
    .fixedDataTableLayout_main,
    .public_fixedDataTable_main {
        .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover {
            .@{mk-prefix}-datagrid-addDelRow-cell, .@{mk-prefix}-datagrid-upDownRow-cell, .@{mk-prefix}-datagrid-sequence-cell {
                a.addDelrow {
                    display: none;
                }
                .anticon {
                    display: block!important;
                }
            }
        }
    }
}

.@{mk-prefix}-addDel, .@{mk-prefix}-upDown {
    //border: none;
    overflow: hidden;
    .public_fixedDataTable_main {
        margin: 0 25px;
        //display: block;
        overflow: visible;
        border-top: 0;
        border-bottom: 0;
        .fixedDataTableLayout_rowsContainer {
            overflow: visible;
            //margin-left: -1px;
        }
    }
    .@{mk-prefix}-datagrid-cellContent {
        display: flex;
    }

    .@{mk-prefix}-datagrid-addDelRow-cell {
        background: #fff;
        width: 24px;
        margin-left: -25px;
        border-color: transparent;
    }

    .@{mk-prefix}-datagrid-upDownRow-cell {
        background: #fff;
        width: 24px;
        border-color: transparent;
    }

    .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper {
        //margin-left: -1px;
        .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child {
            .fixedDataTableCellGroupLayout_cellGroup {
                overflow: visible;
                .public_fixedDataTableCell_main {
                    overflow: visible;
                }
            }
        }
        .fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2) {
            overflow: hidden;
        }

        .public_fixedDataTable_header {
            background-color: @background-color;
        }

        .public_fixedDataTable_footer {
            .fixedDataTableCellGroupLayout_cellGroup{
                background-color: #fff6ea !important;
            }
            background-color: #fff6ea !important;
        }
    }
    //增行减行遮挡
    // .fixedDataTableLayout_rowsContainer>div:nth-child(2), .fixedDataTableLayout_rowsContainer>div:nth-child(4) {
    //     overflow: hidden;
    // }
    .fixedDataTableLayout_rowsContainer>div:nth-child(4) {
          .public_fixedDataTableCell_main:first-child {
              overflow: visible;
              z-index: 1;
          }
    }
    .public_fixedDataTable_horizontalScrollbar {
        margin-left: -1px;
    }
}

.public_fixedDataTable_bottomShadow{
    background-image:none !important;
    height: 65px;
    margin-left: -25px;
    margin-right: -25px;
    overflow: hidden;
}

.public_fixedDataTable_topShadow{
    background-image:none !important;
}
.@{mk-prefix}-ellipsis {
    text-align: center;
    .fixedDataTableLayout_rowsContainer > div:nth-child(3) {
        border-bottom: 1px solid @border-color-base;
        div.@{mk-prefix}-datagrid-cellContent {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-left: 0;
            padding: 0 8px;
            display: block;
        }
    }
}