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: 12px 0;
            line-height: 1.6;
            .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 {
            flex-shrink: 0;
        }
        .hc-formula-card-tag {
            flex: 1;
        }
    }
    //函数公式运算执行溯源
    .hc-formula-card-project {
        position: relative;
    }
    //允许偏差值范围
    .hc-formula-card-range {
        position: relative;
        .vue-tags-input {
            .ti-input {
                padding: 3px 4px;
                border-radius: 4px;
            }
            &.cur .ti-input {
                border-color: #00a870;
            }
        }
        .deviation-range-param-card {
            position: relative;
            border: 1px solid #c6c6c6;
            border-radius: 3px;
            &.cur {
                border-color: #00a870;
            }
            .title-box {
                position: relative;
                background: #eee;
                font-size: 16px;
                padding: 6px 12px;
                border-radius: 3px 3px 0 0;
            }
            .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;
                border-left: 0;
                border-right: 0;
                .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: 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-formula-card-range-select {
            .hc-div-new-card-box.hc-formula-card-range-select-left-card,
            .hc-div-new-card-box.hc-formula-card-range-select-right-card {
                border: 1px solid #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.hc-formula-card-range-select-left-card .el-scrollbar__bar.is-vertical {
                right: -8px;
            }
            .hc-div-new-card-box.hc-formula-card-range-select-right-card .body {
                position: relative;
                .el-button {
                    margin-right: 10px;
                    margin-bottom: 10px;
                }
                .el-button + .el-button {
                    margin-left: 0;
                }
            }
        }
        &.is-h {
            display: flex;
            flex-direction: column;
            flex: 1;
            .hc-formula-card-range-form {
                flex-shrink: 0;
            }
            .hc-formula-card-range-param {
                flex-shrink: 0;
            }
            .hc-formula-card-range-select {
                position: relative;
                flex: 1;
            }
        }
    }
    //多标签处理
    .hc-formula-card-tag {
        position: relative;
        .el-tabs {
            position: relative;
            height: 100%;
        }
        .el-tabs .el-tabs__content {
            padding: 12px;
            font-size: 14px;
            overflow: auto;
        }
        .hc-formula-card-tag-date {
            position: relative;
        }
    }
}

//手写模式
.el-textarea.hc-formula-hand-writ-text {
    height: 100%;
    .el-textarea__inner {
        height: 100%;
    }
}

//选择元素
.hc-formula-card-select-ele-dialog .hc-new-main-body_content {
    padding: 0 12px 12px !important;
    .hc-div-new-card-box.hc-formula-card-range-select-left-card .el-scrollbar__bar.is-vertical {
        right: -8px;
    }
    .hc-div-new-card-box.hc-formula-card-range-select-right-card .body {
        position: relative;
        .el-button {
            margin-right: 10px;
            margin-bottom: 10px;
        }
        .el-button + .el-button {
            margin-left: 0;
        }
    }
}