| | |
| | | $form-bg-gray: #DDE2ED; |
| | | $form-tips-gray: #A1A3D4; |
| | | |
| | | $search-item-icon-color: #383874; |
| | | $search-item-symbol-color: #383874; |
| | | |
| | | $search-item-symbol-bg: #fff; |
| | | $search-item-symbol-txt: #4E5969; |
| | | |
| | | .gd-input { |
| | | --bg: #{$form-bg}; |
| | | --tips: #{$form-tips}; |
| | |
| | | --tips: #{$form-tips-gray}; |
| | | } |
| | | |
| | | .el-input__wrapper, .el-textarea__inner { |
| | | .el-input__wrapper, |
| | | .el-textarea__inner { |
| | | box-shadow: none !important; |
| | | background: var(--bg); |
| | | border: none; |
| | | } |
| | | .el-input__inner, .el-textarea__inner { |
| | | |
| | | .el-input__inner, |
| | | .el-textarea__inner { |
| | | &::placeholder { |
| | | color: var(--tips); |
| | | } |
| | |
| | | color: #ffffff; |
| | | } |
| | | |
| | | .gd-select, { |
| | | .gd-select { |
| | | --bg: #{$form-bg}; |
| | | --tips: #{$form-tips}; |
| | | |
| | |
| | | background: var(--bg); |
| | | box-shadow: none !important; |
| | | border: none; |
| | | |
| | | |
| | | .el-select__suffix { |
| | | .el-icon { |
| | | color: $search-item-icon-color; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-select__placeholder { |
| | |
| | | &.gray { |
| | | --bg: #{$form-bg-gray}; |
| | | --tips: #{$form-tips-gray}; |
| | | } |
| | | |
| | | .el-icon { |
| | | color: $search-item-icon-color; |
| | | } |
| | | |
| | | .el-range-separator { |
| | | color: $search-item-symbol-color !important; |
| | | } |
| | | |
| | | box-shadow: none !important; |
| | |
| | | background: none !important; |
| | | } |
| | | |
| | | .el-tree-node.is-current > .el-tree-node__content { |
| | | .el-tree-node.is-current>.el-tree-node__content { |
| | | color: #479dff !important; |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .gd-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | background: #fff !important; |
| | | border: none !important; |
| | | border-radius: 0px 0px 8px 8px; |
| | | |
| | | .el-date-picker__prev-btn, |
| | | .el-date-picker__next-btn { |
| | | .el-icon { |
| | | color: #fff !important; |
| | | color: #4E5969 !important; |
| | | } |
| | | } |
| | | |
| | | .el-date-picker__header-label { |
| | | color: #fff !important; |
| | | color: #4E5969 !important; |
| | | } |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | color: #fff !important; |
| | | background: #fff !important; |
| | | color: #4E5969 !important; |
| | | |
| | | .el-date-range-picker__time-header { |
| | | .el-input__wrapper { |
| | |
| | | .el-picker-panel__content { |
| | | .el-date-range-picker__header { |
| | | .el-picker-panel__icon-btn { |
| | | color: #fff !important; |
| | | color: #4E5969 !important; |
| | | |
| | | &:hover { |
| | | color: var(--el-color-primary) !important; |
| | |
| | | } |
| | | } |
| | | |
| | | & > div { |
| | | &>div { |
| | | span { |
| | | color: #fff !important; |
| | | color: #4E5969 !important; |
| | | } |
| | | } |
| | | } |
| | |
| | | td.start-date span, |
| | | td.start-date span, |
| | | td.end-date span { |
| | | background-color: #DDE2ED !important; |
| | | color: #fff !important; |
| | | background-color: #354DFF !important; |
| | | } |
| | | |
| | | td.in-range div, |
| | | td.in-range div:hover, |
| | | &.is-week-mode .el-date-table__row.current div, |
| | | &.is-week-mode .el-date-table__row:hover div { |
| | | background-color: rgba(60, 121, 202) !important; |
| | | background-color: rgba(71, 126, 255, .1) !important; |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | .el-overlay-dialog { |
| | | display: flex; |
| | | justify-content: center; /* 水平居中 */ |
| | | align-items: center; /* 垂直居中 */ |
| | | justify-content: center; |
| | | /* 水平居中 */ |
| | | align-items: center; |
| | | /* 垂直居中 */ |
| | | } |
| | | |
| | | .gd-dialog { |
| | | padding: 30px; |
| | | padding: 20px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | background: #FFFFFF; |
| | |
| | | max-height: 90vh; |
| | | |
| | | .el-dialog__header { |
| | | padding-bottom: 20px; |
| | | position: relative; |
| | | |
| | | span { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | &>button { |
| | | width: auto; |
| | | height: auto; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .el-icon { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-upload { |
| | | button { |
| | | background: #4C34FF; |
| | | border: none; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-dialog__footer { |
| | |
| | | flex: 1; |
| | | background: transparent !important; |
| | | |
| | | .el-table--border .el-table__inner-wrapper:after, |
| | | .el-table--border:after, |
| | | .el-table--border:before, |
| | | .el-table__inner-wrapper:before { |
| | | height: 0; |
| | | } |
| | | |
| | | tr { |
| | | background: transparent !important; |
| | | } |
| | | |
| | | tr.el-table__row { |
| | | &:hover { |
| | | background: #F7F8FC !important; |
| | | } |
| | | } |
| | | |
| | | th.el-table__cell { |
| | |
| | | td.operation-btns .cell { |
| | | display: flex; |
| | | flex-wrap: nowrap; |
| | | gap: 12px; |
| | | /* 按钮间距(推荐) */ |
| | | white-space: nowrap; |
| | | /* 双保险 */ |
| | | |
| | | a { |
| | | display: flex; |
| | | align-items: center; |
| | | position: relative; |
| | | margin: 0 10px; |
| | | min-width: 28px; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | &::before { |
| | | content: ''; |
| | | position: absolute; |
| | | top: 50%; |
| | | right: -10px; |
| | | width: 1px; |
| | | height: 12px; |
| | | background: #BCC8E3; |
| | | transform: translateY(calc(-50% - 1px)); |
| | | } |
| | | |
| | | &:last-child { |
| | | margin-right: 0; |
| | | |
| | | &::before { |
| | | display: none; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | background: transparent !important; |
| | | } |
| | | |
| | | .el-checkbox { |
| | | width: 16px; |
| | | height: 16px; |
| | | |
| | | .el-checkbox__input { |
| | | width: 16px; |
| | | height: 16px; |
| | | |
| | | .el-checkbox__inner { |
| | | width: 16px; |
| | | height: 16px; |
| | | |
| | | border: none; |
| | | background: url("@/assets/images/common/n-checkbox.png") no-repeat center / 100% 100% !important; |
| | | } |
| | | } |
| | | |
| | | &.is-checked { |
| | | .el-checkbox__input { |
| | | .el-checkbox__inner { |
| | | border: none; |
| | | background: url("@/assets/images/common/checkbox.png") no-repeat center / 100% 100% !important; |
| | | |
| | | &::after { |
| | | content: none; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .fixed-column { |
| | | background-color: #1A1A2A !important; |
| | | } |
| | | } |
| | | |
| | | .el-table { |
| | | |
| | | .el-table--border .el-table__inner-wrapper:after, |
| | | .el-table--border:after, |
| | | .el-table--border:before, |
| | | .el-table__inner-wrapper:before { |
| | | height: 0; |
| | | } |
| | | |
| | | td.el-table__cell { |
| | | border: none !important; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .gd-confirm-custom { |
| | | background: #1A1A2A; |
| | | background: #fff; |
| | | border-radius: 6px; |
| | | border: 1px solid #2E2E46; |
| | | border: none; |
| | | |
| | | .el-message-box__header { |
| | | .el-message-box__title { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 18px; |
| | | color: #FFFFFF; |
| | | color: #383874; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | |
| | | } |
| | | |
| | | .el-message-box__content { |
| | | color: #D4D5D7; |
| | | color: #4E5969; |
| | | } |
| | | |
| | | .el-message-box__btns { |
| | |
| | | } |
| | | |
| | | .gd-confirm-button { |
| | | background: #284FE3 !important; |
| | | border-color: #284FE3 !important; |
| | | background: #4C34FF !important; |
| | | border: none !important; |
| | | color: #fff !important; |
| | | } |
| | | |
| | | .gd-confirm-cancel-button { |
| | | background: #2B2B4C !important; |
| | | border-color: #2B2B4C !important; |
| | | color: #FFFFFF !important; |
| | | background: #F2F3F5 !important; |
| | | border: none !important; |
| | | color: #161B2C !important; |
| | | } |
| | | |
| | | .gd-search-form { |
| | |
| | | |
| | | .gd-select-popper { |
| | | border: none; |
| | | background: $form-bg !important; |
| | | background: $search-item-symbol-bg !important; |
| | | |
| | | .el-select-dropdown { |
| | | .el-scrollbar { |
| | | .el-select-dropdown__wrap { |
| | | .el-select-dropdown__list { |
| | | .el-select-dropdown__item { |
| | | color: #4E5969; |
| | | color: $search-item-symbol-txt; |
| | | |
| | | &.hover { |
| | | background-color: rgba(0, 120, 233, 0.63) !important; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-tabs { |
| | | .el-tabs__header { |
| | | .el-tabs__item.is-active { |
| | | color: #3247E5; |
| | | } |
| | | |
| | | .el-tabs__active-bar { |
| | | background: #3247E5; |
| | | } |
| | | } |
| | | } |