ttk-app-core/compatible/apps/gl/app-auxbalancesum-rpt/style.less

enterprise develop framework

@Color: #fff;
@ColorEven:#f8f8f8;
.app-auxbalancesum-rpt{
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: auto;  
    .mk-normal-search-left{
        height: 30px;
    }
    .mk-table .ant-table-tbody td{
        // height: 37px !important;
    } 
    .mk-span{
            // margin-left: 8px;
            margin-right: 0px;
            width: 50px;
        }
    .mk-input{
        width: 225px;
        margin-right: 6px;
        height: 30px;
        input{
            font-size: 12px;
            height: 30px;
        }
        
    }
    .mk-normal-search{
        display: flex;
        .mk-dateRangeMonthPicker{
            margin-top: 0;
        }
        .mk-normal-search-left{
            width: 55%;
            display: flex;
            .mk-dateRangeMonthPicker{
                display: inline-block;
                margin-top: -1px;
                margin-right: 8px;
                min-width: 162px;
                .ant-calendar-picker{
                    // flex: 1;
                    // width: auto;
                    input{
                        padding-right: 20px !important;
                        overflow: hidden;
                        text-overflow:ellipsis;
                        white-space: nowrap;
                    }
                }
            }
            .app-auxbalancesum-rpt-normalSearch{
                flex: 1;
                max-width: 172px;
                // margin-left: 8px;
                .mk-activeLabelSelect{
                    display: flex;
                }
                .mk-activeLabelSelect-label{
                    // width: 70px;
                }
                .mk-activeLabelSelect-value{
                    width: 60%;
                }
            }
            .mk-activeLabelSelect{
                width: auto;
                max-width: 172px;
            }
        }  
        .mk-title-otherBtn{
            min-width: 334px;
        }
        .app-auxbalancesum-rpt-normalSearch{
            display: inline-block;
            position: relative;     
            margin-right: 8px;    
            .edficon{
                font-size: 19px;
            }
            .mk-activeLabelSelect .ant-select-selection-selected-value {
                padding-right: 8px;
            }
            .ant-select-selection__clear{
                margin-right: none;
                right: 17px;
            }
            .app-auxbalancesum-rpt-normalSearch-leftBtn{
                display: inline-block;
                position: absolute;
                left: 1px;
                top: 1px;
                width: 25px;
                z-index: 10;
                height: 20px;
                line-height: 30px;
                text-align: center;
                cursor: pointer;
                color: #ACACAC;
                border: none;
            }
            .app-auxbalancesum-rpt-normalSearch-input{
                width: 100%;
                height: 30px;
                margin: 0;
                // margin-right: 8px;               
                .ant-select-selection--single{
                    height: 30px;
                    line-height: 1.1;                   
                }
                .ant-select-arrow{
                    display: none;
                }
                .ant-select-selection__rendered{
                    height: 30px;
                    line-height: 30px;
                    margin: 0px 25px;                     
                    .ant-select-selection-selected-value{
                        width: 100%;
                        max-width: 120px;
                        padding-right: 0;
                        font-size: 12px;
                        line-height: 30px;
                    }
                }
              
            }
            .app-auxbalancesum-rpt-normalSearch-rightBtn{
                display: inline-block;
                position: absolute;
                right: 0px;
                top: 1px;
                z-index: 10;
                height: 20px;
                width: 25px;
                line-height: 30px;
                text-align: center;
                cursor: pointer;
                color: #ACACAC;
                border: none;
            }
        }
      
        .app-auxbalancesum-rpt-reload{
            display: block;
            line-height: 30px !important;
            // font-size: 20px;
            // width: 30px;
            // height: 30px;
            box-sizing: border-box;
            background: #FFFFFF;
            color: @iconDayin;
            cursor: pointer;
            padding: 0;
            margin: 0;
            &:hover{
                border-color: @iconDayin;
            }
            &.ant-btn-clicked{
                background: @iconActive;
                border: @hoverIconBorder;
                color: #fff;
            }
        }
    }      
     .mk-table .ant-table .ant-table-fixed tr td{
        text-overflow: ellipsis;
    }
    &-table-tbody{ 
        flex:1;
        background: #fff;
        border-right: 1px solid #d9d9d9;
        table tr td:last-child{
            border-right: none !important;
        }
        .ant-table .ant-table-thead{
            tr{
                th:last-child{
                    border-right: none;
                }
            }
        }
        .ant-table-placeholder{
            border-right: none !important;
            border-left: none !important;
        }
        .ant-table-fixed-header table tr th:last-child{
            border-right: 1px solid #d9d9d9 !important;
        }
        .ant-table-fixed-header  table tr td:last-child{
            border-right: 1px solid #d9d9d9 !important;
        }
        tr:last-child{
        	td{
                background:linear-gradient(#fff6ea, #fff6ea) !important;
                font-weight: bold;
        	}
        } 
        table tr td[rowspan]{
            background: #fff ;
        }
        table tr:hover td[rowspan]{
            background: rgba(30, 181, 173, 0.07);
        }
    }
    //合计行滑过不变色
    .mk-table .ant-table .ant-table-fixed tr:last-child:hover{
        td{
            background:linear-gradient(#fff6ea, #fff6ea);
        }
    }
}
.app-auxbalancesum-rpt-normalSearch-cb{                     
    height: 30px;
    font-size: 12px;
    line-height: 30px;
}    
.dayin {
    // font-size: 30px;
    color: @iconDayin;
    display: block;
    // width: 30px;
    // height: 30px;
    text-align: center;
    box-sizing: border-box;
    background: #FFFFFF;
    // border: @iconBorder;
    // border-radius: 2px;
    margin-left: 8px;
    cursor: pointer;
    line-height: 30px;
}
.dayin:hover{
    border-color: @iconDayin;
}
.daochu {
    // font-size: 30px;
    color: @iconDaochu;
    display: block;
    // width: 30px;
    // height: 30px;
    text-align: center;
    box-sizing: border-box;
    background: #FFFFFF;
    // border: @iconBorder;
    // border-radius: 2px;
    margin-left: 8px;
    cursor: pointer;
    line-height: 28px;
}
.daochu:hover{
    border-color: @iconDaochu;
}
.activeLabelSelect-option{
    font-size: 12px;
    font-weight: normal;
}
.amountColumnStyle{
    text-align: right;
}