feat: link with store.routes

lbwa · Oct 7, 2018 · c3ba8e1 · c3ba8e1
1 parent 910421b
commit c3ba8e1
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 70 deletions.
diff --git a/src/components/App/RecursiveAside.vue b/src/components/App/RecursiveAside.vue
@@ -19,63 +19,10 @@
     >
       <!-- recursive tree area -->
       <recursive-list
-        :basic-route="`/1`"
-        :route="{
-          path: '/1',
-          components: 1,
-          meta: {
-            title: '11111',
-            icon: 'el-icon-tickets'
-          },
-          children: [
-            {
-              path: '2-1',
-              components: 2,
-              meta: {
-                title: '22222'
-              },
-              children: [
-                {
-                  path: '3-1',
-                  components: 3,
-                  meta: {
-                    title: '33333'
-                  }
-                },
-                {
-                  path: '4-1',
-                  components: 4,
-                  meta: {
-                    title: '4444'
-                  },
-                }
-              ]
-            },
-            {
-              path: '2-2',
-              components: 2,
-              meta: {
-                title: '22222-222'
-              },
-              children: [
-                {
-                  path: '3-2',
-                  components: 3,
-                  meta: {
-                    title: '33333-222'
-                  }
-                },
-                {
-                  path: '4-2',
-                  components: 4,
-                  meta: {
-                    title: '4444-2222'
-                  },
-                }
-              ]
-            }
-          ]
-        }"
+        v-for="route of routes"
+        :key="route.path"
+        :route="route"
+        :basic-route="route.path"
       ></recursive-list>
     </el-menu>
   </el-aside>

diff --git a/src/router/components/components.js b/src/router/components/components.js
@@ -12,7 +12,9 @@ const common = [
 ]
 
 const dynamic = [
-  'Access'
+  'Access',
+  'Access/Admin',
+  'Access/User'
 ]
 
 export {

diff --git a/src/router/routes/dynamic.js b/src/router/routes/dynamic.js
@@ -3,17 +3,29 @@ import { dynamic } from '../components'
 // Service response routes map can be used to expand or rebuild this preset map
 export default [
   {
-    path: '/access/admin',
+    path: '/access',
     component: dynamic.access,
     meta: {
+      title: 'Access',
       role: ['admin']
-    }
-  },
-  {
-    path: '/access/user',
-    component: dynamic.access,
-    meta: {
-      role: ['user']
-    }
+    },
+    children: [
+      {
+        path: 'admin',
+        component: dynamic.access,
+        meta: {
+          title: 'admin',
+          role: ['admin']
+        }
+      },
+      {
+        path: 'user',
+        component: dynamic.access,
+        meta: {
+          title: 'user',
+          role: ['user']
+        }
+      }
+    ]
   }
 ]
diff --git a/src/view/Access.vue → src/view/Access/Admin.vue b/src/view/Access.vue → src/view/Access/Admin.vue
@@ -1,14 +1,14 @@
 <template>
-  <el-main class="permission">
+  <div class="access__admin">
     {{info}}
-  </el-main>
+  </div>
 </template>
 
 <script>
 export default {
   data () {
     return {
-      info: 'dynamic routes'
+      info: 'access__admin'
     }
   }
 }

diff --git a/src/view/Access/User.vue b/src/view/Access/User.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="access__user">
+    {{info}}
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      info: 'access__user'
+    }
+  }
+}
+</script>
+
+<style lang="sass" scoped>
+
+</style>
diff --git a/src/view/Access/index.vue b/src/view/Access/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <el-main class="access">
+    <router-view></router-view>
+  </el-main>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="sass" scoped>
+
+</style>