ttk-app-core/compatible/apps/asset/app-asset-management/style.less

enterprise develop framework

.app-asset-management{
    width: 100%;
    height: 100%;
    padding: 0 14px;

    .mk-form-item {
        font-size: 12px;
        .right-item {
            text-align: right;
        }
    }
    &-header {
        &-revenue {
            display: flex;
        }
        .mk-form-item {
            margin-right: 25px;
        }
        .ant-form-item-label {
            padding: 0;
        }
        .codeAndNameItem .ant-form-item-children{
            display: flex;
            span.codeAndName {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
    &-content {
        display: flex;
        flex-wrap: wrap;
        >.mk-form-item, .tax {
            width: 50%;
        }
        &-tab {
            margin: 7px 0;
        }
        &-tab, &-left, &-right {
            width: 100%;
        }
        .top-border:first-child{
            width: 48% !important;
        }
        &-right {
            border-left: 1px dashed #ccc;
        }
        .ant-calendar-picker {
            width: 100%;
            :hover{
                .ant-calendar-picker-input:not(.ant-input-disabled)~.ant-calendar-picker-icon:after{
                    color: @primary-color;
                }
            }
        }
        .intangible-assets {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            >.mk-form-item {
                width: 50%;
            }
            .tax {
                >.mk-form-item {
                    width: 50%;
                    .ant-form-item-control-wrapper {
                        margin-left: 0 !important;
                        width: 200px;
                    }
                    .ant-form-item-label {
                        width: 140px;
                        padding: 4px 0;
                    }
                }
                >.mk-form-item:first-child {
                    padding-left: 0;
                }
                >.mk-form-item:nth-child(2) {
                    .ant-form-item-control-wrapper {
                        margin-left: 2px !important;
                    }
                }
            }
        }

        .ant-form-item-control-wrapper {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 200px;
            .ant-form-item-control {
                width: 100%;
                position: relative;
                .mk-select, .ant-input, .ant-calendar-picker {
                    width: 100%;
                    font-size: 12px;
                }
            }
        }
        .ant-form-item-label {
            width: 140px;
            padding: 4px 0;
        }
        .memo {
            width: 100% !important;
            .ant-form-item-control-wrapper {
                width: 100% !important;
                //padding-right: 45px;
            }
        }
        .prompt {
            color: #FA954C;
            line-height: 49px;
            margin-left: -3px;
        }
        .top-border {
            width: 50%;
            padding-bottom: 13px;
            margin-bottom: 13px;
            border-bottom: 1px dashed #ccc;
        }
        .tax {
            width: 100%;
            display: flex;
            >.mk-form-item {
                .ant-form-item-control-wrapper {
                    margin-left: 1px;
                    width: 80px;
                }
                .ant-form-item-label {
                    width: 67px;
                }
            }
            >.mk-form-item:first-child {
                padding-left: 46px;
            }
            >.mk-form-item:nth-child(2) {
                left: -2px;
            }
        }
    }
}
.ant-select-dropdown-menu {
    max-height: 300px;
    font-size: 12px
}

.app-asset-management.fixedAssets {
    .app-asset-management-content {
        padding-right: 20px;
        >.mk-form-item {
            width: 33.3%;
        }
        .app-asset-management-content-tab {
            position: relative;
            left: 10px;
        }
    }
    .app-asset-management-content-left, .app-asset-management-content-right {
        display: flex;
        flex-wrap: wrap;
        >.mk-form-item {
            width: 33.3%;
        }
    }
    .app-asset-management-content .ant-form-item-control-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 200px;
        .ant-form-item-control {
            width: 100%;
            position: relative;
            .mk-select, .ant-input, .ant-calendar-picker {
                width: 100%;
                font-size: 12px;
            }
        }
    }
}
.app-asset-management.immaterialAssets {
    .app-asset-management-content .ant-form-item-control-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 200px;
        .ant-form-item-control {
            width: 100%;
            position: relative;
            .mk-select, .ant-input, .ant-calendar-picker {
                width: 100%;
                font-size: 12px;
            }
        }
    }
}

@media screen and (min-width: 1680px) {//大于1280样式
    .app-asset-management{
        height: 530px;
        overflow-y: auto;
    }
}    

@media screen and (min-width: 1280px) {//大于1280样式
    .app-asset-management{
        height: 380px;
        overflow-y: auto;
    }
    .app-asset-management-content .ant-form-item-control-wrapper {
        width: 270px;
    }
    .app-asset-management-content .tax {
        width: 33.3%;
    }
    .app-asset-management-content .tax>.mk-form-item:nth-child(2) {
        left: -50px;
    }
    .app-asset-management-content .tax > .mk-form-item:first-child {
        padding-left: 0px;        
    }
    .app-asset-management-content .tax > .mk-form-item .ant-form-item-control-wrapper {
        width: 102px;
    }
    .app-asset-management-content .memo .ant-form-item-control-wrapper {
        width: 704px;
        padding-right: 1px;
    }
    .app-asset-management.fixedAssets .app-asset-management-content .memo .ant-form-item-label {
        width: 135px;
    }
    .app-asset-management.immaterialAssets .app-asset-management-content .memo {
        padding: 0 30px 30px 21px;
    }
    .top-border {
        width: 50%;
    }
    .app-asset-management-content-right {
        border-left: none;
    }
    .app-asset-management.fixedAssets .app-asset-management-header-revenue {
        padding-left: 59px;
    }
    .app-asset-management-header-revenue {
        padding-left: 79px;
    }
    .app-asset-management-content .intangible-assets .tax > .mk-form-item .ant-form-item-control-wrapper {
        width: 100px;
    }
    .asset-management .ant-modal {
        width: 900px !important;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -450px;
        margin-top: -244px;
    }
    .asset-management-wx {
        .app-asset-management-content .tax > .mk-form-item .ant-form-item-control-wrapper {
            width: 270px;
        } 
    }
    .codeAndNameItem .ant-form-item-children{
        span.codeAndName {
            max-width: 290px;
        }
    }
    .app-asset-management.immaterialAssets {
        .app-asset-management-content .ant-form-item-control-wrapper {
            width: 265px;
        }
        .codeAndNameItem .ant-form-item-children{
            span.codeAndName {
                max-width: 255px;
            }
        }
    }
}


@media screen and (max-width: 1279px) {//小于1280样式
    .app-asset-management-content .tax {
        width: 50%;
    }
    .app-asset-management-content .tax>.mk-form-item:nth-child(2) {
        left: -26px;
        .ant-form-item-label {
            width: 70px;
        }
    }
    .app-asset-management.fixedAssets {
        .app-asset-management-content>.mk-form-item {
            width: 50%;
        }
        .app-asset-management-content-left, .app-asset-management-content-right {
            display: flex;
            flex-wrap: wrap;
            >.mk-form-item {
                width: 50%;
            }
        }
    }
    .app-asset-management{
        height: 360px;
        overflow-y: auto;
    }
    .app-asset-management-content .ant-form-item-control-wrapper {
        width: 200px;
    }
    .app-asset-management-content .tax > .mk-form-item:first-child {
        padding-left: 93px;        
    }
    .app-asset-management-content .tax > .mk-form-item .ant-form-item-control-wrapper {
        width: 77px;
    }
    .app-asset-management-content .tax > .mk-form-item .ant-form-item-label {
        width: 47px;
    }
    .app-asset-management.fixedAssets .app-asset-management-content .memo {
        padding: 0 19px 30px 25px;
    }
    .app-asset-management.immaterialAssets .app-asset-management-content .memo {
        padding: 0 28px 30px 23px;
    }
    .app-asset-management-content .memo .ant-form-item-control-wrapper {
        width: 559px;
        padding-right: 0px;
    }
    .app-asset-management-content .prompt {
        width: 50%;
        padding-left: 10px;
    }
    .app-asset-management-content-right {
        border-left: none;
    }
    .taxSelect {
        min-width: 100px !important;
    }
    .app-asset-management-header-revenue {
        padding-left: 80px;
    }
    .app-asset-management-content .intangible-assets .tax > .mk-form-item .ant-form-item-control-wrapper {
        width: 100px;
    }
    .asset-management .ant-modal {
        position: absolute;
        width: 750px !important;
        top: 50%;
        margin-top: -235px;
        left: 50%;
        margin-left: -375px;
    }
    .asset-management-wx {
        .app-asset-management-content .tax > .mk-form-item .ant-form-item-control-wrapper {
            width: 200px;
        } 
    }
    .codeAndNameItem .ant-form-item-children{
        span.codeAndName {
            max-width: 105px;
        }
    }
    .app-asset-management.immaterialAssets {
        .app-asset-management-content .ant-form-item-control-wrapper {
            width: 190px;
        }
        .codeAndNameItem .ant-form-item-children{
            span.codeAndName {
                max-width: 115px;
            }
        }
    }
}

@media screen and (max-width: 1024px) {//小于1024样式
    .asset-management-gd {
        .app-asset-management-content .tax>.mk-form-item:nth-child(2) {
            left: -283px;
            .ant-form-item-label {
                width: 70px;
            }
        }
        .app-asset-management-content .tax>.mk-form-item:nth-child(2) .ant-form-item-control-wrapper {
            width: 118px
        }
        .app-asset-management-content .tax > .mk-form-item:first-child,.app-asset-management-content .tax > .mk-form-item:last-child {
            padding-left: 93px;
        }
        .app-asset-management-content .tax > .mk-form-item .ant-form-item-control-wrapper {
            width: 200px;
        }
    }
    .taxSelect {
        min-width: 100px !important;
    }
}
@media screen and (max-width: 575px)  {
    .asset-management .ant-modal {
        left: 0px;
        margin-left: 0px;
    }
    .app-asset-management {
        .ant-form-item-label label:after {
            display: inline;
        }
    }
}