hbt-prevention-ui/src/views/common.component.scss

::v-deep {
    .color_1 {
        color: #68C23A
    }

    .color_2 {
        color: #409EFF
    }

    .color_3 {
        color: #E6A23C
    }

    .color_4 {
        color: #F56C6C
    }

    .noDraw {
        color: #F56C6C;
    }

    .link {
        color: #409eff;
        cursor: pointer;
        pointer-events: auto;

        &:hover {
            text-decoration: underline;
        }
    }
    .el-dialog__wrapper,.v-modal{
        z-index: 99 !important;
    }

    .el-tree-node__content {
        height: 39px;
    }

    .el-tree-node__content:hover,
    .el-upload-list__item:hover {
        background: #E4E8F1;
    }

    .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
        background: #409EFF;
        border-radius: 4px;
        color: #FFF;
    }

    .td-content {
        &.active {
            &::before {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                content: "";
                background: #68C23A;
                z-index: 1;
            }

            span {
                position: relative;
                z-index: 9;
                color: #FFF;
            }
        }
    }
}

.common-box {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    position: relative;

    .model-box {
        position: fixed;
        inset: 40px 40px 40px 240px;
        z-index: 999;

        .mask {
            position: fixed;
            inset: 0;
            background: rgba($color: #000000, $alpha: 0.6);
            z-index: 10;
        }
    }

    .common-tree-box {
        width: 200px;
        padding: 20px 10px;
        margin-right: 8px;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        background: #FFF;
        border-radius: 4px;
        border: 1px solid #EEEEEE;
    }

    .common-content-box {
        width: 1px;
        height: 100%;

        .search-box {
            padding: 20px 20px 0;
            background: #FFFFFF;
            border-radius: 4px;
            border: 1px solid #EEEEEE;
        }

        .table-box {
            width: 100%;
            height: 1px;
            margin-top: 8px;
            background: #FFFFFF;
            border-radius: 4px;
            border: 1px solid #EEEEEE;
            padding: 24px 24px 0;
        }
    }
}

.sub-title {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #EEEEEE;
    color: #606266;
    font-size: 16px;
    margin-bottom: 20px;
}

.sub-btn-box {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.tips{
    color: #F56C6C;
    margin-left: -43px;
    margin-bottom: 20px;
    margin-top: -20px;
    font-size: 20px;
    scale:0.5;
}