admin/src/styles/view/project/edit-formula.scss

.el-overlay .el-drawer.hc-project-list-edit-formula-drawer {
    background-color: #F1F5F8;
    .hc-project-list-edit-formula-card {
        position: relative;
    }
    .border-dashed-card {
        border: 1px dashed #bbbbbb;
        border-radius: 6px;
        padding: 8px 12px;
    }
    .hc-formula-card-box {
        .retain {
            padding-right: 12px;
            border-right: 1px dashed #bbbbbb;
        }
        .range {
            position: relative;
            padding: 0 12px;
            border-right: 1px dashed #bbbbbb;
        }
        .menu {
            position: relative;
            padding: 0 12px;
            border-right: 1px dashed #bbbbbb;
            .el-menu {
                --el-menu-text-color: #838383;
                --el-menu-item-height: 40px;
                --el-menu-horizontal-height: 40px;
                --el-menu-base-level-padding: 14px;
                border-bottom: 0;
            }
            .el-menu--horizontal>.el-sub-menu .el-sub-menu__title,
            .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
                border-bottom: 0;
            }
        }
        .hand {
            position: relative;
            padding-left: 12px;
        }
    }
    .hc-formula-card-math {
        position: relative;
        .body {
            padding: 24px 0;
            .element-class {
                cursor: pointer;
                padding: 0 3px;
                user-select: none;
                &.is-cur {
                    color: #f0720a;
                }
            }
        }
    }
    .hc-formula-reset-fun {
        position: relative;
        .hc-div-new-card-box.reset-fun-left-card,
        .hc-div-new-card-box.reset-fun-right-card {
            border: 1px dashed #bbbbbb;
            border-radius: 6px;
            .el-card.hc-card-box.hc-new-card-box {
                --el-card-border-radius: 6px;
                --el-card-bg-color: transparent;
                box-shadow: none;
            }
        }
        .hc-div-new-card-box.reset-fun-left-card .el-scrollbar__bar.is-vertical {
            right: -8px;
        }
        .hc-div-new-card-box.reset-fun-right-card .body {
            position: relative;
            .tag-box {
                position: relative;
                padding-bottom: 4px;
                height: 40%;
                .el-button {
                    margin-right: 10px;
                    margin-bottom: 10px;
                }
                .el-button + .el-button {
                    margin-left: 0;
                }
            }
            .action-box {
                position: relative;
                height: 36px;
                padding: 0 6px;
                background: #f5f5f5;
                border: 1px solid #e9e9e9;
                .left, .right {
                    position: relative;
                }
                .btn {
                    position: relative;
                    cursor: pointer;
                    color: #409EFF;
                    padding: 1px 6px;
                    border-radius: 2px;
                    height: 22px;
                    transition: color .2s, background-color .2s;
                    .text {
                        font-size: 14px;
                    }
                    .symbol {
                        font-size: 12px;
                    }
                    i {
                        display: inline-block;
                        font-size: 20px;
                    }
                    &:hover {
                        color: #007dfd;
                        background: #dadadb;
                    }
                }
            }
            .input-box {
                position: relative;
                height: calc((100% - 40% ) - 36px);
                padding-top: 8px;
                font-size: 14px;
                .element-class {
                    cursor: pointer;
                    padding: 0 3px;
                    user-select: none;
                    font-size: 14px;
                    &.is-Operator, &.is-Brackets {
                        font-size: 16px;
                    }
                    &.is-cur {
                        color: #f0720a;
                    }
                }
            }
        }
    }
    //没有滚动条，拉满
    .hc-project-list-edit-formula-card.is-no-scroll {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        .hc-formula-card-box {
            flex-shrink: 0;
        }
        .hc-formula-card-math {
            flex-shrink: 0;
        }
        .hc-formula-reset-fun {
            flex: 1;
        }
    }
    //函数公式运算执行溯源
    .hc-formula-card-project {
        position: relative;
    }
    //允许偏差值范围
    .hc-formula-card-range {
        position: relative;
    }
}