修复收缩侧边栏

template/src/api/index.js

 import axios from 'axios'
 import config from './config'
 
+import systemSafety from './systemSafety'
 {{#serviceMonitor}}
 import serviceMonitor from './serviceMonitor'
 {{/serviceMonitor}}
@@ -13,9 +14,6 @@ import systemMonitor from './systemMonitor'
 {{#serverMonitor}}
 import serverMonitor from './serverMonitor'
 {{/serverMonitor}}
-{{#systemSafety}}
-import systemSafety from './systemSafety'
-{{/systemSafety}}
 
 const CancelToken = axios.CancelToken
 

template/src/components/Header.vue

@@ -208,7 +208,7 @@
       // 菜单操作
       handleMenu () {
         this.isCollapse = !this.isCollapse
-        this.$root.eventHub.$emit('handleMenu', this.isCollapse) // Hub触发事件,通过this.root.eventHub获取此对象//调用emit 方法
+        this.$store.dispatch('setCollapse', this.isCollapse)
       },
       // 重置密码
       handleUsercenter () {

template/src/components/SiderBar.vue

@@ -18,13 +18,17 @@
 
   export default{
     name: 'SiderBar',
+    conputed: {
+      isCollapse () {
+        return this.$store.state.isCollapse
+      }
+    },
     data () { 
       return { 
         activeIndex: '',
         infos: [],
         curIndex: '0',
         childModuleinfos: '', // 新增定义
-        isCollapse: false,
         menuUrl: [] // 菜单链接集合
       }
     },
@@ -49,22 +53,6 @@
     mounted() {
       this.init()
     },
-    created () {
-      // 切换
-      this.$on('handleTab', (msg) => { // Hub接收事件
-        for (var i = 0; i < this.infos.length; i++) {
-          if (msg === this.infos[i].pageurl) {
-            this.curIndex = i
-            return
-          }
-        }
-      })
-      // 收起菜单栏，只剩图标
-      this.$root.eventHub.$on('handleMenu', (msg) => { // Hub接收事件
-      // console.log(msg)
-      this.isCollapse = msg
-      })
-    },
     methods: {
       init() {
         let yObj = localStorage.getItem('gisopUserInfo')

template/src/store/index.js

@@ -11,6 +11,7 @@ const store = new Vuex.Store({
     gisopUserInfo: { 
 
     },
+    isCollapse: false,
     sideMenu: [],
     ruleid: ''
   },
@@ -21,6 +22,9 @@ const store = new Vuex.Store({
     SET_GISOP_USER(state, payload) {
       state.gisopUserInfo = payload
     },
+    SET_Collapse(state, payload) {
+      state.isCollapse = payload
+    },
     SET_SIDE_MENU(state, payload) {
       state.sideMenu = payload
     },
@@ -35,6 +39,9 @@ const store = new Vuex.Store({
     setGisopUser({ commit }, payload) {
       commit('SET_GISOP_USER', payload)
     },
+    setCollapse({ commit }, payload) {
+      commit('SET_Collapse', payload)
+    },
     setSideMenu({ commit }, payload) {
       commit('SET_SIDE_MENU', payload)
     },