| | |
| | | /* 下拉菜单整体样式 */ |
| | | .work-custom-dropdown { |
| | | background: #1A1A2A !important; |
| | | border-radius: 8px; |
| | | border: none !important; |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #1A1A2A !important; |
| | | border: 1px solid #1A1A2A !important; |
| | | .gd-table { |
| | | height: 0; |
| | | 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; |
| | | } |
| | | |
| | | th.el-table__cell { |
| | | height: 40px; |
| | | border-bottom: 1px solid #DBDFF1 !important; |
| | | |
| | | .cell { |
| | | padding: 0; |
| | | padding-left: 16px; |
| | | |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #9292C1; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | |
| | | /* 菜单项样式 */ |
| | | .el-dropdown-menu { |
| | | background: transparent !important; |
| | | td.el-table__cell { |
| | | padding: 9px 0; |
| | | height: 56px; |
| | | |
| | | .el-dropdown-menu__item { |
| | | color: #fff !important; |
| | | /* 文字颜色 */ |
| | | .cell { |
| | | padding: 0; |
| | | padding-left: 16px; |
| | | |
| | | a { |
| | | color: #fff !important; |
| | | /* 文字颜色 */ |
| | | } |
| | | |
| | | &:hover { |
| | | background: none !important; |
| | | } |
| | | |
| | | &.is-disabled { |
| | | color: #8f9bb3 !important; |
| | | } |
| | | } |
| | | |
| | | .el-dropdown-menu__item--divided { |
| | | display: none; |
| | | } |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #383874; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | |
| | | td.operation-btns .cell { |
| | | display: flex; |
| | | flex-wrap: nowrap; |
| | | gap: 12px; |
| | | /* 按钮间距(推荐) */ |
| | | white-space: nowrap; |
| | | /* 双保险 */ |
| | | |
| | | a { |
| | | min-width: 28px; |
| | | color: #0075FF; |
| | | |
| | | &:last-child { |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | th.el-table__cell:not(.fixed-column), |
| | | td.el-table__cell:not(.fixed-column) { |
| | | background: transparent !important; |
| | | } |
| | | |
| | | .fixed-column { |
| | | background-color: #1A1A2A !important; |
| | | } |
| | | } |
| | | |
| | | // 数据驾驶舱专属 |
| | | .work-data-cockpit-search-input { |
| | | .el-input__wrapper { |
| | | padding: 0 8px !important; |
| | | background: #DDE2ED; |
| | | box-shadow: none !important; |
| | | border: none; |
| | | |
| | | .el-input__inner { |
| | | color: #383874; |
| | | |
| | | &::placeholder { |
| | | color: #A1A3D4; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background-color: #DDE2ED; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker { |
| | | box-shadow: none !important; |
| | | .gd-input { |
| | | .el-input__wrapper { |
| | | padding: 0 8px !important; |
| | | background: #DDE2ED; |
| | | box-shadow: none !important; |
| | | border: none; |
| | | border-radius: 5px; |
| | | box-sizing: border-box !important; |
| | | |
| | | .el-input__inner { |
| | | color: #383874; |
| | | |
| | | &::placeholder { |
| | | color: #A1A3D4; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | box-shadow: none !important; |
| | | background-color: transparent !important; |
| | | |
| | | &.is-focus { |
| | | box-shadow: none !important; |
| | | } |
| | | background-color: #DDE2ED; |
| | | } |
| | | |
| | | .el-range-input { |
| | | color: #fff; |
| | | |
| | | &::placeholder { |
| | | color: #A1A3D4; |
| | | } |
| | | } |
| | | |
| | | .el-range-separator { |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker-popper { |
| | | .gd-select { |
| | | .el-select__input { |
| | | color: #8ac3fd !important; |
| | | } |
| | | |
| | | .el-select__wrapper { |
| | | padding: 0 8px; |
| | | background: #DDE2ED; |
| | | box-shadow: none !important; |
| | | border: none; |
| | | width: 100%; |
| | | } |
| | | |
| | | .el-select__placeholder { |
| | | &.is-transparent { |
| | | color: #A1A3D4 !important; |
| | | } |
| | | |
| | | &.el-select__selected-item { |
| | | color: #383874; |
| | | } |
| | | } |
| | | |
| | | .el-select { |
| | | --el-select-border-color-hover: rgb(0, 162, 255) !important; |
| | | } |
| | | |
| | | .el-input { |
| | | --el-border-color: rgb(0, 162, 255); |
| | | } |
| | | |
| | | .el-select .el-input__wrapper { |
| | | background-color: #DDE2ED !important; |
| | | } |
| | | |
| | | .el-input__wrapper { |
| | | --el-input-text-color: #DDE2ED !important; |
| | | } |
| | | } |
| | | |
| | | .gd-tree-select-popper { |
| | | background: #DDE2ED !important; |
| | | border: none !important; |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | } |
| | | |
| | | .el-tree { |
| | | background: transparent !important; |
| | | color: #fff !important; |
| | | |
| | | .el-tree-node__content:hover { |
| | | background: none !important; |
| | | } |
| | | |
| | | .el-tree-node__content:hover { |
| | | background: none !important; |
| | | } |
| | | |
| | | .el-tree-node.is-current > .el-tree-node__content { |
| | | color: #479dff !important; |
| | | } |
| | | } |
| | | |
| | | .el-select-dropdown__item { |
| | | background: none !important; |
| | | color: #383874 !important; |
| | | |
| | | input { |
| | | color: #383874 !important; |
| | | |
| | | &::placeholder { |
| | | color: #383874 !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-tree { |
| | | --el-tree-node-hover-bg-color: none !important; |
| | | color: #fff !important; |
| | | |
| | | .el-checkbox__inner { |
| | | background: none !important; |
| | | border: 1px solid #3194ef !important; |
| | | } |
| | | } |
| | | |
| | | .el-select-dropdown__item.is-selected { |
| | | color: #383874 !important; |
| | | } |
| | | |
| | | .el-popper.is-light { |
| | | background: #012a50 !important; |
| | | box-shadow: none !important; |
| | | border: none !important; |
| | | border-radius: 0px 0px 8px 8px; |
| | | border-radius: 4px !important; |
| | | margin-top: 2px; |
| | | |
| | | .el-date-picker__prev-btn, |
| | | .el-date-picker__next-btn { |
| | | .el-icon { |
| | | color: #fff !important; |
| | | .el-select__selection { |
| | | max-width: 240px !important; |
| | | |
| | | .el-select__selected-item { |
| | | .el-tag { |
| | | background: #0b1d38 !important; |
| | | color: #383874; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-date-picker__header-label { |
| | | .el-popper__arrow::before { |
| | | background: #012a50 !important; |
| | | border: 1px solid #012a50 !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-date-picker { |
| | | box-shadow: none !important; |
| | | background: #DDE2ED; |
| | | border: none; |
| | | border-radius: 5px; |
| | | box-sizing: border-box !important; |
| | | |
| | | .el-input__wrapper { |
| | | box-shadow: none !important; |
| | | background-color: transparent !important; |
| | | |
| | | &.is-focus { |
| | | box-shadow: none !important; |
| | | } |
| | | } |
| | | |
| | | .el-range-input { |
| | | color: #fff; |
| | | |
| | | &::placeholder { |
| | | color: #A1A3D4; |
| | | } |
| | | } |
| | | |
| | | .el-range-separator { |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | |
| | | .gd-date-picker-popper { |
| | | background: #DDE2ED !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; |
| | | } |
| | | } |
| | | |
| | | .el-date-picker__header-label { |
| | | color: #fff !important; |
| | | } |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | color: #fff !important; |
| | | } |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | color: #fff !important; |
| | | |
| | | .el-date-range-picker__time-header { |
| | | .el-input__wrapper { |
| | | box-shadow: none; |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | |
| | | .el-date-picker__time-header { |
| | | border: none; |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | border-radius: 0px 0px 8px 8px; |
| | | border: 1px solid !important; |
| | | border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | color: #ffffff !important; |
| | | border-bottom: 1px solid rgba(71, 157, 255, 0.3) !important; |
| | | } |
| | | |
| | | .el-time-panel__content { |
| | | .el-time-spinner__item { |
| | | color: #e6e6e6 !important; |
| | | |
| | | &:hover { |
| | | background: rgba(71, 157, 255, 0.3) !important; |
| | | } |
| | | |
| | | &.active { |
| | | color: #479dff !important; |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-time-panel__footer { |
| | | background: #DDE2ED !important; |
| | | border-top: 1px solid rgba(71, 157, 255, 0.3) !important; |
| | | |
| | | .el-button { |
| | | color: #fff !important; |
| | | |
| | | &:hover { |
| | | color: #479dff !important; |
| | | } |
| | | } |
| | | |
| | | .el-time-panel__btn.cancel { |
| | | color: #fff !important; |
| | | |
| | | &:hover { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-picker-panel__content { |
| | | .el-date-range-picker__header { |
| | | .el-picker-panel__icon-btn { |
| | | color: #fff !important; |
| | | |
| | | &:hover { |
| | | color: var(--el-color-primary) !important; |
| | | } |
| | | |
| | | .el-icon { |
| | | &::before { |
| | | color: inherit !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &>div { |
| | | span { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-date-table { |
| | | th { |
| | | color: #fff !important; |
| | | } |
| | | |
| | | td.disabled div { |
| | | background-color: #00193b !important; |
| | | color: #505050 !important; |
| | | cursor: not-allowed; |
| | | } |
| | | |
| | | // td:hover, |
| | | // td.current:not(.disabled) { |
| | | // background: rgba(60, 121, 202) !important; |
| | | // color: white !important; |
| | | // } |
| | | |
| | | td.start-date span, |
| | | td.start-date span, |
| | | td.end-date span { |
| | | background-color: #DDE2ED !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; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | .el-date-range-picker__time-header { |
| | | .el-input__wrapper { |
| | | box-shadow: none; |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | |
| | | .el-picker-panel__sidebar { |
| | | background: #DDE2ED; |
| | | color: #fff; |
| | | |
| | | .el-picker-panel__shortcut { |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | |
| | | .el-picker-panel__body { |
| | | .el-input.is-disabled .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | box-shadow: 0 0 0 0.1rem#409eff; |
| | | color: #fff; |
| | | |
| | | .el-input__inner { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-button.is-disabled, |
| | | .el-button.is-disabled:hover { |
| | | background: #DDE2ED; |
| | | } |
| | | .el-date-picker__time-header { |
| | | border: none; |
| | | |
| | | .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | box-shadow: 0 0 0 0.1rem#409eff; |
| | | color: #fff; |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | border-radius: 0px 0px 8px 8px; |
| | | border: 1px solid !important; |
| | | border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important; |
| | | |
| | | .el-input__inner { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-picker-panel__footer { |
| | | background: #DDE2ED; |
| | | color: #fff; |
| | | border-top: none; |
| | | |
| | | .el-button--small { |
| | | box-shadow: 0 0 0 0.1rem#409eff; |
| | | background-color: #DDE2ED; |
| | | color: #fff; |
| | | border: none; |
| | | |
| | | &:hover { |
| | | background-color: #DDE2ED; |
| | | color: #fff; |
| | | border-color: #409eff; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-select { |
| | | .el-select__input { |
| | | color: #8ac3fd !important; |
| | | } |
| | | |
| | | .el-select__wrapper { |
| | | padding: 0 8px; |
| | | background: #DDE2ED; |
| | | box-shadow: none !important; |
| | | border: none; |
| | | width: 100%; |
| | | } |
| | | |
| | | .el-select__placeholder { |
| | | &.is-transparent { |
| | | color: #A1A3D4 !important; |
| | | } |
| | | |
| | | &.el-select__selected-item { |
| | | color: #383874; |
| | | } |
| | | } |
| | | |
| | | .el-select { |
| | | --el-select-border-color-hover: rgb(0, 162, 255) !important; |
| | | } |
| | | |
| | | .el-input { |
| | | --el-border-color: rgb(0, 162, 255); |
| | | } |
| | | |
| | | .el-select .el-input__wrapper { |
| | | background-color: #DDE2ED !important; |
| | | } |
| | | |
| | | .el-input__wrapper { |
| | | --el-input-text-color: #DDE2ED !important; |
| | | } |
| | | } |
| | | |
| | | .work-select-popper.el-select__popper { |
| | | border: none; |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-select-dropdown { |
| | | overflow-x: hidden !important; |
| | | border: none; |
| | | |
| | | .el-scrollbar { |
| | | .el-select-dropdown__wrap { |
| | | overflow-x: hidden !important; |
| | | border: none; |
| | | |
| | | .el-select-dropdown__list { |
| | | padding: 0 !important; |
| | | |
| | | .el-select-dropdown__item { |
| | | background: transparent !important; |
| | | color: #383874; |
| | | |
| | | &.hover { |
| | | background-color: rgba(0, 120, 233, 0.63) !important; |
| | | color: #383874; |
| | | } |
| | | |
| | | &.selected { |
| | | color: #8ac3fd !important; |
| | | font-weight: 700; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-select-dropdown__empty { |
| | | background: #DDE2ED; |
| | | border-radius: 0px 0px 8px 8px; |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | } |
| | | } |
| | | |
| | | .work-select-popper.el-cascader__dropdown { |
| | | border: none; |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | } |
| | | } |
| | | |
| | | // 树形选择 |
| | | .work-data-cockpit-tree-select-popper { |
| | | background: #DDE2ED !important; |
| | | border: none !important; |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | } |
| | | |
| | | .el-tree { |
| | | background: transparent !important; |
| | | color: #fff !important; |
| | | |
| | | .el-tree-node__content:hover { |
| | | background: none !important; |
| | | } |
| | | |
| | | .el-tree-node__content:hover { |
| | | background: none !important; |
| | | } |
| | | |
| | | .el-tree-node.is-current>.el-tree-node__content { |
| | | color: #479dff !important; |
| | | } |
| | | } |
| | | |
| | | .el-select-dropdown__item { |
| | | background: none !important; |
| | | color: #383874 !important; |
| | | |
| | | input { |
| | | color: #383874 !important; |
| | | |
| | | &::placeholder { |
| | | color: #383874 !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-tree { |
| | | --el-tree-node-hover-bg-color: none !important; |
| | | color: #fff !important; |
| | | |
| | | .el-checkbox__inner { |
| | | background: none !important; |
| | | border: 1px solid #3194ef !important; |
| | | } |
| | | } |
| | | |
| | | .el-select-dropdown__item.is-selected { |
| | | color: #383874 !important; |
| | | } |
| | | |
| | | .el-popper.is-light { |
| | | background: #012a50 !important; |
| | | box-shadow: none !important; |
| | | border: none !important; |
| | | border-radius: 4px !important; |
| | | margin-top: 2px; |
| | | |
| | | .el-select__selection { |
| | | max-width: 240px !important; |
| | | |
| | | .el-select__selected-item { |
| | | .el-tag { |
| | | background: #0b1d38 !important; |
| | | color: #383874; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #012a50 !important; |
| | | border: 1px solid #012a50 !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-dialog { |
| | | padding: 20px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1222px; |
| | | height: 835px; |
| | | background: #1A1A2A; |
| | | border-radius: 6px 6px 6px 6px; |
| | | border: 1px solid #2E2E46; |
| | | box-sizing: border-box; |
| | | |
| | | .el-dialog__header { |
| | | padding-bottom: 30px; |
| | | height: auto; |
| | | |
| | | .el-dialog__title { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 18px; |
| | | color: #FFFFFF; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-dialog__headerbtn { |
| | | .el-icon.el-dialog__close { |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-dialog__body { |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | } |
| | | |
| | | .el-form.work-dialog-history-search { |
| | | .el-form-item { |
| | | margin-left: 20px; |
| | | } |
| | | |
| | | .el-form-item__label { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #C5C9D6; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .work-data-cockpit-search-input { |
| | | .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background-color: #DDE2ED; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-date-picker__time-header { |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | } |
| | | color: #ffffff !important; |
| | | border-bottom: 1px solid rgba(71, 157, 255, 0.3) !important; |
| | | } |
| | | |
| | | .history-search-actions { |
| | | .el-button { |
| | | width: 96px; |
| | | background: transparent !important; |
| | | border-radius: 4px 4px 4px 4px; |
| | | border: 1px solid rgba(255, 255, 255, 0.3); |
| | | .el-time-panel__content { |
| | | .el-time-spinner__item { |
| | | color: #e6e6e6 !important; |
| | | |
| | | .el-icon { |
| | | font-size: 16px; |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | &:hover { |
| | | background: rgba(71, 157, 255, 0.3) !important; |
| | | } |
| | | |
| | | .el-input { |
| | | width: 160px; |
| | | } |
| | | |
| | | .el-date-editor { |
| | | width: 226px; |
| | | } |
| | | |
| | | .el-select { |
| | | .el-select__wrapper { |
| | | width: 160px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-page-history-search { |
| | | .el-form-item__label { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #383874; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .work-data-cockpit-select { |
| | | .el-select__wrapper { |
| | | background: #DDE2ED; |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-search-input { |
| | | .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background-color: #DDE2ED; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-date-picker__time-header { |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | &.active { |
| | | color: #479dff !important; |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | .el-time-panel__footer { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | border-top: 1px solid rgba(71, 157, 255, 0.3) !important; |
| | | |
| | | .el-button { |
| | | color: #fff !important; |
| | | |
| | | &:hover { |
| | | color: #479dff !important; |
| | | } |
| | | } |
| | | |
| | | .el-time-panel__btn.cancel { |
| | | color: #fff !important; |
| | | |
| | | &:hover { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .history-search-actions { |
| | | .el-button { |
| | | width: 80px; |
| | | background: #FFFFFF !important; |
| | | border: none !important; |
| | | border-radius: 4px 4px 4px 4px; |
| | | .el-picker-panel__content { |
| | | .el-date-range-picker__header { |
| | | .el-picker-panel__icon-btn { |
| | | color: #fff !important; |
| | | |
| | | .el-icon { |
| | | font-size: 16px; |
| | | color: #383874; |
| | | &:hover { |
| | | color: var(--el-color-primary) !important; |
| | | } |
| | | |
| | | .el-icon { |
| | | &::before { |
| | | color: inherit !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .search-btn { |
| | | background: #383874 !important; |
| | | |
| | | .el-icon { |
| | | color: #fff; |
| | | & > div { |
| | | span { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-dialog-history-search, |
| | | .work-page-history-search { |
| | | padding-bottom: 20px; |
| | | display: flex; |
| | | |
| | | .el-form-item { |
| | | margin-left: 30px; |
| | | margin-bottom: 0; |
| | | padding: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | |
| | | .el-form-item__label { |
| | | margin-right: 12px; |
| | | padding: 0 !important; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | } |
| | | |
| | | .el-input { |
| | | width: 200px; |
| | | height: 36px; |
| | | } |
| | | |
| | | .el-select { |
| | | .el-select__wrapper { |
| | | width: 200px; |
| | | height: 36px; |
| | | } |
| | | } |
| | | |
| | | .el-date-editor { |
| | | width: 240px; |
| | | height: 36px; |
| | | } |
| | | |
| | | .el-button { |
| | | width: 96px; |
| | | height: 36px; |
| | | } |
| | | |
| | | .history-search-actions { |
| | | .el-button { |
| | | margin-left: 20px; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | .el-date-table { |
| | | th { |
| | | color: #fff !important; |
| | | } |
| | | |
| | | td.disabled div { |
| | | background-color: #00193b !important; |
| | | color: #505050 !important; |
| | | cursor: not-allowed; |
| | | } |
| | | |
| | | // td:hover, |
| | | // td.current:not(.disabled) { |
| | | // background: rgba(60, 121, 202) !important; |
| | | // color: white !important; |
| | | // } |
| | | |
| | | td.start-date span, |
| | | td.start-date span, |
| | | td.end-date span { |
| | | background-color: #DDE2ED !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; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-table-toolbar { |
| | | padding-bottom: 20px; |
| | | .el-popper__arrow { |
| | | &::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | |
| | | .el-button { |
| | | min-width: 88px; |
| | | border: none; |
| | | .el-picker-panel__sidebar { |
| | | background: #DDE2ED; |
| | | color: #fff; |
| | | |
| | | .el-picker-panel__shortcut { |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | |
| | | .el-picker-panel__body { |
| | | .el-input.is-disabled .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | box-shadow: 0 0 0 0.1rem #409eff; |
| | | color: #fff; |
| | | |
| | | .el-input__inner { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | |
| | | .el-button.is-disabled, |
| | | .el-button.is-disabled:hover { |
| | | background: #4C34FF; |
| | | border: none; |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | box-shadow: 0 0 0 0.1rem #409eff; |
| | | color: #fff; |
| | | |
| | | .el-input__inner { |
| | | color: #fff !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-picker-panel__footer { |
| | | background: #DDE2ED; |
| | | color: #fff; |
| | | border-top: none; |
| | | |
| | | .el-button--small { |
| | | box-shadow: 0 0 0 0.1rem #409eff; |
| | | background-color: #DDE2ED; |
| | | color: #fff; |
| | | border: none; |
| | | |
| | | &:hover { |
| | | background-color: #DDE2ED; |
| | | color: #fff; |
| | | border-color: #409eff; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-table-container { |
| | | padding: 12px 20px 30px 20px; |
| | | .gd-dialog { |
| | | padding: 30px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 770px; |
| | | |
| | | background: #FFFFFF; |
| | | border: 1px solid #CCCCCC; |
| | | border-radius: 6px 6px 6px 6px; |
| | | |
| | | .el-dialog__header { |
| | | span { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 18px; |
| | | color: #383874; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-icon { |
| | | color: #383874; |
| | | } |
| | | } |
| | | |
| | | .el-dialog__body { |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | background: #FFFFFF; |
| | | box-shadow: 0px 8px 16px 0px rgba(128, 122, 139, 0.08); |
| | | border-radius: 8px 8px 8px 8px; |
| | | .detail-container { |
| | | padding: 0 10px; |
| | | |
| | | .detail-title { |
| | | margin-bottom: 30px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | color: #FFFFFF; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-row { |
| | | .el-col { |
| | | margin-bottom: 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .label { |
| | | width: 88px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #86909C; |
| | | line-height: 22px; |
| | | text-align: right; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .val { |
| | | margin-left: 12px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #4E5969; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .work-table-content { |
| | | height: 0; |
| | | flex: 1; |
| | | .gd-table-container { |
| | | height: 360px; |
| | | |
| | | .gd-pagination-parent { |
| | | justify-content: center; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .dialog-form { |
| | | .el-form-item { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | |
| | | .el-form-item__label { |
| | | display: flex; |
| | | align-items: center; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #4E5969; |
| | | line-height: 22px; |
| | | text-align: right; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-form-item__content { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .el-input, |
| | | .el-input-number { |
| | | width: 0; |
| | | flex: 1; |
| | | } |
| | | |
| | | .el-cascader { |
| | | width: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | border: none; |
| | | |
| | | .el-input__wrapper { |
| | | box-shadow: none !important; |
| | | } |
| | | } |
| | | |
| | | .el-textarea { |
| | | |
| | | .el-textarea__inner { |
| | | color: #fff; |
| | | background: #DDE2ED !important; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | } |
| | | |
| | | .el-button { |
| | | color: #fff; |
| | | background: #DDE2ED !important; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | |
| | | .gd-date-picker { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .gd-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-date-picker__time-header { |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-select { |
| | | .el-select__wrapper { |
| | | background: #F2F3F5; |
| | | |
| | | .el-select__suffix { |
| | | .el-icon { |
| | | color: #4E5969; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-select__placeholder { |
| | | &.is-transparent { |
| | | color: #86909C !important; |
| | | } |
| | | |
| | | &.el-select__selected-item { |
| | | color: #383874; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-input { |
| | | .el-input__wrapper { |
| | | padding: 0 8px !important; |
| | | background: #F2F3F5; |
| | | box-shadow: none !important; |
| | | border: none; |
| | | |
| | | .el-input__inner { |
| | | color: #383874; |
| | | |
| | | &::placeholder { |
| | | color: #86909C; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background-color: #F2F3F5; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-dialog__footer { |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | .el-button { |
| | | margin-left: 16px; |
| | | width: 96px; |
| | | height: 36px; |
| | | color: #161B2C; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | |
| | | .work-table-content-bg {} |
| | | .save-btn { |
| | | color: #FFFFFF; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-data-cockpit-table { |
| | | height: 0; |
| | | flex: 1; |
| | | .gd-pagination-parent { |
| | | padding-top: 30px; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | |
| | | .el-pagination__total { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #798492; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .btn-prev, |
| | | .btn-next { |
| | | 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; |
| | | .el-icon { |
| | | color: #C9CDD4; |
| | | } |
| | | } |
| | | |
| | | tr { |
| | | background: transparent !important; |
| | | .el-pager { |
| | | li { |
| | | margin-left: 8px; |
| | | font-family: Nunito Sans, Nunito Sans; |
| | | font-weight: 600; |
| | | font-size: 14px; |
| | | color: #4E5969; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | background: transparent; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | &.is-active { |
| | | font-family: Nunito Sans, Nunito Sans; |
| | | font-weight: 600; |
| | | font-size: 14px; |
| | | color: #1C4AE5; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | background: rgba(28, 74, 229, 0.1); |
| | | } |
| | | } |
| | | } |
| | | |
| | | th.el-table__cell { |
| | | height: 40px; |
| | | border-bottom: 1px solid #DBDFF1 !important; |
| | | |
| | | .cell { |
| | | padding: 0; |
| | | padding-left: 16px; |
| | | |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #9292C1; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | |
| | | td.el-table__cell { |
| | | padding: 9px 0; |
| | | height: 56px; |
| | | |
| | | .cell { |
| | | padding: 0; |
| | | padding-left: 16px; |
| | | |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #383874; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | |
| | | td.operation-btns .cell { |
| | | display: flex; |
| | | flex-wrap: nowrap; |
| | | gap: 12px; |
| | | /* 按钮间距(推荐) */ |
| | | white-space: nowrap; |
| | | /* 双保险 */ |
| | | |
| | | a { |
| | | min-width: 28px; |
| | | color: #0075FF; |
| | | |
| | | &:last-child { |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | th.el-table__cell:not(.fixed-column), |
| | | td.el-table__cell:not(.fixed-column) { |
| | | background: transparent !important; |
| | | } |
| | | |
| | | .fixed-column { |
| | | background-color: #1A1A2A !important; |
| | | } |
| | | } |
| | | |
| | | .work-table-pagination { |
| | | padding-top: 30px; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | |
| | | .el-pagination__total { |
| | | .el-select { |
| | | .el-select__wrapper { |
| | | .el-select__placeholder { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #798492; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | background: #F2F3F5; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | |
| | | .btn-prev, |
| | | .btn-next { |
| | | background: transparent !important; |
| | | |
| | | .el-icon { |
| | | color: #C9CDD4; |
| | | } |
| | | } |
| | | |
| | | .el-pager { |
| | | li { |
| | | margin-left: 8px; |
| | | font-family: Nunito Sans, Nunito Sans; |
| | | font-weight: 600; |
| | | font-size: 14px; |
| | | color: #4E5969; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | background: transparent; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | &.is-active { |
| | | font-family: Nunito Sans, Nunito Sans; |
| | | font-weight: 600; |
| | | font-size: 14px; |
| | | color: #1C4AE5; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | background: rgba(28, 74, 229, 0.1); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-select { |
| | | .el-select__wrapper { |
| | | .el-select__placeholder { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #798492; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | background: #F2F3F5; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-page-view-dialog { |
| | | padding: 30px; |
| | | .gd-confirm-custom { |
| | | background: #1A1A2A; |
| | | border-radius: 6px; |
| | | border: 1px solid #2E2E46; |
| | | |
| | | .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; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | |
| | | .el-message-box__content { |
| | | color: #D4D5D7; |
| | | } |
| | | |
| | | .el-message-box__btns { |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | .el-button { |
| | | margin-left: 16px; |
| | | width: 96px; |
| | | height: 36px; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-confirm-button { |
| | | background: #284FE3 !important; |
| | | border-color: #284FE3 !important; |
| | | } |
| | | |
| | | .gd-confirm-cancel-button { |
| | | background: #2B2B4C !important; |
| | | border-color: #2B2B4C !important; |
| | | color: #FFFFFF !important; |
| | | } |
| | | |
| | | .gd-search-form { |
| | | padding-bottom: 20px; |
| | | display: flex; |
| | | |
| | | .el-form-item__label { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #383874; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | margin-right: 12px; |
| | | padding: 0 !important; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | } |
| | | |
| | | .gd-select { |
| | | .el-select__wrapper { |
| | | background: #DDE2ED; |
| | | width: 200px; |
| | | height: 36px; |
| | | } |
| | | } |
| | | |
| | | .gd-input { |
| | | width: 200px; |
| | | height: 36px; |
| | | |
| | | .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background-color: #DDE2ED; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-date-picker { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .gd-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-date-picker__time-header { |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-search-actions { |
| | | .el-button { |
| | | margin-left: 20px; |
| | | width: 80px; |
| | | background: #FFFFFF !important; |
| | | border: none !important; |
| | | border-radius: 4px 4px 4px 4px; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | .el-icon { |
| | | font-size: 16px; |
| | | color: #383874; |
| | | } |
| | | } |
| | | |
| | | .search-btn { |
| | | background: #383874 !important; |
| | | |
| | | .el-icon { |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-form-item { |
| | | margin-left: 30px; |
| | | margin-bottom: 0; |
| | | padding: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | |
| | | .el-date-editor { |
| | | width: 240px; |
| | | height: 36px; |
| | | } |
| | | |
| | | .el-button { |
| | | width: 96px; |
| | | height: 36px; |
| | | } |
| | | } |
| | | |
| | | .gd-dialog-form { |
| | | .el-form-item { |
| | | margin-left: 20px; |
| | | } |
| | | |
| | | .el-form-item__label { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #C5C9D6; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .gd-input { |
| | | .el-input__wrapper { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background-color: #DDE2ED; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-date-picker { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .gd-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-date-picker__time-header { |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-search-actions { |
| | | .el-button { |
| | | width: 96px; |
| | | background: transparent !important; |
| | | border-radius: 4px 4px 4px 4px; |
| | | border: 1px solid rgba(255, 255, 255, 0.3); |
| | | |
| | | .el-icon { |
| | | font-size: 16px; |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-input { |
| | | width: 160px; |
| | | } |
| | | |
| | | .el-date-editor { |
| | | width: 226px; |
| | | } |
| | | |
| | | .el-select { |
| | | .el-select__wrapper { |
| | | width: 160px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .gd-table-container { |
| | | padding: 12px 20px 30px 20px; |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | background: #FFFFFF; |
| | | box-shadow: 0px 8px 16px 0px rgba(128, 122, 139, 0.08); |
| | | border-radius: 8px 8px 8px 8px; |
| | | |
| | | .gd-table-content { |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 770px; |
| | | |
| | | background: #FFFFFF; |
| | | border: 1px solid #CCCCCC; |
| | | border-radius: 6px 6px 6px 6px; |
| | | |
| | | .el-dialog__header { |
| | | span { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 18px; |
| | | color: #383874; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-icon { |
| | | color: #383874; |
| | | } |
| | | } |
| | | |
| | | .el-dialog__body { |
| | | height: 0; |
| | | flex: 1; |
| | | |
| | | .detail-container { |
| | | padding: 0 10px; |
| | | |
| | | .detail-title { |
| | | margin-bottom: 30px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | color: #FFFFFF; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-row { |
| | | .el-col { |
| | | margin-bottom: 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .label { |
| | | width: 88px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #D4D5D7; |
| | | line-height: 22px; |
| | | text-align: right; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .val { |
| | | margin-left: 12px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #9E9EBA; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .work-table-container { |
| | | height: 360px; |
| | | |
| | | .work-table-pagination { |
| | | justify-content: center; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .dialog-form { |
| | | .el-form-item { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .el-form-item__label { |
| | | display: flex; |
| | | align-items: center; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #4E5969; |
| | | line-height: 22px; |
| | | text-align: right; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-form-item__content { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .el-input, |
| | | .el-input-number { |
| | | width: 0; |
| | | flex: 1; |
| | | } |
| | | |
| | | .el-cascader { |
| | | width: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | border: none; |
| | | |
| | | .el-input__wrapper { |
| | | box-shadow: none !important; |
| | | } |
| | | } |
| | | |
| | | .el-textarea { |
| | | |
| | | .el-textarea__inner { |
| | | color: #fff; |
| | | background: #DDE2ED !important; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | } |
| | | |
| | | .el-button { |
| | | color: #fff; |
| | | background: #DDE2ED !important; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-date-picker__time-header { |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-select { |
| | | .el-select__wrapper { |
| | | background: #F2F3F5; |
| | | |
| | | .el-select__suffix { |
| | | .el-icon { |
| | | color : #4E5969; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-select__placeholder { |
| | | &.is-transparent { |
| | | color: #86909C !important; |
| | | } |
| | | |
| | | &.el-select__selected-item { |
| | | color: #383874; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-input { |
| | | .el-input__wrapper { |
| | | padding: 0 8px !important; |
| | | background: #F2F3F5; |
| | | box-shadow: none !important; |
| | | border: none; |
| | | |
| | | .el-input__inner { |
| | | color: #383874; |
| | | |
| | | &::placeholder { |
| | | color: #86909C; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background-color: #F2F3F5; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-dialog__footer { |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | .el-button { |
| | | margin-left: 16px; |
| | | width: 96px; |
| | | height: 36px; |
| | | color: #161B2C; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | |
| | | .save-btn { |
| | | color: #FFFFFF; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-page-view-message-box { |
| | | background: #1A1A2A; |
| | | border-radius: 6px; |
| | | border: 1px solid #2E2E46; |
| | | .gd-table-toolbar { |
| | | padding-bottom: 20px; |
| | | |
| | | .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; |
| | | line-height: 22px; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | |
| | | .el-message-box__content { |
| | | color: #D4D5D7; |
| | | } |
| | | |
| | | .el-message-box__btns { |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | .el-button { |
| | | margin-left: 16px; |
| | | width: 96px; |
| | | height: 36px; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-message-box-confirm { |
| | | background: #284FE3 !important; |
| | | border-color: #284FE3 !important; |
| | | } |
| | | |
| | | .work-message-box-cancel { |
| | | background: #2B2B4C !important; |
| | | border-color: #2B2B4C !important; |
| | | color: #FFFFFF !important; |
| | | } |
| | | |
| | | .work-page-map-view-dialog { |
| | | padding: 30px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 80%; |
| | | height: 812px; |
| | | background: #1A1A2A; |
| | | border-radius: 6px 6px 6px 6px; |
| | | border: 1px solid #2E2E46; |
| | | |
| | | .el-dialog__header, |
| | | .el-dialog__footer { |
| | | margin: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | .el-dialog__footer { |
| | | .el-button { |
| | | margin-top: 30px; |
| | | } |
| | | } |
| | | |
| | | .el-dialog__body { |
| | | display: flex; |
| | | flex-direction: column; |
| | | height: 0; |
| | | flex: 1; |
| | | |
| | | .dialog-container { |
| | | display: flex; |
| | | height: 0; |
| | | flex: 1; |
| | | |
| | | .left-container { |
| | | width: 0; |
| | | flex: 1; |
| | | height: 100%; |
| | | |
| | | .leftMap { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | |
| | | .right-container { |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 344px; |
| | | height: 100%; |
| | | |
| | | .header { |
| | | padding: 0 16px; |
| | | padding-bottom: 16px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 18px; |
| | | color: #FFFFFF; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .dialog-container { |
| | | padding: 0 16px; |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .detail-title { |
| | | margin-bottom: 30px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | color: #FFFFFF; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-row { |
| | | .el-col { |
| | | margin-bottom: 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .label { |
| | | width: 96px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #D4D5D7; |
| | | line-height: 22px; |
| | | text-align: right; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .val { |
| | | width: 0; |
| | | flex: 1; |
| | | margin-left: 12px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #9E9EBA; |
| | | text-align: left; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .work-table-container { |
| | | margin-top: 0; |
| | | margin-bottom: 20px; |
| | | |
| | | .work-table-pagination { |
| | | justify-content: center; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .dialog-form { |
| | | padding-left: 16px; |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .el-form-item { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .el-form-item__label { |
| | | display: flex; |
| | | align-items: center; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #383874; |
| | | line-height: 22px; |
| | | text-align: right; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | |
| | | .el-form-item__content { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .el-input, |
| | | .el-input-number { |
| | | width: 0; |
| | | flex: 1; |
| | | } |
| | | |
| | | .el-textarea { |
| | | |
| | | .el-textarea__inner { |
| | | color: #fff; |
| | | background: #DDE2ED !important; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | } |
| | | |
| | | .el-button { |
| | | color: #fff; |
| | | background: #DDE2ED !important; |
| | | border: none; |
| | | box-shadow: none; |
| | | } |
| | | |
| | | >div.val { |
| | | color: #fff; |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker { |
| | | background: #DDE2ED; |
| | | } |
| | | |
| | | .work-data-cockpit-date-picker-popper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-picker-panel { |
| | | .el-picker-panel__body-wrapper { |
| | | .el-picker-panel__body { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-date-picker__time-header { |
| | | |
| | | .el-date-picker__editor-wrap { |
| | | .el-time-panel { |
| | | background: #DDE2ED !important; |
| | | |
| | | // 将 time-picker-popper 的样式移到这里 |
| | | .el-time-panel__header { |
| | | background: #DDE2ED !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow { |
| | | &::before { |
| | | background: #DDE2ED !important; |
| | | border: 1px solid #DDE2ED !important; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-input { |
| | | .el-input__wrapper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-input__inner { |
| | | color: #383874; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .search-table-container { |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .search-box { |
| | | display: flex; |
| | | margin-bottom: 18px; |
| | | |
| | | .label { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: flex-end; |
| | | |
| | | padding-right: 12px; |
| | | width: 96px; |
| | | |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #D4D5D7; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .el-input { |
| | | width: 0; |
| | | flex: 1; |
| | | |
| | | .el-input__wrapper { |
| | | background: #DDE2ED !important; |
| | | |
| | | .el-input__inner { |
| | | color: #383874; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-form-item { |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .el-form-item__content { |
| | | width: 100%; |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .el-table { |
| | | height: 0; |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .footer { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | |
| | | .el-button { |
| | | margin-left: 16px; |
| | | width: 96px; |
| | | height: 36px; |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .work-dialog-select-popper.el-select__popper { |
| | | .el-button { |
| | | min-width: 88px; |
| | | border: none; |
| | | background: #F2F3F5 !important; |
| | | } |
| | | |
| | | .el-select-dropdown { |
| | | .el-scrollbar { |
| | | .el-select-dropdown__wrap { |
| | | .el-select-dropdown__list { |
| | | .el-select-dropdown__item { |
| | | color: #4E5969; |
| | | .el-button.is-disabled, |
| | | .el-button.is-disabled:hover { |
| | | background: #4C34FF; |
| | | border: none; |
| | | } |
| | | } |
| | | |
| | | &.hover { |
| | | background-color: rgba(0, 120, 233, 0.63) !important; |
| | | color: #383874; |
| | | } |
| | | .gd-select-popper { |
| | | border: none; |
| | | background: #F2F3F5 !important; |
| | | |
| | | &.selected { |
| | | color: #8ac3fd !important; |
| | | font-weight: 700; |
| | | } |
| | | } |
| | | } |
| | | .el-select-dropdown { |
| | | .el-scrollbar { |
| | | .el-select-dropdown__wrap { |
| | | .el-select-dropdown__list { |
| | | .el-select-dropdown__item { |
| | | color: #4E5969; |
| | | |
| | | &.hover { |
| | | background-color: rgba(0, 120, 233, 0.63) !important; |
| | | color: #383874; |
| | | } |
| | | } |
| | | |
| | | .el-select-dropdown__empty { |
| | | background: #F2F3F5; |
| | | border-radius: 0px 0px 8px 8px; |
| | | &.selected { |
| | | color: #8ac3fd !important; |
| | | font-weight: 700; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #F2F3F5 !important; |
| | | border: 1px solid #F2F3F5 !important; |
| | | .el-select-dropdown__empty { |
| | | background: #F2F3F5; |
| | | border-radius: 0px 0px 8px 8px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-popper__arrow::before { |
| | | background: #F2F3F5 !important; |
| | | border: 1px solid #F2F3F5 !important; |
| | | } |
| | | } |
| | | |