style:路由

@@ -45,6 +45,7 @@ export default {
         .then((res) => {
         .then((res) => {
           sessionStorage.removeItem("token");
           sessionStorage.removeItem("token");
           this.$store.dispatch("user/resetState");
           this.$store.dispatch("user/resetState");
+          this.$store.dispatch("permission/resetRoutes");
           this.$router.replace({
           this.$router.replace({
             path: "/jg",
             path: "/jg",
             query: {
             query: {

@@ -10,7 +10,7 @@
 
 
   &-header {
   &-header {
     width: 100%;
     width: 100%;
-    padding: 5px 30px 20px 24px;
+    padding: 15px;
     box-sizing: border-box;
     box-sizing: border-box;
     background-size: 100% 100%;
     background-size: 100% 100%;
     background: #FFFFFF;
     background: #FFFFFF;
@@ -24,7 +24,7 @@
     background: #FFFFFF;
     background: #FFFFFF;
     border-radius: 4px;
     border-radius: 4px;
     background-size: 100% 100%;
     background-size: 100% 100%;
-    padding: 22px 42px 20px;
+    padding: 15px;
   }
   }
 
 
 
 

@@ -14,7 +14,6 @@
 .sidebar-container {
 .sidebar-container {
   transition: width 0.28s;
   transition: width 0.28s;
   width: $sideBarWidth !important;
   width: $sideBarWidth !important;
-  overflow-y: scroll;
   font-size: 0px;
   font-size: 0px;
   @include background_color("menuBg");
   @include background_color("menuBg");
 
 
@@ -22,7 +21,9 @@
     transition: 0s width ease-in-out, 0s padding-left ease-in-out,
     transition: 0s width ease-in-out, 0s padding-left ease-in-out,
       0s padding-right ease-in-out;
       0s padding-right ease-in-out;
   }
   }
-
+  .el-scrollbar {
+    height: 100%;
+  }
   .scrollbar-wrapper {
   .scrollbar-wrapper {
     overflow-x: hidden !important;
     overflow-x: hidden !important;
     margin-right: 0 !important;
     margin-right: 0 !important;
@@ -69,13 +70,13 @@
 
 
     &:hover {
     &:hover {
       color: $subMenuActiveText !important;
       color: $subMenuActiveText !important;
-      @include font_color("menuActiveText");
-      @include background_color("menuActive");
+      @include font_color("submenuColor");
+      @include background_color("submenuBg");
 
 
       .svg-icon,
       .svg-icon,
       i,
       i,
       span {
       span {
-        color: #4162D8 !important;
+        @include font_color("submenuColor");
       }
       }
     }
     }
   }
   }
@@ -88,8 +89,8 @@
     background-color: transparent !important;
     background-color: transparent !important;
 
 
     &:hover {
     &:hover {
-      @include font_color("menuActiveText");
-      @include background_color("menuActive");
+      @include font_color("submenuColor");
+      @include background_color("submenuBg");
 
 
       .svg-icon {
       .svg-icon {
         color: #1ea6f8 !important;
         color: #1ea6f8 !important;
@@ -103,8 +104,8 @@
 
 
   .submenu-title-noDropdown.is-active,
   .submenu-title-noDropdown.is-active,
   .el-submenu__title.is-active {
   .el-submenu__title.is-active {
-    @include background_color("menuActive");
-    @include font_color("menuActiveText");
+    @include background_color("submenuBg");
+    @include font_color("submenuColor");
 
 
     .svg-icon {
     .svg-icon {
       color: #1ea6f8 !important;
       color: #1ea6f8 !important;
@@ -132,7 +133,7 @@
 
 
     .svg-icon {
     .svg-icon {
       font-size: 18px;
       font-size: 18px;
-      color: #6D7278!important;
+      color: #6D7278 !important;
     }
     }
   }
   }
 
 
@@ -315,6 +316,19 @@
   }
   }
 }
 }
 
 
+.el-submenu.is-active .el-submenu__title {
+  @include background_color("submenuBg");
+  @include font_color("submenuColor");
+}
+
+.el-submenu.is-active .el-submenu__title:hover {
+  @include font_color("submenuColor");
+}
+
+.el-submenu.is-active .el-submenu__title .svg-icon {
+  @include font_color("submenuColor");
+}
+
 .el-submenu__title {
 .el-submenu__title {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;