调整 /admin 路由和包含的页面

src/router/index.js

@@ -260,28 +260,50 @@ const routes = [
     path: '/admin',
     name: 'Admin',
     component: Admin,
+    meta: { needAuth: true }
+  },
+  {
+    path: '/admin/site',
+    name: '站点',
+    component: Admin,
     meta: { needAuth: true },
     children: [
       {
-        path: '/admin/site',
+        path: '/admin/site/config',
         name: '站点配置',
         component: SiteConfig,
         meta: { needAuth: true }
-      },
+      }
+    ]
+  },
+  {
+    path: '/admin/account',
+    name: '帐号',
+    component: Admin,
+    meta: { needAuth: true },
+    children: [
       {
-        path: '/admin/user',
+        path: '/admin/account/user',
         name: '用户列表',
         component: UserList,
         meta: { needAuth: true }
-      },
+      }
+    ]
+  },
+  {
+    path: '/admin/content',
+    name: '内容',
+    component: Admin,
+    meta: { needAuth: true },
+    children: [
       {
-        path: '/admin/post',
+        path: '/admin/content/video',
         name: '稿件列表',
         component: PostList,
         meta: { needAuth: true }
       },
       {
-        path: '/admin/datasource',
+        path: '/admin/content/datasource',
         name: '数据源',
         component: DataSource,
         meta: { needAuth: true }

src/views/admin/Admin.vue

@@ -37,25 +37,54 @@
           router
           class="el-menu-vertical-demo"
           :collapse="isCollapse"
+          :unique-opened="true"
           @open="handleOpen"
           @close="handleClose"
         >
-          <el-menu-item index="/admin/site">
+<!--          <el-menu-item index="/admin/site">
             <i class="el-icon-apple" />
             <span slot="title">站点配置</span>
-          </el-menu-item>
-          <el-menu-item index="/admin/user">
-            <i class="el-icon-user" />
-            <span slot="title">用户列表</span>
-          </el-menu-item>
-          <el-menu-item index="/admin/post">
-            <i class="el-icon-postcard" />
-            <span slot="title">稿件列表</span>
-          </el-menu-item>
-          <el-menu-item index="/admin/datasource">
-            <i class="el-icon-date" />
-            <span slot="title">数据源</span>
-          </el-menu-item>
+          </el-menu-item>-->
+          <el-submenu index="/admin/site">
+            <template slot="title">
+              <i class="el-icon-user" />
+              <span slot="title">站点</span>
+            </template>
+            <el-menu-item-group>
+              <el-menu-item index="/admin/site/config">
+                <i class="el-icon-film" />
+                <span slot="title">站点配置</span>
+              </el-menu-item>
+            </el-menu-item-group>
+          </el-submenu>
+          <el-submenu index="/admin/account">
+            <template slot="title">
+              <i class="el-icon-user" />
+              <span slot="title">帐号</span>
+            </template>
+            <el-menu-item-group>
+              <el-menu-item index="/admin/account/user">
+                <i class="el-icon-film" />
+                <span slot="title">用户列表</span>
+              </el-menu-item>
+            </el-menu-item-group>
+          </el-submenu>
+          <el-submenu index="/admin/content">
+            <template slot="title">
+              <i class="el-icon-user" />
+              <span slot="title">内容</span>
+            </template>
+            <el-menu-item-group>
+              <el-menu-item index="/admin/content/video">
+                <i class="el-icon-postcard" />
+                <span slot="title">稿件列表</span>
+              </el-menu-item>
+              <el-menu-item index="/admin/content/datasource">
+                <i class="el-icon-date" />
+                <span slot="title">数据源</span>
+              </el-menu-item>
+            </el-menu-item-group>
+          </el-submenu>
         </el-menu>
       </el-aside>
       <el-main>