添加新皮肤

whyczyk

2022-06-22 d1d4eeaca4e44b23221692f95a4b9477099b91ab

添加新皮肤

 package-lock.json

Diff too large

 public/theme/img/science-purple/chart-wrapper-title-bg-left.png

 public/theme/img/science-purple/chart-wrapper-title-bg-right.png

 public/theme/img/science-purple/chart-wrapper-title-bg.png

 public/theme/img/science-purple/dw_bg.jpg

 public/theme/img/science-purple/page-header-bg.png

 public/theme/img/science-skyBlue/dw_bg.jpg

 public/theme/img/science-skyBlue/page-header-bg.png

 public/theme/img/science-skyBlue/page-header-left-bg.png

 public/theme/img/science-ziluolan/chart-wrapper-title-bg-left.png

 public/theme/img/science-ziluolan/chart-wrapper-title-bg-right.png

 public/theme/img/science-ziluolan/chart-wrapper-title-bg.png

 public/theme/img/science-ziluolan/dw_bg.jpg

 public/theme/img/science-ziluolan/page-header-bg.png

 public/theme/science-purple.css

New file
@@ -0,0 +1,1104 @@
.el-input__inner,
.el-date-editor .el-range-input,
.el-cascader__dropdown {
  background-color: #021132;
  border: 1px solid #5b64cb;
  color: #ffffff;
}

.el-select-dropdown__item,
.el-cascader-menu {
  color: #ffffff;
}

.el-select-dropdown__item.selected,
.el-cascader-node.in-active-path {
  color: #ffffff;
}

.el-select-dropdown {
  background-color: #021132;
  border-color: #5b64cb;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #021132 !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background-color: #416293;
}

.el-science-blue,
.pages-config {
  background-color: #171350;
  color: #ffffff;
}

/* tabs */
.el-science-blue .el-tabs--border-card {
  background: transparent;
  /* border: 2Px solid #143a92; */
  border-color: #5b64cb;
}

.el-science-blue .el-home-tabs.el-tabs--border-card {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header {
  background-color: #021132;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #ffffff;
}

.el-science-blue
  .el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item.is-active {
  background-color: #5b64cb;
  border-color: #5b64cb;
  color: #ffffff;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header {
  border-bottom: 1px solid #5b64cb;
}

.el-science-blue .el-tabs--border-card.top-border > .el-tabs__header {
  border: 1px solid #5b64cb;
}

/* .el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
    color: #041F6C;
} */

.el-science-blue .el-tabs__item.is-left {
  color: #ffffff;
}

.el-science-blue .el-tabs__item.is-left.is-active {
  color: #5b64cb;
}

.el-tabs.el-tabs--left .el-tabs__content,
.el-tabs.el-tabs--left .el-tabs__content .el-tab-pane {
  height: 100%;
}

.el-science-blue .tab-menu-left {
  border: 1px solid #5b64cb;
  color: #ffffff;
  background-color: #031a46;
}

.el-science-blue .tab-menu-left:hover {
  cursor: pointer;
  background-color: #5b64cb;
  color: #041f6c;
}

.el-science-blue .tab-menu-left:active {
  cursor: pointer;
  background-color: #5b64cb;
  color: #041f6c;
}

.el-science-blue .el-tabs__nav-prev,
.el-science-blue .el-tabs__nav-next {
  color: #ffffff;
}

/* drawer */
.el-science-blue .el-drawer {
  padding: 6px;
}

.el-science-blue .el-scrollbar,
.el-science-blue .el-scrollbar .el-menu,
.el-science-blue .el-drawer,
.el-science-blue .el-drawer .el-menu,
.el-science-blue .page-menu .el-menu {
  background-color: #2a3879;
}

.el-science-blue .el-scrollbar .el-menu.el-menu--inline,
.el-science-blue .el-drawer .el-menu.el-menu--inline,
.el-science-blue .page-menu .el-menu.el-menu--inline {
  background-color: #021132;
  border-radius: 8px;
  overflow: hidden;
}

.el-science-blue .menu-content {
  color: #ffffff;
}

/* menu */
.el-science-blue .el-menu {
  color: #ffffff;
  border-right: none;
  background-color: #2a3879;
}

.el-science-blue .el-submenu__title [class^="el-icon"],
.el-science-blue .submenu__title [class^="el-icon"] {
  display: inline-block;
  background-color: #5b64cb;
  padding: 8px 4px;
  border-radius: 18px;
  color: #ffffff;
  margin-right: 11px;
}

.el-science-blue .el-menu-item {
  color: #ffffff;
  position: relative;
  transition: none;
  font-weight: bold;
}

.el-science-blue .el-menu-item.is-active .submenu__title [class^="el-icon"] {
  background-color: #5b64cb;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5b64cb;
  top: 50%;
  left: 30px;
  margin-top: -2px;
}

.el-science-blue .el-submenu__title {
  color: #ffffff;
  font-weight: bold;
}

.el-science-blue .el-submenu__title:hover,
.el-science-blue .el-menu-item:hover {
  background-color: #334790;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item {
  padding-left: 48px !important;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active {
  background-color: #5b64cb;
  color: #021a64;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active::before {
  background-color: #021a64;
}

.el-science-blue .el-menu-item.is-active {
  background-color: #5b64cb;
  color: #021a64;
}

.el-science-blue .el-submenu__title i {
  color: #5b64cb;
  font-size: 14px;
  font-weight: bold;
}

/* tree */
.el-science-blue .el-tree {
  background: none;
  color: #ffffff;
}

.el-science-blue .el-tree .el-tree-node:focus > .el-tree-node__content {
  background: none;
}

.el-science-blue .el-tree .el-tree-node > .el-tree-node__content:hover {
  background-color: #5b64cb;
  color: #ffffff;
}

.el-science-blue .el-tree .el-tree-node.is-current > .el-tree-node__content {
  background-color: #5b64cb;
  color: #ffffff;
}

.el-science-blue .params-dialog .el-tree {
  color: #606266;
}

.el-science-blue
  .params-dialog
  .el-tree
  .el-tree-node
  > .el-tree-node__content:hover {
  color: #ffffff;
}

.el-science-blue
  .params-dialog
  .el-tree
  .el-tree-node.is-current
  > .el-tree-node__content {
  color: #ffffff;
}

.el-science-blue .el-tree-node__expand-icon {
  color: #ffffff;
}

.el-science-blue .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}

/* input */
.el-science-blue .el-input.is-disabled .el-input__inner,
.el-science-blue .el-input__inner {
  background-color: #031a46;
  border-color: #5b64cb;
  color: #ffffff;
}

.el-science-blue .params-dialog .el-input.is-disabled .el-input__inner,
.el-science-blue .params-dialog .el-input__inner {
  border-color: #dcdfe6;
  color: #171350;
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-form-item__label {
  color: #171350;
  font-size: 12px;
  font-weight: bold;
}

.el-form--label-top .el-form-item__label {
  padding: 0;
}

.el-science-blue .params-dialog .el-input__inner[readonly="readonly"] {
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select,
.el-science-blue .params-dialog .el-date-editor.el-input,
.el-science-blue .params-dialog .el-date-editor.el-input__inner {
  width: 100%;
}

.el-science-blue
  .params-dialog
  .el-select
  .el-input__inner[readonly="readonly"] {
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select .el-input .el-select__caret {
  color: #5b64cb;
}

.el-science-blue .params-dialog .el-form-item--mini.el-form-item,
.el-science-blue .params-dialog .el-form-item--small.el-form-item {
  margin-bottom: 8px;
}

.el-science-blue .params-dialog .three-btn {
  box-shadow: none;
  background-color: #5b64cb;
}

.el-science-blue .params-dialog .three-btn:active {
  box-shadow: none;
  position: relative;
  top: 0px;
}

.el-science-blue .params-dialog .el-select .el-input.is-focus .el-input__inner {
  border-color: #171350;
}

.el-science-blue .el-input__prefix,
.el-input__suffix,
.el-science-blue .el-select .el-input .el-select__caret {
  color: #ffffff;
}

.el-science-blue .el-select:hover .el-input__inner {
  border-color: #5b64cb;
}

.el-science-blue .el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #5b64cb;
}

.el-science-blue .el-cascader .el-input .el-input__inner:focus,
.el-science-blue .el-cascader .el-input.is-focus .el-input__inner {
  border-color: #5b64cb;
}

.el-science-blue .el-select .el-input.is-focus .el-input__inner {
  border-color: #5b64cb;
}

.el-science-blue .el-input__inner::-webkit-input-placeholder {
  color: #ffffff;
}

/* bg white */
.el-science-blue .el-select:hover .el-input__inner,
.el-science-blue .bg-white .el-select .el-input.is-focus .el-input__inner {
  border-color: #5b64cb;
}

.el-science-blue .bg-white .el-select .el-input .el-select__caret {
  color: #171350;
}

.el-science-blue .bg-white .el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc;
}

/* table */
.el-science-blue .el-table {
  color: #ffffff;
}

.el-science-blue .el-table,
.el-science-blue .el-table__expanded-cell,
.el-science-blue .el-table tr {
  background: none;
}

.el-science-blue .el-table th {
  background: none;
  font-size: 14px;
}

.el-science-blue .el-table thead {
  color: #5b64cb;
  font-weight: bold;
}

.el-science-blue .el-table--enable-row-hover .el-table__body tr:hover > td,
.el-science-blue .el-table__body tr.hover-row > td {
  background-color: #5b64cb;
}

.el-science-blue .el-table__fixed-right {
  background-color: #171350;
  z-index: 9;
}

.el-science-blue .el-table th.is-leaf {
  border-bottom: none;
}

.el-science-blue .el-table td {
  border-bottom: none;
  background: #2a3879;
}

.el-science-blue
  .el-table--striped
  .el-table__body
  tr.el-table__row--striped
  td {
  background: none;
}

.el-science-blue .el-table th > .cell {
  font-weight: bold;
}

.el-science-blue .el-table--border::after,
.el-science-blue .el-table--group::after,
.el-science-blue .el-table::before {
  background-color: transparent;
}

.el-science-blue .el-table__fixed-right::before,
.el-science-blue .el-table__fixed::before {
  background-color: transparent;
}

.el-science-blue .el-table td .el-button--primary {
  border-color: #f69f40;
  background-color: #f69f40;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--primary:hover {
  border-color: #f68e38;
  background-color: #f68e38;
}

.el-science-blue .el-table td .el-button--danger {
  border-color: #f3535f;
  background-color: #f3535f;
  color: #ffe328;
}

.el-science-blue .el-table td .el-button--danger:hover {
  border-color: #f3435b;
  background-color: #f3435b;
}

.el-science-blue .el-table td .el-button--success {
  border-color: #8fed7d;
  background-color: #8fed7d;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--success:hover {
  border-color: #6bed6b;
  background-color: #6bed6b;
}

.el-science-blue .el-table.border-table .el-table__body-wrapper {
  box-sizing: border-box;
  border-left: 1px solid #5b64cb;
  border-right: 1px solid #5b64cb;
  border-bottom: 1px solid #5b64cb;
  border-top: 1px solid #5b64cb;
}

.el-science-blue .el-table .table-list-name {
  color: #5b64cb;
  border-right: 1px solid #5b64cb;
}

.el-science-blue .el-table .table-list-name.white-color {
  color: #fff;
}

.el-science-blue .el-table .table-list-name.no-border {
  border-right: none;
}

.el-science-blue .el-table th.table-list-value {
  color: #5b64cb;
}

.el-science-blue .el-table .table-list-value {
  color: #fef200;
}

.el-table--small td.table-list-name,
.el-table--small td.table-list-value {
  padding: 4px 0;
}

/* el-popover */
.el-popover {
  padding: 0;
  background: none;
  border: none;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: rgb(30, 125, 219);
}

.el-select-dropdown.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #fff;
}

/* dialog */
.el-science-blue .el-dialog__header {
  padding: 8px 16px;
  background-color: #5b64cb;
}

.el-science-blue .el-dialog__title {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.el-science-blue .el-dialog__headerbtn {
  top: 8px;
}

.el-science-blue .el-dialog__headerbtn .el-dialog__close {
  color: #ffffff;
}

.el-science-blue .el-dialog__body {
  padding: 0;
}

/* el-transfer */
.el-science-blue .el-transfer-panel {
  background: #171350;
  border-color: #5b64cb;
}

.el-science-blue .el-transfer-panel__header {
  background-color: #031233;
  border-bottom: none;
  color: #5b64cb;
}

.el-science-blue
  .el-transfer-panel
  .el-transfer-panel__header
  .el-checkbox
  .el-checkbox__label {
  color: #5b64cb;
}

.el-science-blue .el-transfer-panel__item.el-checkbox {
  color: #ffffff;
}

.el-science-blue
  .el-transfer-panel
  .el-transfer-panel__header
  .el-checkbox
  .el-checkbox__label
  span {
  color: #ffffff;
}

.el-science-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.el-science-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #5b64cb;
  border-color: #5b64cb;
}

.el-science-blue .el-checkbox__inner::after {
  border-color: #052270;
}

/* el-pagination */
.el-science-blue .el-pagination__total,
.el-science-blue .el-pagination__jump {
  color: #ffffff;
}

.el-science-blue .el-pagination .btn-next,
.el-science-blue .el-pagination .btn-prev {
  background: none;
  color: #3ebdc9;
}

.el-science-blue .el-pager li {
  color: #ffffff;
  background: none;
}

.el-science-blue .el-pager li.active {
  color: #5b64cb;
}

.el-science-blue .el-pagination .el-input__inner {
  background-color: #031a46;
  border-color: #5b64cb;
  color: #ffffff;
}

.el-science-blue .el-pagination .el-select .el-input.is-focus .el-input__inner,
.el-science-blue .el-pagination .el-select:hover .el-input__inner {
  border-color: #3eaffa;
}

.el-science-blue .el-pagination .el-select .el-input .el-select__caret {
  color: #5b64cb;
}

.el-science-blue .el-pagination-btns .el-button--primary,.el-button--primary {
  background-color: #5b64cb;
  color: #ffffff;
  border-color: #5b64cb;
}
.el-button--primary:focus, .el-button--primary:hover{
  background: #6f77d3;
    border-color: #5b64cb;
    color: #FFF;
}

/* el-radio */
.el-science-blue .el-radio__label {
  color: #ffffff;
}

.el-science-blue .pifu-list-header {
  background-color: #5b64cb;
  color: #ffffff;
}

.el-science-blue .flex-layout-body {
  background-color: #171350;
}

.el-science-blue .page-header-container .flex-layout-body {
  background-color: transparent;
}

.el-science-blue .content-box-title {
  background-color: #5b64cb;
  color: #ffffff;
}

.el-science-blue .content-box-container.siteList {
  background-color: #171350;
}

.el-science-blue .content-box {
  border: 2px solid #5b64cb;
}

.el-science-blue .map-container {
  border: 1px solid #5b64cb;
}

.el-science-blue .pifu-item-img.active .el-image {
  border: 3px solid #00fefe;
  box-sizing: border-box;
}

.el-science-blue .hdw-badge-btn {
  /* background: url("./img//science-purple/science-head-tag.png") 0 0 no-repeat; */
  background: #161250;
  border: 1px solid #5b64cb;
  background-size: 100% 100%;
  color: #ffffff;
}

.el-science-blue .hdw-badge-value {
  background-color: #717ff3;
  color: #ffffff;
  top: 4px !important;
}

.el-science-blue .my-card {
  border: 2px solid #5b64cb;
  background-color: #031a46;
}

.el-science-blue .my-card-header {
  /* background-image: linear-gradient(to right, #0c3688, #0c368800); */
  background-color: #5b64cb;
  color: #001235;
}

.card-title {
  color: #001235 !important;
}

.el-science-blue .power-tree-wrapper {
  background-color: #171350;
}

.el-science-blue .page-header-container {
  background: url(./img/science-purple/page-header-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.el-science-blue .page-header-left {
  /* background: url(./img/science-purple/page-header-left-bg.png) 0 50% no-repeat; */
  background-size: 100% 80%;
  padding-left: 20px;
}

.el-science-blue .page-header-left span {
  color: #fffffe;
}

.el-science-blue .page-header-left span.sys-version {
  color: #fffffe;
}

.el-science-blue .flex-layout.noborder {
  border: none;
  border-top: 1px solid #5b64cb;
}

.el-science-blue .flex-layout.top-border {
  border: none;
}

.el-science-blue .filter-box-table {
  box-sizing: border-box;
  border-top: 1px solid #5b64cb;
  border-right: 1px solid #5b64cb;
  border-left: 1px solid #5b64cb;
}

.el-science-blue .filter-box-table .table-cell {
  border-bottom: 1px solid #5b64cb;
}

.el-science-blue .map-icon-details-wrapper {
  border: 2px solid #5b64cb;
  background-color: #031a46;
  color: #5b64cb;
}

.el-science-blue .map-icon-details-title {
  background: #5b64cb;
  color: #ffffff;
}

.el-science-blue .transparentBtn {
  background-color: transparent;
  border-color: transparent;
  color: #5b64cb;
}

.el-science-blue .transparentBtn:hover {
  background-color: transparent;
  border-color: transparent;
  color: #5b64cb;
}

.el-science-blue .statusWarp {
  background-color: #717ff3;
}

.el-science-blue .statusWarp.error-state {
  background-color: #ff6502;
}

.el-science-blue .statusWarp.stop-state {
  background-color: #afafaf;
}

.el-science-blue .hdw-avatar-icon {
  background-color: #717ff3 !important;
  color: #231a5d !important;
}

.el-science-blue .hdw-avatar-text {
  color: #fffffe !important;
}

.el-science-blue .header-carve-up {
  background-color: #fffffe !important;
}

.el-science-blue .page-content-tools .hdw-btn {
  background-color: transparent;
  border-color: transparent;
  color: #5b64cb;
}

.el-science-blue .page-content-tools .hdw-btn:hover {
  background-color: #5b64cb;
  border-color: #5b64cb;
  color: #041f6c;
}

.hdw-menu-list {
  border-color: #5b64cb !important;
}

.hdw-menu-item a {
  background-color: #0b388a !important;
}

.hdw-menu-item a:hover {
  background-color: #1f57c0 !important;
}

.el-picker-panel {
  color: #ffffff !important;
  border: 1px solid #5b64cb !important;
  background: #031a46 !important;
}

.el-picker-panel .el-picker-panel__footer {
  background-color: #171350 !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--default {
  background-color: #5b64cb !important;
  border-color: #5b64cb !important;
  color: #032c8f !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--text {
  color: #5b64cb !important;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #5b64cb !important;
}

.el-date-table th {
  color: #ffffff !important;
  border-bottom: solid 1px #2761b5;
}

.el-date-picker__header-label {
  color: #ffffff !important;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #171350;
}

.vl-notify.vl-notify-main {
  background-color: #153953 !important;
  border: none !important;
  color: #ffe329 !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title {
  background-color: #ffe329 !important;
  border-bottom: none !important;
  color: #041f6c !important;
}

.notify-btn {
  color: #041f6c !important;
  background-color: #90ed7d !important;
  border: 1px solid #90ed7d !important;
}

.notify-btn-primary {
  color: #041f6c !important;
  background-color: #f69f41 !important;
  border: 1px solid #f69f41 !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #416293;
}

/* el-progress__text */
.el-science-blue .el-progress__text {
  color: #ffffff;
}

/* full-screen */
.e-chart-root.full-screen .e-chart-container {
  /* background: url("./img/science-blue/dw_bg.jpg") no-repeat; */
}

.el-date-picker__header .el-picker-panel__icon-btn {
  color: #5b64cb;
}

.module-info {
  background: #072886;
}

.table-wrapper {
  background: #052272;
}

/*science box*/
.science-box .box-header {
  color: #fffd1e;
}

.table-info-list td {
  color: #fffd1e;
}

.hdw-state-list-wrapper {
  background-color: #0b388b;
  border: 1px solid #0376a5;
}

/* flex-box */
/* .flex-box {
  background-image: radial-gradient(#151f4140, #3667ec40);
  ;
} */

.chart-wrapper {
  background-image: radial-gradient(#151f4140, #3d418d) !important;
}

.flex-box .flex-box-border {
  width: 30px;
  height: 30px;
}

.flex-page-wrapper-border {
  border: 1px solid #143a92;
}

.chart-wrapper:before,
.chart-wrapper:after,
.chart-wrapper-corner {
  width: 16px;
  height: 16px;
}

.border-full {
  border: 1px solid #5b64cb;
}

.border-right {
  border-right: 1px solid #5b64cb;
}

.el-science-blue .time-icon i {
  color: #041f6c;
}

.el-science-blue .term-date {
  background-color: #5b64cb;
  color: #002a70;
}

.el-science-blue .term-date-value {
  background-color: #050d5f;
  color: #ffffff;
}

.table-row .table-cell {
  color: #ffffff !important;
}

.box-tools {
  color: #ffffff !important;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #5b64cb;
  border-color: #5b64cb;
  color: #ffffff;
}

.el-radio-button__inner:hover {
  color: #041f6c;
}

.hdw-menu-item a {
  background-color: #031a46 !important;
  border-color: #5b64cb !important;
  color: #5b64cb !important;
}

.hdw-menu-item a:hover,
.baoji-group-list a:hover {
  background-color: #5b64cb !important;
  border-color: #5b64cb !important;
  color: #041f6c !important;
}

.comparisonWarp {
  background: #031a46 !important;
}

.card-wrapper {
  background-color: #171350;
  border: 1px solid #5b64cb;
}
.card-wrapper-title {
  background-color: #031233;
  color: #5b64cb;
}

.page-history-aio .el-table thead th {
  background: #031a46;
}

.dialog-table {
  background: url("./img/science-purple/dw_bg.jpg") no-repeat;
  background-size: 100% 100%;
}
.layout-box {
  background: #03123380;
}

.tags-view-container .tags-view-wrapper .tags-view-item:hover {
  color: #5b64cb;
}

.tags-view-container .tags-view-wrapper .tags-view-item.active {
  background-color: #5b64cb;
  border-color: #5b64cb;
  color: #ffffff;
}

.scroll-container {
  border-bottom: 1px solid #5b64cb;
}

.tags-view-container {
  background-color: #031a46;
}
.scroll-container > .el-scrollbar__wrap {
  border-top: 1px solid #5b64cb;
  background-color: #031a46;
}

.scroll-container > .el-scrollbar__wrap > .el-scrollbar__view {
  font-size: 0;
  background-color: #031a46;
}

#app .sidebar-container {
  background-color: #2a3879;
  overflow: auto;
}

#app .sidebar-container .scrollbar-wrapper {
  padding: 6px;
}

#app .sidebar-container .scrollbar-wrapper .el-menu.el-menu--inline {
  background-color: #021132;
  border-radius: 8px;
  overflow: hidden;
}
.auto-check {
  background: url(./img/science-blue/dw_bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.sliderCon .logo{
  color: #fda11c !important;
}

.box-left{
  border-color: #5b64cb !important;
}

.login_box .title,.login_box .regBtn,.login_box .el-input__icon,.login_from .el-input__inner::placeholder{
  color: #5b64cb !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{
  color: #ffffff !important;
}

.el-radio__input.is-checked .el-radio__inner{
  border-color: #5b64cb;
  background: #5b64cb;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #5b64cb;
}
.condiOpt{
  border-color: #5b64cb !important;
}
.condiOpt .trTitle{
  color: #5b64cb !important;
}


 public/theme/science-skyBlue.css

New file
@@ -0,0 +1,1117 @@
.el-input__inner,
.el-date-editor .el-range-input,
.el-cascader__dropdown {
  background-color: #021132;
  border: 1px solid #01ffff;
  color: #ffffff;
}

.el-select-dropdown__item,
.el-cascader-menu {
  color: #ffffff;
}

.el-select-dropdown__item.selected,
.el-cascader-node.in-active-path {
  color: #ffffff;
}

.el-select-dropdown {
  background-color: #021132;
  border-color: #01ffff;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #021132 !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background-color: #416293;
}

.el-science-blue,
.pages-config {
  background-color: #0e3384;
  color: #ffffff;
}

/* tabs */
.el-science-blue .el-tabs--border-card {
  background: transparent;
  /* border: 2Px solid #143a92; */
  border-color: #01ffff;
}

.el-science-blue .el-home-tabs.el-tabs--border-card {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header {
  background-color: #0f2da5;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #ffffff;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #01ffff;
  border-color: #01ffff;
  color: #060039;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header {
  border-bottom: 1px solid #01ffff;
}

.el-science-blue .el-tabs--border-card.top-border > .el-tabs__header {
  border: 1px solid #01ffff;
}

/* .el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
    color: #041F6C;
} */

.el-science-blue .el-tabs__item.is-left {
  color: #ffffff;
}

.el-science-blue .el-tabs__item.is-left.is-active {
  color: #01ffff;
}

.el-tabs.el-tabs--left .el-tabs__content,
.el-tabs.el-tabs--left .el-tabs__content .el-tab-pane {
  height: 100%;
}

.el-science-blue .tab-menu-left {
  border: 1px solid #01ffff;
  color: #ffffff;
  background-color: #0f2da5;
}

.el-science-blue .tab-menu-left:hover {
  background-color: #0a56f7;
  border-color: #01ffff;
  color: #ffffff;
}

.el-science-blue .tab-menu-left:active {
  cursor: pointer;
  background-color: #01ffff;
  color: #041f6c;
}

.el-science-blue .el-tabs__nav-prev,
.el-science-blue .el-tabs__nav-next {
  color: #ffffff;
}

/* drawer */
.el-science-blue .el-drawer {
  padding: 6px;
}

.el-science-blue .el-scrollbar,
.el-science-blue .el-scrollbar .el-menu,
.el-science-blue .el-drawer,
.el-science-blue .el-drawer .el-menu,
.el-science-blue .page-menu .el-menu {
  background-color: #2a3879;
}

.el-science-blue .el-scrollbar .el-menu.el-menu--inline,
.el-science-blue .el-drawer .el-menu.el-menu--inline,
.el-science-blue .page-menu .el-menu.el-menu--inline {
  background-color: #0f2da5;
  border-radius: 8px;
  overflow: hidden;
}

.el-science-blue .menu-content {
  color: #ffffff;
}

/* menu */
.el-science-blue .el-menu {
  color: #ffffff;
  border-right: none;
  background-color: #0e3384;
}

.el-science-blue .el-submenu__title [class^="el-icon"],
.el-science-blue .submenu__title [class^="el-icon"] {
  display: inline-block;
  background-color: #ffffff;
  padding: 8px 4px;
  border-radius: 18px;
  color: #0e3384;
  margin-right: 11px;
}

.el-science-blue .el-menu-item {
  color: #ffffff;
  position: relative;
  transition: none;
  font-weight: bold;
}

.el-science-blue .el-menu-item.is-active .submenu__title [class^="el-icon"] {
  background-color: #01ffff;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
  top: 50%;
  left: 30px;
  margin-top: -2px;
}

.el-science-blue .el-submenu__title {
  color: #ffffff;
  font-weight: bold;
}

.el-science-blue .el-submenu__title:hover,.el-science-blue .el-menu-item:hover {
  background-color: #01ffff;
  color: #0e3384;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item {
  padding-left: 48px !important;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active {
  background-color: #01ffff;
  color: #021a64;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active::before {
  background-color: #021a64;
}

.el-science-blue .el-menu-item.is-active {
  background-color: #0f2da5;
  color: #01ffff;
}

.el-science-blue .el-submenu__title i {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

/* tree */
.el-science-blue .el-tree {
  background: none;
  color: #ffffff;
}

.el-science-blue .el-tree .el-tree-node:focus > .el-tree-node__content {
  background: none;
}

.el-science-blue .el-tree .el-tree-node > .el-tree-node__content:hover {
  background-color: #0e3582;
  color: #01ffff;
}

.el-science-blue .el-tree .el-tree-node.is-current > .el-tree-node__content {
  background-color: #0e3582;
  color: #01ffff;
}

.el-science-blue .params-dialog .el-tree {
  color: #606266;
}

.el-science-blue
  .params-dialog
  .el-tree
  .el-tree-node
  > .el-tree-node__content:hover {
  color: #ffffff;
}

.el-science-blue
  .params-dialog
  .el-tree
  .el-tree-node.is-current
  > .el-tree-node__content {
  color: #ffffff;
}

.el-science-blue .el-tree-node__expand-icon {
  color: #ffffff;
}

.el-science-blue .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}

/* input */
.el-science-blue .el-input.is-disabled .el-input__inner,
.el-science-blue .el-input__inner {
  background-color: #0784e0;
  border-color: #03d0f2;
  color: #ffffff;
}

.el-science-blue .params-dialog .el-input.is-disabled .el-input__inner,
.el-science-blue .params-dialog .el-input__inner {
  border-color: #dcdfe6;
  color: #0e3384;
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-form-item__label {
  color: #0e3384;
  font-size: 12px;
  font-weight: bold;
}

.el-form--label-top .el-form-item__label {
  padding: 0;
}

.el-science-blue .params-dialog .el-input__inner[readonly="readonly"] {
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select,
.el-science-blue .params-dialog .el-date-editor.el-input,
.el-science-blue .params-dialog .el-date-editor.el-input__inner {
  width: 100%;
}

.el-science-blue
  .params-dialog
  .el-select
  .el-input__inner[readonly="readonly"] {
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select .el-input .el-select__caret {
  color: #0059fd;
}

.el-science-blue .params-dialog .el-form-item--mini.el-form-item,
.el-science-blue .params-dialog .el-form-item--small.el-form-item {
  margin-bottom: 8px;
}

.el-science-blue .params-dialog .three-btn {
  box-shadow: none;
  background-color: #0059fd;
}

.el-science-blue .params-dialog .three-btn:active {
  box-shadow: none;
  position: relative;
  top: 0px;
}

.el-science-blue .params-dialog .el-select .el-input.is-focus .el-input__inner {
  border-color: #0e3384;
}

.el-science-blue .el-input__prefix,
.el-input__suffix,
.el-science-blue .el-select .el-input .el-select__caret {
  color: #ffffff;
}

.el-science-blue .el-select:hover .el-input__inner {
  border-color: #01ffff;
}

.el-science-blue .el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #01ffff;
}

.el-science-blue .el-cascader .el-input .el-input__inner:focus,
.el-science-blue .el-cascader .el-input.is-focus .el-input__inner {
  border-color: #01ffff;
}

.el-science-blue .el-select .el-input.is-focus .el-input__inner {
  border-color: #01ffff;
}

.el-science-blue .el-input__inner::-webkit-input-placeholder {
  color: #ffffff;
}

/* bg white */
.el-science-blue .el-select:hover .el-input__inner,
.el-science-blue .bg-white .el-select .el-input.is-focus .el-input__inner {
  border-color: #01ffff;
}

.el-science-blue .bg-white .el-select .el-input .el-select__caret {
  color: #0e3384;
}

.el-science-blue .bg-white .el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc;
}

/* table */
.el-science-blue .el-table {
  color: #ffffff;
}

.el-science-blue .el-table,
.el-science-blue .el-table__expanded-cell,
.el-science-blue .el-table tr {
  background: none;
}

.el-science-blue .el-table th {
  background: none;
  font-size: 14px;
}

.el-science-blue .el-table thead {
  color: #01ffff;
  font-weight: bold;
}

.el-science-blue .el-table--enable-row-hover .el-table__body tr:hover > td,
.el-science-blue .el-table__body tr.hover-row > td {
  background-color: #0059fd;
}

.el-science-blue .el-table__fixed-right {
  background-color: #0e3384;
  z-index: 9;
}

.el-science-blue .el-table th.is-leaf {
  border-bottom: none;
}

.el-science-blue .el-table td {
  border-bottom: none;
  background: #0f2da5;
}

.el-science-blue
  .el-table--striped
  .el-table__body
  tr.el-table__row--striped
  td {
  background: none;
}

.el-science-blue .el-table th > .cell {
  font-weight: bold;
}

.el-science-blue .el-table--border::after,
.el-science-blue .el-table--group::after,
.el-science-blue .el-table::before {
  background-color: transparent;
}

.el-science-blue .el-table__fixed-right::before,
.el-science-blue .el-table__fixed::before {
  background-color: transparent;
}

.el-science-blue .el-table td .el-button--primary {
  border-color: #f69f40;
  background-color: #f69f40;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--primary:hover {
  border-color: #f68e38;
  background-color: #f68e38;
}

.el-science-blue .el-table td .el-button--danger {
  border-color: #f3535f;
  background-color: #f3535f;
  color: #ffe328;
}

.el-science-blue .el-table td .el-button--danger:hover {
  border-color: #f3435b;
  background-color: #f3435b;
}

.el-science-blue .el-table td .el-button--success {
  border-color: #8fed7d;
  background-color: #8fed7d;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--success:hover {
  border-color: #6bed6b;
  background-color: #6bed6b;
}

.el-science-blue .el-table.border-table .el-table__body-wrapper {
  box-sizing: border-box;
  border-left: 1px solid #01ffff;
  border-right: 1px solid #01ffff;
  border-bottom: 1px solid #01ffff;
  border-top: 1px solid #01ffff;
}

.el-science-blue .el-table .table-list-name {
  color: #01ffff;
  border-right: 1px solid #01ffff;
}

.el-science-blue .el-table .table-list-name.white-color {
  color: #fff;
}

.el-science-blue .el-table .table-list-name.no-border {
  border-right: none;
}

.el-science-blue .el-table th.table-list-value {
  color: #01ffff;
}

.el-science-blue .el-table .table-list-value {
  color: #fef200;
}

.el-table--small td.table-list-name,
.el-table--small td.table-list-value {
  padding: 4px 0;
}

/* el-popover */
.el-popover {
  padding: 0;
  background: none;
  border: none;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: rgb(30, 125, 219);
}

.el-select-dropdown.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #fff;
}

/* dialog */
.el-science-blue .el-dialog__header {
  padding: 8px 16px;
  background-color: #0059fd;
}

.el-science-blue .el-dialog__title {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.el-science-blue .el-dialog__headerbtn {
  top: 8px;
}

.el-science-blue .el-dialog__headerbtn .el-dialog__close {
  color: #ffffff;
}

.el-science-blue .el-dialog__body {
  padding: 0;
}

/* el-transfer */
.el-science-blue .el-transfer-panel {
  background: #0e3384;
  border-color: #01ffff;
}

.el-science-blue .el-transfer-panel__header {
  background-color: #031233;
  border-bottom: none;
  color: #01ffff;
}

.el-science-blue
  .el-transfer-panel
  .el-transfer-panel__header
  .el-checkbox
  .el-checkbox__label {
  color: #01ffff;
}

.el-science-blue .el-transfer-panel__item.el-checkbox {
  color: #ffffff;
}

.el-science-blue
  .el-transfer-panel
  .el-transfer-panel__header
  .el-checkbox
  .el-checkbox__label
  span {
  color: #ffffff;
}

.el-science-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.el-science-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #01ffff;
  border-color: #01ffff;
}

.el-science-blue .el-checkbox__inner::after {
  border-color: #052270;
}

/* el-pagination */
.el-science-blue .el-pagination__total,
.el-science-blue .el-pagination__jump {
  color: #ffffff;
}

.el-science-blue .el-pagination .btn-next,
.el-science-blue .el-pagination .btn-prev {
  background: none;
  color: #3ebdc9;
}

.el-science-blue .el-pager li {
  color: #ffffff;
  background: none;
}

.el-science-blue .el-pager li.active {
  color: #01ffff;
}

.el-science-blue .el-pagination .el-input__inner {
  background-color: #0059fd;
  border-color: #0059fd;
  color: #ffffff;
}

.el-science-blue .el-pagination .el-select .el-input.is-focus .el-input__inner,
.el-science-blue .el-pagination .el-select:hover .el-input__inner {
  border-color: #0059fd;
}

.el-science-blue .el-pagination .el-select .el-input .el-select__caret {
  color: #0059fd;
}

.el-science-blue .el-pagination-btns .el-button--primary,.el-button--primary {
  background-color: #0059fd;
  color: #ffffff;
  border-color: #0059fd;
}
.el-button--primary:focus, .el-button--primary:hover{
  background: #2fd6e6;
    border-color: #2fd6e6;
    color: #FFF;
}

/* el-radio */
.el-science-blue .el-radio__label {
  color: #ffffff;
}

.el-science-blue .pifu-list-header {
  background-color: #01ffff;
  color: #ffffff;
}

.el-science-blue .flex-layout-body {
  background-color: #0e3384;
}

.el-science-blue .page-header-container .flex-layout-body {
  background-color: transparent;
}

.el-science-blue .content-box-title {
  background-color: #01ffff;
  color: #060039;
}

.el-science-blue .content-box-container.siteList {
  background-color: #0e3384;
}

.el-science-blue .content-box {
  border: 2px solid #01ffff;
}

.el-science-blue .map-container {
  border: 1px solid #01ffff;
}

.el-science-blue .pifu-item-img.active .el-image {
  border: 3px solid #00fefe;
  box-sizing: border-box;
}

.el-science-blue .hdw-badge-btn {
  /* background: url("./img//science-skyBlue/science-head-tag.png") 0 0 no-repeat; */
  background: #161250;
  border: 1px solid #01ffff;
  background-size: 100% 100%;
  color: #ffffff;
}

.el-science-blue .hdw-badge-value {
  background-color: #01ffff;
  color: #033e86;
  top: 4px !important;
}

.el-science-blue .my-card {
  border: 2px solid #01ffff;
  background-color: #0f2da5;
}

.el-science-blue .my-card-header {
  /* background-image: linear-gradient(to right, #0c3688, #0c368800); */
  background-color: #01ffff;
  color: #001235;
}

.card-title {
  color: #001235 !important;
}

.el-science-blue .power-tree-wrapper {
  background-color: #0e3384;
}

.el-science-blue .page-header-container {
  background: url(./img/science-skyBlue/page-header-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.el-science-blue .page-header-left {
  background: url(./img/science-skyBlue/page-header-left-bg.png) 0 50% no-repeat;
  background-size: 100% 80%;
  padding-left: 20px;
}

.el-science-blue .page-header-left span {
  color: #fffffe;
}

.el-science-blue .page-header-left span.sys-version {
  color: #fffffe;
}

.el-science-blue .flex-layout.noborder {
  border: none;
  border-top: 1px solid #01ffff;
}

.el-science-blue .flex-layout.top-border {
  border: none;
}

.el-science-blue .filter-box-table {
  box-sizing: border-box;
  border-top: 1px solid #01ffff;
  border-right: 1px solid #01ffff;
  border-left: 1px solid #01ffff;
}

.el-science-blue .filter-box-table .table-cell {
  border-bottom: 1px solid #01ffff;
}

.el-science-blue .map-icon-details-wrapper {
  border: 2px solid #01ffff;
  background-color: #0e3384;
  color: #ffffff;
}

.el-science-blue .map-icon-details-title {
  background: #0a56f7;
  color: #01ffff;
  border-bottom: 2px solid #01ffff;
}

.el-science-blue .transparentBtn {
  background-color: transparent;
  border-color: transparent;
  color: #01ffff;
}

.el-science-blue .transparentBtn:hover {
  background-color: transparent;
  border-color: transparent;
  color: #01ffff;
}

.el-science-blue .statusWarp {
  background-color: #01ffff;
}

.el-science-blue .statusWarp.error-state {
  background-color: #ff6502;
}

.el-science-blue .statusWarp.stop-state {
  background-color: #afafaf;
}

.el-science-blue .hdw-avatar-icon {
  background-color: #01ffff !important;
  color: #231a5d !important;
}

.el-science-blue .hdw-avatar-text {
  color: #fffffe !important;
}

.el-science-blue .header-carve-up {
  background-color: #fffffe !important;
}

.el-science-blue .page-content-tools .hdw-btn {
  background-color: transparent;
  border-color: transparent;
  color: #01ffff;
}

.el-science-blue .page-content-tools .hdw-btn:hover {
  background-color: #01ffff;
  border-color: #01ffff;
  color: #ffffff;
}

.hdw-menu-list {
  border-color: #01ffff !important;
}

.hdw-menu-item a {
  background-color: #0b388a !important;
}

.hdw-menu-item a:hover {
  background-color: #1f57c0 !important;
}

.el-picker-panel {
  color: #ffffff !important;
  border: 1px solid #01ffff !important;
  background: #0f2da5 !important;
}

.el-picker-panel .el-picker-panel__footer {
  background-color: #0e3384 !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--default {
  background-color: #01ffff !important;
  border-color: #01ffff !important;
  color: #032c8f !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--text {
  color: #01ffff !important;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #01ffff !important;
}

.el-date-table th {
  color: #ffffff !important;
  border-bottom: solid 1px #2761b5;
}

.el-date-picker__header-label {
  color: #ffffff !important;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #0e3384;
}

.vl-notify.vl-notify-main {
  background-color: #153953 !important;
  border: none !important;
  color: #ffe329 !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title {
  background-color: #ffe329 !important;
  border-bottom: none !important;
  color: #041f6c !important;
}

.notify-btn {
  color: #041f6c !important;
  background-color: #90ed7d !important;
  border: 1px solid #90ed7d !important;
}

.notify-btn-primary {
  color: #041f6c !important;
  background-color: #f69f41 !important;
  border: 1px solid #f69f41 !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #416293;
}

/* el-progress__text */
.el-science-blue .el-progress__text {
  color: #ffffff;
}

/* full-screen */
.e-chart-root.full-screen .e-chart-container {
  /* background: url("./img/science-blue/dw_bg.jpg") no-repeat; */
}

.el-date-picker__header .el-picker-panel__icon-btn {
  color: #01ffff;
}

.module-info {
  background: #072886;
}

.table-wrapper {
  background: #052272;
}

/*science box*/
.science-box .box-header {
  color: #fffd1e;
}

.table-info-list td {
  color: #fffd1e;
}

.hdw-state-list-wrapper {
  background-color: #0b388b;
  border: 1px solid #0376a5;
}

/* flex-box */
/* .flex-box {
  background-image: radial-gradient(#151f4140, #3667ec40);
  ;
} */

.chart-wrapper {
  background-image: radial-gradient(#151f4140, #0784e073) !important;
}

.flex-box .flex-box-border {
  width: 30px;
  height: 30px;
}

.flex-page-wrapper-border {
  border: 1px solid #143a92;
}

.chart-wrapper:before,
.chart-wrapper:after,
.chart-wrapper-corner {
  width: 16px;
  height: 16px;
}

.border-full {
  border: 1px solid #01ffff;
}

.border-right {
  border-right: 1px solid #01ffff;
}

.el-science-blue .time-icon i {
  color: #041f6c;
}

.el-science-blue .term-date {
  background-color: #01ffff;
  color: #002a70;
}

.el-science-blue .term-date-value {
  background-color: #050d5f;
  color: #ffffff;
}

.table-row .table-cell {
  color: #ffffff !important;
}

.box-tools {
  color: #060039 !important;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #01ffff;
  border-color: #01ffff;
  color: #033e86;
}

.el-radio-button__inner:hover {
  color: #041f6c;
}

.hdw-menu-item a {
  background-color: #0f2da5 !important;
  border-color: #01ffff !important;
  color: #01ffff !important;
}

.hdw-menu-item a:hover,
.baoji-group-list a:hover {
  background-color: #01ffff !important;
  border-color: #01ffff !important;
  color: #041f6c !important;
}

.comparisonWarp {
  background: #0f2da5 !important;
}

.card-wrapper {
  background-color: #0e3384;
  border: 1px solid #01ffff;
}
.card-wrapper-title {
  background-color: #031233;
  color: #01ffff;
}

.page-history-aio .el-table thead th {
  background: #0f2da5;
}

.dialog-table {
  background: url("./img/science-skyBlue/dw_bg.jpg") no-repeat;
  background-size: 100% 100%;
}
.layout-box {
  background: #03123380;
}

.tags-view-container .tags-view-wrapper .tags-view-item:hover {
  color: #01ffff;
}

.tags-view-container .tags-view-wrapper .tags-view-item.active {
  background-color: #0a56f7;
  border-color: #01ffff;
  color: #ffffff;
}

.scroll-container {
  border-bottom: 1px solid #01ffff;
}

.tags-view-container {
  background-color: #0f2da5;
}
.scroll-container > .el-scrollbar__wrap {
  border-top: 1px solid #01ffff;
  background-color: #0f2da5;
}

.scroll-container > .el-scrollbar__wrap > .el-scrollbar__view {
  font-size: 0;
  background-color: #0f2da5;
}

#app .sidebar-container {
  background-color: #0e3384;
  overflow: auto;
}

#app .sidebar-container .scrollbar-wrapper {
  padding: 6px;
}

#app .sidebar-container .scrollbar-wrapper .el-menu.el-menu--inline {
  background-color: #1b50d2;
  border-radius: 8px;
  overflow: hidden;
}
.auto-check {
  background: url(./img/science-blue/dw_bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.sliderCon .logo{
  color: #ffffff !important;
}

.box-left{
  border-color: #01ffff !important;
}

.login_box .title,.login_box .regBtn,.login_box .el-input__icon,.login_from .el-input__inner::placeholder{
  color: #0059fd !important;
}

.login_box .el-button--primary{
  background-color: #0059fd;
  border-color: #0059fd;
  color: #ffffff;
}

.login_box .el-button--primary:focus,.login_box  .el-button--primary:hover{
  background-color: #417be4;
  border-color: #417be4;
  color: #ffffff;
}

.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{
  color: #ffffff !important;
}

.el-radio__input.is-checked .el-radio__inner{
  border-color: #01ffff;
  background: #01ffff;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #ffffff;
}
.condiOpt{
  border-color: #01ffff !important;
}
.condiOpt .trTitle{
  color: #01ffff !important;
}

.page-header-content{
  padding-top: 0 !important;
}

 public/theme/science-ziluolan.css

New file
@@ -0,0 +1,1117 @@
.el-input__inner,
.el-date-editor .el-range-input,
.el-cascader__dropdown {
  background-color: #021132;
  border: 1px solid #3a98d9;
  color: #ffffff;
}

.el-select-dropdown__item,
.el-cascader-menu {
  color: #ffffff;
}

.el-select-dropdown__item.selected,
.el-cascader-node.in-active-path {
  color: #ffffff;
}

.el-select-dropdown {
  background-color: #021132;
  border-color: #3a98d9;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #021132 !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background-color: #416293;
}

.el-science-blue,
.pages-config {
  background-color: #21328e;
  color: #ffffff;
}

/* tabs */
.el-science-blue .el-tabs--border-card {
  background: transparent;
  /* border: 2Px solid #143a92; */
  border-color: #3a98d9;
}

.el-science-blue .el-home-tabs.el-tabs--border-card {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header {
  background-color: #5473e8;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #ffffff;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #192b7f;
  border-color: #3a98d9;
  color: #ffffff;
}

.el-science-blue .el-tabs--border-card > .el-tabs__header {
  border-bottom: 1px solid #36c2cf;
}

.el-science-blue .el-tabs--border-card.top-border > .el-tabs__header {
  border: 1px solid #3a98d9;
}

/* .el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
    color: #041F6C;
} */

.el-science-blue .el-tabs__item.is-left {
  color: #ffffff;
}

.el-science-blue .el-tabs__item.is-left.is-active {
  color: #3a98d9;
}

.el-tabs.el-tabs--left .el-tabs__content,
.el-tabs.el-tabs--left .el-tabs__content .el-tab-pane {
  height: 100%;
}

.el-science-blue .tab-menu-left {
  border: 1px solid #3a98d9;
  color: #ffffff;
  background-color: #5473e8;
}

.el-science-blue .tab-menu-left:hover {
  background-color: #192b7f;
  border-color: #3a98d9;
  color: #ffffff;
}

.el-science-blue .tab-menu-left:active {
  cursor: pointer;
  background-color: #3a98d9;
  color: #041f6c;
}

.el-science-blue .el-tabs__nav-prev,
.el-science-blue .el-tabs__nav-next {
  color: #ffffff;
}

/* drawer */
.el-science-blue .el-drawer {
  padding: 6px;
}

.el-science-blue .el-scrollbar,
.el-science-blue .el-scrollbar .el-menu,
.el-science-blue .el-drawer,
.el-science-blue .el-drawer .el-menu,
.el-science-blue .page-menu .el-menu {
  background-color: #2a3879;
}

.el-science-blue .el-scrollbar .el-menu.el-menu--inline,
.el-science-blue .el-drawer .el-menu.el-menu--inline,
.el-science-blue .page-menu .el-menu.el-menu--inline {
  background-color: #0e205e;
  border-radius: 8px;
  overflow: hidden;
}

.el-science-blue .menu-content {
  color: #ffffff;
}

/* menu */
.el-science-blue .el-menu {
  color: #ffffff;
  border-right: none;
  background-color: #21328e;
}

.el-science-blue .el-submenu__title [class^="el-icon"],
.el-science-blue .submenu__title [class^="el-icon"] {
  display: inline-block;
  background-color: #717ff3;
  padding: 8px 4px;
  border-radius: 18px;
  color: #ffffff;
  margin-right: 11px;
}

.el-science-blue .el-menu-item {
  color: #ffffff;
  position: relative;
  transition: none;
  font-weight: bold;
}

.el-science-blue .el-menu-item.is-active .submenu__title [class^="el-icon"] {
  background-color: #36c2cf;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #717ff3;
  top: 50%;
  left: 30px;
  margin-top: -2px;
}

.el-science-blue .el-submenu__title {
  color: #ffffff;
  font-weight: bold;
}

.el-science-blue .el-submenu__title:hover,
.el-science-blue .el-menu-item:hover {
  background-color: #334790;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item {
  padding-left: 48px !important;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active {
  background-color: #36c2cf;
  color: #021a64;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active::before {
  background-color: #021a64;
}

.el-science-blue .el-menu-item.is-active {
  background-color: #0e205e;
  color: #36c2cf;
}

.el-science-blue .el-submenu__title i {
  color: #717ff3;
  font-size: 14px;
  font-weight: bold;
}

/* tree */
.el-science-blue .el-tree {
  background: none;
  color: #ffffff;
}

.el-science-blue .el-tree .el-tree-node:focus > .el-tree-node__content {
  background: none;
}

.el-science-blue .el-tree .el-tree-node > .el-tree-node__content:hover {
  background-color: #5473e8;
  color: #ffffff;
}

.el-science-blue .el-tree .el-tree-node.is-current > .el-tree-node__content {
  background-color: #5473e8;
  color: #ffffff;
}

.el-science-blue .params-dialog .el-tree {
  color: #606266;
}

.el-science-blue
  .params-dialog
  .el-tree
  .el-tree-node
  > .el-tree-node__content:hover {
  color: #ffffff;
}

.el-science-blue
  .params-dialog
  .el-tree
  .el-tree-node.is-current
  > .el-tree-node__content {
  color: #ffffff;
}

.el-science-blue .el-tree-node__expand-icon {
  color: #ffffff;
}

.el-science-blue .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}

/* input */
.el-science-blue .el-input.is-disabled .el-input__inner,
.el-science-blue .el-input__inner {
  background-color: #36c2cf;
  border-color: #36c2cf;
  color: #192b7f;
}

.el-science-blue .params-dialog .el-input.is-disabled .el-input__inner,
.el-science-blue .params-dialog .el-input__inner {
  border-color: #dcdfe6;
  color: #21328e;
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-form-item__label {
  color: #21328e;
  font-size: 12px;
  font-weight: bold;
}

.el-form--label-top .el-form-item__label {
  padding: 0;
}

.el-science-blue .params-dialog .el-input__inner[readonly="readonly"] {
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select,
.el-science-blue .params-dialog .el-date-editor.el-input,
.el-science-blue .params-dialog .el-date-editor.el-input__inner {
  width: 100%;
}

.el-science-blue
  .params-dialog
  .el-select
  .el-input__inner[readonly="readonly"] {
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select .el-input .el-select__caret {
  color: #3a98d9;
}

.el-science-blue .params-dialog .el-form-item--mini.el-form-item,
.el-science-blue .params-dialog .el-form-item--small.el-form-item {
  margin-bottom: 8px;
}

.el-science-blue .params-dialog .three-btn {
  box-shadow: none;
  background-color: #3a98d9;
}

.el-science-blue .params-dialog .three-btn:active {
  box-shadow: none;
  position: relative;
  top: 0px;
}

.el-science-blue .params-dialog .el-select .el-input.is-focus .el-input__inner {
  border-color: #21328e;
}

.el-science-blue .el-input__prefix,
.el-input__suffix,
.el-science-blue .el-select .el-input .el-select__caret {
  color: #ffffff;
}

.el-science-blue .el-select:hover .el-input__inner {
  border-color: #3a98d9;
}

.el-science-blue .el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #3a98d9;
}

.el-science-blue .el-cascader .el-input .el-input__inner:focus,
.el-science-blue .el-cascader .el-input.is-focus .el-input__inner {
  border-color: #3a98d9;
}

.el-science-blue .el-select .el-input.is-focus .el-input__inner {
  border-color: #3a98d9;
}

.el-science-blue .el-input__inner::-webkit-input-placeholder {
  color: #ffffff;
}

/* bg white */
.el-science-blue .el-select:hover .el-input__inner,
.el-science-blue .bg-white .el-select .el-input.is-focus .el-input__inner {
  border-color: #3a98d9;
}

.el-science-blue .bg-white .el-select .el-input .el-select__caret {
  color: #21328e;
}

.el-science-blue .bg-white .el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc;
}

/* table */
.el-science-blue .el-table {
  color: #ffffff;
}

.el-science-blue .el-table,
.el-science-blue .el-table__expanded-cell,
.el-science-blue .el-table tr {
  background: none;
}

.el-science-blue .el-table th {
  background: none;
  font-size: 14px;
}

.el-science-blue .el-table thead {
  color: #02b0bd;
  font-weight: bold;
}

.el-science-blue .el-table--enable-row-hover .el-table__body tr:hover > td,
.el-science-blue .el-table__body tr.hover-row > td {
  background-color: #02b0bd;
}

.el-science-blue .el-table__fixed-right {
  background-color: #21328e;
  z-index: 9;
}

.el-science-blue .el-table th.is-leaf {
  border-bottom: none;
}

.el-science-blue .el-table td {
  border-bottom: none;
  background: #0e205e;
}

.el-science-blue
  .el-table--striped
  .el-table__body
  tr.el-table__row--striped
  td {
  background: none;
}

.el-science-blue .el-table th > .cell {
  font-weight: bold;
}

.el-science-blue .el-table--border::after,
.el-science-blue .el-table--group::after,
.el-science-blue .el-table::before {
  background-color: transparent;
}

.el-science-blue .el-table__fixed-right::before,
.el-science-blue .el-table__fixed::before {
  background-color: transparent;
}

.el-science-blue .el-table td .el-button--primary {
  border-color: #f69f40;
  background-color: #f69f40;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--primary:hover {
  border-color: #f68e38;
  background-color: #f68e38;
}

.el-science-blue .el-table td .el-button--danger {
  border-color: #f3535f;
  background-color: #f3535f;
  color: #ffe328;
}

.el-science-blue .el-table td .el-button--danger:hover {
  border-color: #f3435b;
  background-color: #f3435b;
}

.el-science-blue .el-table td .el-button--success {
  border-color: #8fed7d;
  background-color: #8fed7d;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--success:hover {
  border-color: #6bed6b;
  background-color: #6bed6b;
}

.el-science-blue .el-table.border-table .el-table__body-wrapper {
  box-sizing: border-box;
  border-left: 1px solid #3a98d9;
  border-right: 1px solid #3a98d9;
  border-bottom: 1px solid #3a98d9;
  border-top: 1px solid #3a98d9;
}

.el-science-blue .el-table .table-list-name {
  color: #3a98d9;
  border-right: 1px solid #3a98d9;
}

.el-science-blue .el-table .table-list-name.white-color {
  color: #fff;
}

.el-science-blue .el-table .table-list-name.no-border {
  border-right: none;
}

.el-science-blue .el-table th.table-list-value {
  color: #3a98d9;
}

.el-science-blue .el-table .table-list-value {
  color: #fef200;
}

.el-table--small td.table-list-name,
.el-table--small td.table-list-value {
  padding: 4px 0;
}

/* el-popover */
.el-popover {
  padding: 0;
  background: none;
  border: none;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: rgb(30, 125, 219);
}

.el-select-dropdown.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #fff;
}

/* dialog */
.el-science-blue .el-dialog__header {
  padding: 8px 16px;
  background-color: #3a98d9;
}

.el-science-blue .el-dialog__title {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.el-science-blue .el-dialog__headerbtn {
  top: 8px;
}

.el-science-blue .el-dialog__headerbtn .el-dialog__close {
  color: #ffffff;
}

.el-science-blue .el-dialog__body {
  padding: 0;
}

/* el-transfer */
.el-science-blue .el-transfer-panel {
  background: #21328e;
  border-color: #3a98d9;
}

.el-science-blue .el-transfer-panel__header {
  background-color: #031233;
  border-bottom: none;
  color: #3a98d9;
}

.el-science-blue
  .el-transfer-panel
  .el-transfer-panel__header
  .el-checkbox
  .el-checkbox__label {
  color: #3a98d9;
}

.el-science-blue .el-transfer-panel__item.el-checkbox {
  color: #ffffff;
}

.el-science-blue
  .el-transfer-panel
  .el-transfer-panel__header
  .el-checkbox
  .el-checkbox__label
  span {
  color: #ffffff;
}

.el-science-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.el-science-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #3a98d9;
  border-color: #3a98d9;
}

.el-science-blue .el-checkbox__inner::after {
  border-color: #052270;
}

/* el-pagination */
.el-science-blue .el-pagination__total,
.el-science-blue .el-pagination__jump {
  color: #ffffff;
}

.el-science-blue .el-pagination .btn-next,
.el-science-blue .el-pagination .btn-prev {
  background: none;
  color: #3ebdc9;
}

.el-science-blue .el-pager li {
  color: #ffffff;
  background: none;
}

.el-science-blue .el-pager li.active {
  color: #3a98d9;
}

.el-science-blue .el-pagination .el-input__inner {
  background-color: #02b0bd;
  border-color: #02b0bd;
  color: #ffffff;
}

.el-science-blue .el-pagination .el-select .el-input.is-focus .el-input__inner,
.el-science-blue .el-pagination .el-select:hover .el-input__inner {
  border-color: #02b0bd;
}

.el-science-blue .el-pagination .el-select .el-input .el-select__caret {
  color: #02b0bd;
}

.el-science-blue .el-pagination-btns .el-button--primary,.el-button--primary {
  background-color: #02b0bd;
  color: #ffffff;
  border-color: #02b0bd;
}
.el-button--primary:focus, .el-button--primary:hover{
  background: #2fd6e6;
    border-color: #2fd6e6;
    color: #FFF;
}

/* el-radio */
.el-science-blue .el-radio__label {
  color: #ffffff;
}

.el-science-blue .pifu-list-header {
  background-color: #36c2cf;
  color: #ffffff;
}

.el-science-blue .flex-layout-body {
  background-color: #21328e;
}

.el-science-blue .page-header-container .flex-layout-body {
  background-color: transparent;
}

.el-science-blue .content-box-title {
  background-color: #192b7f;
  color: #ffffff;
}

.el-science-blue .content-box-container.siteList {
  background-color: #21328e;
}

.el-science-blue .content-box {
  border: 2px solid #36c2cf;
}

.el-science-blue .map-container {
  border: 1px solid #36c2cf;
}

.el-science-blue .pifu-item-img.active .el-image {
  border: 3px solid #00fefe;
  box-sizing: border-box;
}

.el-science-blue .hdw-badge-btn {
  /* background: url("./img//science-ziluolan/science-head-tag.png") 0 0 no-repeat; */
  background: #161250;
  border: 1px solid #3a98d9;
  background-size: 100% 100%;
  color: #ffffff;
}

.el-science-blue .hdw-badge-value {
  background-color: #21bdca;
  color: #ffffff;
  top: 4px !important;
}

.el-science-blue .my-card {
  border: 2px solid #3a98d9;
  background-color: #5473e8;
}

.el-science-blue .my-card-header {
  /* background-image: linear-gradient(to right, #0c3688, #0c368800); */
  background-color: #3a98d9;
  color: #001235;
}

.card-title {
  color: #001235 !important;
}

.el-science-blue .power-tree-wrapper {
  background-color: #21328e;
}

.el-science-blue .page-header-container {
  background: url(./img/science-ziluolan/page-header-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.el-science-blue .page-header-left {
  /* background: url(./img/science-ziluolan/page-header-left-bg.png) 0 50% no-repeat; */
  background-size: 100% 80%;
  padding-left: 20px;
}

.el-science-blue .page-header-left span {
  color: #fffffe;
}

.el-science-blue .page-header-left span.sys-version {
  color: #fffffe;
}

.el-science-blue .flex-layout.noborder {
  border: none;
  border-top: 1px solid #36c2cf;
}

.el-science-blue .flex-layout.top-border {
  border: none;
}

.el-science-blue .filter-box-table {
  box-sizing: border-box;
  border-top: 1px solid #3a98d9;
  border-right: 1px solid #3a98d9;
  border-left: 1px solid #3a98d9;
}

.el-science-blue .filter-box-table .table-cell {
  border-bottom: 1px solid #3a98d9;
}

.el-science-blue .map-icon-details-wrapper {
  border: 2px solid #36c2cf;
  background-color: #21328e;
  color: #ffffff;
}

.el-science-blue .map-icon-details-title {
  background: #192b7f;
  color: #36c2cf;
  border-bottom: 2px solid #36c2cf;
}

.el-science-blue .transparentBtn {
  background-color: transparent;
  border-color: transparent;
  color: #3a98d9;
}

.el-science-blue .transparentBtn:hover {
  background-color: transparent;
  border-color: transparent;
  color: #3a98d9;
}

.el-science-blue .statusWarp {
  background-color: #21bdca;
}

.el-science-blue .statusWarp.error-state {
  background-color: #ff6502;
}

.el-science-blue .statusWarp.stop-state {
  background-color: #afafaf;
}

.el-science-blue .hdw-avatar-icon {
  background-color: #21bdca !important;
  color: #231a5d !important;
}

.el-science-blue .hdw-avatar-text {
  color: #fffffe !important;
}

.el-science-blue .header-carve-up {
  background-color: #fffffe !important;
}

.el-science-blue .page-content-tools .hdw-btn {
  background-color: transparent;
  border-color: transparent;
  color: #36c2cf;
}

.el-science-blue .page-content-tools .hdw-btn:hover {
  background-color: #36c2cf;
  border-color: #36c2cf;
  color: #ffffff;
}

.hdw-menu-list {
  border-color: #3a98d9 !important;
}

.hdw-menu-item a {
  background-color: #0b388a !important;
}

.hdw-menu-item a:hover {
  background-color: #1f57c0 !important;
}

.el-picker-panel {
  color: #ffffff !important;
  border: 1px solid #3a98d9 !important;
  background: #5473e8 !important;
}

.el-picker-panel .el-picker-panel__footer {
  background-color: #21328e !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--default {
  background-color: #3a98d9 !important;
  border-color: #3a98d9 !important;
  color: #032c8f !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--text {
  color: #3a98d9 !important;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #3a98d9 !important;
}

.el-date-table th {
  color: #ffffff !important;
  border-bottom: solid 1px #2761b5;
}

.el-date-picker__header-label {
  color: #ffffff !important;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #21328e;
}

.vl-notify.vl-notify-main {
  background-color: #153953 !important;
  border: none !important;
  color: #ffe329 !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title {
  background-color: #ffe329 !important;
  border-bottom: none !important;
  color: #041f6c !important;
}

.notify-btn {
  color: #041f6c !important;
  background-color: #90ed7d !important;
  border: 1px solid #90ed7d !important;
}

.notify-btn-primary {
  color: #041f6c !important;
  background-color: #f69f41 !important;
  border: 1px solid #f69f41 !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #416293;
}

/* el-progress__text */
.el-science-blue .el-progress__text {
  color: #ffffff;
}

/* full-screen */
.e-chart-root.full-screen .e-chart-container {
  /* background: url("./img/science-blue/dw_bg.jpg") no-repeat; */
}

.el-date-picker__header .el-picker-panel__icon-btn {
  color: #3a98d9;
}

.module-info {
  background: #072886;
}

.table-wrapper {
  background: #052272;
}

/*science box*/
.science-box .box-header {
  color: #fffd1e;
}

.table-info-list td {
  color: #fffd1e;
}

.hdw-state-list-wrapper {
  background-color: #0b388b;
  border: 1px solid #0376a5;
}

/* flex-box */
/* .flex-box {
  background-image: radial-gradient(#151f4140, #3667ec40);
  ;
} */

.chart-wrapper {
  background-image: radial-gradient(#151f4140, #36c2cf4d) !important;
}

.flex-box .flex-box-border {
  width: 30px;
  height: 30px;
}

.flex-page-wrapper-border {
  border: 1px solid #143a92;
}

.chart-wrapper:before,
.chart-wrapper:after,
.chart-wrapper-corner {
  width: 16px;
  height: 16px;
}

.border-full {
  border: 1px solid #3a98d9;
}

.border-right {
  border-right: 1px solid #3a98d9;
}

.el-science-blue .time-icon i {
  color: #041f6c;
}

.el-science-blue .term-date {
  background-color: #3a98d9;
  color: #002a70;
}

.el-science-blue .term-date-value {
  background-color: #050d5f;
  color: #ffffff;
}

.table-row .table-cell {
  color: #ffffff !important;
}

.box-tools {
  color: #ffffff !important;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #21bdca;
  border-color: #21bdca;
  color: #ffffff;
}

.el-radio-button__inner:hover {
  color: #041f6c;
}

.hdw-menu-item a {
  background-color: #5473e8 !important;
  border-color: #3a98d9 !important;
  color: #3a98d9 !important;
}

.hdw-menu-item a:hover,
.baoji-group-list a:hover {
  background-color: #3a98d9 !important;
  border-color: #3a98d9 !important;
  color: #041f6c !important;
}

.comparisonWarp {
  background: #5473e8 !important;
}

.card-wrapper {
  background-color: #21328e;
  border: 1px solid #3a98d9;
}
.card-wrapper-title {
  background-color: #031233;
  color: #3a98d9;
}

.page-history-aio .el-table thead th {
  background: #5473e8;
}

.dialog-table {
  background: url("./img/science-ziluolan/dw_bg.jpg") no-repeat;
  background-size: 100% 100%;
}
.layout-box {
  background: #03123380;
}

.tags-view-container .tags-view-wrapper .tags-view-item:hover {
  color: #192b7f;
}

.tags-view-container .tags-view-wrapper .tags-view-item.active {
  background-color: #192b7f;
  border-color: #3a98d9;
  color: #ffffff;
}

.scroll-container {
  border-bottom: 1px solid #3a98d9;
}

.tags-view-container {
  background-color: #5473e8;
}
.scroll-container > .el-scrollbar__wrap {
  border-top: 1px solid #3a98d9;
  background-color: #5473e8;
}

.scroll-container > .el-scrollbar__wrap > .el-scrollbar__view {
  font-size: 0;
  background-color: #5473e8;
}

#app .sidebar-container {
  background-color: #21328e;
  overflow: auto;
}

#app .sidebar-container .scrollbar-wrapper {
  padding: 6px;
}

#app .sidebar-container .scrollbar-wrapper .el-menu.el-menu--inline {
  background-color: #0e205e;
  border-radius: 8px;
  overflow: hidden;
}
.auto-check {
  background: url(./img/science-blue/dw_bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.sliderCon .logo{
  color: #ffffff !important;
}

.box-left{
  border-color: #3a98d9 !important;
}

.login_box .title,.login_box .regBtn,.login_box .el-input__icon,.login_from .el-input__inner::placeholder{
  color: #007fe0 !important;
}

.login_box .el-button--primary{
  background-color: #007fe0;
  border-color: #007fe0;
  color: #ffffff;
}

.login_box .el-button--primary:focus,.login_box  .el-button--primary:hover{
  background-color: #2a96e8;
  border-color: #2a96e8;
  color: #ffffff;
}

.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{
  color: #ffffff !important;
}

.el-radio__input.is-checked .el-radio__inner{
  border-color: #3a98d9;
  background: #3a98d9;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #192b7f;
}
.condiOpt{
  border-color: #36c2cf !important;
}
.condiOpt .trTitle{
  color: #36c2cf !important;
}

.page-header-content{
  padding-top: 0 !important;
}

 src/App.vue

@@ -5,7 +5,7 @@
</template>

<script>
import {Timeout} from "@/assets/js/tools";
import { Timeout } from "@/assets/js/tools";

let link;
export default {
@@ -24,12 +24,23 @@
      this.$store.dispatch("ukey/changeId", isIn);
    },
    "$store.state.theme.activeSkin"(val) {
      console.log("val", val);
      if (val == "science-blue") {
        link.href = "./theme/science-blue.css";
      } else if (val == "science-green") {
        link.href = "./theme/science-green.css";
      } else if (val == "science-black") {
        link.href = "./theme/science-black.css";
      } else if (val == "science-purple") {
        link.href = "./theme/science-purple.css";
      } else if (val == "science-skyBlue") {
        link.href = "./theme/science-skyBlue.css";
      } else if (val == "science-ziluolan") {
        link.href = "./theme/science-ziluolan.css";
      }
      if (window.parent) {
        window.parent.document.getElementsByClassName("theme")[0].href =
          link.href;
      }
      let iframes = this.$refs.routerView.$el.getElementsByTagName("iframe");
      for (let i = 0; i < iframes.length; i++) {
@@ -51,6 +62,7 @@
      link = document.createElement("link");
      link.type = "text/css";
      link.id = "theme";
      link.setAttribute("class", "theme");
      link.rel = "stylesheet";
      if (this.$store.state.theme.activeSkin == "science-blue") {
        link.href = "./theme/science-blue.css";
@@ -58,32 +70,42 @@
        link.href = "./theme/science-green.css";
      } else if (this.$store.state.theme.activeSkin == "science-black") {
        link.href = "./theme/science-black.css";
      } else if (this.$store.state.theme.activeSkin == "science-purple") {
        link.href = "./theme/science-purple.css";
      } else if (this.$store.state.theme.activeSkin == "science-skyBlue") {
        link.href = "./theme/science-skyBlue.css";
      } else if (this.$store.state.theme.activeSkin == "science-ziluolan") {
        link.href = "./theme/science-ziluolan.css";
      }
      document.getElementsByTagName("head")[0].appendChild(link);
    },
    startGetServerTime() {
      this.timer.start(()=>{
        this.$axios.all([
            this.getServerTime(),
        ]).then(()=>{
          this.timer.open();
        }).catch(()=>{
          this.timer.open()
        });
      }, 10*1000);
      this.timer.start(() => {
        this.$axios
          .all([this.getServerTime()])
          .then(() => {
            this.timer.open();
          })
          .catch(() => {
            this.timer.open();
          });
      }, 10 * 1000);
    },
    getServerTime() {
      this.$apis.login.getServerTime().then(res=>{
        let rs = JSON.parse(res.data.result);
        if(rs.code == 1) {
          sessionStorage.setItem("serverStamp", rs.data);
        }else {
      this.$apis.login
        .getServerTime()
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          if (rs.code == 1) {
            sessionStorage.setItem("serverStamp", rs.data);
          } else {
            sessionStorage.setItem("serverStamp", new Date().getTime());
          }
        })
        .catch((error) => {
          sessionStorage.setItem("serverStamp", new Date().getTime());
        }
      }).catch(error => {
        sessionStorage.setItem("serverStamp", new Date().getTime());
        console.log(error);
      });
          console.log(error);
        });
    },
  },
  computed: {

 src/assets/images/login-bg-black.jpg

 src/assets/images/login-bg-blue.jpg

 src/assets/images/login-bg-green.jpg

 src/assets/images/login-bg-purple.jpg

 src/assets/images/login-bg-skyBlue.jpg

 src/assets/images/login-bg-ziluolan.jpg

 src/assets/images/login-img-black.png

 src/assets/images/login-img-blue.png

 src/assets/images/login-img-green.png

 src/assets/images/login-img-purple.png

 src/assets/images/login-img-skyBlue.png

 src/assets/images/login-img-ziluolan.png

 src/assets/images/theme/science.png

 src/assets/images/theme/science3.png

 src/assets/images/theme/science4.png

 src/assets/images/theme/science5.png

 src/assets/images/theme/science6.png

 src/assets/images/yuanchang_logo0.png

 src/assets/images/yuanchang_logo1.png

 src/assets/images/yuanchang_logo2.png

 src/assets/images/yuanchang_logo3.png

 src/assets/images/yuanchang_logo4.png

 src/assets/js/config.js

@@ -67,10 +67,10 @@
        value: false
    },
    // 发布的  客户名称
  clientName: {
    label: '客户名称',
    des: '有自定义需求的客户名称',
    name: 'cdsh',       // 成都石化 cdsh， 标准版为''
    value: false,
  },
    clientName: {
        label: '客户名称',
        des: '有自定义需求的客户名称',
        name: '',       // 成都石化 cdsh， 标准版为''
        value: false,
    },
};

 src/components/PageHeader.vue

@@ -74,7 +74,7 @@
                ></progress-bar>
              </div>
            </el-tooltip>
            <div class="header-info-item" style="margin-left: 60px;">
            <div class="header-info-item" style="margin-left: 60px">
              <progress-state
                icon="el-icon-fuwuqi"
                :state="processInfo.sql"
@@ -127,22 +127,24 @@
                @handleClick="goToScreenManage"
              ></progress-state>
              <progress-state
                  v-if="showLogCap"
                  icon="el-icon-xinxi"
                  :state="logCountFlag"
                  :content="logCountMsg"></progress-state>
                v-if="showLogCap"
                icon="el-icon-xinxi"
                :state="logCountFlag"
                :content="logCountMsg"
              ></progress-state>
              <progress-state
                  v-if="isAudit"
                  icon="el-icon-icon-sms"
                  :state="0"
                  content="异常通知"
                  :value="singularNum"
                  show-badge
                  @handleClick="showSingularDrawer"></progress-state>
                v-if="isAudit"
                icon="el-icon-icon-sms"
                :state="0"
                content="异常通知"
                :value="singularNum"
                show-badge
                @handleClick="showSingularDrawer"
              ></progress-state>
            </div>
<!--            <weather-component-->
<!--              v-if="weatherState"-->
<!--            ></weather-component>-->
            <!--            <weather-component-->
            <!--              v-if="weatherState"-->
            <!--            ></weather-component>-->
          </div>
          <div class="data-totals">
            <hdw-badge-btn
@@ -189,20 +191,20 @@
              @click="goPages('powerBoxAlarm')"
            >
            </hdw-badge-btn>
<!--            <hdw-badge-btn-->
<!--                v-if="inUseMenu.endure"-->
<!--                text="整体续航"-->
<!--                :value="numbers.levelNum"-->
<!--                no-value-->
<!--                @click="goPages('endure')"-->
<!--            ></hdw-badge-btn>-->
<!--            <hdw-badge-btn-->
<!--                v-if="inUseMenu.endure"-->
<!--                text="区域续航"-->
<!--                :value="numbers.levelNum"-->
<!--                @click="goPages('endure')"-->
<!--                no-value-->
<!--            ></hdw-badge-btn>-->
            <!--            <hdw-badge-btn-->
            <!--                v-if="inUseMenu.endure"-->
            <!--                text="整体续航"-->
            <!--                :value="numbers.levelNum"-->
            <!--                no-value-->
            <!--                @click="goPages('endure')"-->
            <!--            ></hdw-badge-btn>-->
            <!--            <hdw-badge-btn-->
            <!--                v-if="inUseMenu.endure"-->
            <!--                text="区域续航"-->
            <!--                :value="numbers.levelNum"-->
            <!--                @click="goPages('endure')"-->
            <!--                no-value-->
            <!--            ></hdw-badge-btn>-->
            <div class="term-date" v-show="termDateShow">
              <span>有效期：</span>
              <span class="term-date-value">{{ termDate }}</span>
@@ -259,7 +261,8 @@
      title="我是标题"
      :visible.sync="showSingular"
      size="640px"
      :with-header="false">
      :with-header="false"
    >
      <singular-drawer v-if="showSingular"></singular-drawer>
    </el-drawer>
    <!-- 密码修改 -->
@@ -272,7 +275,11 @@
      class="dialog-center"
      :modal-append-to-body="false"
    >
      <pwd-change v-if="pwd.show" :visible.sync="pwd.show" :name="username"></pwd-change>
      <pwd-change
        v-if="pwd.show"
        :visible.sync="pwd.show"
        :name="username"
      ></pwd-change>
    </el-dialog>
    <!-- 短信猫和声光告警的配置 -->
    <el-dialog
@@ -422,8 +429,8 @@
        eleWarn: true, // 电池告警数
        deviceWarn: true, // 设备告警数
        discharge: true, // 核容设备数
        seriousWarn: true,  // 严重告警数
        endure: true,     // 整体和区域续航
        seriousWarn: true, // 严重告警数
        endure: true, // 整体和区域续航
      },
      address: {
        province: "",
@@ -436,11 +443,14 @@
  },
  methods: {
    closeBrowser() {
      this.$apis.login.closeBrowser().then(res=>{
        console.log(res);
      }).catch(error => {
        console.log(error);
      });
      this.$apis.login
        .closeBrowser()
        .then((res) => {
          console.log(res);
        })
        .catch((error) => {
          console.log(error);
        });
    },
    alarmAlert() {
      this.alarmAlertStatus = !this.alarmAlertStatus;
@@ -478,47 +488,52 @@
      }
    },
    startLogUseCount() {
      if(!this.showLogCap) {
      if (!this.showLogCap) {
        return false;
      }
      this.timer2.start(()=>{
        this.$axios.all([
            this.logUseCount(),
            this.unReadLog(),
        ]).then(res=>{
          this.timer2.open();
        }).catch(error=>{
          this.timer2.open();
        });
      }, 1000*12);
      this.timer2.start(() => {
        this.$axios
          .all([this.logUseCount(), this.unReadLog()])
          .then((res) => {
            this.timer2.open();
          })
          .catch((error) => {
            this.timer2.open();
          });
      }, 1000 * 12);
    },
    logUseCount() {
      this.$apis.userMager.operationRecord.logUseCount().then(res=>{
        let rs = JSON.parse(res.data.result);
        if(rs.data<rs.data2) {
          this.logCountFlag = 1;
          this.logCountMsg = "存储容量健康";
        }else {
          this.logCountFlag = 0;
          this.logCountMsg = "存储容量越线";
        }
        // 设置提示文本
        this.logCountMsg = this.logCountMsg+":"+rs.data+"/"+rs.data2;
      }).catch(error=>{
        console.log(error);
      });
    },
    unReadLog(){
      if(this.isAudit) {
        this.$apis.userMager.operationRecord.unReadLog().then(res=>{
      this.$apis.userMager.operationRecord
        .logUseCount()
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          if(rs.code == 1) {
            this.singularNum = rs.data.length;
          }else {
            this.singularNum = 0;
          if (rs.data < rs.data2) {
            this.logCountFlag = 1;
            this.logCountMsg = "存储容量健康";
          } else {
            this.logCountFlag = 0;
            this.logCountMsg = "存储容量越线";
          }

        }).catch(error => {});
          // 设置提示文本
          this.logCountMsg = this.logCountMsg + ":" + rs.data + "/" + rs.data2;
        })
        .catch((error) => {
          console.log(error);
        });
    },
    unReadLog() {
      if (this.isAudit) {
        this.$apis.userMager.operationRecord
          .unReadLog()
          .then((res) => {
            let rs = JSON.parse(res.data.result);
            if (rs.code == 1) {
              this.singularNum = rs.data.length;
            } else {
              this.singularNum = 0;
            }
          })
          .catch((error) => {});
      }
    },
    startSearch() {
@@ -544,60 +559,60 @@
            console.log(error);
            this.timer.open();
          });
      }, 4*1000);
      }, 4 * 1000);
    },
    // 查询头部信息
    searchHomePage() {
      this.$apis.top.searchHomePage().then(res=>{
        let rs = JSON.parse(res.data.result);
        if(rs.code == 1) {
          let data = rs.data;
          this.setServerData(data["服务器信息"][0]);
          this.setLabelNumber(data);
          this.setProcessState(data["线程状态"]);
        }else {
          this.setServerData();
          this.setLabelNumber();
        }

      }).catch(error=>{

      });
      this.$apis.top
        .searchHomePage()
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          if (rs.code == 1) {
            let data = rs.data;
            this.setServerData(data["服务器信息"][0]);
            this.setLabelNumber(data);
            this.setProcessState(data["线程状态"]);
          } else {
            this.setServerData();
            this.setLabelNumber();
          }
        })
        .catch((error) => {});
    },
    /**
     * 设置服务器信息
     * @param data 服务器信息
     */
    setServerData(data) {
      if(data) {
      if (data) {
        let totalDiscSpace = data.total_disc_space;
        // 设置服务器磁盘信息
        this.serverInfo.disk.progress = data.diskRate;
        this.serverInfo.disk.message =
            "服务器数据磁盘总量" +
            (data.total_disc_space - data.free_disc_space) +
            "G/" +
            data.total_disc_space +
            "G";
          "服务器数据磁盘总量" +
          (data.total_disc_space - data.free_disc_space) +
          "G/" +
          data.total_disc_space +
          "G";

        // 设置服务器cpu信息
        this.serverInfo.cpu.progress = data.server_cpu_rate;
        this.serverInfo.cpu.message =
            "CPU使用率:" + data.server_cpu_rate + "/100";
          "CPU使用率:" + data.server_cpu_rate + "/100";

        // 设置服务器内存的信息
        this.serverInfo.memory.progress = data.memRate;
        this.serverInfo.memory.message =
            "服务器内存:" +
            (data.total_mem - data.free_men).toHold(2) +
            "G/" +
            data.total_mem +
            "G";
          "服务器内存:" +
          (data.total_mem - data.free_men).toHold(2) +
          "G/" +
          data.total_mem +
          "G";

        // 设置服务器的连接数
        this.serverInfo.linkNum.progress = data.connRate;
        this.serverInfo.linkNum.message =
            "DBC:" + data.db_conn_count + "/" + data.db_conn_max;
          "DBC:" + data.db_conn_count + "/" + data.db_conn_max;

        // 更新服务器更新和连接状态
        var nowtime = new Date(data.note.replace(/\-/g, "/"));
@@ -609,7 +624,7 @@
          this.processInfo.sql = 1;
        }
        this.processInfo.link = 1;
      }else {
      } else {
        this.processInfo.sql = 0;
        this.processInfo.link = 0;
      }
@@ -620,7 +635,7 @@
     * @param data 头部数据信息
     */
    setLabelNumber(data) {
      if(data) {
      if (data) {
        this.numbers.plan = data["未放电的计划总数"];
        this.numbers.powerOff = data["机房停电总数-断电实时数"];
        this.numbers.nuclear = data["正在核容测试的信息"].length;
@@ -629,7 +644,7 @@
        this.numbers.levelNum = data["电源紧急告警个数"];
        this.numbers.lowMon = data["落后单体数量"];
        this.numbers.devWarn = data["设备告警数"];
      }else {
      } else {
        this.numbers.plan = 0;
        this.numbers.powerOff = 0;
        this.numbers.nuclear = 0;
@@ -655,7 +670,7 @@
        // 遍历并处理数据
        data.forEach((item) => {
          switch (item.ServerName) {
              // 告警线程
            // 告警线程
            case "BMS_FBSDEV_ALARM":
              if (item.ProcessName == "BMS_FBSDEV_ALARM_BATT") {
                if (item.ServerFlag == 0) {
@@ -677,7 +692,7 @@
                this.processInfo.alarm = alarm_batt && alarm_batt;
              }
              break;
              // 电池落后
            // 电池落后
            case "BMS_FBSDEV_BADBATT":
              if (item.ProcessName == "BMS_FBSDEV_BADBATT_MON") {
                //落后单体线程
@@ -700,7 +715,7 @@
                this.processInfo.behind = badmon && alarm_cap;
              }
              break;
              // 放电计划线程
            // 放电计划线程
            case "BMS_FBSDEV_PLAN":
              if (item.ProcessName == "BMS_FBSDEV_PLAN") {
                if (item.ServerFlag == 0) {
@@ -725,7 +740,7 @@
                this.processInfo.power = 2;
              }
              break;
              // 线程监控线程
            // 线程监控线程
            case "BMS_FBSDEV_LISTEN":
              if (item.ProcessName == "BMS_FBSDEV_LISTEN") {
                if (item.ServerFlag == 0) {
@@ -1092,10 +1107,10 @@
          message.params = {
            pageInfo: {
              label: "电池信息统计分析",
              name: 'produceTotal',
              name: "produceTotal",
              src: "#/dataMager/produceTotal",
              closable: true,
            }
            },
          };
          break;
        default:
@@ -1119,6 +1134,15 @@
        } else if (this.skinActive == "science-black") {
          this.options.progress.color = "#ff6502";
          this.options.progress.backgroundColor = "#fffffe";
        } else if (this.skinActive == "science-purple") {
          this.options.progress.color = "#ff5503";
          this.options.progress.backgroundColor = "#ffce00";
        } else if (this.skinActive == "science-ziluolan") {
          this.options.progress.color = "#ff5503";
          this.options.progress.backgroundColor = "#ffce00";
        } else if (this.skinActive == "science-skyBlue") {
          this.options.progress.color = "#f06824";
          this.options.progress.backgroundColor = "#FFE329";
        }
      });
    },
@@ -1208,41 +1232,47 @@
      this.inUseMenu.endure = checkMenuIsUse(5006, menus);
    },
    initPageConfig() {
      this.$apis.pageSetting.realTime.getRealTabsConfig().then(res=>{
        let rs = JSON.parse(res.data.result);
        // 设置pageConfig
        this.$store.dispatch('user/changeRealTabsConfig', rs.data);
      }).catch(error=>{
        // 设置pageConfig
        this.$store.dispatch('user/changeRealTabsConfig', []);
      })
      this.$apis.pageSetting.realTime
        .getRealTabsConfig()
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          // 设置pageConfig
          this.$store.dispatch("user/changeRealTabsConfig", rs.data);
        })
        .catch((error) => {
          // 设置pageConfig
          this.$store.dispatch("user/changeRealTabsConfig", []);
        });
    },
    showSingularDrawer() {
      this.showSingular = true;
    },
    searchPasswordRules() {
      this.$apis.pageSetting.realTime.searchParam({
        categoryId: 10
      }).then(res=>{
        let rs = JSON.parse(res.data.result);
        if(rs.code == 1 && rs.data.length != 0) {
          let data = rs.data;
          // 读取字符长度
          sessionStorage.setItem("passwordNum", data[0].status);
          // 读取密码类型
          sessionStorage.setItem("passwordType", data[1].status);
        }else {
      this.$apis.pageSetting.realTime
        .searchParam({
          categoryId: 10,
        })
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          if (rs.code == 1 && rs.data.length != 0) {
            let data = rs.data;
            // 读取字符长度
            sessionStorage.setItem("passwordNum", data[0].status);
            // 读取密码类型
            sessionStorage.setItem("passwordType", data[1].status);
          } else {
            // 读取字符长度
            sessionStorage.setItem("passwordNum", "8");
            // 读取密码类型
            sessionStorage.setItem("passwordType", "4");
          }
        })
        .catch((error) => {
          // 读取字符长度
          sessionStorage.setItem("passwordNum", "8");
          // 读取密码类型
          sessionStorage.setItem("passwordType", "4");
        }
      }).catch(error=>{
        // 读取字符长度
        sessionStorage.setItem("passwordNum", "8");
        // 读取密码类型
        sessionStorage.setItem("passwordType", "4");
      });
        });
    },
  },
  computed: {
@@ -1366,12 +1396,12 @@
    },
    isAudit() {
      let userId = this.userId;
      if(userId == 2) {
      if (userId == 2) {
        return true;
      }else {
      } else {
        return false;
      }
    }
    },
  },
  created() {
    this.skinActive = localStorage.getItem("activeSkin");
@@ -1386,12 +1416,12 @@
    let _beforeUnload_time = 0;
    let _unload_time = 0;
    // 监控浏览器关闭
    window.addEventListener('beforeunload', e=>{
    window.addEventListener("beforeunload", (e) => {
      _beforeUnload_time = new Date().getTime();
    });
    window.addEventListener("unload", e=>{
    window.addEventListener("unload", (e) => {
      _unload_time = new Date().getTime();
      if(_unload_time-_beforeUnload_time<=1) {
      if (_unload_time - _beforeUnload_time <= 1) {
        this.closeBrowser();
      }
    });

 src/pages/dataTest/PifuList.vue

@@ -1,136 +1,161 @@
<template>
    <flex-layout class="pifu-list-wrapper" no-bg>
        <div class="pifu-list-header" slot="header">主题设置</div>
        <div class="pifu-list-content">
            <div class="pifu-list-container">
                <el-row>
                    <el-col :span="12" v-for="(item,index) in skinList" :key="index">
                        <div class="pifu-item">
                            <div class="pifu-item-img" :class="{'full-screen': fullScreen,active:index==selectActive}"
                                @click.stop="changeSkin(item,index)">
                                <el-image :src="item.img">
                                    <div slot="placeholder" class="image-slot">
                                        <i class="el-icon-picture-outline"></i>
                                    </div>
                                </el-image>
                            </div>
                            <div class="pifu-item-txt">{{item.name}}</div>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </div>
    </flex-layout>
  <flex-layout class="pifu-list-wrapper" no-bg>
    <div class="pifu-list-header" slot="header">主题设置</div>
    <div class="pifu-list-content">
      <div class="pifu-list-container">
        <el-row>
          <el-col :span="12" v-for="(item, index) in skinList" :key="index">
            <div class="pifu-item">
              <div
                class="pifu-item-img"
                :class="{
                  'full-screen': fullScreen,
                  active: index == selectActive,
                }"
                @click.stop="changeSkin(item, index)"
              >
                <el-image :src="item.img">
                  <div slot="placeholder" class="image-slot">
                    <i class="el-icon-picture-outline"></i>
                  </div>
                </el-image>
              </div>
              <div class="pifu-item-txt">{{ item.name }}</div>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
  </flex-layout>
</template>

<script>
    export default {
        name: "PifuList",
        data() {
            return {
                fullScreen: false,
                selectActive: 0,
                skinList: [{
                    img: require('@/assets/images/theme/science.png'),
                    name: '科技蓝',
                    skin: 'science-blue'
                }, {
                    img: require('@/assets/images/theme/science2.png'),
                    name: '荧光绿',
                    skin: 'science-green'
                }, {
                    img: require('@/assets/images/theme/science3.jpg'),
                    name: '优雅黑',
                    skin: 'science-black'
                }]
            }
        },
        mounted() {
            this.skinList.forEach((item, index) => {
                if (item.skin == this.$store.state.theme.activeSkin) {
                    this.selectActive = index;
                }
            })
        },
        methods: {
            prePifu() {
                this.fullScreen = this.fullScreen ? false : true;
            },
            changeSkin(item, index) {
                let skin = item.skin;
                let name = item.name;
                this.$store.commit("theme/changeTheme", skin);
                this.$store.dispatch("theme/changeThemeName", name);
                this.$addSkinStorageEvent("activeSkin", skin);
                this.selectActive = index;
            }
        }
    }
export default {
  name: "PifuList",
  data() {
    return {
      fullScreen: false,
      selectActive: 0,
      skinList: [
        {
          img: require("@/assets/images/theme/science.png"),
          name: "科技蓝",
          skin: "science-blue",
        },
        {
          img: require("@/assets/images/theme/science2.png"),
          name: "荧光绿",
          skin: "science-green",
        },
        {
          img: require("@/assets/images/theme/science3.jpg"),
          name: "优雅黑",
          skin: "science-black",
        },
        {
          img: require("@/assets/images/theme/science4.png"),
          name: "木槿紫",
          skin: "science-purple",
        },
        {
          img: require("@/assets/images/theme/science5.png"),
          name: "紫罗兰",
          skin: "science-ziluolan",
        },
        {
          img: require("@/assets/images/theme/science6.png"),
          name: "靛青色",
          skin: "science-skyBlue",
        },
      ],
    };
  },
  mounted() {
    this.skinList.forEach((item, index) => {
      if (item.skin == this.$store.state.theme.activeSkin) {
        this.selectActive = index;
      }
    });
  },
  methods: {
    prePifu() {
      this.fullScreen = this.fullScreen ? false : true;
    },
    changeSkin(item, index) {
      let skin = item.skin;
      let name = item.name;
      this.$store.commit("theme/changeTheme", skin);
      this.$store.dispatch("theme/changeThemeName", name);
      this.$addSkinStorageEvent("activeSkin", skin);
      this.selectActive = index;
    },
  },
};
</script>

<style scoped>
    .pifu-list {
        display: flex;
        height: 100%;
    }
.pifu-list {
  display: flex;
  height: 100%;
}

    .pifu-list-header {
        margin-top: 4px;
        margin-left: 4px;
        margin-right: 4px;
        padding-left: 10px;
        border-radius: 4px;
        font-size: 20px;
        text-align: center;
        line-height: 36px;
        font-weight: bold;
    }
.pifu-list-header {
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 10px;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  line-height: 36px;
  font-weight: bold;
}

    .pifu-item {
        padding: 8px;
    }
.pifu-item {
  padding: 8px;
}

    .pifu-list-container {
        margin-top: 4px;
        margin-left: 4px;
        margin-right: 4px;
    }
.pifu-list-container {
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
}

    .pifu-item-img.full-screen {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
.pifu-item-img.full-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

    .pifu-item-img {
        width: 100%;
        height: 100px;
    }
.pifu-item-img {
  width: 100%;
  height: 100px;
}

    .pifu-item-img img {
        width: 100%;
        height: 100%;
    }
.pifu-item-img img {
  width: 100%;
  height: 100%;
}

    .pifu-item-txt {
        user-select: none;
        text-align: center;
    }
.pifu-item-txt {
  user-select: none;
  text-align: center;
}

    .pre-pifu {
        margin-left: 8px;
        font-size: 14px;
        color: #4279dc;
        cursor: pointer;
    }
.pre-pifu {
  margin-left: 8px;
  font-size: 14px;
  color: #4279dc;
  cursor: pointer;
}

    .pre-pifu:hover {
        color: #6e9bea;
    }
.pre-pifu:hover {
  color: #6e9bea;
}

    .pre-pifu:active {
        color: #FF0000;
    }
</style>
.pre-pifu:active {
  color: #ff0000;
}
</style>

 src/pages/login.vue

@@ -1,23 +1,30 @@
<template>
  <div class="auto-login-loading" v-if="isAutoLogin">
    <img src="../assets/images/login_loading.gif">
    <img src="../assets/images/login_loading.gif" />
  </div>
  <div class="login-wrapper" v-else>
    <div class="login_container">
    <div
      class="login_container"
      :style="{
        background: 'url(' + backgroundImg + ') 0 0 no-repeat',
        backgroundSize: '100% 100%',
      }"
    >
      <div class="sliderCon">
        <div class="logo">
          <img :src="logoUrl" class="logoImg" />
          {{ platformName }}
        </div>
        <img src="../assets/images/login-img.png" class="picImg" />
        <img :src="loginImg" class="picImg" />
      </div>
      <div class="login_box">
        <div class="login-tools">
          <el-tooltip
              effect="dark"
              :content="loginType.text"
              placement="top">
            <i v-if="showPhoneLogin" :class="loginType.icon" @click="showPsdLogin"></i>
          <el-tooltip effect="dark" :content="loginType.text" placement="top">
            <i
              v-if="showPhoneLogin"
              :class="loginType.icon"
              @click="showPsdLogin"
            ></i>
          </el-tooltip>
        </div>
        <div class="title">{{ loginType.title }}</div>
@@ -51,10 +58,18 @@
          <el-form-item v-if="sysConfig.verifyCode.value && !$CFG.uKey.value">
            <el-row :gutter="8">
              <el-col :span="14">
                <el-input class="input" placeholder="验证码" v-model="loginForm.verify" @keyup.enter.native.stop="onSubmit"></el-input>
                <el-input
                  class="input"
                  placeholder="验证码"
                  v-model="loginForm.verify"
                  @keyup.enter.native.stop="onSubmit"
                ></el-input>
              </el-col>
              <el-col :span="8">
                <v-sidentify :identifyCode="verifyCode" @click="changeVerifyCode"></v-sidentify>
                <v-sidentify
                  :identifyCode="verifyCode"
                  @click="changeVerifyCode"
                ></v-sidentify>
              </el-col>
            </el-row>
          </el-form-item>
@@ -70,8 +85,11 @@
          <el-row>
            <el-col :span="12">
              <el-form-item v-if="!register">
                <a href="javascript:;" @click="license.show = true" class="regBtn"
                >平台注册</a
                <a
                  href="javascript:;"
                  @click="license.show = true"
                  class="regBtn"
                  >平台注册</a
                >
              </el-form-item>
              <el-form-item v-else>
@@ -81,23 +99,22 @@
            <el-col :span="12">
              <el-form-item>
                <div class="text-right">
                  <a href="javascript:;" class="regBtn" @click="pwd.show=true">密码修改>></a>
                  <a href="javascript:;" class="regBtn" @click="pwd.show = true"
                    >密码修改>></a
                  >
                </div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <el-form
            label-width="0px"
            class="login_from"
            :model="loginForm"
            v-else>
        <el-form label-width="0px" class="login_from" :model="loginForm" v-else>
          <!-- 手机号 -->
          <el-form-item>
            <el-input
              class="input"
              v-model="phoneInfo.phoneNum"
              prefix-icon="el-icon-phone">
              prefix-icon="el-icon-phone"
            >
            </el-input>
          </el-form-item>
          <div class="flex-row">
@@ -108,7 +125,12 @@
              </el-form-item>
            </div>
            <div class="flex-footer">
              <el-button type="primary" @click="getVerifyCode" :disabled="codeBtn.disabled">{{codeBtn.text}}</el-button>
              <el-button
                type="primary"
                @click="getVerifyCode"
                :disabled="codeBtn.disabled"
                >{{ codeBtn.text }}</el-button
              >
            </div>
          </div>
          <el-form-item class="btns">
@@ -116,13 +138,18 @@
              :loading="loading"
              type="primary"
              class="loginBtn"
              @click="phoneVerifyCodeLogin">登录</el-button>
              @click="phoneVerifyCodeLogin"
              >登录</el-button
            >
          </el-form-item>
          <el-row>
            <el-col :span="12">
              <el-form-item v-if="!register">
                <a href="javascript:;" @click="license.show = true" class="regBtn"
                >平台注册</a
                <a
                  href="javascript:;"
                  @click="license.show = true"
                  class="regBtn"
                  >平台注册</a
                >
              </el-form-item>
              <el-form-item v-else>
@@ -132,7 +159,9 @@
            <el-col :span="12">
              <el-form-item>
                <div class="text-right">
                  <a href="javascript:;" class="regBtn" @click="pwd.show=true">密码修改>></a>
                  <a href="javascript:;" class="regBtn" @click="pwd.show = true"
                    >密码修改>></a
                  >
                </div>
              </el-form-item>
            </el-col>
@@ -197,20 +226,21 @@
      </el-dialog>
      <!-- 密码修改 -->
      <el-dialog
          title="密码修改"
          width="400px"
          :visible.sync="pwd.show"
          :close-on-click-modal="false"
          top="0"
          class="dialog-center"
          :modal-append-to-body="false"
        title="密码修改"
        width="400px"
        :visible.sync="pwd.show"
        :close-on-click-modal="false"
        top="0"
        class="dialog-center"
        :modal-append-to-body="false"
      >
        <pwd-change
          v-if="pwd.show"
          :show-name="showName"
          :visible.sync="pwd.show"
          :name="loginForm.username"
          :first-change="true"></pwd-change>
          :first-change="true"
        ></pwd-change>
      </el-dialog>
      <div class="tools-container">
        <div
@@ -242,7 +272,7 @@
<script>
import AddLicense from "@/pages/AddLicense";
import FaceLogin from "@/components/face/FaceLogin";
import sysConfig from "@/assets/js/config"
import sysConfig from "@/assets/js/config";
import {
  login,
  initDBPool,
@@ -251,7 +281,7 @@
  getRandomFromServer,
  loginSignVerity,
  phoneVerifyCodeLogin,
  getLoginVerity
  getLoginVerity,
} from "@/assets/js/api";
import ConfigInfo from "@/pages/configInfo";
import UkeyBind from "@/components/UKeyBind";
@@ -259,7 +289,12 @@
import gjdw from "@/assets/images/gjdw-log.png";
import gjdx from "@/assets/images/gjdx-log.png";
import qwh from "@/assets/images/qwh-logo.png";
import yuanchange from "@/assets/images/yuanchang_logo2.png";
import yuanchange0 from "@/assets/images/yuanchang_logo0.png";
import yuanchange1 from "@/assets/images/yuanchang_logo1.png";
import yuanchange2 from "@/assets/images/yuanchang_logo2.png";
import yuanchange3 from "@/assets/images/yuanchang_logo3.png";
import yuanchange4 from "@/assets/images/yuanchang_logo4.png";
import yuanchange5 from "@/assets/images/yuanchang_logo4.png";
import platform from "@/assets/js/config";
import SoftUKey from "@/assets/js/tools/SoftUKey";
import SoftKey3W from "@/assets/js/Syunew3";
@@ -270,10 +305,21 @@
import AES from "@/common/AES";
import md5 from "js-md5";

import {
  getVerifyCode
} from "@/assets/js/api";
import {formatSeconds} from "@/assets/js/tools";
import blueBg from "@/assets/images/login-bg-blue.jpg";
import blueImg from "@/assets/images/login-img-blue.png";
import greenBg from "@/assets/images/login-bg-green.jpg";
import greenImg from "@/assets/images/login-img-green.png";
import blackBg from "@/assets/images/login-bg-black.jpg";
import blackImg from "@/assets/images/login-img-black.png";
import purpleBg from "@/assets/images/login-bg-purple.jpg";
import purpImg from "@/assets/images/login-img-purple.png";
import ziluolanBg from "@/assets/images/login-bg-ziluolan.jpg";
import ziluolanImg from "@/assets/images/login-img-ziluolan.png";
import skyBlueBg from "@/assets/images/login-bg-skyBlue.jpg";
import skyBlueImg from "@/assets/images/login-img-skyBlue.png";

import { getVerifyCode } from "@/assets/js/api";
import { formatSeconds } from "@/assets/js/tools";
import RSA from "@/assets/js/tools/RSA";
import const_num from "@/assets/js/const/const_num";
import formatPassword from "@/assets/js/tools/formatPassword";
@@ -284,7 +330,7 @@
    ConfigInfo,
    AddLicense,
    FaceLogin,
    'v-sidentify': verifyComponent,
    "v-sidentify": verifyComponent,
    pwdChange,
  },
  data() {
@@ -303,7 +349,7 @@
      loginForm: {
        username: "",
        password: "",
        verify: ""
        verify: "",
      },
      verifyCode: "",
      license: {
@@ -331,9 +377,9 @@
      psdLogin: true,
      phoneInfo: {
        phoneNum: "",
        code: ""
        code: "",
      },
      readSeconds: readSeconds?readSeconds:0,
      readSeconds: readSeconds ? readSeconds : 0,
      codeBtnLoading: false,
      showName: true,
      isAutoLogin: true,
@@ -372,7 +418,11 @@
      if (this.loginForm.username && this.loginForm.password) {
        // 开启等待框
        this.loading = true;
        login(this.loginForm.username, this.loginForm.password, this.loginForm.verify)
        login(
          this.loginForm.username,
          this.loginForm.password,
          this.loginForm.verify
        )
          .then((res) => {
            // 对结果进行处理
            this.handleLogin(res);
@@ -460,25 +510,27 @@
        this.$layer.msg("平台未注册，请先注册平台！");
        return;
      }
      if(num.trim() == "") {
      if (num.trim() == "") {
        this.$message.error("手机号不能为空");
        return;
      }
      this.codeBtnLoading = true;
      getVerifyCode(num).then(res=>{
        let rs = JSON.parse(res.data.result);
        this.codeBtnLoading = false;
        if(rs.code==1) {
          this.$message.success("发送成功！");
          this.readSeconds = 360;
          this.startReadSeconds();
        }else {
          this.$message.error(rs.msg);
        }
      }).catch(error=>{
        this.codeBtnLoading = false;
        console.log(error);
      });
      getVerifyCode(num)
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          this.codeBtnLoading = false;
          if (rs.code == 1) {
            this.$message.success("发送成功！");
            this.readSeconds = 360;
            this.startReadSeconds();
          } else {
            this.$message.error(rs.msg);
          }
        })
        .catch((error) => {
          this.codeBtnLoading = false;
          console.log(error);
        });
    },
    phoneVerifyCodeLogin() {
      let num = this.phoneInfo.phoneNum;
@@ -487,23 +539,25 @@
        this.$layer.msg("平台未注册，请先注册平台！");
        return;
      }
      if(num.trim() == "") {
      if (num.trim() == "") {
        this.$message.error("手机号不能为空");
        return;
      }
      if(code.trim() == "") {
      if (code.trim() == "") {
        this.$message.error("验证码不能为空");
        return;
      }
      this.loading = true;
      phoneVerifyCodeLogin(num, code).then(res=>{
        this.handleLogin(res, true)
      }).catch(error => {
        // 关闭等待
        this.loading = false;
        console.log(error);
        this.$message.error("网络异常");
      });
      phoneVerifyCodeLogin(num, code)
        .then((res) => {
          this.handleLogin(res, true);
        })
        .catch((error) => {
          // 关闭等待
          this.loading = false;
          console.log(error);
          this.$message.error("网络异常");
        });
    },
    handleLogin(res, phoneLogin) {
      // 关闭等待
@@ -511,15 +565,15 @@
      let rs = JSON.parse(res.data.result);
      if (rs.code == 1) {
        // 非自动登录提示登录成功
        if(!this.isAutoLogin) {
        if (!this.isAutoLogin) {
          this.$message.success("登录成功");
        }
        // 重置登录时间
        this.readSeconds = 0;
        sessionStorage.setItem("readSeconds", "0");
        if(phoneLogin) {
        if (phoneLogin) {
          sessionStorage.setItem("username", rs.msgN);
        }else {
        } else {
          sessionStorage.setItem("username", this.loginForm.username);
        }
        sessionStorage.setItem("userId", rs.data);
@@ -534,9 +588,9 @@

        // 设置用户的权限
        this.$store.dispatch("user/getPermits");
      }else if(rs.code == 3) {
      } else if (rs.code == 3) {
        this.pwd.show = true;
        this.$nextTick(()=>{
        this.$nextTick(() => {
          this.$message.error(rs.msg);
        });
      } else {
@@ -632,7 +686,7 @@
      // 初始化登录状态
      sessionStorage.setItem("username", "");
      this.checkServeLicense();
      if(this.readSeconds > 0) {
      if (this.readSeconds > 0) {
        this.startReadSeconds();
      }

@@ -644,93 +698,103 @@
    },
    changeVerifyCode() {
      let loading = this.$layer.loading();
      getLoginVerity().then(res=>{
        this.$layer.close(loading);
        let rs = JSON.parse(res.data.result);
        if(rs.code == 1) {
          this.verifyCode = rs.data+"";
        }else{
      getLoginVerity()
        .then((res) => {
          this.$layer.close(loading);
          let rs = JSON.parse(res.data.result);
          if (rs.code == 1) {
            this.verifyCode = rs.data + "";
          } else {
            this.verifyCode = "";
          }
          this.loginForm.verify = "";
        })
        .catch((error) => {
          this.$layer.close(loading);
          this.verifyCode = "";
        }
        this.loginForm.verify = "";
      }).catch(error=>{
        this.$layer.close(loading);
        this.verifyCode = "";
        this.loginForm.verify = "";
      });
          this.loginForm.verify = "";
        });
    },
    showPsdLogin() {
      this.psdLogin = this.psdLogin?false:true;
      this.psdLogin = this.psdLogin ? false : true;
    },
    startReadSeconds() {
      let timer = "";
      timer = setInterval(()=>{
        if(this.readSeconds == 0) {
      timer = setInterval(() => {
        if (this.readSeconds == 0) {
          clearInterval(timer);
        }else {
        } else {
          this.readSeconds--;
          sessionStorage.setItem("readSeconds", this.readSeconds);
        }
      }, 1000);
    },
    getServerTime(callback) {
      this.$apis.login.getServerTime().then(res=>{
        let rs = JSON.parse(res.data.result);
        if(rs.code == 1) {
          sessionStorage.setItem("serverStamp", rs.data);
        }else {
          sessionStorage.setItem("serverStamp", new Date().getTime()+"");
        }
        setTimeout(()=>{
      this.$apis.login
        .getServerTime()
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          if (rs.code == 1) {
            sessionStorage.setItem("serverStamp", rs.data);
          } else {
            sessionStorage.setItem("serverStamp", new Date().getTime() + "");
          }
          setTimeout(() => {
            callback();
          }, 500);
        })
        .catch((error) => {
          sessionStorage.setItem("serverStamp", new Date().getTime() + "");
          callback();
        }, 500);

      }).catch(error => {
        sessionStorage.setItem("serverStamp", new Date().getTime()+"");
        callback();
        console.log(error);
      });
          console.log(error);
        });
    },
    closeBrowser() {
      this.$apis.login.closeBrowser().then(res=>{
        console.log(res);
      }).catch(error => {
        console.log(error);
      });
      this.$apis.login
        .closeBrowser()
        .then((res) => {
          console.log(res);
        })
        .catch((error) => {
          console.log(error);
        });
    },
    searchPasswordRules() {
      this.$apis.pageSetting.realTime.searchParam({
        categoryId: 10
      }).then(res=>{
        let rs = JSON.parse(res.data.result);
        if(rs.code == 1 && rs.data.length != 0) {
          let data = rs.data;
          // 读取字符长度
          sessionStorage.setItem("passwordNum", data[0].status);
          // 读取密码类型
          sessionStorage.setItem("passwordType", data[1].status);
        }else {
      this.$apis.pageSetting.realTime
        .searchParam({
          categoryId: 10,
        })
        .then((res) => {
          let rs = JSON.parse(res.data.result);
          if (rs.code == 1 && rs.data.length != 0) {
            let data = rs.data;
            // 读取字符长度
            sessionStorage.setItem("passwordNum", data[0].status);
            // 读取密码类型
            sessionStorage.setItem("passwordType", data[1].status);
          } else {
            // 读取字符长度
            sessionStorage.setItem("passwordNum", "8");
            // 读取密码类型
            sessionStorage.setItem("passwordType", "4");
          }
        })
        .catch((error) => {
          // 读取字符长度
          sessionStorage.setItem("passwordNum", "8");
          // 读取密码类型
          sessionStorage.setItem("passwordType", "4");
        }
      }).catch(error=>{
        // 读取字符长度
        sessionStorage.setItem("passwordNum", "8");
        // 读取密码类型
        sessionStorage.setItem("passwordType", "4");
      });
        });
    },
    faceSuccessLogin(info) {
      this.face.show = false;
      this.loginForm.username = info.username;
      this.loginForm.password = info.password;
      this.loginForm.verify = this.verifyCode;
      this.$nextTick(()=>{
      this.$nextTick(() => {
        this.normalLogin();
      });
    }
    },
  },
  computed: {
    uKeyState() {
@@ -763,8 +827,20 @@
    },
    logoUrl() {
      let logoConfig = this.logoConfig;
      let image = yuanchange;

      let image = yuanchange1;
      if (this.$store.state.theme.activeSkin == "science-blue") {
        image = yuanchange0;
      } else if (this.$store.state.theme.activeSkin == "science-green") {
        image = yuanchange1;
      } else if (this.$store.state.theme.activeSkin == "science-black") {
        image = yuanchange2;
      } else if (this.$store.state.theme.activeSkin == "science-purple") {
        image = yuanchange3;
      } else if (this.$store.state.theme.activeSkin == "science-ziluolan") {
        image = yuanchange4;
      } else if (this.$store.state.theme.activeSkin == "science-skyBlue") {
        image = yuanchange5;
      }
      if (!logoConfig.value) {
        return image;
      }
@@ -785,38 +861,72 @@
      }
      return image;
    },
    backgroundImg() {
      let image = blueBg;
      if (this.$store.state.theme.activeSkin == "science-blue") {
        image = blueBg;
      } else if (this.$store.state.theme.activeSkin == "science-green") {
        image = greenBg;
      } else if (this.$store.state.theme.activeSkin == "science-black") {
        image = blackBg;
      } else if (this.$store.state.theme.activeSkin == "science-purple") {
        image = purpleBg;
      } else if (this.$store.state.theme.activeSkin == "science-ziluolan") {
        image = ziluolanBg;
      } else if (this.$store.state.theme.activeSkin == "science-skyBlue") {
        image = skyBlueBg;
      }
      return image;
    },
    loginImg() {
      let image = blueImg;
      if (this.$store.state.theme.activeSkin == "science-blue") {
        image = blueImg;
      } else if (this.$store.state.theme.activeSkin == "science-green") {
        image = greenImg;
      } else if (this.$store.state.theme.activeSkin == "science-black") {
        image = blackImg;
      } else if (this.$store.state.theme.activeSkin == "science-purple") {
        image = purpImg;
      } else if (this.$store.state.theme.activeSkin == "science-ziluolan") {
        image = ziluolanImg;
      } else if (this.$store.state.theme.activeSkin == "science-skyBlue") {
        image = skyBlueImg;
      }
      return image;
    },
    loginType() {
      if(this.psdLogin) {
      if (this.psdLogin) {
        return {
          text: "手机号登录",
          title: "账号密码登录",
          icon: "el-icon-mobile-phone"
        }
      }else {
          icon: "el-icon-mobile-phone",
        };
      } else {
        return {
          text: "账号密码登录",
          title: "手机号登录",
          icon: "el-icon-lock"
        }
          icon: "el-icon-lock",
        };
      }
    },
    codeBtn() {
      let seconds = this.readSeconds;
      if(seconds<=0) {
      if (seconds <= 0) {
        return {
          text: "获取验证码",
          disabled: false
        }
      }else {
          disabled: false,
        };
      } else {
        return {
          text: formatSeconds(seconds),
          disabled: true,
        }
        };
      }
    }
    },
  },
  mounted() {
    this.getServerTime(()=>{
    this.getServerTime(() => {
      this.changeVerifyCode();
      let autoLogin = this.$route.query.autoLogin;
      if (autoLogin) {
@@ -850,7 +960,7 @@
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #E7EBEF;
  background-color: #e7ebef;
}
.login_from .el-input__inner {
  height: 48px;
@@ -882,7 +992,6 @@
.login_container {
  width: 100%;
  height: 100%;
  background: url(../assets/images/login-bg.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-around;
@@ -949,7 +1058,7 @@
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  outline: 8px solid hsla(0,0%,100%,.4);
  outline: 8px solid hsla(0, 0%, 100%, 0.4);
  .title {
    font-size: 20px;
    color: #007fe1;

 src/pages/reportStatistics/eleMonomer.vue

@@ -632,7 +632,7 @@
                            }

                            tableObj.capDecline = "";
                            debugger;
                            // debugger;
                            let item = data[i];
                            // 浮充电压过低
                            if((item.binf.FloatVolLevel-item.sdata.group_vol)>2) {

 src/pages/state.vue

@@ -446,7 +446,7 @@
            case "BMS_FBSDEV_BADBATT":
              if (item.ProcessName == "BMS_FBSDEV_BADBATT_MON") {
                //落后单体线程
                  debugger;
                  // debugger;
                if (item.ServerFlag == 0) {
                  badmon = 0;
                } else {