From 16f30ac459d4f967715bf57a73eddc4de1e030b5 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Mon, 03 Nov 2025 10:43:12 +0800
Subject: [PATCH] feat:样式修复
---
src/views/layerManagement/components/leftList.vue | 2
src/styles/element-ui.scss | 1235 +++++++++++++++++++++++++++++-----------------------------
2 files changed, 619 insertions(+), 618 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 765851c..15e48ed 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -1,628 +1,629 @@
.el-card.is-always-shadow {
- box-shadow: none;
- border: none !important;
-}
-
-.el-menu {
- border-right: none;
-}
-
-.el-message__icon,
-.el-message__content {
- display: inline-block;
-}
-
-.el-date-editor .el-range-input,
-.el-date-editor .el-range-separator {
- height: auto;
- overflow: hidden;
-}
-
-.el-dialog__wrapper {
- z-index: 2048;
-}
-
-
-.el-col {
- margin-bottom: 8px;
-}
-
-.el-main {
- padding: 0 !important;
-}
-
-.el-dropdown-menu__item--divided:before,
-.el-menu,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
-.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
- background-color: transparent;
-}
-
-
-.el-dropdown-menu__item--divided:before,
-.el-menu,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
-.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
- background-color: transparent !important;
-}
-
-.el-collapse-item__header {
- height: auto;
- overflow: hidden;
-}
-
-.el-button.is-text:not(.is-disabled):active {
- background-color: transparent;
-}
-
-.el-button.is-text:not(.is-disabled):focus,
-.el-button.is-text:not(.is-disabled):hover {
- background-color: transparent;
-}
-
-.avue-icon i,
-.avue-icon svg {
- line-height: 20px;
-}
-
-.avue--detail .el-form-item {
- background-color: #fafafa;
-}
-
-.showFullScreenDlg {
- display: flex;
- justify-content: space-between;
-
- .el-dialog {
- position: relative;
- padding: 0;
- overflow: hidden;
-
- .el-dialog__body {
- width: 100%;
- height: 100%;
-
- iframe {
- width: 100%;
- height: 100%;
- }
- }
-
- .el-dialog__header {
- height: 0;
- overflow: hidden;
- padding: 0;
-
- .el-dialog__headerbtn {
- position: absolute;
- left: 0;
- //top: 14px;
-
- .el-dialog__close {
- color: #fff;
- font-size: 35px;
- z-index: 99;
- }
- }
- }
+ box-shadow: none;
+ border: none !important;
}
-}
-
-.ztzf-drawer-body-basic-container {
- .el-drawer__header {
- margin-bottom: 0;
- }
- .el-drawer__body {
- display: flex;
- flex-direction: column;
-
- }
-
-}
-.ztzf-el-card__body {
-
- .el-card__body {
- .avue-form{
- padding: 0;}}
-}
-.ztzf-public-general-avue-crud {
- .el-table {
- tr {
- min-height: 30px !important;
- line-height: 30px !important;
- box-sizing: border-box !important;
- }
-
- tr th,
- tr td {
- padding: 6px 0 !important;
- min-height: 30px !important;
- line-height: 30px !important;
- box-sizing: border-box !important;
-
- div.cell {
- min-height: 30px !important;
- line-height: 30px !important;
- }
- }
- }
-}
-.ztzf-input {
- .el-input__wrapper {
- padding: 0 8px !important;
- // background: #2D2D2D;
- background-color: transparent !important;
- box-shadow: none !important;
- border: 1px solid #fff;
- .el-input__inner {
- color: #ffffff;
-
- &::placeholder {
- color: rgba(255,255,255,0.37);
- }
- }
- }
-
- &.is-disabled {
- .el-input__wrapper {
- background-color: #012a50;
- }
- }
-}
-.ztzf-button {
- background-color: transparent !important;
- color: #fff !important;
-}
-.ztzf-el-tree {
- background-color: transparent !important;
- --el-tree-node-hover-bg-color:transparent !important;
- color: #fff !important;
-}
-.ztzf-layer-search {
- color: #fff !important;
- background-color: transparent !important;
- .el-select__wrapper {
- background-color: transparent !important;
+ .el-menu {
+ border-right: none;
}
- .el-select__popper.el-popper {
- background-color: transparent !important;
- }
- .el-popper.is-light {
- background-color: transparent !important;
- }
- .el-select__placeholder {
- &.is-transparent {
- color: rgba(255,255,255,0.37) !important;
- }
-
- &.el-select__selected-item {
- color: #ffffff;
- }
- }
-}
-.ztzf-select-popper.el-select__popper {
- border:#2D2D2D !important;
-
- .el-select-dropdown {
- overflow-x: hidden !important;
-
- .el-scrollbar {
- .el-select-dropdown__wrap {
- background: linear-gradient(180deg, rgba(13, 53, 86, 0.85) 0%, rgba(1, 35, 80, 0.85) 100%);
- border-radius: 0px 0px 8px 8px;
- border: 1px solid;
- border-image: linear-gradient(180deg, #fff, #fff) 1 1;
- overflow-x: hidden !important;
- margin-right: 0 !important;
-
- .el-select-dropdown__list {
- padding: 0 !important;
-
- .el-select-dropdown__item {
- background: #2D2D2D !important;
- color: white;
-
- &.hover {
- background-color: #2D2D2D !important;
- color: white;
- }
-
- &.selected {
- color: #fff !important;
- font-weight: 700;
- }
- }
- }
- }
- }
-
- .el-select-dropdown__empty {
- background: #2D2D2D;
- border-radius: 0px 0px 8px 8px;
- border: 1px solid;
- border-image: linear-gradient(180deg, #fff, #fff) 1 1;
- }
- }
-
- .el-popper__arrow::before {
- background: #2D2D2D !important;
- border: 1px solid #fff !important;
- }
-}
-//时间日期选择器
-.ztzf-layer-date-picker {
- box-shadow: none !important;
- background: transparent;
- border: 1px solid #fff;
- border-radius: 5px;
- .el-range-editor.is-disabled input {
- background-color: transparent !important;
- }
- .el-range-editor.is-disabled {
- background-color: transparent !important;
- }
- .el-input__wrapper {
- box-shadow: none !important;
- background-color: transparent !important;
- width: 300px;
- &.is-focus {
- box-shadow: none !important;
- }
- }
-
- .el-range-input {
- color: #fff;
-
- &::placeholder {
- color: rgba(255, 255, 255, 0.37);
- }
- }
-
- .el-range-separator {
- color: #ffffff;
- }
-}
-
-// 日期下拉框
-.ztzf-layer-date-picker-popper {
- background: #012350 !important;
- border: 1px solid !important;
- border-radius: 0px 0px 8px 8px;
- border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;
- .el-picker-panel .el-time-panel{
- background: #012350 !important;
- }
- .el-time-spinner__item {
- color: #fff !important;}
- .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){
- background: transparent !important;
- }
- .el-picker-panel {
- .el-picker-panel__body-wrapper {
- .el-picker-panel__body {
- background: #012350 !important;
- color: #fff !important;
-
- .el-date-picker__time-header {
- border: none;
-
- .el-date-picker__editor-wrap {
- .el-time-panel {
- background: #012350 !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: #012350 !important;
- color: #ffffff !important;
- border-bottom: 1px solid rgba(255, 255, 255, 0.37) !important;
- }
-
- .el-time-panel__content {
- .el-time-spinner__item {
- color: #e6e6e6 !important;
-
- &:hover {
- background: #012350 !important;
- }
-
- &.active {
- color: #479dff !important;
- font-weight: bold;
- }
- }
- }
-
- .el-time-panel__footer {
- background: #012350 !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: #012350 !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 {
- background: #0d3556 !important;
- border: 1px solid #0d3556 !important;
- box-sizing: border-box;
- }
- }
-
- .el-picker-panel__sidebar {
- background: #012350;
- color: #fff;
-
- .el-picker-panel__shortcut {
- color: #ffffff;
- }
- }
-
- .el-picker-panel__body {
- .el-input.is-disabled .el-input__wrapper {
- background: #012350;
- 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: #012350;
- }
-
- .el-input__wrapper {
- background: #012350;
- box-shadow: 0 0 0 0.1rem#409eff;
- color: #fff;
-
- .el-input__inner {
- color: #fff !important;
- }
- }
- }
-
- .el-picker-panel__footer {
- background: #012350;
- color: #fff;
- border-top: none;
-
- .el-button--small {
- box-shadow: 0 0 0 0.1rem#409eff;
- background-color: #012350;
- color: #fff;
- border: none;
-
- &:hover {
- background-color: #012350;
- color: #fff;
- border-color: #409eff;
- }
- }
- }
-}
-
-.ztzf-layer-time-picker-popper {
- background: rgba(0,0,0,0.8) !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-popper__arrow::before {
- background: rgba(0,0,0,0.8) !important;
- border: 1px solid #479dff !important;
- }
-
- .el-time-panel__header {
- background: rgba(0,0,0,0.8) !important;
- color: #ffffff !important;
- border-bottom: 1px solid rgba(71, 157, 255, 0.3) !important;
- }
-
- .el-time-panel__content {
- // background: #012350 !important;
-
- .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: rgba(0,0,0,0.8) !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;
- }
- }
- }
-}
-//======以下针对表格功能 增删查改样式和弹窗=========
-.ztzf-dialog-mange {
- .el-dialog__body {
- padding: 2rem 2rem 4rem;
- flex: 1;
- overflow: scroll;
- border-top: 0.1rem solid #f0f0f0;
+ .el-message__icon,
+ .el-message__content {
+ display: inline-block;
}
- .el-dialog__footer {
- z-index: 2;
- display: block;
- padding: 1rem 1.6rem;
- box-sizing: border-box;
- border-top: 0.1rem solid #f0f0f0;
- width: 100%;
- position: absolute;
- left: 0;
- bottom: 0;
- background-color: #fff;
- text-align: right;
+
+ .el-date-editor .el-range-input,
+ .el-date-editor .el-range-separator {
+ height: auto;
+ overflow: hidden;
}
-}
-.ztzf-search-mange {
- height: 40px;
- .search-contain {
- display: flex;justify-content: space-between;
+
+ .el-dialog__wrapper {
+ z-index: 2048;
}
-}
-.ztzf-form-mange {
- .el-form-item {
- width: 300px;
- .el-form-item__content {
- width: 100%;
- }
- .el-form-item__label {
- width: 120px;
- }
- }
-}
-
-.ztzf-form-search {
- .el-form-item {
- width: 100%;
- .el-form-item__label {
- width: 80px;
- }
- .el-form-item__content {
- display: flex;
- flex: 1;
- }
- }
-}
-
-.ztzf-table-mange {
- th.el-table__cell {
- color: rgba(0, 0, 0, .85);
- background-color: #fafafa;
- }
-}
-
-.table-view-mange {
- width: 100%;
- border-top: 0.1rem solid #ebeef5;
- border-left: 0.1rem solid #ebeef5;
- margin-left: 0;
- margin-right: 0;
+
+
.el-col {
- padding-left: 0;
- padding-right: 0;
- margin-bottom: 0;
- height: 32px;
- line-height: 32px;
- border-right: 0.1rem solid #ebeef5;
- text-align: center;
- align-items: center;
- .el-input__wrapper {
- box-shadow: none !important;
- border-bottom: 0.1rem solid #ebeef5;
- }
+ margin-bottom: 8px;
}
- .label {
- color: #909399;
- box-sizing: border-box;
- background: #fafafa;
+
+ .el-main {
+ padding: 0 !important;
}
-}
+
+ .el-dropdown-menu__item--divided:before,
+ .el-menu,
+ .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
+ .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
+ .el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
+ background-color: transparent;
+ }
+
+
+ .el-dropdown-menu__item--divided:before,
+ .el-menu,
+ .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
+ .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
+ .el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
+ background-color: transparent !important;
+ }
+
+ .el-collapse-item__header {
+ height: auto;
+ overflow: hidden;
+ }
+
+ .el-button.is-text:not(.is-disabled):active {
+ background-color: transparent;
+ }
+
+ .el-button.is-text:not(.is-disabled):focus,
+ .el-button.is-text:not(.is-disabled):hover {
+ background-color: transparent;
+ }
+
+ .avue-icon i,
+ .avue-icon svg {
+ line-height: 20px;
+ }
+
+ .avue--detail .el-form-item {
+ background-color: #fafafa;
+ }
+
+ .showFullScreenDlg {
+ display: flex;
+ justify-content: space-between;
+
+ .el-dialog {
+ position: relative;
+ padding: 0;
+ overflow: hidden;
+
+ .el-dialog__body {
+ width: 100%;
+ height: 100%;
+
+ iframe {
+ width: 100%;
+ height: 100%;
+ }
+ }
+
+ .el-dialog__header {
+ height: 0;
+ overflow: hidden;
+ padding: 0;
+
+ .el-dialog__headerbtn {
+ position: absolute;
+ left: 0;
+ //top: 14px;
+
+ .el-dialog__close {
+ color: #fff;
+ font-size: 35px;
+ z-index: 99;
+ }
+ }
+ }
+ }
+ }
+
+ .ztzf-drawer-body-basic-container {
+ .el-drawer__header {
+ margin-bottom: 0;
+ }
+ .el-drawer__body {
+ display: flex;
+ flex-direction: column;
+
+ }
+
+ }
+ .ztzf-el-card__body {
+
+ .el-card__body {
+ .avue-form{
+ padding: 0;}}
+ }
+ .ztzf-public-general-avue-crud {
+ .el-table {
+ tr {
+ min-height: 30px !important;
+ line-height: 30px !important;
+ box-sizing: border-box !important;
+ }
+
+ tr th,
+ tr td {
+ padding: 6px 0 !important;
+ min-height: 30px !important;
+ line-height: 30px !important;
+ box-sizing: border-box !important;
+
+ div.cell {
+ min-height: 30px !important;
+ line-height: 30px !important;
+ }
+ }
+ }
+ }
+ .ztzf-layer-input {
+ .el-input__wrapper {
+ padding: 0 8px !important;
+ // background: #2D2D2D;
+ background-color: transparent !important;
+ box-shadow: none !important;
+ border: 1px solid #fff;
+
+ .el-input__inner {
+ color: #ffffff;
+
+ &::placeholder {
+ color: rgba(255,255,255,0.37);
+ }
+ }
+ }
+
+ &.is-disabled {
+ .el-input__wrapper {
+ background-color: #012a50;
+ }
+ }
+ }
+ .ztzf-button {
+ background-color: transparent !important;
+ color: #fff !important;
+ }
+ .ztzf-el-tree {
+ background-color: transparent !important;
+ --el-tree-node-hover-bg-color:transparent !important;
+ color: #fff !important;
+ }
+ .ztzf-layer-search {
+ color: #fff !important;
+ background-color: transparent !important;
+ .el-select__wrapper {
+ background-color: transparent !important;
+ }
+ .el-select__popper.el-popper {
+ background-color: transparent !important;
+ }
+ .el-popper.is-light {
+ background-color: transparent !important;
+ }
+ .el-select__placeholder {
+ &.is-transparent {
+ color: rgba(255,255,255,0.37) !important;
+ }
+
+ &.el-select__selected-item {
+ color: #ffffff;
+ }
+ }
+
+ }
+ .ztzf-select-popper.el-select__popper {
+ border:#2D2D2D !important;
+
+ .el-select-dropdown {
+ overflow-x: hidden !important;
+
+ .el-scrollbar {
+ .el-select-dropdown__wrap {
+ background: linear-gradient(180deg, rgba(13, 53, 86, 0.85) 0%, rgba(1, 35, 80, 0.85) 100%);
+ border-radius: 0px 0px 8px 8px;
+ border: 1px solid;
+ border-image: linear-gradient(180deg, #fff, #fff) 1 1;
+ overflow-x: hidden !important;
+ margin-right: 0 !important;
+
+ .el-select-dropdown__list {
+ padding: 0 !important;
+
+ .el-select-dropdown__item {
+ background: #2D2D2D !important;
+ color: white;
+
+ &.hover {
+ background-color: #2D2D2D !important;
+ color: white;
+ }
+
+ &.selected {
+ color: #fff !important;
+ font-weight: 700;
+ }
+ }
+ }
+ }
+ }
+
+ .el-select-dropdown__empty {
+ background: #2D2D2D;
+ border-radius: 0px 0px 8px 8px;
+ border: 1px solid;
+ border-image: linear-gradient(180deg, #fff, #fff) 1 1;
+ }
+ }
+
+ .el-popper__arrow::before {
+ background: #2D2D2D !important;
+ border: 1px solid #fff !important;
+ }
+ }
+ //时间日期选择器
+ .ztzf-layer-date-picker {
+ box-shadow: none !important;
+ background: transparent;
+ border: 1px solid #fff;
+ border-radius: 5px;
+ .el-range-editor.is-disabled input {
+ background-color: transparent !important;
+ }
+ .el-range-editor.is-disabled {
+ background-color: transparent !important;
+ }
+ .el-input__wrapper {
+ box-shadow: none !important;
+ background-color: transparent !important;
+ width: 300px;
+ &.is-focus {
+ box-shadow: none !important;
+ }
+ }
+
+ .el-range-input {
+ color: #fff;
+
+ &::placeholder {
+ color: rgba(255, 255, 255, 0.37);
+ }
+ }
+
+ .el-range-separator {
+ color: #ffffff;
+ }
+ }
+
+ // 日期下拉框
+ .ztzf-layer-date-picker-popper {
+ background: #012350 !important;
+ border: 1px solid !important;
+ border-radius: 0px 0px 8px 8px;
+ border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;
+ .el-picker-panel .el-time-panel{
+ background: #012350 !important;
+ }
+ .el-time-spinner__item {
+ color: #fff !important;}
+ .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){
+ background: transparent !important;
+ }
+ .el-picker-panel {
+ .el-picker-panel__body-wrapper {
+ .el-picker-panel__body {
+ background: #012350 !important;
+ color: #fff !important;
+
+ .el-date-picker__time-header {
+ border: none;
+
+ .el-date-picker__editor-wrap {
+ .el-time-panel {
+ background: #012350 !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: #012350 !important;
+ color: #ffffff !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.37) !important;
+ }
+
+ .el-time-panel__content {
+ .el-time-spinner__item {
+ color: #e6e6e6 !important;
+
+ &:hover {
+ background: #012350 !important;
+ }
+
+ &.active {
+ color: #479dff !important;
+ font-weight: bold;
+ }
+ }
+ }
+
+ .el-time-panel__footer {
+ background: #012350 !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: #012350 !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 {
+ background: #0d3556 !important;
+ border: 1px solid #0d3556 !important;
+ box-sizing: border-box;
+ }
+ }
+
+ .el-picker-panel__sidebar {
+ background: #012350;
+ color: #fff;
+
+ .el-picker-panel__shortcut {
+ color: #ffffff;
+ }
+ }
+
+ .el-picker-panel__body {
+ .el-input.is-disabled .el-input__wrapper {
+ background: #012350;
+ 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: #012350;
+ }
+
+ .el-input__wrapper {
+ background: #012350;
+ box-shadow: 0 0 0 0.1rem#409eff;
+ color: #fff;
+
+ .el-input__inner {
+ color: #fff !important;
+ }
+ }
+ }
+
+ .el-picker-panel__footer {
+ background: #012350;
+ color: #fff;
+ border-top: none;
+
+ .el-button--small {
+ box-shadow: 0 0 0 0.1rem#409eff;
+ background-color: #012350;
+ color: #fff;
+ border: none;
+
+ &:hover {
+ background-color: #012350;
+ color: #fff;
+ border-color: #409eff;
+ }
+ }
+ }
+ }
+
+ .ztzf-layer-time-picker-popper {
+ background: rgba(0,0,0,0.8) !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-popper__arrow::before {
+ background: rgba(0,0,0,0.8) !important;
+ border: 1px solid #479dff !important;
+ }
+
+ .el-time-panel__header {
+ background: rgba(0,0,0,0.8) !important;
+ color: #ffffff !important;
+ border-bottom: 1px solid rgba(71, 157, 255, 0.3) !important;
+ }
+
+ .el-time-panel__content {
+ // background: #012350 !important;
+
+ .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: rgba(0,0,0,0.8) !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;
+ }
+ }
+ }
+ }
+ //======以下针对表格功能 增删查改样式和弹窗=========
+ .ztzf-dialog-mange {
+ .el-dialog__body {
+ padding: 2rem 2rem 4rem;
+ flex: 1;
+ overflow: scroll;
+ border-top: 0.1rem solid #f0f0f0;
+ }
+ .el-dialog__footer {
+ z-index: 2;
+ display: block;
+ padding: 1rem 1.6rem;
+ box-sizing: border-box;
+ border-top: 0.1rem solid #f0f0f0;
+ width: 100%;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ background-color: #fff;
+ text-align: right;
+ }
+ }
+ .ztzf-search-mange {
+ height: 40px;
+ .search-contain {
+ display: flex;justify-content: space-between;
+ }
+ }
+ .ztzf-form-mange {
+ .el-form-item {
+ width: 300px;
+ .el-form-item__content {
+ width: 100%;
+ }
+ .el-form-item__label {
+ width: 120px;
+ }
+ }
+ }
+
+ .ztzf-form-search {
+ .el-form-item {
+ width: 100%;
+ .el-form-item__label {
+ width: 80px;
+ }
+ .el-form-item__content {
+ display: flex;
+ flex: 1;
+ }
+ }
+ }
+
+ .ztzf-table-mange {
+ th.el-table__cell {
+ color: rgba(0, 0, 0, .85);
+ background-color: #fafafa;
+ }
+ }
+
+ .table-view-mange {
+ width: 100%;
+ border-top: 0.1rem solid #ebeef5;
+ border-left: 0.1rem solid #ebeef5;
+ margin-left: 0;
+ margin-right: 0;
+ .el-col {
+ padding-left: 0;
+ padding-right: 0;
+ margin-bottom: 0;
+ height: 32px;
+ line-height: 32px;
+ border-right: 0.1rem solid #ebeef5;
+ text-align: center;
+ align-items: center;
+ .el-input__wrapper {
+ box-shadow: none !important;
+ border-bottom: 0.1rem solid #ebeef5;
+ }
+ }
+ .label {
+ color: #909399;
+ box-sizing: border-box;
+ background: #fafafa;
+ }
+ }
+
\ No newline at end of file
diff --git a/src/views/layerManagement/components/leftList.vue b/src/views/layerManagement/components/leftList.vue
index 5d0da05..34948fb 100644
--- a/src/views/layerManagement/components/leftList.vue
+++ b/src/views/layerManagement/components/leftList.vue
@@ -2,7 +2,7 @@
<div class="table-overlay">
<div class="searchBox">
<el-input
- class="ztzf-input inputName"
+ class="ztzf-layer-input inputName"
v-model="formData.dkbh"
placeholder="输入名称模糊搜索"
></el-input>
--
Gitblit v1.9.3