菜单配置

src/api/brand-store.js

-import getFetch from './getFetch.js';
-
-let api = {
-  // 获取品牌列表
-  getBrandList: '/brand-list',
-  // 获取经营类目
-  getCategory: '/list-all-businesscategory',
-  // 编辑、新建品牌
-  saveBrand: '/brand-save',
-  // 删除品牌
-  delBrand: {
-    url: '/brand-del',
-    useIntercept: false
-  },
-  // 并入、批量并入
-  mergeBrand: {
-    url: '/brand-merge',
-    useIntercept: false
-  },
-  // 获取关联商户品牌列表
-  getConcatBrandList: '/brand-ref-list',
-}
-
-api = getFetch(api, '/gic-operation-web');
-
-export default api;

src/api/permission.js

+import getFetch from './getFetch.js';
+
+const api = {
+  getMenuList: '/gic-menu-list', // 获取菜单列表
+  addMenu: '/menu-add', // 添加菜单、添加子菜单
+  editMenu: '/menu-edit', // 编辑菜单
+  delMenu: '/menu-del', // 删除菜单
+}
+
+export default getFetch(api, '/hb-manage-web');

src/layout/layout.vue

 <template>
-  <div>
+  <div class="layout">
     <yw-header @updateAsideMenu="updateAsideMenu"></yw-header>
     <div class="main">
       <aside-menu :menu="menu"></aside-menu>
@@ -29,3 +29,17 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.layout {
+  padding: 84px 20px 20px 240px;
+  min-width: 1400px;
+  height: 100vh;
+  overflow: hidden;
+}
+.main {
+  height: 100%;
+  background: #fff;
+  overflow-y: scroll;
+}
+</style>

src/router/routes.js

@@ -28,6 +28,11 @@ export const routes = [
         name: '菜单配置',
         component: () => import('@/views/permission/menu-config.vue')
       },
+      {
+        path: '/permission-list',
+        name: '权限项列表',
+        component: () => import('@/views/permission/permission-list.vue')
+      }
     ]
   },
   {

src/views/permission/menu-config.vue

 <template>
-  <div>菜单配置</div>
+  <el-tabs v-model="activeName">
+    <!-- 1好办后台2应用后台3好办小程序4小程序应用 -->
+    <el-tab-pane label="好办后台" name="first" lazy>
+      <menu-list app-type="1"></menu-list>
+    </el-tab-pane>
+    <el-tab-pane label="应用后台" name="second" lazy>
+      <menu-list app-type="2"></menu-list>
+    </el-tab-pane>
+    <el-tab-pane label="好办小程序" name="third" lazy>
+      <menu-list app-type="3"></menu-list>
+    </el-tab-pane>
+    <el-tab-pane label="好办小程序应用" name="fourth" lazy>
+      <menu-list app-type="4"></menu-list>
+    </el-tab-pane>
+  </el-tabs>
 </template>
 
 <script>
+import MenuList from './menu-config/menu-list.vue';
 export default {
-  name: 'menu-config'
+  name: 'menu-config',
+  components: { MenuList },
+  data() {
+    return {
+      activeName: 'first'
+    }
+  }
 }
 </script>
+
+<style lang="less" scoped>
+/deep/.el-tabs__header {
+  padding-top: 10px;
+  margin-bottom: 0;
+}
+</style>

src/views/permission/permission-list.vue

+<template>
+  <div>权限项列表</div>
+</template>
+
+<script>
+export default {
+  name: 'permission-list'
+}
+</script>