增加了bus 增加了分块区滚动 增加了table 增加了分页 修改了某些分页接口 角色增删

QMPlusVuePage/src/view/layout/aside/asideComponent/asyncSubmenu.vue

@@ -1,7 +1,7 @@
 <template>
   <el-submenu ref="subMenu" :index="routerInfo.name">
     <template slot="title">
-      <i class="el-icon-location"></i>
+      <i :class="'el-icon-'+routerInfo.meta.icon"></i>
       <span slot="title">{{routerInfo.meta.title}}</span>
     </template>
     <slot></slot>

QMPlusVuePage/src/view/layout/aside/asideComponent/menuItem.vue

@@ -1,6 +1,6 @@
 <template>
   <el-menu-item :index="routerInfo.name">
-    <i class="el-icon-document"></i>
+    <i :class="'el-icon-'+routerInfo.meta.icon"></i>
     <span slot="title">{{routerInfo.meta.title}}</span>
   </el-menu-item>
 </template>

QMPlusVuePage/src/view/layout/aside/index.vue

@@ -1,28 +1,44 @@
 <template>
-  <el-menu
-    :class="['el-menu-vertical',!isCollapse&&'noCollapse']"
-    :collapse="isCollapse"
-    :default-active="active"
-    @select="selectMenuItem"
-    unique-opened
-  >
-    <aside-component :key="item.name" :routerInfo="item" v-for="item in asyncRouters[0].children" />
-  </el-menu>
+  <div>
+    <div class="menu-total">
+        <i class="el-icon-arrow-right"></i>
+    </div>
+    <vue-scroll :ops="ops">
+      <el-menu
+        :class="['el-menu-vertical',!isCollapse&&'noCollapse']"
+        :collapse="isCollapse"
+        :default-active="active"
+        @select="selectMenuItem"
+        unique-opened
+      >
+        <aside-component
+          :key="item.name"
+          :routerInfo="item"
+          v-for="item in asyncRouters[0].children"
+        />
+      </el-menu>
+    </vue-scroll>
+  </div>
 </template>
 
 <script>
 import { mapGetters } from 'vuex'
 import AsideComponent from '@/view/layout/aside/asideComponent'
+import vueScroll from 'vuescroll'
+import 'vuescroll/dist/vuescroll.css'
 export default {
   name: 'Aside',
   data() {
     return {
       active: '',
-      isCollapse: true
+      isCollapse: true,
+      ops: {
+        bar: {disable:true}
+      }
     }
   },
   methods: {
-    selectMenuItem(index) {
+    selectMenuItem(index,indexList) {
       if (index === this.$route.name) return
       this.$router.push({ name: index })
     }
@@ -31,10 +47,28 @@ export default {
     ...mapGetters('router', ['asyncRouters'])
   },
   components: {
+    vueScroll,
     AsideComponent
   },
   created() {
     this.active = this.$route.name
+    this.$bus.on('totalCollapse', () => {
+      this.isCollapse = !this.isCollapse
+    })
+  },
+  beforeDestroy() {
+    this.$bus.off('totalCollapse')
   }
 }
 </script>
+
+<style lang="scss">
+.menu-info {
+  .menu-contorl {
+    line-height: 52px;
+    font-size: 20px;
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+</style>