menu添加进vuex管理

src/App.vue

@@ -347,7 +347,11 @@ export default {
 
   created() {
     let that = this;
-    $("#appBody").attr("class", that.$store.state.themeName);
+    const themeName = that.$store.state.themeName;
+    $("#appBody").attr(
+      "class",
+      themeName === "dark" || themeName === "light" ? themeName : "dark"
+    );
     // that.$nextTick(() => {
     //   that.API.requestData({
     //     isMust: false, // 请求是否携带 token ，默认为 true ，可缺省
@@ -540,7 +544,7 @@ body {
 .el-tree-node__label {
   font-size: 18px !important;
 }
-.el-pagination.is-background .el-pager li:not(.disabled).active{
+.el-pagination.is-background .el-pager li:not(.disabled).active {
   background-color: #05bb4c !important;
 }
 </style>

src/assets/styles/theme/light/light-jsc.less

@@ -401,7 +401,7 @@
 
     .name-box {
         .name-box-title {
-            color     : #000;
+            color     : @black;
             transition: @transition;
         }
     }

src/store/index.js

@@ -8,7 +8,8 @@ const debug = process.env.NODE_ENV !== 'production';
 const state = {
   websocketTimeSec: 1000,
   loading: false, //全局 - 加载中....
-  themeName: localStorage.getItem("authToken") || "dark", // 主题
+  themeName: localStorage.getItem("themeName") || "dark", // 主题
+  menuData: [],
   windturbineMap: {},
 };
 
@@ -30,7 +31,10 @@ const actions = {
     context.commit("update", newData);
   },
   changeTheme(context, str) {
-    context.commit("changeTheme", str)
+    context.commit("changeTheme", str);
+  },
+  changeMenuData(context, str) {
+    context.commit("changeMenuData", str);
   }
 };
 

src/views/layout/Header.vue

@@ -126,7 +126,8 @@ export default {
   mounted() {
     let that = this;
     $(document).keydown((event) => {
-      if (event.keyCode == 67) { // c
+      if (event.keyCode == 67) {
+        // c
         let firstDate = new Date();
         if (that.firsttime == 0) {
           that.firsttime = firstDate.getTime();
@@ -160,7 +161,7 @@ export default {
       this.$store.state.themeName === "dark"
         ? (this.themeName = false)
         : (this.themeName = true);
-      localStorage.setItem("authToken", this.$store.state.themeName);
+      localStorage.setItem("themeName", this.$store.state.themeName);
     },
   },
   computed: {

src/views/layout/Menu.vue

@@ -1068,6 +1068,7 @@ export default {
       let data = this.menuData.filter((t) => {
         return t.id == this.currRoot;
       })[0].data;
+      this.$store.dispatch("changeMenuData", data);
       return data;
     },
   },