archives/src/styles/page/using/query.scss

//搜索框
.hc-query-input-box {
    position: relative;
    .el-input {
        --el-input-border-radius: 10px;
        --el-input-height: 65px;
        font-size: 16px;
        .el-input-group__prepend {
            padding: 0 12px;
            font-size: 14px;
            cursor: pointer;
            user-select: none;
            transition: .1s;
            .prepend-filtering {
                .name {
                    margin-right: 5px;
                }
            }
            &:hover {
                background-color: #dedede;
            }
        }
        .el-input-group__append {
            padding: 0;
            .append-search-btn-box {
                position: relative;
                display: block;
                .search-btn {
                    border-radius: 0 10px 0 0;
                }
                .search-btn + .search-btn {
                    margin-top: 0.5px;
                    border-radius: 0 0 10px 0;
                }
            }
        }
        .el-input-group__append .el-button,
        .el-input-group__append .el-input,
        .el-input-group__prepend .el-button,
        .el-input-group__prepend .el-input {
            font-size: var(--el-font-size-base);
        }
        .el-input-group__append .el-button,
        .el-input-group__append .el-select,
        .el-input-group__prepend .el-button,
        .el-input-group__prepend .el-select {
            display: block;
            margin: 0;
        }
        .el-input-group__append button.el-button,
        .el-input-group__append button.el-button:hover,
        .el-input-group__append div.el-select .el-input__wrapper,
        .el-input-group__append div.el-select:hover .el-input__wrapper,
        .el-input-group__prepend button.el-button,
        .el-input-group__prepend button.el-button:hover,
        .el-input-group__prepend div.el-select .el-input__wrapper,
        .el-input-group__prepend div.el-select:hover .el-input__wrapper {
            background-color: var(--el-button-bg-color);
            color: var(--el-button-text-color);
            font-weight: 400;
            border: 0;
        }
        .el-input-group__append button.el-button:hover,
        .el-input-group__append div.el-select:hover .el-input__wrapper,
        .el-input-group__prepend button.el-button:hover,
        .el-input-group__prepend div.el-select:hover .el-input__wrapper {
            background-color: var(--el-button-hover-bg-color);
        }
        .el-input-group__append .el-button.is-disabled,
        .el-input-group__append .el-button.is-disabled:focus,
        .el-input-group__append .el-button.is-disabled:hover {
            color: var(--el-button-disabled-text-color);
            cursor: not-allowed;
            background-image: none;
            background-color: var(--el-button-disabled-bg-color);
            border-color: var(--el-button-disabled-border-color);
        }
    }
}

//筛选搜索
.hc-query-card-box .hc-query-filtering-collapse-box {
    position: absolute;
    width: 100%;
    z-index: 99;
    border-radius: 10px;
    box-shadow: var(--hc-shadow);
    margin-top: 5px;
    .el-collapse {
        --el-collapse-header-height: 0;
        --el-collapse-border-color: inherit;
        --el-collapse-header-bg-color: inherit;
        --el-collapse-header-text-color: inherit;
        --el-collapse-header-font-size: inherit;
        --el-collapse-content-bg-color: #E7EEF4;
        --el-collapse-content-font-size: inherit;
        --el-collapse-content-text-color: inherit;
        border: 0 !important;
    }
    .el-collapse-item__header {
        display: block;
        user-select: none;
    }
    .hc-collapse-item-header {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        .hc-search-filtering-title {
            margin-right: 24px;
            font-size: 16px;
            color: var(--el-color-primary);
            .name {
                margin-right: 5px;
            }
        }
    }
    .el-collapse-item__arrow {
        display: none;
    }
    .el-collapse-item__wrap {
        border-bottom: 0;
        border-radius: 10px;
    }
    .el-collapse-item__content {
        padding-bottom: 0;
    }
}


.hc-query-card-box.hc-card-box.el-card {
    .el-card__header {
        overflow-x: hidden;
    }
    .hc-card-header-box {
        display: block;
        width: 100%;
        .hc-card-header {
            margin: 0 -15px;
            margin-top: 5px;
        }
    }
}
.hc-carry-spot-checks-target.el-overlay {
    position: absolute;
    margin: -24px;
    height: revert;
    background-color: transparent;
    .hc-drawer-box.el-drawer {
        --el-drawer-bg-color: transparent;
        .el-drawer__body {
            padding: 24px;
            overflow: hidden;
            .el-card__body {
                padding: 10px;
            }
            .hc-card-main-box {
                display: flex;
            }
        }
    }
}

.hc-csc-action-box .btn-box {
    .el-button + .el-button {
        margin-left: 50px;
    }
}

.hc-node-tree-collapse.el-collapse {
    --el-collapse-header-height: 60px;
    border: 0;
    .el-collapse-item {
        margin: 0 0 16px;
        background-color: #f1f5f8;
        border: 1px solid #E9E9E9;
        border-radius: 4px;
    }
    .el-collapse-item__header {
        background-color: transparent;
        font-weight: 400;
        border-bottom: 0;
        cursor: default;
        font-size: 14px;
    }
    .el-collapse-item.is-active .el-collapse-item__header.is-active {
        background-color: #E7EEF4;
    }
    .el-collapse-item__wrap {
        background-color: transparent;
        border-bottom: 0;
        .el-collapse-item__content {
            position: relative;
            font-size: 14px;
            line-height: initial;
            padding: 24px;
        }
    }
}
.hover-hand{
    cursor: pointer;
}