diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [
diff --git a/src/components/Engineering/MyHomework_History.vue b/src/components/Engineering/MyHomework_History.vue
index 3ebcadc..c177569 100644
--- a/src/components/Engineering/MyHomework_History.vue
+++ b/src/components/Engineering/MyHomework_History.vue
@@ -163,7 +163,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--whire);
 }
 #MH_HTopSearchBox .el-input {
   width: 200px;

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [
diff --git a/src/components/Engineering/MyHomework_History.vue b/src/components/Engineering/MyHomework_History.vue
index 3ebcadc..c177569 100644
--- a/src/components/Engineering/MyHomework_History.vue
+++ b/src/components/Engineering/MyHomework_History.vue
@@ -163,7 +163,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--whire);
 }
 #MH_HTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 14d13ee..ea96bfb 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -401,7 +401,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--white);
 }
 #MQTopSearchBox .el-input {
   width: 200px;

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [
diff --git a/src/components/Engineering/MyHomework_History.vue b/src/components/Engineering/MyHomework_History.vue
index 3ebcadc..c177569 100644
--- a/src/components/Engineering/MyHomework_History.vue
+++ b/src/components/Engineering/MyHomework_History.vue
@@ -163,7 +163,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--whire);
 }
 #MH_HTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 14d13ee..ea96bfb 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -401,7 +401,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--white);
 }
 #MQTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/index.vue b/src/components/index.vue
index 87570d4..94a2f8d 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -44,7 +44,6 @@
             :router="true"
             text-color="white"
             active-text-color="#e8d523"
-            unique-opened
           >
             <el-menu-item index="/overview" v-show="false">
               <i class="el-icon-menu"></i>
@@ -55,16 +54,11 @@
                 <i class="el-icon-location"></i>
                 <span>站点状况预览图</span>
               </template>
-              <el-menu-item
-                index="/site/previewOfSiteStatus"
-                v-has="'m1-1'"
+              <el-menu-item index="/site/previewOfSiteStatus" v-has="'m1-1'"
                 >站点状况预览图</el-menu-item
               >
             </el-submenu>
-            <el-menu-item
-              index="/newFiber/NewFiberSearch"
-              v-has="'m2'"
-            >
+            <el-menu-item index="/newFiber/NewFiberSearch" v-has="'m2'">
               <i class="el-icon-menu"></i>
               <span slot="title">新烽查询</span>
             </el-menu-item>
@@ -73,19 +67,13 @@
                 <i class="el-icon-location"></i>
                 <span>配置中心</span>
               </template>
-              <el-menu-item
-                index="/configure/AlarmConfiguration"
-                v-has="'m3-1'"
+              <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/PushRules"
-                v-has="'m3-2'"
+              <el-menu-item index="/configure/PushRules" v-has="'m3-2'"
                 >推送规则</el-menu-item
               >
-              <el-menu-item
-                index="/configure/AlarmLog"
-                v-has="'m3-3'"
+              <el-menu-item index="/configure/AlarmLog" v-has="'m3-3'"
                 >报警日志</el-menu-item
               >
               <el-menu-item
@@ -93,9 +81,7 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/RtuConfig"
-                v-has="'m3-4'"
+              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
                 >RTU配置</el-menu-item
               >
             </el-submenu>
@@ -104,9 +90,7 @@
                 <i class="el-icon-location"></i>
                 <span>配置管理</span>
               </template>
-              <el-menu-item
-                index="/ConfigManager/project"
-                v-has="'m11-1'"
+              <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
               >
               <el-menu-item
@@ -136,9 +120,7 @@
                 <i class="el-icon-location"></i>
                 <span>数据分析</span>
               </template>
-              <el-menu-item
-                index="/DataAnalysis/dataScreening"
-                v-has="'m5-1'"
+              <el-menu-item index="/DataAnalysis/dataScreening" v-has="'m5-1'"
                 >数据总览</el-menu-item
               >
               <el-menu-item
@@ -147,42 +129,19 @@
                 >统计报表</el-menu-item
               >
             </el-submenu>
-            <!-- <el-submenu index="7" v-has="'m6'">
-              <template slot="title">
-                <i class="el-icon-location"></i>
-                <span>工业物联网云平台</span>
-              </template>
-              <el-menu-item
-                index="7-1"
-                route="/NFCloudPlatform/VideoSurveillance"
-                v-has="'m6-1'"
-                >视频监控</el-menu-item
-              >
-              <el-menu-item
-                index="7-2"
-                route="/NFCloudPlatform/RealTime"
-                v-has="'m6-2'"
-                >实时监控</el-menu-item
-              >
-            </el-submenu> -->
+
             <el-submenu index="8" v-has="'m7'">
               <template slot="title">
                 <i class="el-icon-location"></i>
                 <span>工程作业</span>
               </template>
-              <el-menu-item
-                index="/Engineering/Nowfault"
-                v-has="'m7-1'"
+              <el-menu-item index="/Engineering/Nowfault" v-has="'m7-1'"
                 >站点实时故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/HistoricalFault"
-                v-has="'m7-2'"
+              <el-menu-item index="/Engineering/HistoricalFault" v-has="'m7-2'"
                 >站点历史故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/MyHomework"
-                v-has="'m7-3'"
+              <el-menu-item index="/Engineering/MyHomework" v-has="'m7-3'"
                 >我的作业</el-menu-item
               >
             </el-submenu>
@@ -223,7 +182,11 @@
           </el-menu>
         </el-aside>
         <el-main style="height: 100%">
-          <router-view id="ContentView" :userId="userId"></router-view>
+          <router-view
+            id="ContentView"
+            :userId="userId"
+            :flag="flag"
+          ></router-view>
         </el-main>
       </el-container>
     </el-container>
@@ -269,19 +232,23 @@
           "--lineargradient",
           "-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%)"
         );
-        // root.style.setProperty("--elicon", "rgb(255,255,255)");
-        // root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
-        // root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
-        // root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
-        // root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
-        // root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
+        root.style.setProperty("--elicon", "rgb(255,255,255)");
+        root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
+        root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
+        root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
+        root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
+        root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
         root.style.setProperty("--bluetowhite", "rgb(255, 255, 255)");
         root.style.setProperty("--yellow", "rgb(0, 120, 254)");
         root.style.setProperty("--lighgreen", "rgb(0, 0, 0");
         root.style.setProperty("--digtext", "rgb(0, 0, 0)");
         root.style.setProperty("--diatitle", "rgb(0, 119, 254)");
+        root.style.setProperty("--selected", "#333333");
+        root.style.setProperty("--selecthover", "#dbecff");
+        root.style.setProperty("--selectlist", "#f4f8ff");
 
         this.flag = false;
+        // ---------------------分界线----------------------------------//
       } else {
         root.style.setProperty("--color", "rgb(255, 255, 255)");
         root.style.setProperty("--tablehover", "rgb(4, 51, 52)");
@@ -301,12 +268,15 @@
         root.style.setProperty("--preSiteCentent", "transparent");
         root.style.setProperty("--pretextbg", "transparent");
         root.style.setProperty("--preTopDatatxt", "rgb(255, 217, 0)");
-        root.style.setProperty("--eldatebefore", "transparent");
+        root.style.setProperty("--eldatebefore", "rgb(255, 255, 255)");
         root.style.setProperty("--bluetowhite", "rgb(0, 119, 254)");
         root.style.setProperty("--yellow", "rgb(255, 255, 0)");
         root.style.setProperty("--lighgreen", "rgb(127, 255, 0)");
         root.style.setProperty("--digtext", "rgb(96, 98, 102)");
         root.style.setProperty("--diatitle", "rgb(0, 255, 255)");
+        root.style.setProperty("--selected", "rgb(239, 226, 1)");
+        root.style.setProperty("--selecthover", "rgb(4, 51, 52)");
+        root.style.setProperty("--selectlist", "transparent");
 
         this.flag = true;
       }
@@ -317,14 +287,24 @@
     }
   },
   mounted: function() {
-    //添加菜单
-    // this.LoadMenu();
-    // this.loadLoginName();
     this.LoginName = locasto.getItem("USERName");
   }
 };
 </script>
 <style>
+.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(--selectlist);
+}
+
 .el-dialog__header,
 .el-dialog__body,
 .el-dialog__footer {
@@ -359,7 +339,6 @@
   width: 100%;
   height: 100%;
   position: relative;
-  /* user-select: none; */
   background: url("../../static/img/BGIMG.jpg") 100% 100%;
 }
 .indexbgc {
@@ -391,9 +370,7 @@
 .el-input__inner::placeholder {
   color: var(--white);
 }
-.el-pager li {
-  color: var(--white) !important;
-}
+
 .el-icon-date:before {
   color: var(--eldatebefore);
 }
@@ -549,20 +526,20 @@
 
 .el-select-dropdown,
 .el-cascader-menu__list {
-  background-color: #3c3939 !important;
-  border: 1px solid rgb(4, 51, 52) !important;
+  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: rgb(4, 51, 52) !important;
+  background-color: var(--selecthover);
 }
 .el-select-dropdown__item,
 .el-cascader-menu__list {
-  color: white !important;
+  color: var(--white);
 }
 .el-select-dropdown__item.selected {
-  color: #efe201 !important;
+  color: var(--selected);
 }
 /* tabs A*/
 .el-tabs {
@@ -674,7 +651,7 @@
 
 .el-pager li {
   background-color: #fdfdfd12 !important;
-  color: white !important;
+  color: var(--white) !important;
 }
 
 .el-pager li.btn-quicknext,
@@ -708,7 +685,7 @@
 }
 
 .el-textarea__inner {
-  background-color: #000000 !important;
+  background-color: var(--tablethead);
   color: white !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [
diff --git a/src/components/Engineering/MyHomework_History.vue b/src/components/Engineering/MyHomework_History.vue
index 3ebcadc..c177569 100644
--- a/src/components/Engineering/MyHomework_History.vue
+++ b/src/components/Engineering/MyHomework_History.vue
@@ -163,7 +163,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--whire);
 }
 #MH_HTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 14d13ee..ea96bfb 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -401,7 +401,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--white);
 }
 #MQTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/index.vue b/src/components/index.vue
index 87570d4..94a2f8d 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -44,7 +44,6 @@
             :router="true"
             text-color="white"
             active-text-color="#e8d523"
-            unique-opened
           >
             <el-menu-item index="/overview" v-show="false">
               <i class="el-icon-menu"></i>
@@ -55,16 +54,11 @@
                 <i class="el-icon-location"></i>
                 <span>站点状况预览图</span>
               </template>
-              <el-menu-item
-                index="/site/previewOfSiteStatus"
-                v-has="'m1-1'"
+              <el-menu-item index="/site/previewOfSiteStatus" v-has="'m1-1'"
                 >站点状况预览图</el-menu-item
               >
             </el-submenu>
-            <el-menu-item
-              index="/newFiber/NewFiberSearch"
-              v-has="'m2'"
-            >
+            <el-menu-item index="/newFiber/NewFiberSearch" v-has="'m2'">
               <i class="el-icon-menu"></i>
               <span slot="title">新烽查询</span>
             </el-menu-item>
@@ -73,19 +67,13 @@
                 <i class="el-icon-location"></i>
                 <span>配置中心</span>
               </template>
-              <el-menu-item
-                index="/configure/AlarmConfiguration"
-                v-has="'m3-1'"
+              <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/PushRules"
-                v-has="'m3-2'"
+              <el-menu-item index="/configure/PushRules" v-has="'m3-2'"
                 >推送规则</el-menu-item
               >
-              <el-menu-item
-                index="/configure/AlarmLog"
-                v-has="'m3-3'"
+              <el-menu-item index="/configure/AlarmLog" v-has="'m3-3'"
                 >报警日志</el-menu-item
               >
               <el-menu-item
@@ -93,9 +81,7 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/RtuConfig"
-                v-has="'m3-4'"
+              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
                 >RTU配置</el-menu-item
               >
             </el-submenu>
@@ -104,9 +90,7 @@
                 <i class="el-icon-location"></i>
                 <span>配置管理</span>
               </template>
-              <el-menu-item
-                index="/ConfigManager/project"
-                v-has="'m11-1'"
+              <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
               >
               <el-menu-item
@@ -136,9 +120,7 @@
                 <i class="el-icon-location"></i>
                 <span>数据分析</span>
               </template>
-              <el-menu-item
-                index="/DataAnalysis/dataScreening"
-                v-has="'m5-1'"
+              <el-menu-item index="/DataAnalysis/dataScreening" v-has="'m5-1'"
                 >数据总览</el-menu-item
               >
               <el-menu-item
@@ -147,42 +129,19 @@
                 >统计报表</el-menu-item
               >
             </el-submenu>
-            <!-- <el-submenu index="7" v-has="'m6'">
-              <template slot="title">
-                <i class="el-icon-location"></i>
-                <span>工业物联网云平台</span>
-              </template>
-              <el-menu-item
-                index="7-1"
-                route="/NFCloudPlatform/VideoSurveillance"
-                v-has="'m6-1'"
-                >视频监控</el-menu-item
-              >
-              <el-menu-item
-                index="7-2"
-                route="/NFCloudPlatform/RealTime"
-                v-has="'m6-2'"
-                >实时监控</el-menu-item
-              >
-            </el-submenu> -->
+
             <el-submenu index="8" v-has="'m7'">
               <template slot="title">
                 <i class="el-icon-location"></i>
                 <span>工程作业</span>
               </template>
-              <el-menu-item
-                index="/Engineering/Nowfault"
-                v-has="'m7-1'"
+              <el-menu-item index="/Engineering/Nowfault" v-has="'m7-1'"
                 >站点实时故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/HistoricalFault"
-                v-has="'m7-2'"
+              <el-menu-item index="/Engineering/HistoricalFault" v-has="'m7-2'"
                 >站点历史故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/MyHomework"
-                v-has="'m7-3'"
+              <el-menu-item index="/Engineering/MyHomework" v-has="'m7-3'"
                 >我的作业</el-menu-item
               >
             </el-submenu>
@@ -223,7 +182,11 @@
           </el-menu>
         </el-aside>
         <el-main style="height: 100%">
-          <router-view id="ContentView" :userId="userId"></router-view>
+          <router-view
+            id="ContentView"
+            :userId="userId"
+            :flag="flag"
+          ></router-view>
         </el-main>
       </el-container>
     </el-container>
@@ -269,19 +232,23 @@
           "--lineargradient",
           "-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%)"
         );
-        // root.style.setProperty("--elicon", "rgb(255,255,255)");
-        // root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
-        // root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
-        // root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
-        // root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
-        // root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
+        root.style.setProperty("--elicon", "rgb(255,255,255)");
+        root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
+        root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
+        root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
+        root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
+        root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
         root.style.setProperty("--bluetowhite", "rgb(255, 255, 255)");
         root.style.setProperty("--yellow", "rgb(0, 120, 254)");
         root.style.setProperty("--lighgreen", "rgb(0, 0, 0");
         root.style.setProperty("--digtext", "rgb(0, 0, 0)");
         root.style.setProperty("--diatitle", "rgb(0, 119, 254)");
+        root.style.setProperty("--selected", "#333333");
+        root.style.setProperty("--selecthover", "#dbecff");
+        root.style.setProperty("--selectlist", "#f4f8ff");
 
         this.flag = false;
+        // ---------------------分界线----------------------------------//
       } else {
         root.style.setProperty("--color", "rgb(255, 255, 255)");
         root.style.setProperty("--tablehover", "rgb(4, 51, 52)");
@@ -301,12 +268,15 @@
         root.style.setProperty("--preSiteCentent", "transparent");
         root.style.setProperty("--pretextbg", "transparent");
         root.style.setProperty("--preTopDatatxt", "rgb(255, 217, 0)");
-        root.style.setProperty("--eldatebefore", "transparent");
+        root.style.setProperty("--eldatebefore", "rgb(255, 255, 255)");
         root.style.setProperty("--bluetowhite", "rgb(0, 119, 254)");
         root.style.setProperty("--yellow", "rgb(255, 255, 0)");
         root.style.setProperty("--lighgreen", "rgb(127, 255, 0)");
         root.style.setProperty("--digtext", "rgb(96, 98, 102)");
         root.style.setProperty("--diatitle", "rgb(0, 255, 255)");
+        root.style.setProperty("--selected", "rgb(239, 226, 1)");
+        root.style.setProperty("--selecthover", "rgb(4, 51, 52)");
+        root.style.setProperty("--selectlist", "transparent");
 
         this.flag = true;
       }
@@ -317,14 +287,24 @@
     }
   },
   mounted: function() {
-    //添加菜单
-    // this.LoadMenu();
-    // this.loadLoginName();
     this.LoginName = locasto.getItem("USERName");
   }
 };
 </script>
 <style>
+.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(--selectlist);
+}
+
 .el-dialog__header,
 .el-dialog__body,
 .el-dialog__footer {
@@ -359,7 +339,6 @@
   width: 100%;
   height: 100%;
   position: relative;
-  /* user-select: none; */
   background: url("../../static/img/BGIMG.jpg") 100% 100%;
 }
 .indexbgc {
@@ -391,9 +370,7 @@
 .el-input__inner::placeholder {
   color: var(--white);
 }
-.el-pager li {
-  color: var(--white) !important;
-}
+
 .el-icon-date:before {
   color: var(--eldatebefore);
 }
@@ -549,20 +526,20 @@
 
 .el-select-dropdown,
 .el-cascader-menu__list {
-  background-color: #3c3939 !important;
-  border: 1px solid rgb(4, 51, 52) !important;
+  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: rgb(4, 51, 52) !important;
+  background-color: var(--selecthover);
 }
 .el-select-dropdown__item,
 .el-cascader-menu__list {
-  color: white !important;
+  color: var(--white);
 }
 .el-select-dropdown__item.selected {
-  color: #efe201 !important;
+  color: var(--selected);
 }
 /* tabs A*/
 .el-tabs {
@@ -674,7 +651,7 @@
 
 .el-pager li {
   background-color: #fdfdfd12 !important;
-  color: white !important;
+  color: var(--white) !important;
 }
 
 .el-pager li.btn-quicknext,
@@ -708,7 +685,7 @@
 }
 
 .el-textarea__inner {
-  background-color: #000000 !important;
+  background-color: var(--tablethead);
   color: white !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 37293b7..3b47bfd 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -1163,7 +1163,7 @@
   height: 60px;
   padding: 10px;
   text-align: left;
-  color: white;
+  color: var(--white);
   box-sizing: border-box;
 }
 /* 因子选择 B*/

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [
diff --git a/src/components/Engineering/MyHomework_History.vue b/src/components/Engineering/MyHomework_History.vue
index 3ebcadc..c177569 100644
--- a/src/components/Engineering/MyHomework_History.vue
+++ b/src/components/Engineering/MyHomework_History.vue
@@ -163,7 +163,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--whire);
 }
 #MH_HTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 14d13ee..ea96bfb 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -401,7 +401,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--white);
 }
 #MQTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/index.vue b/src/components/index.vue
index 87570d4..94a2f8d 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -44,7 +44,6 @@
             :router="true"
             text-color="white"
             active-text-color="#e8d523"
-            unique-opened
           >
             <el-menu-item index="/overview" v-show="false">
               <i class="el-icon-menu"></i>
@@ -55,16 +54,11 @@
                 <i class="el-icon-location"></i>
                 <span>站点状况预览图</span>
               </template>
-              <el-menu-item
-                index="/site/previewOfSiteStatus"
-                v-has="'m1-1'"
+              <el-menu-item index="/site/previewOfSiteStatus" v-has="'m1-1'"
                 >站点状况预览图</el-menu-item
               >
             </el-submenu>
-            <el-menu-item
-              index="/newFiber/NewFiberSearch"
-              v-has="'m2'"
-            >
+            <el-menu-item index="/newFiber/NewFiberSearch" v-has="'m2'">
               <i class="el-icon-menu"></i>
               <span slot="title">新烽查询</span>
             </el-menu-item>
@@ -73,19 +67,13 @@
                 <i class="el-icon-location"></i>
                 <span>配置中心</span>
               </template>
-              <el-menu-item
-                index="/configure/AlarmConfiguration"
-                v-has="'m3-1'"
+              <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/PushRules"
-                v-has="'m3-2'"
+              <el-menu-item index="/configure/PushRules" v-has="'m3-2'"
                 >推送规则</el-menu-item
               >
-              <el-menu-item
-                index="/configure/AlarmLog"
-                v-has="'m3-3'"
+              <el-menu-item index="/configure/AlarmLog" v-has="'m3-3'"
                 >报警日志</el-menu-item
               >
               <el-menu-item
@@ -93,9 +81,7 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/RtuConfig"
-                v-has="'m3-4'"
+              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
                 >RTU配置</el-menu-item
               >
             </el-submenu>
@@ -104,9 +90,7 @@
                 <i class="el-icon-location"></i>
                 <span>配置管理</span>
               </template>
-              <el-menu-item
-                index="/ConfigManager/project"
-                v-has="'m11-1'"
+              <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
               >
               <el-menu-item
@@ -136,9 +120,7 @@
                 <i class="el-icon-location"></i>
                 <span>数据分析</span>
               </template>
-              <el-menu-item
-                index="/DataAnalysis/dataScreening"
-                v-has="'m5-1'"
+              <el-menu-item index="/DataAnalysis/dataScreening" v-has="'m5-1'"
                 >数据总览</el-menu-item
               >
               <el-menu-item
@@ -147,42 +129,19 @@
                 >统计报表</el-menu-item
               >
             </el-submenu>
-            <!-- <el-submenu index="7" v-has="'m6'">
-              <template slot="title">
-                <i class="el-icon-location"></i>
-                <span>工业物联网云平台</span>
-              </template>
-              <el-menu-item
-                index="7-1"
-                route="/NFCloudPlatform/VideoSurveillance"
-                v-has="'m6-1'"
-                >视频监控</el-menu-item
-              >
-              <el-menu-item
-                index="7-2"
-                route="/NFCloudPlatform/RealTime"
-                v-has="'m6-2'"
-                >实时监控</el-menu-item
-              >
-            </el-submenu> -->
+
             <el-submenu index="8" v-has="'m7'">
               <template slot="title">
                 <i class="el-icon-location"></i>
                 <span>工程作业</span>
               </template>
-              <el-menu-item
-                index="/Engineering/Nowfault"
-                v-has="'m7-1'"
+              <el-menu-item index="/Engineering/Nowfault" v-has="'m7-1'"
                 >站点实时故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/HistoricalFault"
-                v-has="'m7-2'"
+              <el-menu-item index="/Engineering/HistoricalFault" v-has="'m7-2'"
                 >站点历史故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/MyHomework"
-                v-has="'m7-3'"
+              <el-menu-item index="/Engineering/MyHomework" v-has="'m7-3'"
                 >我的作业</el-menu-item
               >
             </el-submenu>
@@ -223,7 +182,11 @@
           </el-menu>
         </el-aside>
         <el-main style="height: 100%">
-          <router-view id="ContentView" :userId="userId"></router-view>
+          <router-view
+            id="ContentView"
+            :userId="userId"
+            :flag="flag"
+          ></router-view>
         </el-main>
       </el-container>
     </el-container>
@@ -269,19 +232,23 @@
           "--lineargradient",
           "-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%)"
         );
-        // root.style.setProperty("--elicon", "rgb(255,255,255)");
-        // root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
-        // root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
-        // root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
-        // root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
-        // root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
+        root.style.setProperty("--elicon", "rgb(255,255,255)");
+        root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
+        root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
+        root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
+        root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
+        root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
         root.style.setProperty("--bluetowhite", "rgb(255, 255, 255)");
         root.style.setProperty("--yellow", "rgb(0, 120, 254)");
         root.style.setProperty("--lighgreen", "rgb(0, 0, 0");
         root.style.setProperty("--digtext", "rgb(0, 0, 0)");
         root.style.setProperty("--diatitle", "rgb(0, 119, 254)");
+        root.style.setProperty("--selected", "#333333");
+        root.style.setProperty("--selecthover", "#dbecff");
+        root.style.setProperty("--selectlist", "#f4f8ff");
 
         this.flag = false;
+        // ---------------------分界线----------------------------------//
       } else {
         root.style.setProperty("--color", "rgb(255, 255, 255)");
         root.style.setProperty("--tablehover", "rgb(4, 51, 52)");
@@ -301,12 +268,15 @@
         root.style.setProperty("--preSiteCentent", "transparent");
         root.style.setProperty("--pretextbg", "transparent");
         root.style.setProperty("--preTopDatatxt", "rgb(255, 217, 0)");
-        root.style.setProperty("--eldatebefore", "transparent");
+        root.style.setProperty("--eldatebefore", "rgb(255, 255, 255)");
         root.style.setProperty("--bluetowhite", "rgb(0, 119, 254)");
         root.style.setProperty("--yellow", "rgb(255, 255, 0)");
         root.style.setProperty("--lighgreen", "rgb(127, 255, 0)");
         root.style.setProperty("--digtext", "rgb(96, 98, 102)");
         root.style.setProperty("--diatitle", "rgb(0, 255, 255)");
+        root.style.setProperty("--selected", "rgb(239, 226, 1)");
+        root.style.setProperty("--selecthover", "rgb(4, 51, 52)");
+        root.style.setProperty("--selectlist", "transparent");
 
         this.flag = true;
       }
@@ -317,14 +287,24 @@
     }
   },
   mounted: function() {
-    //添加菜单
-    // this.LoadMenu();
-    // this.loadLoginName();
     this.LoginName = locasto.getItem("USERName");
   }
 };
 </script>
 <style>
+.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(--selectlist);
+}
+
 .el-dialog__header,
 .el-dialog__body,
 .el-dialog__footer {
@@ -359,7 +339,6 @@
   width: 100%;
   height: 100%;
   position: relative;
-  /* user-select: none; */
   background: url("../../static/img/BGIMG.jpg") 100% 100%;
 }
 .indexbgc {
@@ -391,9 +370,7 @@
 .el-input__inner::placeholder {
   color: var(--white);
 }
-.el-pager li {
-  color: var(--white) !important;
-}
+
 .el-icon-date:before {
   color: var(--eldatebefore);
 }
@@ -549,20 +526,20 @@
 
 .el-select-dropdown,
 .el-cascader-menu__list {
-  background-color: #3c3939 !important;
-  border: 1px solid rgb(4, 51, 52) !important;
+  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: rgb(4, 51, 52) !important;
+  background-color: var(--selecthover);
 }
 .el-select-dropdown__item,
 .el-cascader-menu__list {
-  color: white !important;
+  color: var(--white);
 }
 .el-select-dropdown__item.selected {
-  color: #efe201 !important;
+  color: var(--selected);
 }
 /* tabs A*/
 .el-tabs {
@@ -674,7 +651,7 @@
 
 .el-pager li {
   background-color: #fdfdfd12 !important;
-  color: white !important;
+  color: var(--white) !important;
 }
 
 .el-pager li.btn-quicknext,
@@ -708,7 +685,7 @@
 }
 
 .el-textarea__inner {
-  background-color: #000000 !important;
+  background-color: var(--tablethead);
   color: white !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 37293b7..3b47bfd 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -1163,7 +1163,7 @@
   height: 60px;
   padding: 10px;
   text-align: left;
-  color: white;
+  color: var(--white);
   box-sizing: border-box;
 }
 /* 因子选择 B*/
diff --git a/src/components/welcome.vue b/src/components/welcome.vue
index 0d3f400..d01b4c0 100644
--- a/src/components/welcome.vue
+++ b/src/components/welcome.vue
@@ -1,12 +1,13 @@
 <template>
   <div id="welcome">
-    <img src="./../../static/img/BGIMG12.jpg" alt id="Font" />
+    <div id="newwelcome" :class="{ welcome: !flag }"></div>
   </div>
 </template>
 
 <script>
 export default {
   name: "welcome",
+  props: ["flag"],
   data: function() {
     return {};
   },
@@ -24,4 +25,17 @@
   width: 100%;
   height: 100%;
 }
-</style>
\ No newline at end of file
+#newwelcome {
+  background: url("../../static/img/huanyingyehei_img.jpg") no-repeat;
+  background-size: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.welcome {
+  background: url("../../static/img/huanyingye_img.jpg") no-repeat !important;
+  background-size: cover !important;
+  width: 100% !important;
+  height: 100% !important;
+}
+</style>

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [
diff --git a/src/components/Engineering/MyHomework_History.vue b/src/components/Engineering/MyHomework_History.vue
index 3ebcadc..c177569 100644
--- a/src/components/Engineering/MyHomework_History.vue
+++ b/src/components/Engineering/MyHomework_History.vue
@@ -163,7 +163,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--whire);
 }
 #MH_HTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 14d13ee..ea96bfb 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -401,7 +401,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--white);
 }
 #MQTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/index.vue b/src/components/index.vue
index 87570d4..94a2f8d 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -44,7 +44,6 @@
             :router="true"
             text-color="white"
             active-text-color="#e8d523"
-            unique-opened
           >
             <el-menu-item index="/overview" v-show="false">
               <i class="el-icon-menu"></i>
@@ -55,16 +54,11 @@
                 <i class="el-icon-location"></i>
                 <span>站点状况预览图</span>
               </template>
-              <el-menu-item
-                index="/site/previewOfSiteStatus"
-                v-has="'m1-1'"
+              <el-menu-item index="/site/previewOfSiteStatus" v-has="'m1-1'"
                 >站点状况预览图</el-menu-item
               >
             </el-submenu>
-            <el-menu-item
-              index="/newFiber/NewFiberSearch"
-              v-has="'m2'"
-            >
+            <el-menu-item index="/newFiber/NewFiberSearch" v-has="'m2'">
               <i class="el-icon-menu"></i>
               <span slot="title">新烽查询</span>
             </el-menu-item>
@@ -73,19 +67,13 @@
                 <i class="el-icon-location"></i>
                 <span>配置中心</span>
               </template>
-              <el-menu-item
-                index="/configure/AlarmConfiguration"
-                v-has="'m3-1'"
+              <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/PushRules"
-                v-has="'m3-2'"
+              <el-menu-item index="/configure/PushRules" v-has="'m3-2'"
                 >推送规则</el-menu-item
               >
-              <el-menu-item
-                index="/configure/AlarmLog"
-                v-has="'m3-3'"
+              <el-menu-item index="/configure/AlarmLog" v-has="'m3-3'"
                 >报警日志</el-menu-item
               >
               <el-menu-item
@@ -93,9 +81,7 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/RtuConfig"
-                v-has="'m3-4'"
+              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
                 >RTU配置</el-menu-item
               >
             </el-submenu>
@@ -104,9 +90,7 @@
                 <i class="el-icon-location"></i>
                 <span>配置管理</span>
               </template>
-              <el-menu-item
-                index="/ConfigManager/project"
-                v-has="'m11-1'"
+              <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
               >
               <el-menu-item
@@ -136,9 +120,7 @@
                 <i class="el-icon-location"></i>
                 <span>数据分析</span>
               </template>
-              <el-menu-item
-                index="/DataAnalysis/dataScreening"
-                v-has="'m5-1'"
+              <el-menu-item index="/DataAnalysis/dataScreening" v-has="'m5-1'"
                 >数据总览</el-menu-item
               >
               <el-menu-item
@@ -147,42 +129,19 @@
                 >统计报表</el-menu-item
               >
             </el-submenu>
-            <!-- <el-submenu index="7" v-has="'m6'">
-              <template slot="title">
-                <i class="el-icon-location"></i>
-                <span>工业物联网云平台</span>
-              </template>
-              <el-menu-item
-                index="7-1"
-                route="/NFCloudPlatform/VideoSurveillance"
-                v-has="'m6-1'"
-                >视频监控</el-menu-item
-              >
-              <el-menu-item
-                index="7-2"
-                route="/NFCloudPlatform/RealTime"
-                v-has="'m6-2'"
-                >实时监控</el-menu-item
-              >
-            </el-submenu> -->
+
             <el-submenu index="8" v-has="'m7'">
               <template slot="title">
                 <i class="el-icon-location"></i>
                 <span>工程作业</span>
               </template>
-              <el-menu-item
-                index="/Engineering/Nowfault"
-                v-has="'m7-1'"
+              <el-menu-item index="/Engineering/Nowfault" v-has="'m7-1'"
                 >站点实时故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/HistoricalFault"
-                v-has="'m7-2'"
+              <el-menu-item index="/Engineering/HistoricalFault" v-has="'m7-2'"
                 >站点历史故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/MyHomework"
-                v-has="'m7-3'"
+              <el-menu-item index="/Engineering/MyHomework" v-has="'m7-3'"
                 >我的作业</el-menu-item
               >
             </el-submenu>
@@ -223,7 +182,11 @@
           </el-menu>
         </el-aside>
         <el-main style="height: 100%">
-          <router-view id="ContentView" :userId="userId"></router-view>
+          <router-view
+            id="ContentView"
+            :userId="userId"
+            :flag="flag"
+          ></router-view>
         </el-main>
       </el-container>
     </el-container>
@@ -269,19 +232,23 @@
           "--lineargradient",
           "-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%)"
         );
-        // root.style.setProperty("--elicon", "rgb(255,255,255)");
-        // root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
-        // root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
-        // root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
-        // root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
-        // root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
+        root.style.setProperty("--elicon", "rgb(255,255,255)");
+        root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
+        root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
+        root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
+        root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
+        root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
         root.style.setProperty("--bluetowhite", "rgb(255, 255, 255)");
         root.style.setProperty("--yellow", "rgb(0, 120, 254)");
         root.style.setProperty("--lighgreen", "rgb(0, 0, 0");
         root.style.setProperty("--digtext", "rgb(0, 0, 0)");
         root.style.setProperty("--diatitle", "rgb(0, 119, 254)");
+        root.style.setProperty("--selected", "#333333");
+        root.style.setProperty("--selecthover", "#dbecff");
+        root.style.setProperty("--selectlist", "#f4f8ff");
 
         this.flag = false;
+        // ---------------------分界线----------------------------------//
       } else {
         root.style.setProperty("--color", "rgb(255, 255, 255)");
         root.style.setProperty("--tablehover", "rgb(4, 51, 52)");
@@ -301,12 +268,15 @@
         root.style.setProperty("--preSiteCentent", "transparent");
         root.style.setProperty("--pretextbg", "transparent");
         root.style.setProperty("--preTopDatatxt", "rgb(255, 217, 0)");
-        root.style.setProperty("--eldatebefore", "transparent");
+        root.style.setProperty("--eldatebefore", "rgb(255, 255, 255)");
         root.style.setProperty("--bluetowhite", "rgb(0, 119, 254)");
         root.style.setProperty("--yellow", "rgb(255, 255, 0)");
         root.style.setProperty("--lighgreen", "rgb(127, 255, 0)");
         root.style.setProperty("--digtext", "rgb(96, 98, 102)");
         root.style.setProperty("--diatitle", "rgb(0, 255, 255)");
+        root.style.setProperty("--selected", "rgb(239, 226, 1)");
+        root.style.setProperty("--selecthover", "rgb(4, 51, 52)");
+        root.style.setProperty("--selectlist", "transparent");
 
         this.flag = true;
       }
@@ -317,14 +287,24 @@
     }
   },
   mounted: function() {
-    //添加菜单
-    // this.LoadMenu();
-    // this.loadLoginName();
     this.LoginName = locasto.getItem("USERName");
   }
 };
 </script>
 <style>
+.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(--selectlist);
+}
+
 .el-dialog__header,
 .el-dialog__body,
 .el-dialog__footer {
@@ -359,7 +339,6 @@
   width: 100%;
   height: 100%;
   position: relative;
-  /* user-select: none; */
   background: url("../../static/img/BGIMG.jpg") 100% 100%;
 }
 .indexbgc {
@@ -391,9 +370,7 @@
 .el-input__inner::placeholder {
   color: var(--white);
 }
-.el-pager li {
-  color: var(--white) !important;
-}
+
 .el-icon-date:before {
   color: var(--eldatebefore);
 }
@@ -549,20 +526,20 @@
 
 .el-select-dropdown,
 .el-cascader-menu__list {
-  background-color: #3c3939 !important;
-  border: 1px solid rgb(4, 51, 52) !important;
+  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: rgb(4, 51, 52) !important;
+  background-color: var(--selecthover);
 }
 .el-select-dropdown__item,
 .el-cascader-menu__list {
-  color: white !important;
+  color: var(--white);
 }
 .el-select-dropdown__item.selected {
-  color: #efe201 !important;
+  color: var(--selected);
 }
 /* tabs A*/
 .el-tabs {
@@ -674,7 +651,7 @@
 
 .el-pager li {
   background-color: #fdfdfd12 !important;
-  color: white !important;
+  color: var(--white) !important;
 }
 
 .el-pager li.btn-quicknext,
@@ -708,7 +685,7 @@
 }
 
 .el-textarea__inner {
-  background-color: #000000 !important;
+  background-color: var(--tablethead);
   color: white !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 37293b7..3b47bfd 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -1163,7 +1163,7 @@
   height: 60px;
   padding: 10px;
   text-align: left;
-  color: white;
+  color: var(--white);
   box-sizing: border-box;
 }
 /* 因子选择 B*/
diff --git a/src/components/welcome.vue b/src/components/welcome.vue
index 0d3f400..d01b4c0 100644
--- a/src/components/welcome.vue
+++ b/src/components/welcome.vue
@@ -1,12 +1,13 @@
 <template>
   <div id="welcome">
-    <img src="./../../static/img/BGIMG12.jpg" alt id="Font" />
+    <div id="newwelcome" :class="{ welcome: !flag }"></div>
   </div>
 </template>
 
 <script>
 export default {
   name: "welcome",
+  props: ["flag"],
   data: function() {
     return {};
   },
@@ -24,4 +25,17 @@
   width: 100%;
   height: 100%;
 }
-</style>
\ No newline at end of file
+#newwelcome {
+  background: url("../../static/img/huanyingyehei_img.jpg") no-repeat;
+  background-size: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.welcome {
+  background: url("../../static/img/huanyingye_img.jpg") no-repeat !important;
+  background-size: cover !important;
+  width: 100% !important;
+  height: 100% !important;
+}
+</style>
diff --git a/static/img/huanyingye_img.jpg b/static/img/huanyingye_img.jpg
new file mode 100644
index 0000000..f141c69
--- /dev/null
+++ b/static/img/huanyingye_img.jpg
Binary files differ

diff --git a/src/App.vue b/src/App.vue
index cf24765..c80ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,4 +23,8 @@
   color: #2c3e50;
   height: 100%;
 }
+
+.ss {
+  color: ;
+}
 </style>
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index fb1dbcd..53fadc2 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -1,13 +1,13 @@
-*{
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-decoration: none;
-}
-a{
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
   text-decoration: none;
 }
-.h-100{
+a {
+  text-decoration: none;
+}
+.h-100 {
   height: 100%;
 }
 /*滚动条样式*/
@@ -32,48 +32,39 @@
   background: rgba(0, 0, 0, 0.1);
 }
 /****级联样式重置****/
-.form-cascader{
+.form-cascader {
   background-color: #3c3939 !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
-.form-cascader .el-cascader-panel .el-radio{
+.form-cascader .el-cascader-panel .el-radio {
   display: none;
 }
-.form-cascader .el-cascader-panel .el-radio__input{
+.form-cascader .el-cascader-panel .el-radio__input {
   visibility: hidden;
 }
-.form-cascader .el-cascader-menu{
+.form-cascader .el-cascader-menu {
   color: #fff !important;
   border-right-color: #474f5f;
 }
-.form-cascader .el-cascader-node{
+.form-cascader .el-cascader-node {
   padding-left: 10px;
 }
-.form-cascader .el-cascader-menu__list{
+.form-cascader .el-cascader-menu__list {
   border: none !important;
 }
-.form-cascader .el-cascader-node.in-active-path,
-.form-cascader .el-cascader-node.is-active,
-.form-cascader .el-cascader-node.is-selectable.in-checked-path{
-  color: #efe201 !important;
-}
-.form-cascader .el-cascader-node:not(.is-disabled):focus,
-.form-cascader .el-cascader-node:not(.is-disabled):hover{
-  background-color: rgb(4, 51, 52) !important;
-}
-.form-cascader .el-scrollbar__bar.is-vertical{
+.form-cascader .el-scrollbar__bar.is-vertical {
   width: 3px;
 }
-.form-cascader .el-scrollbar__thumb{
-  background-color:aqua;
+.form-cascader .el-scrollbar__thumb {
+  background-color: aqua;
 }
 /****日期样式重置****/
-.el-date-table th{
-  border-bottom-color:#606266;
+.el-date-table th {
+  border-bottom-color: #606266;
 }
-.el-picker-panel__icon-btn{
+.el-picker-panel__icon-btn {
   color: #fff;
 }
-.el-textarea .el-input__count{
+.el-textarea .el-input__count {
   background: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 8456e61..2a68327 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -50,8 +50,8 @@
   --preTopDatatxt: rgb(255, 217, 0);
   /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */
 
-  --eldatebefore: transparent;
-  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
+  --eldatebefore: rgb(255, 255, 255);
+  /* 时间日期前面的字体图标颜色默认白色，改变后为rgb(0, 119, 255) */
 
   --bluetowhite: rgb(0, 119, 254);
   /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/
@@ -67,6 +67,17 @@
 
   --diatitle: rgb(0, 255, 255);
   /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/
+
+  /* --welcome: url("../../static/img/BGIMG12.jpg"); */
+
+  --selected: rgb(239, 226, 1);
+  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */
+
+  --selecthover: rgb(4, 51, 52);
+  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */
+
+  --selectlist: transparent;
+  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/DataAnalysis/dataScreening.vue b/src/components/DataAnalysis/dataScreening.vue
index 1bc9fa3..661a712 100644
--- a/src/components/DataAnalysis/dataScreening.vue
+++ b/src/components/DataAnalysis/dataScreening.vue
@@ -501,7 +501,7 @@
             }
           ],
           textStyle: {
-            color: "var(--white)" //字体颜色
+            color: "#999" //字体颜色
           }
         },
         xAxis: [
diff --git a/src/components/Engineering/MyHomework_History.vue b/src/components/Engineering/MyHomework_History.vue
index 3ebcadc..c177569 100644
--- a/src/components/Engineering/MyHomework_History.vue
+++ b/src/components/Engineering/MyHomework_History.vue
@@ -163,7 +163,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--whire);
 }
 #MH_HTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/MessageManagement/MessageQuery.vue b/src/components/MessageManagement/MessageQuery.vue
index 14d13ee..ea96bfb 100644
--- a/src/components/MessageManagement/MessageQuery.vue
+++ b/src/components/MessageManagement/MessageQuery.vue
@@ -401,7 +401,7 @@
   height: 60px;
   line-height: 60px;
   text-align: left;
-  color: white;
+  color: var(--white);
 }
 #MQTopSearchBox .el-input {
   width: 200px;
diff --git a/src/components/index.vue b/src/components/index.vue
index 87570d4..94a2f8d 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -44,7 +44,6 @@
             :router="true"
             text-color="white"
             active-text-color="#e8d523"
-            unique-opened
           >
             <el-menu-item index="/overview" v-show="false">
               <i class="el-icon-menu"></i>
@@ -55,16 +54,11 @@
                 <i class="el-icon-location"></i>
                 <span>站点状况预览图</span>
               </template>
-              <el-menu-item
-                index="/site/previewOfSiteStatus"
-                v-has="'m1-1'"
+              <el-menu-item index="/site/previewOfSiteStatus" v-has="'m1-1'"
                 >站点状况预览图</el-menu-item
               >
             </el-submenu>
-            <el-menu-item
-              index="/newFiber/NewFiberSearch"
-              v-has="'m2'"
-            >
+            <el-menu-item index="/newFiber/NewFiberSearch" v-has="'m2'">
               <i class="el-icon-menu"></i>
               <span slot="title">新烽查询</span>
             </el-menu-item>
@@ -73,19 +67,13 @@
                 <i class="el-icon-location"></i>
                 <span>配置中心</span>
               </template>
-              <el-menu-item
-                index="/configure/AlarmConfiguration"
-                v-has="'m3-1'"
+              <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/PushRules"
-                v-has="'m3-2'"
+              <el-menu-item index="/configure/PushRules" v-has="'m3-2'"
                 >推送规则</el-menu-item
               >
-              <el-menu-item
-                index="/configure/AlarmLog"
-                v-has="'m3-3'"
+              <el-menu-item index="/configure/AlarmLog" v-has="'m3-3'"
                 >报警日志</el-menu-item
               >
               <el-menu-item
@@ -93,9 +81,7 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item
-                index="/configure/RtuConfig"
-                v-has="'m3-4'"
+              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
                 >RTU配置</el-menu-item
               >
             </el-submenu>
@@ -104,9 +90,7 @@
                 <i class="el-icon-location"></i>
                 <span>配置管理</span>
               </template>
-              <el-menu-item
-                index="/ConfigManager/project"
-                v-has="'m11-1'"
+              <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
               >
               <el-menu-item
@@ -136,9 +120,7 @@
                 <i class="el-icon-location"></i>
                 <span>数据分析</span>
               </template>
-              <el-menu-item
-                index="/DataAnalysis/dataScreening"
-                v-has="'m5-1'"
+              <el-menu-item index="/DataAnalysis/dataScreening" v-has="'m5-1'"
                 >数据总览</el-menu-item
               >
               <el-menu-item
@@ -147,42 +129,19 @@
                 >统计报表</el-menu-item
               >
             </el-submenu>
-            <!-- <el-submenu index="7" v-has="'m6'">
-              <template slot="title">
-                <i class="el-icon-location"></i>
-                <span>工业物联网云平台</span>
-              </template>
-              <el-menu-item
-                index="7-1"
-                route="/NFCloudPlatform/VideoSurveillance"
-                v-has="'m6-1'"
-                >视频监控</el-menu-item
-              >
-              <el-menu-item
-                index="7-2"
-                route="/NFCloudPlatform/RealTime"
-                v-has="'m6-2'"
-                >实时监控</el-menu-item
-              >
-            </el-submenu> -->
+
             <el-submenu index="8" v-has="'m7'">
               <template slot="title">
                 <i class="el-icon-location"></i>
                 <span>工程作业</span>
               </template>
-              <el-menu-item
-                index="/Engineering/Nowfault"
-                v-has="'m7-1'"
+              <el-menu-item index="/Engineering/Nowfault" v-has="'m7-1'"
                 >站点实时故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/HistoricalFault"
-                v-has="'m7-2'"
+              <el-menu-item index="/Engineering/HistoricalFault" v-has="'m7-2'"
                 >站点历史故障数据</el-menu-item
               >
-              <el-menu-item
-                index="/Engineering/MyHomework"
-                v-has="'m7-3'"
+              <el-menu-item index="/Engineering/MyHomework" v-has="'m7-3'"
                 >我的作业</el-menu-item
               >
             </el-submenu>
@@ -223,7 +182,11 @@
           </el-menu>
         </el-aside>
         <el-main style="height: 100%">
-          <router-view id="ContentView" :userId="userId"></router-view>
+          <router-view
+            id="ContentView"
+            :userId="userId"
+            :flag="flag"
+          ></router-view>
         </el-main>
       </el-container>
     </el-container>
@@ -269,19 +232,23 @@
           "--lineargradient",
           "-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%)"
         );
-        // root.style.setProperty("--elicon", "rgb(255,255,255)");
-        // root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
-        // root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
-        // root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
-        // root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
-        // root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
+        root.style.setProperty("--elicon", "rgb(255,255,255)");
+        root.style.setProperty("--preSiteTitle", "rgb(207, 223, 255)");
+        root.style.setProperty("--preSiteCentent", "rgb(193, 213, 248)");
+        root.style.setProperty("--pretextbg", "rgb(6, 92, 255)");
+        root.style.setProperty("--preTopDatatxt", "rgb(39, 71, 217)");
+        root.style.setProperty("--eldatebefore", "rgb(0, 119, 255)");
         root.style.setProperty("--bluetowhite", "rgb(255, 255, 255)");
         root.style.setProperty("--yellow", "rgb(0, 120, 254)");
         root.style.setProperty("--lighgreen", "rgb(0, 0, 0");
         root.style.setProperty("--digtext", "rgb(0, 0, 0)");
         root.style.setProperty("--diatitle", "rgb(0, 119, 254)");
+        root.style.setProperty("--selected", "#333333");
+        root.style.setProperty("--selecthover", "#dbecff");
+        root.style.setProperty("--selectlist", "#f4f8ff");
 
         this.flag = false;
+        // ---------------------分界线----------------------------------//
       } else {
         root.style.setProperty("--color", "rgb(255, 255, 255)");
         root.style.setProperty("--tablehover", "rgb(4, 51, 52)");
@@ -301,12 +268,15 @@
         root.style.setProperty("--preSiteCentent", "transparent");
         root.style.setProperty("--pretextbg", "transparent");
         root.style.setProperty("--preTopDatatxt", "rgb(255, 217, 0)");
-        root.style.setProperty("--eldatebefore", "transparent");
+        root.style.setProperty("--eldatebefore", "rgb(255, 255, 255)");
         root.style.setProperty("--bluetowhite", "rgb(0, 119, 254)");
         root.style.setProperty("--yellow", "rgb(255, 255, 0)");
         root.style.setProperty("--lighgreen", "rgb(127, 255, 0)");
         root.style.setProperty("--digtext", "rgb(96, 98, 102)");
         root.style.setProperty("--diatitle", "rgb(0, 255, 255)");
+        root.style.setProperty("--selected", "rgb(239, 226, 1)");
+        root.style.setProperty("--selecthover", "rgb(4, 51, 52)");
+        root.style.setProperty("--selectlist", "transparent");
 
         this.flag = true;
       }
@@ -317,14 +287,24 @@
     }
   },
   mounted: function() {
-    //添加菜单
-    // this.LoadMenu();
-    // this.loadLoginName();
     this.LoginName = locasto.getItem("USERName");
   }
 };
 </script>
 <style>
+.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(--selectlist);
+}
+
 .el-dialog__header,
 .el-dialog__body,
 .el-dialog__footer {
@@ -359,7 +339,6 @@
   width: 100%;
   height: 100%;
   position: relative;
-  /* user-select: none; */
   background: url("../../static/img/BGIMG.jpg") 100% 100%;
 }
 .indexbgc {
@@ -391,9 +370,7 @@
 .el-input__inner::placeholder {
   color: var(--white);
 }
-.el-pager li {
-  color: var(--white) !important;
-}
+
 .el-icon-date:before {
   color: var(--eldatebefore);
 }
@@ -549,20 +526,20 @@
 
 .el-select-dropdown,
 .el-cascader-menu__list {
-  background-color: #3c3939 !important;
-  border: 1px solid rgb(4, 51, 52) !important;
+  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: rgb(4, 51, 52) !important;
+  background-color: var(--selecthover);
 }
 .el-select-dropdown__item,
 .el-cascader-menu__list {
-  color: white !important;
+  color: var(--white);
 }
 .el-select-dropdown__item.selected {
-  color: #efe201 !important;
+  color: var(--selected);
 }
 /* tabs A*/
 .el-tabs {
@@ -674,7 +651,7 @@
 
 .el-pager li {
   background-color: #fdfdfd12 !important;
-  color: white !important;
+  color: var(--white) !important;
 }
 
 .el-pager li.btn-quicknext,
@@ -708,7 +685,7 @@
 }
 
 .el-textarea__inner {
-  background-color: #000000 !important;
+  background-color: var(--tablethead);
   color: white !important;
   border: 1px solid rgb(4, 51, 52) !important;
 }
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 37293b7..3b47bfd 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -1163,7 +1163,7 @@
   height: 60px;
   padding: 10px;
   text-align: left;
-  color: white;
+  color: var(--white);
   box-sizing: border-box;
 }
 /* 因子选择 B*/
diff --git a/src/components/welcome.vue b/src/components/welcome.vue
index 0d3f400..d01b4c0 100644
--- a/src/components/welcome.vue
+++ b/src/components/welcome.vue
@@ -1,12 +1,13 @@
 <template>
   <div id="welcome">
-    <img src="./../../static/img/BGIMG12.jpg" alt id="Font" />
+    <div id="newwelcome" :class="{ welcome: !flag }"></div>
   </div>
 </template>
 
 <script>
 export default {
   name: "welcome",
+  props: ["flag"],
   data: function() {
     return {};
   },
@@ -24,4 +25,17 @@
   width: 100%;
   height: 100%;
 }
-</style>
\ No newline at end of file
+#newwelcome {
+  background: url("../../static/img/huanyingyehei_img.jpg") no-repeat;
+  background-size: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.welcome {
+  background: url("../../static/img/huanyingye_img.jpg") no-repeat !important;
+  background-size: cover !important;
+  width: 100% !important;
+  height: 100% !important;
+}
+</style>
diff --git a/static/img/huanyingye_img.jpg b/static/img/huanyingye_img.jpg
new file mode 100644
index 0000000..f141c69
--- /dev/null
+++ b/static/img/huanyingye_img.jpg
Binary files differ
diff --git a/static/img/huanyingyehei_img.jpg b/static/img/huanyingyehei_img.jpg
new file mode 100644
index 0000000..bbd0869
--- /dev/null
+++ b/static/img/huanyingyehei_img.jpg
Binary files differ