//搜索框 .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; }