diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..f39f27d
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,453 @@
+.vue-treeselect .vue-treeselect__control {
+  border: 1px solid rgb(0, 119, 254) !important;
+  background-color: var(--innerbgc) !important;
+}
+
+.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..f39f27d
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,453 @@
+.vue-treeselect .vue-treeselect__control {
+  border: 1px solid rgb(0, 119, 254) !important;
+  background-color: var(--innerbgc) !important;
+}
+
+.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/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 22a2509..5ecb13e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -653,7 +653,11 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              that.$refs.cascader.dropDownVisible = false;
+              if(Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              }else{
+                that.$refs.cascader.dropDownVisible = false;
+              }
             };
           });
         }, 1000);

diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..f39f27d
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,453 @@
+.vue-treeselect .vue-treeselect__control {
+  border: 1px solid rgb(0, 119, 254) !important;
+  background-color: var(--innerbgc) !important;
+}
+
+.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/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 22a2509..5ecb13e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -653,7 +653,11 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              that.$refs.cascader.dropDownVisible = false;
+              if(Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              }else{
+                that.$refs.cascader.dropDownVisible = false;
+              }
             };
           });
         }, 1000);
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 9fbe98e..6448cd5 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -90,11 +90,11 @@
           @change="handleEvent(item.event, data[item.value])"
         >
           <el-option
-          v-for="(childItem, childIndex) in listTypeInfo[item.list]"
-          :key="childIndex"
-          :label="childItem.key"
-          :value="childItem.value"
-        />
+            v-for="(childItem, childIndex) in listTypeInfo[item.list]"
+            :key="childIndex"
+            :label="childItem.key"
+            :value="childItem.value"
+          />
         </el-select>
         <!-- 树形选择器 -->
         <treeselect
@@ -233,10 +233,12 @@
         //结束时间不能大于开始时间
         disabledDate: time => {
           if (this.data.endTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let endTime = new Date(this.data.endTime).getTime();
             let limitTime = endTime - halfYear;
-            let result = this.limitTime ? (limitTime > time.getTime() || time.getTime() > endTime) : (time.getTime() > endTime);
+            let result = this.limitTime
+              ? limitTime > time.getTime() || time.getTime() > endTime
+              : time.getTime() > endTime;
             return result;
           }
         }
@@ -244,10 +246,12 @@
       pickerOptionsEnd: {
         disabledDate: time => {
           if (this.data.startTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let startTime = new Date(this.data.startTime).getTime();
             let limitTime = startTime + halfYear;
-            let result = this.limitTime ? (limitTime < time.getTime() || time.getTime() < startTime) : (time.getTime() < startTime);
+            let result = this.limitTime
+              ? limitTime < time.getTime() || time.getTime() < startTime
+              : time.getTime() < startTime;
             return result;
           }
         }
@@ -280,7 +284,7 @@
           }
         }
       },
-      deep: true, // 深度监听
+      deep: true // 深度监听
     }
   },
   mounted() {
@@ -357,11 +361,11 @@
       };
     },
     //级联选中节点时触发事件
-    handleChange(val,node) {
-      if(this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
+    handleChange(val, node) {
+      if (this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
         const checkedNode = this.$refs.cascader[0].getCheckedNodes();
         const nodeObj = checkedNode[0];
-        this.$emit('currentAreaJwd',nodeObj);
+        this.$emit("currentAreaJwd", nodeObj);
       }
       this.data.area = val.length ? val[val.length - 1] : "";
     },
@@ -419,7 +423,7 @@
     .el-form-item__label {
       text-align: right !important;
     }
-    .el-icon-date:before{
+    .el-icon-date:before {
       color: #fff;
     }
   }
@@ -489,23 +493,23 @@
 /deep/ .vue-treeselect {
   .vue-treeselect__control {
     padding-left: 10px;
-    border: 1px solid rgb(4, 51, 52);
+    border: 1px solid var(--selecthover);
     background-color: transparent;
   }
   .vue-treeselect__single-value {
     color: var(--white);
   }
   .vue-treeselect__menu {
-    color: #fff;
+    color: var(--white);
     z-index: 99999;
-    background-color: #3c3939;
-    border: 1px solid rgb(4, 51, 52);
+    background-color: var(--shouselect);
+    border: 1px solid var(--selecthover);
   }
   .vue-treeselect__menu-container {
     z-index: 99999;
   }
   .vue-treeselect__option--highlight {
-    background: rgb(4, 51, 52);
+    background: var(--selecthover);
   }
   .vue-treeselect__checkbox--checked {
     border-color: #039be5;
@@ -515,11 +519,11 @@
 /deep/
   .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
   .vue-treeselect__control:hover {
-  border: 1px solid rgb(4, 51, 52);
+  border: 1px solid var(--selecthover);
 }
 /deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: #efe201 !important;
-  background: rgb(4, 51, 52);
+  color: rgb(4, 51, 52) !important;
+  background: var(--selecthover);
 }
 /****级联样式重置****/
 /deep/ .el-cascader {

diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..f39f27d
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,453 @@
+.vue-treeselect .vue-treeselect__control {
+  border: 1px solid rgb(0, 119, 254) !important;
+  background-color: var(--innerbgc) !important;
+}
+
+.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/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 22a2509..5ecb13e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -653,7 +653,11 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              that.$refs.cascader.dropDownVisible = false;
+              if(Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              }else{
+                that.$refs.cascader.dropDownVisible = false;
+              }
             };
           });
         }, 1000);
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 9fbe98e..6448cd5 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -90,11 +90,11 @@
           @change="handleEvent(item.event, data[item.value])"
         >
           <el-option
-          v-for="(childItem, childIndex) in listTypeInfo[item.list]"
-          :key="childIndex"
-          :label="childItem.key"
-          :value="childItem.value"
-        />
+            v-for="(childItem, childIndex) in listTypeInfo[item.list]"
+            :key="childIndex"
+            :label="childItem.key"
+            :value="childItem.value"
+          />
         </el-select>
         <!-- 树形选择器 -->
         <treeselect
@@ -233,10 +233,12 @@
         //结束时间不能大于开始时间
         disabledDate: time => {
           if (this.data.endTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let endTime = new Date(this.data.endTime).getTime();
             let limitTime = endTime - halfYear;
-            let result = this.limitTime ? (limitTime > time.getTime() || time.getTime() > endTime) : (time.getTime() > endTime);
+            let result = this.limitTime
+              ? limitTime > time.getTime() || time.getTime() > endTime
+              : time.getTime() > endTime;
             return result;
           }
         }
@@ -244,10 +246,12 @@
       pickerOptionsEnd: {
         disabledDate: time => {
           if (this.data.startTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let startTime = new Date(this.data.startTime).getTime();
             let limitTime = startTime + halfYear;
-            let result = this.limitTime ? (limitTime < time.getTime() || time.getTime() < startTime) : (time.getTime() < startTime);
+            let result = this.limitTime
+              ? limitTime < time.getTime() || time.getTime() < startTime
+              : time.getTime() < startTime;
             return result;
           }
         }
@@ -280,7 +284,7 @@
           }
         }
       },
-      deep: true, // 深度监听
+      deep: true // 深度监听
     }
   },
   mounted() {
@@ -357,11 +361,11 @@
       };
     },
     //级联选中节点时触发事件
-    handleChange(val,node) {
-      if(this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
+    handleChange(val, node) {
+      if (this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
         const checkedNode = this.$refs.cascader[0].getCheckedNodes();
         const nodeObj = checkedNode[0];
-        this.$emit('currentAreaJwd',nodeObj);
+        this.$emit("currentAreaJwd", nodeObj);
       }
       this.data.area = val.length ? val[val.length - 1] : "";
     },
@@ -419,7 +423,7 @@
     .el-form-item__label {
       text-align: right !important;
     }
-    .el-icon-date:before{
+    .el-icon-date:before {
       color: #fff;
     }
   }
@@ -489,23 +493,23 @@
 /deep/ .vue-treeselect {
   .vue-treeselect__control {
     padding-left: 10px;
-    border: 1px solid rgb(4, 51, 52);
+    border: 1px solid var(--selecthover);
     background-color: transparent;
   }
   .vue-treeselect__single-value {
     color: var(--white);
   }
   .vue-treeselect__menu {
-    color: #fff;
+    color: var(--white);
     z-index: 99999;
-    background-color: #3c3939;
-    border: 1px solid rgb(4, 51, 52);
+    background-color: var(--shouselect);
+    border: 1px solid var(--selecthover);
   }
   .vue-treeselect__menu-container {
     z-index: 99999;
   }
   .vue-treeselect__option--highlight {
-    background: rgb(4, 51, 52);
+    background: var(--selecthover);
   }
   .vue-treeselect__checkbox--checked {
     border-color: #039be5;
@@ -515,11 +519,11 @@
 /deep/
   .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
   .vue-treeselect__control:hover {
-  border: 1px solid rgb(4, 51, 52);
+  border: 1px solid var(--selecthover);
 }
 /deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: #efe201 !important;
-  background: rgb(4, 51, 52);
+  color: rgb(4, 51, 52) !important;
+  background: var(--selecthover);
 }
 /****级联样式重置****/
 /deep/ .el-cascader {
diff --git a/src/components/index.vue b/src/components/index.vue
index 329e0d0..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);
-}
-.vue-treeselect__placeholder {
-  color: var(--white);
-}
-.el-icon-arrow-down:before {
-  color: var(--white);
-  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);
-}
-.el-select-dropdown__list {
-  background-color: var(--shouselect);
-}
-
-.el-dialog__header,
-.el-dialog__body,
-.el-dialog__footer {
-  background-color: var(--tablethead);
-}
-
-.el-form-item__label {
-  color: var(--digtext);
-}
-
-.el-pagination__jump {
-  color: var(--white);
-}
-.el-pagination__total {
-  color: var(--white);
-}
-
-.el-icon-arrow-right:before,
-.el-icon-arrow-left:before {
-  color: rgb(127, 255, 0);
-}
-
-.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);
-}
-.el-table__body {
-  background: var(--tablebody);
-}
-
-.el-input__inner {
-  background-color: var(--innerbgc);
-  color: var(--white);
-  border: 1px solid rgb(0, 111, 255);
-}
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--elinputdisabled);
-  border: 1px solid rgb(0, 111, 255);
-  color: var(--white) !important;
-}
-
-.el-checkbox {
-  color: var(--white);
-}
-
-.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);
-}
-.ChangeBGC {
-  float: right;
-  margin-right: 15px;
-  background-color: var(--elhead);
-  color: #fff;
-  cursor: pointer;
-}
-#ContentView {
-  width: 100%;
-  height: 100%;
-}
-/* 顶部 A */
-.el-header {
-  background-color: var(--elhead);
-  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);
-}
-.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);
-  color: var(--white);
-  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);
-}
-.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);
-}
-.el-select-dropdown__item,
-.el-cascader-menu__list {
-  color: var(--white);
-}
-.el-select-dropdown__item.selected {
-  color: var(--selected);
-}
-/* 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..f39f27d
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,453 @@
+.vue-treeselect .vue-treeselect__control {
+  border: 1px solid rgb(0, 119, 254) !important;
+  background-color: var(--innerbgc) !important;
+}
+
+.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/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 22a2509..5ecb13e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -653,7 +653,11 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              that.$refs.cascader.dropDownVisible = false;
+              if(Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              }else{
+                that.$refs.cascader.dropDownVisible = false;
+              }
             };
           });
         }, 1000);
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 9fbe98e..6448cd5 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -90,11 +90,11 @@
           @change="handleEvent(item.event, data[item.value])"
         >
           <el-option
-          v-for="(childItem, childIndex) in listTypeInfo[item.list]"
-          :key="childIndex"
-          :label="childItem.key"
-          :value="childItem.value"
-        />
+            v-for="(childItem, childIndex) in listTypeInfo[item.list]"
+            :key="childIndex"
+            :label="childItem.key"
+            :value="childItem.value"
+          />
         </el-select>
         <!-- 树形选择器 -->
         <treeselect
@@ -233,10 +233,12 @@
         //结束时间不能大于开始时间
         disabledDate: time => {
           if (this.data.endTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let endTime = new Date(this.data.endTime).getTime();
             let limitTime = endTime - halfYear;
-            let result = this.limitTime ? (limitTime > time.getTime() || time.getTime() > endTime) : (time.getTime() > endTime);
+            let result = this.limitTime
+              ? limitTime > time.getTime() || time.getTime() > endTime
+              : time.getTime() > endTime;
             return result;
           }
         }
@@ -244,10 +246,12 @@
       pickerOptionsEnd: {
         disabledDate: time => {
           if (this.data.startTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let startTime = new Date(this.data.startTime).getTime();
             let limitTime = startTime + halfYear;
-            let result = this.limitTime ? (limitTime < time.getTime() || time.getTime() < startTime) : (time.getTime() < startTime);
+            let result = this.limitTime
+              ? limitTime < time.getTime() || time.getTime() < startTime
+              : time.getTime() < startTime;
             return result;
           }
         }
@@ -280,7 +284,7 @@
           }
         }
       },
-      deep: true, // 深度监听
+      deep: true // 深度监听
     }
   },
   mounted() {
@@ -357,11 +361,11 @@
       };
     },
     //级联选中节点时触发事件
-    handleChange(val,node) {
-      if(this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
+    handleChange(val, node) {
+      if (this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
         const checkedNode = this.$refs.cascader[0].getCheckedNodes();
         const nodeObj = checkedNode[0];
-        this.$emit('currentAreaJwd',nodeObj);
+        this.$emit("currentAreaJwd", nodeObj);
       }
       this.data.area = val.length ? val[val.length - 1] : "";
     },
@@ -419,7 +423,7 @@
     .el-form-item__label {
       text-align: right !important;
     }
-    .el-icon-date:before{
+    .el-icon-date:before {
       color: #fff;
     }
   }
@@ -489,23 +493,23 @@
 /deep/ .vue-treeselect {
   .vue-treeselect__control {
     padding-left: 10px;
-    border: 1px solid rgb(4, 51, 52);
+    border: 1px solid var(--selecthover);
     background-color: transparent;
   }
   .vue-treeselect__single-value {
     color: var(--white);
   }
   .vue-treeselect__menu {
-    color: #fff;
+    color: var(--white);
     z-index: 99999;
-    background-color: #3c3939;
-    border: 1px solid rgb(4, 51, 52);
+    background-color: var(--shouselect);
+    border: 1px solid var(--selecthover);
   }
   .vue-treeselect__menu-container {
     z-index: 99999;
   }
   .vue-treeselect__option--highlight {
-    background: rgb(4, 51, 52);
+    background: var(--selecthover);
   }
   .vue-treeselect__checkbox--checked {
     border-color: #039be5;
@@ -515,11 +519,11 @@
 /deep/
   .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
   .vue-treeselect__control:hover {
-  border: 1px solid rgb(4, 51, 52);
+  border: 1px solid var(--selecthover);
 }
 /deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: #efe201 !important;
-  background: rgb(4, 51, 52);
+  color: rgb(4, 51, 52) !important;
+  background: var(--selecthover);
 }
 /****级联样式重置****/
 /deep/ .el-cascader {
diff --git a/src/components/index.vue b/src/components/index.vue
index 329e0d0..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);
-}
-.vue-treeselect__placeholder {
-  color: var(--white);
-}
-.el-icon-arrow-down:before {
-  color: var(--white);
-  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);
-}
-.el-select-dropdown__list {
-  background-color: var(--shouselect);
-}
-
-.el-dialog__header,
-.el-dialog__body,
-.el-dialog__footer {
-  background-color: var(--tablethead);
-}
-
-.el-form-item__label {
-  color: var(--digtext);
-}
-
-.el-pagination__jump {
-  color: var(--white);
-}
-.el-pagination__total {
-  color: var(--white);
-}
-
-.el-icon-arrow-right:before,
-.el-icon-arrow-left:before {
-  color: rgb(127, 255, 0);
-}
-
-.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);
-}
-.el-table__body {
-  background: var(--tablebody);
-}
-
-.el-input__inner {
-  background-color: var(--innerbgc);
-  color: var(--white);
-  border: 1px solid rgb(0, 111, 255);
-}
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--elinputdisabled);
-  border: 1px solid rgb(0, 111, 255);
-  color: var(--white) !important;
-}
-
-.el-checkbox {
-  color: var(--white);
-}
-
-.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);
-}
-.ChangeBGC {
-  float: right;
-  margin-right: 15px;
-  background-color: var(--elhead);
-  color: #fff;
-  cursor: pointer;
-}
-#ContentView {
-  width: 100%;
-  height: 100%;
-}
-/* 顶部 A */
-.el-header {
-  background-color: var(--elhead);
-  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);
-}
-.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);
-  color: var(--white);
-  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);
-}
-.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);
-}
-.el-select-dropdown__item,
-.el-cascader-menu__list {
-  color: var(--white);
-}
-.el-select-dropdown__item.selected {
-  color: var(--selected);
-}
-/* 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..98c49ef 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -59,7 +59,7 @@
                   ></div>
                 </div>
                 <span class="NFSNo1BotLiStatisticslistValue">{{
-                  item.totalPercentage
+                  item.total
                 }}</span>
               </div>
               <div class="NFSNo1BotLiStatisticslist">
@@ -76,7 +76,7 @@
                   ></div>
                 </div>
                 <span class="NFSNo1BotLiStatisticslistValue">{{
-                  item.exceptionStatePercentage
+                  item.exceptionState
                 }}</span>
               </div>
               <div class="NFSNo1BotLiStatisticslist">
@@ -93,7 +93,7 @@
                   ></div>
                 </div>
                 <span class="NFSNo1BotLiStatisticslistValue">{{
-                  item.offLinePercentage
+                  item.offLine
                 }}</span>
               </div>
             </div>
@@ -164,9 +164,9 @@
                 :class="[
                   site.status === 0
                     ? 'online'
-                    : site.state === 1
+                    : site.status === 1
                     ? 'offline'
-                    : '异常'
+                    : ''
                 ]"
               >
                 {{ site.status | formatState }}
@@ -180,10 +180,6 @@
         <div
           id="NFSNo2"
           v-if="isNFSSite"
-          v-loading="loading2"
-          element-loading-text="拼命加载中"
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 0, 0, 0.8)"
         >
           <div id="NFSTop">
             <!-- <el-select
@@ -211,6 +207,10 @@
             <el-table
               :data="NFSNowDataTableData"
               style="width: 100%;height:140px;"
+              v-loading="loading2"
+              element-loading-text="拼命加载中"
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
             >
               <template v-for="(item, index) in NFSNowDataTableHead">
                 <el-table-column
@@ -254,6 +254,10 @@
                   <el-table
                     :data="HistoryTableData"
                     style="width: 100%;height:calc(100% - 45px)"
+                    v-loading="loading3"
+                    element-loading-text="拼命加载中"
+                    element-loading-spinner="el-icon-loading"
+                    element-loading-background="rgba(0, 0, 0, 0.8)"
                   >
                     <template v-for="(col, index) in NFSNowDataTableHead">
                       <el-table-column
@@ -465,6 +469,7 @@
       isTrueXls: true,
       loading: false,
       loading2: false,
+      loading3: false,
       //左侧站点列表
       siteName: "",
       leftSiteList: [],
@@ -539,41 +544,43 @@
           if (res.data.data.length) {
             this.leftSiteList = res.data.data;
           }
+        }).catch(response => {
+          message(response);
         });
       this.HistoryTableData = [];
       this.NFSNowDataTableData = [];
       this.NFSNowDataTableHead = [];
       this.isNFSSite = true;
-      this.loading2 = true;
-      this.$http
-        .get(
-          this.nozzle.groupsSelectSiteNoByGroupsNo +
-            "?platformCode=" +
-            platformCode
-        )
-        .then(response => {
-          // console.log(response);
-          this.loading2 = false;
-          this.SiteOptions = response.data.data;
-          // if (this.SiteOptions.length > 0) {
-          this.SiteNo = response.data.data[0].stCode;
+      
+      // this.$http
+      //   .get(
+      //     this.nozzle.groupsSelectSiteNoByGroupsNo +
+      //       "?platformCode=" +
+      //       platformCode
+      //   )
+      //   .then(response => {
+      //     // console.log(response);
+      //     this.loading2 = false;
+      //     this.SiteOptions = response.data.data;
+      //     // if (this.SiteOptions.length > 0) {
+      //     this.SiteNo = response.data.data[0].stCode;
 
-          // 讲站点详情页面中做的页面优化进行重置
-          this.FirstOn = true;
-          this.YinZiChange = true;
-          this.DateisChange = false;
-          this.HistoryBox = "DateGrid";
-          // } else {
-          //   this.$message({
-          //     showClose: true,
-          //     message: "该分组下无站点数据",
-          //     type: "warning"
-          //   });
-          // }
-        })
-        .catch(response => {
-          message(response);
-        });
+      //     // 讲站点详情页面中做的页面优化进行重置
+      //     this.FirstOn = true;
+      //     this.YinZiChange = true;
+      //     this.DateisChange = false;
+      //     this.HistoryBox = "DateGrid";
+      //     // } else {
+      //     //   this.$message({
+      //     //     showClose: true,
+      //     //     message: "该分组下无站点数据",
+      //     //     type: "warning"
+      //     //   });
+      //     // }
+      //   })
+      //   .catch(response => {
+      //     message(response);
+      //   });
     },
     //点击事件
     handleClick(event, data) {
@@ -631,6 +638,7 @@
     },
     // 根据站点编号查询站点的实时数据
     LoadSiteDataNow() {
+      this.loading2 = true;
       this.$http
         .get(
           this.nozzle.dataSelectSiteSiteManBySerial +
@@ -638,6 +646,7 @@
             this.currentSiteNo
         )
         .then(response => {
+          this.loading2 = false;
           this.NFSNowDataTableData = JSON.parse(
             JSON.stringify([response.data])
           );
@@ -663,6 +672,7 @@
         })
         .catch(response => {
           message(response);
+          this.loading2 = false;
         });
     },
     //tabs的点击事件
@@ -712,6 +722,7 @@
     },
     // 历史表格数据请求
     loadDataGridData() {
+      this.loading3 = true;
       this.$http
         .get(
           this.nozzle.dataSelectSiteSiteManHistoryDataMongoBySerial +
@@ -727,6 +738,7 @@
             this.TimeBoxValue[1]
         )
         .then(response => {
+          this.loading3 = false;
           // console.log(response.data.rows);
           this.HistoryTableData = response.data.rows;
           console.log(1111111, this.HistoryTableData);
@@ -734,6 +746,7 @@
         })
         .catch(response => {
           message(response);
+          this.loading3 = false;
         });
     },
     //获取站点分配的所有因子
@@ -1340,8 +1353,7 @@
         @include fa();
         height: 30px;
         font-size: 14px;
-        padding: 0 10px;
-        margin: 5px 0;
+        padding: 5px 10px;
         font-weight: 100;
         span {
           width: 70px;

diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
new file mode 100644
index 0000000..f39f27d
--- /dev/null
+++ b/src/assets/css/skincolor.scss
@@ -0,0 +1,453 @@
+.vue-treeselect .vue-treeselect__control {
+  border: 1px solid rgb(0, 119, 254) !important;
+  background-color: var(--innerbgc) !important;
+}
+
+.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/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 22a2509..5ecb13e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -653,7 +653,11 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              that.$refs.cascader.dropDownVisible = false;
+              if(Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              }else{
+                that.$refs.cascader.dropDownVisible = false;
+              }
             };
           });
         }, 1000);
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 9fbe98e..6448cd5 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -90,11 +90,11 @@
           @change="handleEvent(item.event, data[item.value])"
         >
           <el-option
-          v-for="(childItem, childIndex) in listTypeInfo[item.list]"
-          :key="childIndex"
-          :label="childItem.key"
-          :value="childItem.value"
-        />
+            v-for="(childItem, childIndex) in listTypeInfo[item.list]"
+            :key="childIndex"
+            :label="childItem.key"
+            :value="childItem.value"
+          />
         </el-select>
         <!-- 树形选择器 -->
         <treeselect
@@ -233,10 +233,12 @@
         //结束时间不能大于开始时间
         disabledDate: time => {
           if (this.data.endTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let endTime = new Date(this.data.endTime).getTime();
             let limitTime = endTime - halfYear;
-            let result = this.limitTime ? (limitTime > time.getTime() || time.getTime() > endTime) : (time.getTime() > endTime);
+            let result = this.limitTime
+              ? limitTime > time.getTime() || time.getTime() > endTime
+              : time.getTime() > endTime;
             return result;
           }
         }
@@ -244,10 +246,12 @@
       pickerOptionsEnd: {
         disabledDate: time => {
           if (this.data.startTime) {
-            let halfYear = this.limitTimePeriod / 2 * 24 * 3600 * 1000;
+            let halfYear = (this.limitTimePeriod / 2) * 24 * 3600 * 1000;
             let startTime = new Date(this.data.startTime).getTime();
             let limitTime = startTime + halfYear;
-            let result = this.limitTime ? (limitTime < time.getTime() || time.getTime() < startTime) : (time.getTime() < startTime);
+            let result = this.limitTime
+              ? limitTime < time.getTime() || time.getTime() < startTime
+              : time.getTime() < startTime;
             return result;
           }
         }
@@ -280,7 +284,7 @@
           }
         }
       },
-      deep: true, // 深度监听
+      deep: true // 深度监听
     }
   },
   mounted() {
@@ -357,11 +361,11 @@
       };
     },
     //级联选中节点时触发事件
-    handleChange(val,node) {
-      if(this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
+    handleChange(val, node) {
+      if (this.$refs.cascader && Array.isArray(this.$refs.cascader)) {
         const checkedNode = this.$refs.cascader[0].getCheckedNodes();
         const nodeObj = checkedNode[0];
-        this.$emit('currentAreaJwd',nodeObj);
+        this.$emit("currentAreaJwd", nodeObj);
       }
       this.data.area = val.length ? val[val.length - 1] : "";
     },
@@ -419,7 +423,7 @@
     .el-form-item__label {
       text-align: right !important;
     }
-    .el-icon-date:before{
+    .el-icon-date:before {
       color: #fff;
     }
   }
@@ -489,23 +493,23 @@
 /deep/ .vue-treeselect {
   .vue-treeselect__control {
     padding-left: 10px;
-    border: 1px solid rgb(4, 51, 52);
+    border: 1px solid var(--selecthover);
     background-color: transparent;
   }
   .vue-treeselect__single-value {
     color: var(--white);
   }
   .vue-treeselect__menu {
-    color: #fff;
+    color: var(--white);
     z-index: 99999;
-    background-color: #3c3939;
-    border: 1px solid rgb(4, 51, 52);
+    background-color: var(--shouselect);
+    border: 1px solid var(--selecthover);
   }
   .vue-treeselect__menu-container {
     z-index: 99999;
   }
   .vue-treeselect__option--highlight {
-    background: rgb(4, 51, 52);
+    background: var(--selecthover);
   }
   .vue-treeselect__checkbox--checked {
     border-color: #039be5;
@@ -515,11 +519,11 @@
 /deep/
   .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
   .vue-treeselect__control:hover {
-  border: 1px solid rgb(4, 51, 52);
+  border: 1px solid var(--selecthover);
 }
 /deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: #efe201 !important;
-  background: rgb(4, 51, 52);
+  color: rgb(4, 51, 52) !important;
+  background: var(--selecthover);
 }
 /****级联样式重置****/
 /deep/ .el-cascader {
diff --git a/src/components/index.vue b/src/components/index.vue
index 329e0d0..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);
-}
-.vue-treeselect__placeholder {
-  color: var(--white);
-}
-.el-icon-arrow-down:before {
-  color: var(--white);
-  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);
-}
-.el-select-dropdown__list {
-  background-color: var(--shouselect);
-}
-
-.el-dialog__header,
-.el-dialog__body,
-.el-dialog__footer {
-  background-color: var(--tablethead);
-}
-
-.el-form-item__label {
-  color: var(--digtext);
-}
-
-.el-pagination__jump {
-  color: var(--white);
-}
-.el-pagination__total {
-  color: var(--white);
-}
-
-.el-icon-arrow-right:before,
-.el-icon-arrow-left:before {
-  color: rgb(127, 255, 0);
-}
-
-.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);
-}
-.el-table__body {
-  background: var(--tablebody);
-}
-
-.el-input__inner {
-  background-color: var(--innerbgc);
-  color: var(--white);
-  border: 1px solid rgb(0, 111, 255);
-}
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--elinputdisabled);
-  border: 1px solid rgb(0, 111, 255);
-  color: var(--white) !important;
-}
-
-.el-checkbox {
-  color: var(--white);
-}
-
-.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);
-}
-.ChangeBGC {
-  float: right;
-  margin-right: 15px;
-  background-color: var(--elhead);
-  color: #fff;
-  cursor: pointer;
-}
-#ContentView {
-  width: 100%;
-  height: 100%;
-}
-/* 顶部 A */
-.el-header {
-  background-color: var(--elhead);
-  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);
-}
-.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);
-  color: var(--white);
-  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);
-}
-.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);
-}
-.el-select-dropdown__item,
-.el-cascader-menu__list {
-  color: var(--white);
-}
-.el-select-dropdown__item.selected {
-  color: var(--selected);
-}
-/* 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..98c49ef 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -59,7 +59,7 @@
                   ></div>
                 </div>
                 <span class="NFSNo1BotLiStatisticslistValue">{{
-                  item.totalPercentage
+                  item.total
                 }}</span>
               </div>
               <div class="NFSNo1BotLiStatisticslist">
@@ -76,7 +76,7 @@
                   ></div>
                 </div>
                 <span class="NFSNo1BotLiStatisticslistValue">{{
-                  item.exceptionStatePercentage
+                  item.exceptionState
                 }}</span>
               </div>
               <div class="NFSNo1BotLiStatisticslist">
@@ -93,7 +93,7 @@
                   ></div>
                 </div>
                 <span class="NFSNo1BotLiStatisticslistValue">{{
-                  item.offLinePercentage
+                  item.offLine
                 }}</span>
               </div>
             </div>
@@ -164,9 +164,9 @@
                 :class="[
                   site.status === 0
                     ? 'online'
-                    : site.state === 1
+                    : site.status === 1
                     ? 'offline'
-                    : '异常'
+                    : ''
                 ]"
               >
                 {{ site.status | formatState }}
@@ -180,10 +180,6 @@
         <div
           id="NFSNo2"
           v-if="isNFSSite"
-          v-loading="loading2"
-          element-loading-text="拼命加载中"
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 0, 0, 0.8)"
         >
           <div id="NFSTop">
             <!-- <el-select
@@ -211,6 +207,10 @@
             <el-table
               :data="NFSNowDataTableData"
               style="width: 100%;height:140px;"
+              v-loading="loading2"
+              element-loading-text="拼命加载中"
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
             >
               <template v-for="(item, index) in NFSNowDataTableHead">
                 <el-table-column
@@ -254,6 +254,10 @@
                   <el-table
                     :data="HistoryTableData"
                     style="width: 100%;height:calc(100% - 45px)"
+                    v-loading="loading3"
+                    element-loading-text="拼命加载中"
+                    element-loading-spinner="el-icon-loading"
+                    element-loading-background="rgba(0, 0, 0, 0.8)"
                   >
                     <template v-for="(col, index) in NFSNowDataTableHead">
                       <el-table-column
@@ -465,6 +469,7 @@
       isTrueXls: true,
       loading: false,
       loading2: false,
+      loading3: false,
       //左侧站点列表
       siteName: "",
       leftSiteList: [],
@@ -539,41 +544,43 @@
           if (res.data.data.length) {
             this.leftSiteList = res.data.data;
           }
+        }).catch(response => {
+          message(response);
         });
       this.HistoryTableData = [];
       this.NFSNowDataTableData = [];
       this.NFSNowDataTableHead = [];
       this.isNFSSite = true;
-      this.loading2 = true;
-      this.$http
-        .get(
-          this.nozzle.groupsSelectSiteNoByGroupsNo +
-            "?platformCode=" +
-            platformCode
-        )
-        .then(response => {
-          // console.log(response);
-          this.loading2 = false;
-          this.SiteOptions = response.data.data;
-          // if (this.SiteOptions.length > 0) {
-          this.SiteNo = response.data.data[0].stCode;
+      
+      // this.$http
+      //   .get(
+      //     this.nozzle.groupsSelectSiteNoByGroupsNo +
+      //       "?platformCode=" +
+      //       platformCode
+      //   )
+      //   .then(response => {
+      //     // console.log(response);
+      //     this.loading2 = false;
+      //     this.SiteOptions = response.data.data;
+      //     // if (this.SiteOptions.length > 0) {
+      //     this.SiteNo = response.data.data[0].stCode;
 
-          // 讲站点详情页面中做的页面优化进行重置
-          this.FirstOn = true;
-          this.YinZiChange = true;
-          this.DateisChange = false;
-          this.HistoryBox = "DateGrid";
-          // } else {
-          //   this.$message({
-          //     showClose: true,
-          //     message: "该分组下无站点数据",
-          //     type: "warning"
-          //   });
-          // }
-        })
-        .catch(response => {
-          message(response);
-        });
+      //     // 讲站点详情页面中做的页面优化进行重置
+      //     this.FirstOn = true;
+      //     this.YinZiChange = true;
+      //     this.DateisChange = false;
+      //     this.HistoryBox = "DateGrid";
+      //     // } else {
+      //     //   this.$message({
+      //     //     showClose: true,
+      //     //     message: "该分组下无站点数据",
+      //     //     type: "warning"
+      //     //   });
+      //     // }
+      //   })
+      //   .catch(response => {
+      //     message(response);
+      //   });
     },
     //点击事件
     handleClick(event, data) {
@@ -631,6 +638,7 @@
     },
     // 根据站点编号查询站点的实时数据
     LoadSiteDataNow() {
+      this.loading2 = true;
       this.$http
         .get(
           this.nozzle.dataSelectSiteSiteManBySerial +
@@ -638,6 +646,7 @@
             this.currentSiteNo
         )
         .then(response => {
+          this.loading2 = false;
           this.NFSNowDataTableData = JSON.parse(
             JSON.stringify([response.data])
           );
@@ -663,6 +672,7 @@
         })
         .catch(response => {
           message(response);
+          this.loading2 = false;
         });
     },
     //tabs的点击事件
@@ -712,6 +722,7 @@
     },
     // 历史表格数据请求
     loadDataGridData() {
+      this.loading3 = true;
       this.$http
         .get(
           this.nozzle.dataSelectSiteSiteManHistoryDataMongoBySerial +
@@ -727,6 +738,7 @@
             this.TimeBoxValue[1]
         )
         .then(response => {
+          this.loading3 = false;
           // console.log(response.data.rows);
           this.HistoryTableData = response.data.rows;
           console.log(1111111, this.HistoryTableData);
@@ -734,6 +746,7 @@
         })
         .catch(response => {
           message(response);
+          this.loading3 = false;
         });
     },
     //获取站点分配的所有因子
@@ -1340,8 +1353,7 @@
         @include fa();
         height: 30px;
         font-size: 14px;
-        padding: 0 10px;
-        margin: 5px 0;
+        padding: 5px 10px;
         font-weight: 100;
         span {
           width: 70px;
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";