ac-form-layout/src/FormLayout.scss

.ac-form-layout {
    &-row {
        margin: 0
    }

    &-item {
        padding: 0;
        margin-bottom: 8px;
        .u-form-control{
            padding: 0 8px;
        }
        .u-select .u-select-selection-rendered{
            margin-left: 0;
            margin-right: 0;
        }
        input,
        .u-select .u-select-selection,
        .u-input-number,.u-input-number.u-input-group>span:first-child,.u-input-number.u-input-group>span:last-child {
            border-color: #d5d6d9;
        }
        .u-form-control:hover,.u-select-enabled .u-select-selection:hover,.u-input-number:hover{
            border-color: #505766;
        }
        .u-form-control:active,.u-select .u-select-selection:active,.u-input-number:active,
        .u-form-control:focus,.u-select .u-select-selection:focus,.u-input-number:focus{
            border-color: #505766;
        }
        .datepicker-input-group.u-input-group:hover > input {
            border-color: #505766;
        }
        .u-select .u-select-arrow,.datepicker-container .u-input-group-btn,.datepicker-input-group .u-input-group-btn,
        .u-input-number.u-input-group > span:first-child,.u-input-number.u-input-group > span:last-child,
        .u-input-group.simple .u-input-group-btn{
            color: #adb4bc;
        }
        .u-select .u-select-arrow,.u-input-group.simple .u-input-group-btn{
            right: 8px;
        }
        .u-select-selection-placeholder, .u-select-search-field-placeholder{
            left: 8px;
        }

        .u-select-selection--single .u-select-selection-selected-value{
            padding-left: 8px;
        }
        .u-label {
            display: inline-block;
            width: 140px;
            text-align: right;
            font-size: 13px;
            color: #111111;
        }

        .u-label+* {
            width: calc(100% - 140px);
            display: inline-block;
            height: 32px;
            font-size: 13px;
        }
        .ac-form-layout-span{
            line-height: 32px;
            color: #111111;
            padding: 0 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            pointer-events: painted;
            border: 1px solid #eee;
            border-radius: 3px;
        }
        .ncc-refer-container .refer-wrapper .refer-wrapper-content{
            height: 32px;
        }

        .container-refer {

            //mdf参照
            .ant-search-input-wrapper {
                vertical-align: middle;
                height: 32px;

                .ant-input {
                    border: 1px solid #d5d6d9;
                    padding: 0 7px;
                }
            }
        }

        &.error {

            .u-form-control,
            .u-input-number,
            .u-input-number.u-input-group.simple .u-input-group-btn,
            .u-select .u-select-selection,
            .ncc-refer-container .refer-wrapper .refer-wrapper-content {
                border-color: #f53c32;
            }

            .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus,
            .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce {
                color: #f53c32;
            }

        }

        .datepicker-input-group .u-form-control {
            float: unset;
        }

        .ref-input-wrap {
            width: 100% !important;
        }

        .u-input-number.u-input-group.simple {
            display: inline-block;

            .u-form-control {
                float: unset;
                height: 30px;
            }

            .u-input-group-btn {
                position: absolute;
                right: 2px;

                .icon-group {
                    height: 30px;
                }
            }
        }

        &-out {
            position: relative;
        }

        &-error-msg {
            color: #f53c32;
            position: absolute;
            z-index: 2;
            top: -30px;
            width: 100%;
            text-align: center;
            overflow: hidden;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 30px;
            pointer-events: none;

            &-text {
                padding: 3px 10px;
                border-radius: 4px;
                background: #fff;
                box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
                top: 6px;
                position: relative;
            }
        }

        &-error-msg::after {
            position: absolute;
            display: block;
            width: 6px;
            height: 6px;
            background: #fff;
            content: " ";
            left: calc(50% - 5px);
            transform: rotate(45deg);
            border-right: 1px solid #d5d6d9;
            border-bottom: 1px solid #d5d6d9;
            bottom: -1px;
        }


        //禁用状态
        .u-form-control[disabled] {
            background: #f3f3f3;
            border-color: #e0e0e0;
            color: #2B344B !important;
        }

        .u-select-disabled {
            .u-select-selection {
                background: #f3f3f3;
                border-color: #e0e0e0;
                color: #2B344B;
            }

        }

        input::-webkit-input-placeholder {
            color: #cccccc !important;
            font-size: 13px;
        }

        .u-select-selection-placeholder,
        .u-select-search-field-placeholder {
            color: #cccccc;
            font-size: 13px;
        }
    }

    &-mast {
        position: relative;
        top: 2px;
        color: #f53c32;
        right: 2px;
    }

    &.disabled {
        pointer-events: none;

        .ac-form-layout-mast{
            display: none;
        }
        .u-label:after{
            content: " :"
        }
        .ac-form-layout-item-error-msg{
            display: none;
        }
        .rc-tree-select-selection,
        .rc-tree-select-selection:hover,
        .u-form-control {
            background: none;
            border-color: #eee;
            color: #111111;
            box-shadow: none;
        }

        .u-select .u-select-selection {
            background: none;
            border-color: #eee;
            &.u-select-selection--multiple{
                .u-select-selection-choice{
                    background: none;
                    color: #111111;
                    padding: 0;
                }
            }
        }

        .u-select-arrow,
        .rc-tree-select-menu-icon,
        .u-input-group-btn {
            display: none;
        }

        .container-refer {
            //mdf参照
            .ant-search-input-wrapper {
                .ant-input {
                    border: none;
                    background: none;
                    pointer-events: none;
                }

                .ant-input-suffix {
                    display: none;
                }
            }
            .refer-wrapper{
                pointer-events: none;
                .refer-wrapper-content{
                    border-color: #eee;
                    background: none;
                    >ul{
                        background: none;
                        .selected-item{
                            span{
                                border: none;
                            }
                        }
                    }
                }
            }
            
            .refer-canzhao-wrapper{
                display: none;
            }

        }
        .u-input-number{
            border-color: #eee;
            .u-input-group-addon{
                display: none;
            }
        }
        .ac-split-area{
            pointer-events: auto;
        }
    }
}
.ac-form-layout-row > div {
    padding: 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

//参照样式
// .referModal{
//     .fixedDataTableRowLayout_rowWrapper,
//     .fixedDataTableRowLayout_main,
//     .fixedDataTableCellGroupLayout_cellGroupWrapper,
//     .fixedDataTableCellGroupLayout_cellGroup,
//     .fixedDataTableCellLayout_main,
//     .fixedDataTableCellLayout_columnResizerContainer,
//     .fixedDataTableCellLayout_columnResizerKnob,
//     .fixedDataTableCellLayout_wrap1{
//         height: 35px!important;
//     }
// }
//参照样式
// .ncc-refer-model.ant-modal.referModal{
//     .columnSetting{
//         background: #eceff5;
//         .SettingBtn,.SettingBtn:hover{
//             background: #eceff5;
//         }
//     }
//     .pagination-new .ant-pagination.mini{
//         text-align: center;
//     }
//     .ant-modal-footer{
//         padding: 7px 20px;
//         .refer-footer-btns-container{
//             button.ant-btn-primary{
//                 border: 1px solid #e14c46;
//             }
//             .refer-modal-footer-cancle-btn{
//                 margin-left: 8px;
//             }
//         }
       
//     }
// }