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 @@
 };
 </script>
 <style lang="scss">
-.el-table--border {
-  border-left: none;
-}
-.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;
-}
-.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;
-}
 #IndexTop {
   width: 100%;
   height: 100%;
@@ -394,397 +339,4 @@
 .indexbgc {
   background: url("../../static/img/bg_img.png") 100% 100% !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;
-  color: #fff;
-}
-.el-icon-arrow-down {
-  font-size: 12px;
-}
-#IndexMessage,
-#IndexQuanpin,
-#IndexLetout {
-  float: right;
-  margin: 12px;
-}
-/* 顶部 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;
-}
-.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;
-}
 </style>

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 @@
 };
 </script>
 <style lang="scss">
-.el-table--border {
-  border-left: none;
-}
-.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;
-}
-.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;
-}
 #IndexTop {
   width: 100%;
   height: 100%;
@@ -394,397 +339,4 @@
 .indexbgc {
   background: url("../../static/img/bg_img.png") 100% 100% !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;
-  color: #fff;
-}
-.el-icon-arrow-down {
-  font-size: 12px;
-}
-#IndexMessage,
-#IndexQuanpin,
-#IndexLetout {
-  float: right;
-  margin: 12px;
-}
-/* 顶部 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;
-}
-.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;
-}
 </style>
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 @@
 };
 </script>
 <style lang="scss">
-.el-table--border {
-  border-left: none;
-}
-.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;
-}
-.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;
-}
 #IndexTop {
   width: 100%;
   height: 100%;
@@ -394,397 +339,4 @@
 .indexbgc {
   background: url("../../static/img/bg_img.png") 100% 100% !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;
-  color: #fff;
-}
-.el-icon-arrow-down {
-  font-size: 12px;
-}
-#IndexMessage,
-#IndexQuanpin,
-#IndexLetout {
-  float: right;
-  margin: 12px;
-}
-/* 顶部 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;
-}
-.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;
-}
 </style>
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";