From c3ba8e195a566d57e53cd1d1c8c01f9a86424d05 Mon Sep 17 00:00:00 2001
From: Bowen <mr_lbw@outlook.com>
Date: Mon, 8 Oct 2018 07:41:15 +0800
Subject: [PATCH] feat: link with store.routes

---
 src/components/App/RecursiveAside.vue     | 61 ++---------------------
 src/router/components/components.js       |  4 +-
 src/router/routes/dynamic.js              | 30 +++++++----
 src/view/{Access.vue => Access/Admin.vue} |  6 +--
 src/view/Access/User.vue                  | 19 +++++++
 src/view/Access/index.vue                 | 15 ++++++
 6 files changed, 65 insertions(+), 70 deletions(-)
 rename src/view/{Access.vue => Access/Admin.vue} (66%)
 create mode 100644 src/view/Access/User.vue
 create mode 100644 src/view/Access/index.vue

diff --git a/src/components/App/RecursiveAside.vue b/src/components/App/RecursiveAside.vue
index ab6e040..dc8647e 100644
--- 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
index ba98f6b..70e08ad 100644
--- 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
index 123858b..51e4281 100644
--- 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 b/src/view/Access/Admin.vue
similarity index 66%
rename from src/view/Access.vue
rename to src/view/Access/Admin.vue
index bf3cdb9..1b075af 100644
--- a/src/view/Access.vue
+++ b/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
new file mode 100644
index 0000000..747dc76
--- /dev/null
+++ 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
new file mode 100644
index 0000000..2ef4a29
--- /dev/null
+++ 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>