diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..31e0d21
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,448 @@
+.el-table--border {
+ border-left: none !important;
+}
+.el-icon-arrow-up:before {
+ color: var(--white) !important;
+}
+.vue-treeselect__placeholder {
+ color: var(--white) !important;
+}
+.el-icon-arrow-down:before {
+ color: var(--white) !important;
+ font-weight: bold !important;
+}
+.form-cascader .el-cascader-node:not(.is-disabled):focus,
+.form-cascader .el-cascader-node:not(.is-disabled):hover {
+ background-color: var(--selecthover) !important;
+}
+.el-cascader-node.in-active-path,
+.el-cascader-node.is-active,
+.el-cascader-node.is-selectable.in-checked-path {
+ color: var(--selected) !important;
+}
+.el-select-dropdown__list {
+ background-color: var(--shouselect) !important;
+}
+
+.el-dialog__header,
+.el-dialog__body,
+.el-dialog__footer {
+ background-color: var(--tablethead) !important;
+}
+
+.el-form-item__label {
+ color: var(--digtext) !important;
+}
+
+.el-pagination__jump {
+ color: var(--white) !important;
+}
+.el-pagination__total {
+ color: var(--white) !important;
+}
+
+.el-icon-arrow-right:before,
+.el-icon-arrow-left:before {
+ color: rgb(127, 255, 0) !important;
+}
+
+.el-pagination .el-pager li.active {
+ background-color: hsl(210, 100%, 63%) !important;
+ cursor: default;
+}
+.el-tabs__nav-scroll {
+ background: var(--tablethead) !important;
+}
+
+.el-table thead {
+ background: var(--tablethead) !important;
+}
+.el-table__body {
+ background: var(--tablebody) !important;
+}
+
+.el-input__inner {
+ background-color: var(--innerbgc) !important;
+ color: var(--white) !important;
+ border: 1px solid rgb(0, 111, 255);
+}
+.el-input.is-disabled .el-input__inner {
+ background-color: var(--elinputdisabled) !important;
+ border: 1px solid rgb(0, 111, 255) !important;
+ color: var(--white) !important;
+}
+
+.el-checkbox {
+ color: var(--white) !important;
+}
+
+.el-input__inner::placeholder {
+ color: var(--white) !important;
+}
+
+.el-icon-date:before,
+.el-icon-time:before {
+ color: var(--eldatebefore) !important;
+}
+.el-aside {
+ background-color: var(--elaside) !important;
+ color: var(--white) !important;
+ /* text-align: center; */
+}
+.el-icon-menu:before,
+.el-icon-location:before {
+ color: var(--elicon) !important;
+}
+.ChangeBGC {
+ float: right;
+ margin-right: 15px;
+ background-color: var(--elhead) !important;
+ color: #fff;
+ cursor: pointer;
+}
+#ContentView {
+ width: 100%;
+ height: 100%;
+}
+/* 顶部 A */
+.el-header {
+ background-color: var(--elhead) !important;
+ color: #fff;
+ text-align: center;
+ line-height: 40px;
+ padding: 0;
+}
+
+#IndexTop1 {
+ margin: 14px;
+ float: left;
+}
+
+#IndexLogo {
+ float: left;
+}
+
+#projectName {
+ float: left;
+ padding: 0 20px;
+ border-left: 1px solid #ccc;
+ height: 24px;
+ line-height: 24px;
+ margin-top: 8px;
+ margin-left: 10px;
+ letter-spacing: 4px;
+ font-weight: 600;
+}
+
+#UserName {
+ float: right;
+ margin-right: 10px;
+}
+
+.el-dropdown-link {
+ cursor: pointer !important;
+ color: #fff !important;
+}
+.el-icon-arrow-down {
+ font-size: 12px !important;
+}
+#IndexMessage,
+#IndexQuanpin,
+#IndexLetout {
+ float: right !important;
+ margin: 12px !important;
+}
+/* 顶部 B */
+/* 左侧菜单 A */
+
+.el-menu-item {
+ @include fa();
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--elmentitemtwo) !important;
+ border-bottom: 2px solid var(--black);
+ /* color: var(--white) !important; */
+ text-align: left;
+ background-color: var(--elmentbgc) !important;
+}
+.el-menu-item .el-menu-item {
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ text-align: center !important;
+}
+.el-menu-vertical-demo {
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--lineargradient) !important;
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ padding-left: 49px !important;
+}
+
+.el-submenu__title {
+ @include fa();
+ border-bottom: 2px solid var(--black) !important;
+ color: var(--white) !important;
+ text-align: left;
+}
+.el-menu-item:hover,
+.el-submenu__title:hover {
+ outline: 0;
+ background-color: #6d6d6d !important;
+}
+.el-submenu.is-active .el-submenu__title {
+ border-bottom-color: var(--black) !important;
+}
+
+/* 左侧菜单 B */
+
+.el-main {
+ /* background-color: #e9eef3; */
+ color: #333;
+ text-align: center;
+ padding: 30px !important;
+ /* line-height: 160px; */
+}
+.el-container {
+ width: 100%;
+}
+.el-message-box__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+.el-date-editor .el-range-separator {
+ color: var(--white) !important;
+}
+.el-range-input {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-picker-panel {
+ background: #182031 !important;
+}
+.el-picker-panel [slot="sidebar"],
+.el-picker-panel__sidebar {
+ background: #182031 !important;
+}
+.el-picker-panel__footer {
+ background: #182031 !important;
+}
+.el-picker-panel__shortcut {
+ color: #c2ceea !important;
+}
+.el-date-editor .el-range-input {
+ color: var(--white) !important;
+}
+.el-date-range-picker__header .el-picker-panel__icon-btn {
+ color: #fff !important;
+}
+.el-time-panel {
+ background-color: rgb(24, 32, 49) !important;
+}
+
+.el-select-dropdown,
+.el-cascader-menu__list {
+ background-color: var(--selectlist) !important;
+ border: 1px solid var(--selecthover) !important;
+}
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover,
+.el-cascader-node:hover {
+ background-color: var(--selecthover) !important;
+}
+.el-select-dropdown__item,
+.el-cascader-menu__list {
+ color: var(--white) !important;
+}
+.el-select-dropdown__item.selected {
+ color: var(--selected) !important;
+}
+/* tabs A*/
+.el-tabs {
+ height: 100% !important;
+ box-sizing: border-box !important;
+ padding: 5px !important;
+}
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+.el-tabs__item {
+ color: white !important;
+}
+.el-tabs__nav-wrap::after {
+ content: "";
+ position: absolute !important;
+ left: 0 !important;
+ bottom: 0 !important;
+ width: 100% !important;
+ height: 2px !important;
+ background-color: #e4e7ed00 !important;
+ z-index: 1 !important;
+}
+.el-tabs__active-bar {
+ background-color: var(--yellow) !important;
+}
+.el-tabs__item.is-active {
+ color: var(--yellow) !important;
+}
+
+.el-tab-pane {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+
+.el-tabs {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__item {
+ color: var(--white) !important;
+}
+
+.el-table {
+ background: rgba(5, 12, 30, 0) !important;
+}
+
+.el-table tr {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+
+.el-table th {
+ background: rgba(255, 255, 255, 0) !important;
+}
+
+.el-table td,
+.el-table th.is-leaf {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: black !important;
+}
+
+.el-table th .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table td .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table__body-wrapper {
+ height: calc(100% - 49px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: var(--selecthover) !important;
+}
+/* 分页 A*/
+.el-pagination button:disabled {
+ background-color: #fdfdfd12 !important;
+ color: #999 !important;
+}
+
+.el-pagination .btn-next,
+.el-pagination .btn-prev {
+ background-color: #999 !important;
+ color: white !important;
+}
+
+.el-pager li {
+ background-color: var(--btnbgc) !important;
+ color: var(--white) !important;
+}
+
+.el-pager li.btn-quicknext,
+.el-pager li.btn-quickprev {
+ line-height: 28px !important;
+ // color: #c1c5cc !important;
+}
+
+.el-dialog {
+ background: var(--diagiobgc) !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-dialog__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-message-box__title {
+ color: aqua !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+/* 多选 A*/
+
+.el-checkbox__input.is-disabled + span.el-checkbox__label {
+ color: #878788 !important;
+ cursor: not-allowed !important;
+}
+
+.el-textarea__inner {
+ background-color: var(--tablethead);
+ color: var(--white) !important;
+ border: 1px solid rgb(4, 51, 52) !important;
+}
+.el-textarea__inner::placeholder {
+ color: var(--white);
+}
+/* textarea 样式B */
+/* 新烽查询系统单独样式 A */
+#NFSNo2 .el-table__header tr,
+#NFSNo2 .el-table__header th {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body tr,
+#NFSNo2 .el-table__body td {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body-wrapper {
+ height: calc(100% - 69px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+/* 新烽查询系统单独样式 B */
+
+/* 删除弹窗 */
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+
+/* 菜单 */
+.el-menu {
+ border-right: 0px solid #e6e6e6 !important;
+}
+
+.el-tree {
+ background: rgba(225, 225, 225, 0);
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ background-color: #042d3c;
+}
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..31e0d21
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,448 @@
+.el-table--border {
+ border-left: none !important;
+}
+.el-icon-arrow-up:before {
+ color: var(--white) !important;
+}
+.vue-treeselect__placeholder {
+ color: var(--white) !important;
+}
+.el-icon-arrow-down:before {
+ color: var(--white) !important;
+ font-weight: bold !important;
+}
+.form-cascader .el-cascader-node:not(.is-disabled):focus,
+.form-cascader .el-cascader-node:not(.is-disabled):hover {
+ background-color: var(--selecthover) !important;
+}
+.el-cascader-node.in-active-path,
+.el-cascader-node.is-active,
+.el-cascader-node.is-selectable.in-checked-path {
+ color: var(--selected) !important;
+}
+.el-select-dropdown__list {
+ background-color: var(--shouselect) !important;
+}
+
+.el-dialog__header,
+.el-dialog__body,
+.el-dialog__footer {
+ background-color: var(--tablethead) !important;
+}
+
+.el-form-item__label {
+ color: var(--digtext) !important;
+}
+
+.el-pagination__jump {
+ color: var(--white) !important;
+}
+.el-pagination__total {
+ color: var(--white) !important;
+}
+
+.el-icon-arrow-right:before,
+.el-icon-arrow-left:before {
+ color: rgb(127, 255, 0) !important;
+}
+
+.el-pagination .el-pager li.active {
+ background-color: hsl(210, 100%, 63%) !important;
+ cursor: default;
+}
+.el-tabs__nav-scroll {
+ background: var(--tablethead) !important;
+}
+
+.el-table thead {
+ background: var(--tablethead) !important;
+}
+.el-table__body {
+ background: var(--tablebody) !important;
+}
+
+.el-input__inner {
+ background-color: var(--innerbgc) !important;
+ color: var(--white) !important;
+ border: 1px solid rgb(0, 111, 255);
+}
+.el-input.is-disabled .el-input__inner {
+ background-color: var(--elinputdisabled) !important;
+ border: 1px solid rgb(0, 111, 255) !important;
+ color: var(--white) !important;
+}
+
+.el-checkbox {
+ color: var(--white) !important;
+}
+
+.el-input__inner::placeholder {
+ color: var(--white) !important;
+}
+
+.el-icon-date:before,
+.el-icon-time:before {
+ color: var(--eldatebefore) !important;
+}
+.el-aside {
+ background-color: var(--elaside) !important;
+ color: var(--white) !important;
+ /* text-align: center; */
+}
+.el-icon-menu:before,
+.el-icon-location:before {
+ color: var(--elicon) !important;
+}
+.ChangeBGC {
+ float: right;
+ margin-right: 15px;
+ background-color: var(--elhead) !important;
+ color: #fff;
+ cursor: pointer;
+}
+#ContentView {
+ width: 100%;
+ height: 100%;
+}
+/* 顶部 A */
+.el-header {
+ background-color: var(--elhead) !important;
+ color: #fff;
+ text-align: center;
+ line-height: 40px;
+ padding: 0;
+}
+
+#IndexTop1 {
+ margin: 14px;
+ float: left;
+}
+
+#IndexLogo {
+ float: left;
+}
+
+#projectName {
+ float: left;
+ padding: 0 20px;
+ border-left: 1px solid #ccc;
+ height: 24px;
+ line-height: 24px;
+ margin-top: 8px;
+ margin-left: 10px;
+ letter-spacing: 4px;
+ font-weight: 600;
+}
+
+#UserName {
+ float: right;
+ margin-right: 10px;
+}
+
+.el-dropdown-link {
+ cursor: pointer !important;
+ color: #fff !important;
+}
+.el-icon-arrow-down {
+ font-size: 12px !important;
+}
+#IndexMessage,
+#IndexQuanpin,
+#IndexLetout {
+ float: right !important;
+ margin: 12px !important;
+}
+/* 顶部 B */
+/* 左侧菜单 A */
+
+.el-menu-item {
+ @include fa();
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--elmentitemtwo) !important;
+ border-bottom: 2px solid var(--black);
+ /* color: var(--white) !important; */
+ text-align: left;
+ background-color: var(--elmentbgc) !important;
+}
+.el-menu-item .el-menu-item {
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ text-align: center !important;
+}
+.el-menu-vertical-demo {
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--lineargradient) !important;
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ padding-left: 49px !important;
+}
+
+.el-submenu__title {
+ @include fa();
+ border-bottom: 2px solid var(--black) !important;
+ color: var(--white) !important;
+ text-align: left;
+}
+.el-menu-item:hover,
+.el-submenu__title:hover {
+ outline: 0;
+ background-color: #6d6d6d !important;
+}
+.el-submenu.is-active .el-submenu__title {
+ border-bottom-color: var(--black) !important;
+}
+
+/* 左侧菜单 B */
+
+.el-main {
+ /* background-color: #e9eef3; */
+ color: #333;
+ text-align: center;
+ padding: 30px !important;
+ /* line-height: 160px; */
+}
+.el-container {
+ width: 100%;
+}
+.el-message-box__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+.el-date-editor .el-range-separator {
+ color: var(--white) !important;
+}
+.el-range-input {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-picker-panel {
+ background: #182031 !important;
+}
+.el-picker-panel [slot="sidebar"],
+.el-picker-panel__sidebar {
+ background: #182031 !important;
+}
+.el-picker-panel__footer {
+ background: #182031 !important;
+}
+.el-picker-panel__shortcut {
+ color: #c2ceea !important;
+}
+.el-date-editor .el-range-input {
+ color: var(--white) !important;
+}
+.el-date-range-picker__header .el-picker-panel__icon-btn {
+ color: #fff !important;
+}
+.el-time-panel {
+ background-color: rgb(24, 32, 49) !important;
+}
+
+.el-select-dropdown,
+.el-cascader-menu__list {
+ background-color: var(--selectlist) !important;
+ border: 1px solid var(--selecthover) !important;
+}
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover,
+.el-cascader-node:hover {
+ background-color: var(--selecthover) !important;
+}
+.el-select-dropdown__item,
+.el-cascader-menu__list {
+ color: var(--white) !important;
+}
+.el-select-dropdown__item.selected {
+ color: var(--selected) !important;
+}
+/* tabs A*/
+.el-tabs {
+ height: 100% !important;
+ box-sizing: border-box !important;
+ padding: 5px !important;
+}
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+.el-tabs__item {
+ color: white !important;
+}
+.el-tabs__nav-wrap::after {
+ content: "";
+ position: absolute !important;
+ left: 0 !important;
+ bottom: 0 !important;
+ width: 100% !important;
+ height: 2px !important;
+ background-color: #e4e7ed00 !important;
+ z-index: 1 !important;
+}
+.el-tabs__active-bar {
+ background-color: var(--yellow) !important;
+}
+.el-tabs__item.is-active {
+ color: var(--yellow) !important;
+}
+
+.el-tab-pane {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+
+.el-tabs {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__item {
+ color: var(--white) !important;
+}
+
+.el-table {
+ background: rgba(5, 12, 30, 0) !important;
+}
+
+.el-table tr {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+
+.el-table th {
+ background: rgba(255, 255, 255, 0) !important;
+}
+
+.el-table td,
+.el-table th.is-leaf {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: black !important;
+}
+
+.el-table th .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table td .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table__body-wrapper {
+ height: calc(100% - 49px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: var(--selecthover) !important;
+}
+/* 分页 A*/
+.el-pagination button:disabled {
+ background-color: #fdfdfd12 !important;
+ color: #999 !important;
+}
+
+.el-pagination .btn-next,
+.el-pagination .btn-prev {
+ background-color: #999 !important;
+ color: white !important;
+}
+
+.el-pager li {
+ background-color: var(--btnbgc) !important;
+ color: var(--white) !important;
+}
+
+.el-pager li.btn-quicknext,
+.el-pager li.btn-quickprev {
+ line-height: 28px !important;
+ // color: #c1c5cc !important;
+}
+
+.el-dialog {
+ background: var(--diagiobgc) !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-dialog__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-message-box__title {
+ color: aqua !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+/* 多选 A*/
+
+.el-checkbox__input.is-disabled + span.el-checkbox__label {
+ color: #878788 !important;
+ cursor: not-allowed !important;
+}
+
+.el-textarea__inner {
+ background-color: var(--tablethead);
+ color: var(--white) !important;
+ border: 1px solid rgb(4, 51, 52) !important;
+}
+.el-textarea__inner::placeholder {
+ color: var(--white);
+}
+/* textarea 样式B */
+/* 新烽查询系统单独样式 A */
+#NFSNo2 .el-table__header tr,
+#NFSNo2 .el-table__header th {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body tr,
+#NFSNo2 .el-table__body td {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body-wrapper {
+ height: calc(100% - 69px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+/* 新烽查询系统单独样式 B */
+
+/* 删除弹窗 */
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+
+/* 菜单 */
+.el-menu {
+ border-right: 0px solid #e6e6e6 !important;
+}
+
+.el-tree {
+ background: rgba(225, 225, 225, 0);
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ background-color: #042d3c;
+}
diff --git a/src/components/index.vue b/src/components/index.vue
index c0fccbb..71db528 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -330,61 +330,6 @@
};
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..31e0d21
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,448 @@
+.el-table--border {
+ border-left: none !important;
+}
+.el-icon-arrow-up:before {
+ color: var(--white) !important;
+}
+.vue-treeselect__placeholder {
+ color: var(--white) !important;
+}
+.el-icon-arrow-down:before {
+ color: var(--white) !important;
+ font-weight: bold !important;
+}
+.form-cascader .el-cascader-node:not(.is-disabled):focus,
+.form-cascader .el-cascader-node:not(.is-disabled):hover {
+ background-color: var(--selecthover) !important;
+}
+.el-cascader-node.in-active-path,
+.el-cascader-node.is-active,
+.el-cascader-node.is-selectable.in-checked-path {
+ color: var(--selected) !important;
+}
+.el-select-dropdown__list {
+ background-color: var(--shouselect) !important;
+}
+
+.el-dialog__header,
+.el-dialog__body,
+.el-dialog__footer {
+ background-color: var(--tablethead) !important;
+}
+
+.el-form-item__label {
+ color: var(--digtext) !important;
+}
+
+.el-pagination__jump {
+ color: var(--white) !important;
+}
+.el-pagination__total {
+ color: var(--white) !important;
+}
+
+.el-icon-arrow-right:before,
+.el-icon-arrow-left:before {
+ color: rgb(127, 255, 0) !important;
+}
+
+.el-pagination .el-pager li.active {
+ background-color: hsl(210, 100%, 63%) !important;
+ cursor: default;
+}
+.el-tabs__nav-scroll {
+ background: var(--tablethead) !important;
+}
+
+.el-table thead {
+ background: var(--tablethead) !important;
+}
+.el-table__body {
+ background: var(--tablebody) !important;
+}
+
+.el-input__inner {
+ background-color: var(--innerbgc) !important;
+ color: var(--white) !important;
+ border: 1px solid rgb(0, 111, 255);
+}
+.el-input.is-disabled .el-input__inner {
+ background-color: var(--elinputdisabled) !important;
+ border: 1px solid rgb(0, 111, 255) !important;
+ color: var(--white) !important;
+}
+
+.el-checkbox {
+ color: var(--white) !important;
+}
+
+.el-input__inner::placeholder {
+ color: var(--white) !important;
+}
+
+.el-icon-date:before,
+.el-icon-time:before {
+ color: var(--eldatebefore) !important;
+}
+.el-aside {
+ background-color: var(--elaside) !important;
+ color: var(--white) !important;
+ /* text-align: center; */
+}
+.el-icon-menu:before,
+.el-icon-location:before {
+ color: var(--elicon) !important;
+}
+.ChangeBGC {
+ float: right;
+ margin-right: 15px;
+ background-color: var(--elhead) !important;
+ color: #fff;
+ cursor: pointer;
+}
+#ContentView {
+ width: 100%;
+ height: 100%;
+}
+/* 顶部 A */
+.el-header {
+ background-color: var(--elhead) !important;
+ color: #fff;
+ text-align: center;
+ line-height: 40px;
+ padding: 0;
+}
+
+#IndexTop1 {
+ margin: 14px;
+ float: left;
+}
+
+#IndexLogo {
+ float: left;
+}
+
+#projectName {
+ float: left;
+ padding: 0 20px;
+ border-left: 1px solid #ccc;
+ height: 24px;
+ line-height: 24px;
+ margin-top: 8px;
+ margin-left: 10px;
+ letter-spacing: 4px;
+ font-weight: 600;
+}
+
+#UserName {
+ float: right;
+ margin-right: 10px;
+}
+
+.el-dropdown-link {
+ cursor: pointer !important;
+ color: #fff !important;
+}
+.el-icon-arrow-down {
+ font-size: 12px !important;
+}
+#IndexMessage,
+#IndexQuanpin,
+#IndexLetout {
+ float: right !important;
+ margin: 12px !important;
+}
+/* 顶部 B */
+/* 左侧菜单 A */
+
+.el-menu-item {
+ @include fa();
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--elmentitemtwo) !important;
+ border-bottom: 2px solid var(--black);
+ /* color: var(--white) !important; */
+ text-align: left;
+ background-color: var(--elmentbgc) !important;
+}
+.el-menu-item .el-menu-item {
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ text-align: center !important;
+}
+.el-menu-vertical-demo {
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--lineargradient) !important;
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ padding-left: 49px !important;
+}
+
+.el-submenu__title {
+ @include fa();
+ border-bottom: 2px solid var(--black) !important;
+ color: var(--white) !important;
+ text-align: left;
+}
+.el-menu-item:hover,
+.el-submenu__title:hover {
+ outline: 0;
+ background-color: #6d6d6d !important;
+}
+.el-submenu.is-active .el-submenu__title {
+ border-bottom-color: var(--black) !important;
+}
+
+/* 左侧菜单 B */
+
+.el-main {
+ /* background-color: #e9eef3; */
+ color: #333;
+ text-align: center;
+ padding: 30px !important;
+ /* line-height: 160px; */
+}
+.el-container {
+ width: 100%;
+}
+.el-message-box__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+.el-date-editor .el-range-separator {
+ color: var(--white) !important;
+}
+.el-range-input {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-picker-panel {
+ background: #182031 !important;
+}
+.el-picker-panel [slot="sidebar"],
+.el-picker-panel__sidebar {
+ background: #182031 !important;
+}
+.el-picker-panel__footer {
+ background: #182031 !important;
+}
+.el-picker-panel__shortcut {
+ color: #c2ceea !important;
+}
+.el-date-editor .el-range-input {
+ color: var(--white) !important;
+}
+.el-date-range-picker__header .el-picker-panel__icon-btn {
+ color: #fff !important;
+}
+.el-time-panel {
+ background-color: rgb(24, 32, 49) !important;
+}
+
+.el-select-dropdown,
+.el-cascader-menu__list {
+ background-color: var(--selectlist) !important;
+ border: 1px solid var(--selecthover) !important;
+}
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover,
+.el-cascader-node:hover {
+ background-color: var(--selecthover) !important;
+}
+.el-select-dropdown__item,
+.el-cascader-menu__list {
+ color: var(--white) !important;
+}
+.el-select-dropdown__item.selected {
+ color: var(--selected) !important;
+}
+/* tabs A*/
+.el-tabs {
+ height: 100% !important;
+ box-sizing: border-box !important;
+ padding: 5px !important;
+}
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+.el-tabs__item {
+ color: white !important;
+}
+.el-tabs__nav-wrap::after {
+ content: "";
+ position: absolute !important;
+ left: 0 !important;
+ bottom: 0 !important;
+ width: 100% !important;
+ height: 2px !important;
+ background-color: #e4e7ed00 !important;
+ z-index: 1 !important;
+}
+.el-tabs__active-bar {
+ background-color: var(--yellow) !important;
+}
+.el-tabs__item.is-active {
+ color: var(--yellow) !important;
+}
+
+.el-tab-pane {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+
+.el-tabs {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__item {
+ color: var(--white) !important;
+}
+
+.el-table {
+ background: rgba(5, 12, 30, 0) !important;
+}
+
+.el-table tr {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+
+.el-table th {
+ background: rgba(255, 255, 255, 0) !important;
+}
+
+.el-table td,
+.el-table th.is-leaf {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: black !important;
+}
+
+.el-table th .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table td .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table__body-wrapper {
+ height: calc(100% - 49px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: var(--selecthover) !important;
+}
+/* 分页 A*/
+.el-pagination button:disabled {
+ background-color: #fdfdfd12 !important;
+ color: #999 !important;
+}
+
+.el-pagination .btn-next,
+.el-pagination .btn-prev {
+ background-color: #999 !important;
+ color: white !important;
+}
+
+.el-pager li {
+ background-color: var(--btnbgc) !important;
+ color: var(--white) !important;
+}
+
+.el-pager li.btn-quicknext,
+.el-pager li.btn-quickprev {
+ line-height: 28px !important;
+ // color: #c1c5cc !important;
+}
+
+.el-dialog {
+ background: var(--diagiobgc) !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-dialog__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-message-box__title {
+ color: aqua !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+/* 多选 A*/
+
+.el-checkbox__input.is-disabled + span.el-checkbox__label {
+ color: #878788 !important;
+ cursor: not-allowed !important;
+}
+
+.el-textarea__inner {
+ background-color: var(--tablethead);
+ color: var(--white) !important;
+ border: 1px solid rgb(4, 51, 52) !important;
+}
+.el-textarea__inner::placeholder {
+ color: var(--white);
+}
+/* textarea 样式B */
+/* 新烽查询系统单独样式 A */
+#NFSNo2 .el-table__header tr,
+#NFSNo2 .el-table__header th {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body tr,
+#NFSNo2 .el-table__body td {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body-wrapper {
+ height: calc(100% - 69px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+/* 新烽查询系统单独样式 B */
+
+/* 删除弹窗 */
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+
+/* 菜单 */
+.el-menu {
+ border-right: 0px solid #e6e6e6 !important;
+}
+
+.el-tree {
+ background: rgba(225, 225, 225, 0);
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ background-color: #042d3c;
+}
diff --git a/src/components/index.vue b/src/components/index.vue
index c0fccbb..71db528 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -330,61 +330,6 @@
};
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 9523d01..9ba8718 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -164,9 +164,9 @@
:class="[
site.status === 0
? 'online'
- : site.state === 1
+ : site.status === 1
? 'offline'
- : '异常'
+ : ''
]"
>
{{ site.status | formatState }}
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..31e0d21
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,448 @@
+.el-table--border {
+ border-left: none !important;
+}
+.el-icon-arrow-up:before {
+ color: var(--white) !important;
+}
+.vue-treeselect__placeholder {
+ color: var(--white) !important;
+}
+.el-icon-arrow-down:before {
+ color: var(--white) !important;
+ font-weight: bold !important;
+}
+.form-cascader .el-cascader-node:not(.is-disabled):focus,
+.form-cascader .el-cascader-node:not(.is-disabled):hover {
+ background-color: var(--selecthover) !important;
+}
+.el-cascader-node.in-active-path,
+.el-cascader-node.is-active,
+.el-cascader-node.is-selectable.in-checked-path {
+ color: var(--selected) !important;
+}
+.el-select-dropdown__list {
+ background-color: var(--shouselect) !important;
+}
+
+.el-dialog__header,
+.el-dialog__body,
+.el-dialog__footer {
+ background-color: var(--tablethead) !important;
+}
+
+.el-form-item__label {
+ color: var(--digtext) !important;
+}
+
+.el-pagination__jump {
+ color: var(--white) !important;
+}
+.el-pagination__total {
+ color: var(--white) !important;
+}
+
+.el-icon-arrow-right:before,
+.el-icon-arrow-left:before {
+ color: rgb(127, 255, 0) !important;
+}
+
+.el-pagination .el-pager li.active {
+ background-color: hsl(210, 100%, 63%) !important;
+ cursor: default;
+}
+.el-tabs__nav-scroll {
+ background: var(--tablethead) !important;
+}
+
+.el-table thead {
+ background: var(--tablethead) !important;
+}
+.el-table__body {
+ background: var(--tablebody) !important;
+}
+
+.el-input__inner {
+ background-color: var(--innerbgc) !important;
+ color: var(--white) !important;
+ border: 1px solid rgb(0, 111, 255);
+}
+.el-input.is-disabled .el-input__inner {
+ background-color: var(--elinputdisabled) !important;
+ border: 1px solid rgb(0, 111, 255) !important;
+ color: var(--white) !important;
+}
+
+.el-checkbox {
+ color: var(--white) !important;
+}
+
+.el-input__inner::placeholder {
+ color: var(--white) !important;
+}
+
+.el-icon-date:before,
+.el-icon-time:before {
+ color: var(--eldatebefore) !important;
+}
+.el-aside {
+ background-color: var(--elaside) !important;
+ color: var(--white) !important;
+ /* text-align: center; */
+}
+.el-icon-menu:before,
+.el-icon-location:before {
+ color: var(--elicon) !important;
+}
+.ChangeBGC {
+ float: right;
+ margin-right: 15px;
+ background-color: var(--elhead) !important;
+ color: #fff;
+ cursor: pointer;
+}
+#ContentView {
+ width: 100%;
+ height: 100%;
+}
+/* 顶部 A */
+.el-header {
+ background-color: var(--elhead) !important;
+ color: #fff;
+ text-align: center;
+ line-height: 40px;
+ padding: 0;
+}
+
+#IndexTop1 {
+ margin: 14px;
+ float: left;
+}
+
+#IndexLogo {
+ float: left;
+}
+
+#projectName {
+ float: left;
+ padding: 0 20px;
+ border-left: 1px solid #ccc;
+ height: 24px;
+ line-height: 24px;
+ margin-top: 8px;
+ margin-left: 10px;
+ letter-spacing: 4px;
+ font-weight: 600;
+}
+
+#UserName {
+ float: right;
+ margin-right: 10px;
+}
+
+.el-dropdown-link {
+ cursor: pointer !important;
+ color: #fff !important;
+}
+.el-icon-arrow-down {
+ font-size: 12px !important;
+}
+#IndexMessage,
+#IndexQuanpin,
+#IndexLetout {
+ float: right !important;
+ margin: 12px !important;
+}
+/* 顶部 B */
+/* 左侧菜单 A */
+
+.el-menu-item {
+ @include fa();
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--elmentitemtwo) !important;
+ border-bottom: 2px solid var(--black);
+ /* color: var(--white) !important; */
+ text-align: left;
+ background-color: var(--elmentbgc) !important;
+}
+.el-menu-item .el-menu-item {
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ text-align: center !important;
+}
+.el-menu-vertical-demo {
+ background-color: var(--elmenuitem) !important;
+ background-image: var(--lineargradient) !important;
+ color: var(--white) !important;
+}
+.el-submenu .el-menu-item {
+ padding-left: 49px !important;
+}
+
+.el-submenu__title {
+ @include fa();
+ border-bottom: 2px solid var(--black) !important;
+ color: var(--white) !important;
+ text-align: left;
+}
+.el-menu-item:hover,
+.el-submenu__title:hover {
+ outline: 0;
+ background-color: #6d6d6d !important;
+}
+.el-submenu.is-active .el-submenu__title {
+ border-bottom-color: var(--black) !important;
+}
+
+/* 左侧菜单 B */
+
+.el-main {
+ /* background-color: #e9eef3; */
+ color: #333;
+ text-align: center;
+ padding: 30px !important;
+ /* line-height: 160px; */
+}
+.el-container {
+ width: 100%;
+}
+.el-message-box__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+.el-date-editor .el-range-separator {
+ color: var(--white) !important;
+}
+.el-range-input {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-picker-panel {
+ background: #182031 !important;
+}
+.el-picker-panel [slot="sidebar"],
+.el-picker-panel__sidebar {
+ background: #182031 !important;
+}
+.el-picker-panel__footer {
+ background: #182031 !important;
+}
+.el-picker-panel__shortcut {
+ color: #c2ceea !important;
+}
+.el-date-editor .el-range-input {
+ color: var(--white) !important;
+}
+.el-date-range-picker__header .el-picker-panel__icon-btn {
+ color: #fff !important;
+}
+.el-time-panel {
+ background-color: rgb(24, 32, 49) !important;
+}
+
+.el-select-dropdown,
+.el-cascader-menu__list {
+ background-color: var(--selectlist) !important;
+ border: 1px solid var(--selecthover) !important;
+}
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover,
+.el-cascader-node:hover {
+ background-color: var(--selecthover) !important;
+}
+.el-select-dropdown__item,
+.el-cascader-menu__list {
+ color: var(--white) !important;
+}
+.el-select-dropdown__item.selected {
+ color: var(--selected) !important;
+}
+/* tabs A*/
+.el-tabs {
+ height: 100% !important;
+ box-sizing: border-box !important;
+ padding: 5px !important;
+}
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+.el-tabs__item {
+ color: white !important;
+}
+.el-tabs__nav-wrap::after {
+ content: "";
+ position: absolute !important;
+ left: 0 !important;
+ bottom: 0 !important;
+ width: 100% !important;
+ height: 2px !important;
+ background-color: #e4e7ed00 !important;
+ z-index: 1 !important;
+}
+.el-tabs__active-bar {
+ background-color: var(--yellow) !important;
+}
+.el-tabs__item.is-active {
+ color: var(--yellow) !important;
+}
+
+.el-tab-pane {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__content {
+ height: calc(100% - 55px) !important;
+}
+
+.el-tabs {
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.el-tabs__item {
+ color: var(--white) !important;
+}
+
+.el-table {
+ background: rgba(5, 12, 30, 0) !important;
+}
+
+.el-table tr {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+
+.el-table th {
+ background: rgba(255, 255, 255, 0) !important;
+}
+
+.el-table td,
+.el-table th.is-leaf {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: black !important;
+}
+
+.el-table th .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table td .cell {
+ color: var(--white) !important;
+ text-align: center !important;
+}
+
+.el-table__body-wrapper {
+ height: calc(100% - 49px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: rgba(255, 255, 255, 0.05) !important;
+}
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background: var(--selecthover) !important;
+}
+/* 分页 A*/
+.el-pagination button:disabled {
+ background-color: #fdfdfd12 !important;
+ color: #999 !important;
+}
+
+.el-pagination .btn-next,
+.el-pagination .btn-prev {
+ background-color: #999 !important;
+ color: white !important;
+}
+
+.el-pager li {
+ background-color: var(--btnbgc) !important;
+ color: var(--white) !important;
+}
+
+.el-pager li.btn-quicknext,
+.el-pager li.btn-quickprev {
+ line-height: 28px !important;
+ // color: #c1c5cc !important;
+}
+
+.el-dialog {
+ background: var(--diagiobgc) !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-dialog__title {
+ color: var(--diatitle) !important;
+}
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+.el-message-box__title {
+ color: aqua !important;
+}
+.el-message-box__content {
+ color: white !important;
+}
+/* 多选 A*/
+
+.el-checkbox__input.is-disabled + span.el-checkbox__label {
+ color: #878788 !important;
+ cursor: not-allowed !important;
+}
+
+.el-textarea__inner {
+ background-color: var(--tablethead);
+ color: var(--white) !important;
+ border: 1px solid rgb(4, 51, 52) !important;
+}
+.el-textarea__inner::placeholder {
+ color: var(--white);
+}
+/* textarea 样式B */
+/* 新烽查询系统单独样式 A */
+#NFSNo2 .el-table__header tr,
+#NFSNo2 .el-table__header th {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body tr,
+#NFSNo2 .el-table__body td {
+ padding: 0 !important;
+ height: 40px !important;
+}
+#NFSNo2 .el-table__body-wrapper {
+ height: calc(100% - 69px) !important;
+ overflow-y: auto !important;
+ background: rgba(27, 27, 28, 0) !important;
+}
+/* 新烽查询系统单独样式 B */
+
+/* 删除弹窗 */
+.el-message-box {
+ background: #000000 !important;
+ border: 1px solid rgb(102, 177, 255);
+}
+
+/* 菜单 */
+.el-menu {
+ border-right: 0px solid #e6e6e6 !important;
+}
+
+.el-tree {
+ background: rgba(225, 225, 225, 0);
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ background-color: #042d3c;
+}
diff --git a/src/components/index.vue b/src/components/index.vue
index c0fccbb..71db528 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -330,61 +330,6 @@
};
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 9523d01..9ba8718 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -164,9 +164,9 @@
:class="[
site.status === 0
? 'online'
- : site.state === 1
+ : site.status === 1
? 'offline'
- : '异常'
+ : ''
]"
>
{{ site.status | formatState }}
diff --git a/src/main.js b/src/main.js
index eb277ec..5d5ab70 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,23 +4,24 @@
import App from "./App";
import router from "./router";
// import ElementUI from "element-ui"; //引入js
-import '@/element';
+import "@/element";
import "element-ui/lib/theme-chalk/index.css"; //引入css
import "@/assets/css/index.css";
+import "@/assets/css/skincolor.scss";
Vue.config.productionTip = false;
// 引入vue-echarts组件库
-let echarts = require('echarts/lib/echarts');
+let echarts = require("echarts/lib/echarts");
// 引入折线图/柱状图等组件
-require('echarts/lib/chart/line');
-require('echarts/lib/chart/radar');
+require("echarts/lib/chart/line");
+require("echarts/lib/chart/radar");
// 引入提示框和title组件,图例
-require('echarts/lib/component/title');
-require('echarts/lib/component/legend');
-require('echarts/lib/component/radar');
-require('echarts/lib/component/tooltip');
-require('echarts/lib/component/toolbox');
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/radar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
Vue.prototype.$echarts = echarts;
import moment from "moment";