增加侧边栏

README.md

 
-## 前言
+## what ?
 
-此项目是 [node-elm](https://github.com/bailicangdu/node-elm) 的后台管理系统，管理商铺及会员信息。
+此项目是 [node-elm](https://github.com/bailicangdu/node-elm) 的后台管理系统。
 
 
 ## 说明

src/page/addGoods.vue

+<template>
+    <div class="fillcontain">
+        addGoods
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/addShop.vue

+<template>
+    <div class="fillcontain">
+        addShop
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/adminList.vue

+<template>
+    <div class="fillcontain">
+        adminList
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/adminSet.vue

+<template>
+    <div class="fillcontain">
+        adminSet
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/area.vue

+<template>
+    <div class="fillcontain">
+        area
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/explain.vue

+<template>
+    <div class="fillcontain">
+        explain
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/home.vue

 <template>
-  <div class="hello">
-    home
-  </div>
+    <div class="fillcontain">
+        home
+    </div>
 </template>
 
 <script>
     export default {
-            
+    	
     }
 </script>
 
-
-<style scoped>
-
+<style lang="less">
+	@import '../style/mixin';
 </style>

src/page/manage.vue

+<template>
+	<div class="home_page fillcontain">
+		<el-row style="height: 100%;">
+	  		<el-col :span="4"  style="min-height: 100%; background-color: #324057;">
+				<el-menu default-active="manage" style="min-height: 100%;" theme="dark" router>
+					<el-menu-item index="manage"><i class="el-icon-menu"></i>首页</el-menu-item>
+					<el-submenu index="2">
+						<template slot="title"><i class="el-icon-document"></i>数据管理</template>
+						<el-menu-item index="userList">用户列表</el-menu-item>
+						<el-menu-item index="shopList">商家列表</el-menu-item>
+						<el-menu-item index="area">地区管理</el-menu-item>
+						<el-menu-item index="adminList">管理员列表</el-menu-item>
+					</el-submenu>
+					<el-submenu index="3">
+						<template slot="title"><i class="el-icon-edit"></i>添加商品</template>
+						<el-menu-item index="addShop">添加商铺</el-menu-item>
+						<el-menu-item index="addGoods">添加商品</el-menu-item>
+					</el-submenu>
+					<el-submenu index="4">
+						<template slot="title"><i class="el-icon-star-on"></i>图表</template>
+						<el-menu-item index="visitor">访问量</el-menu-item>
+						<el-menu-item index="newMember">新增用户</el-menu-item>
+					</el-submenu>
+					<el-submenu index="5">
+						<template slot="title"><i class="el-icon-upload"></i>上传文件</template>
+						<el-menu-item index="uploadImg">上传图片</el-menu-item>
+						<el-menu-item index="uploadFile">上传APK</el-menu-item>
+					</el-submenu>
+					<el-submenu index="6">
+						<template slot="title"><i class="el-icon-setting"></i>设置</template>
+						<el-menu-item index="adminSet">管理员设置</el-menu-item>
+						<el-menu-item index="sendMessage">发送通知</el-menu-item>
+					</el-submenu>
+					<el-submenu index="7">
+						<template slot="title"><i class="el-icon-warning"></i>说明</template>
+						<el-menu-item index="explain">说明</el-menu-item>
+					</el-submenu>
+				</el-menu>
+			</el-col>
+			<el-col :span="20" style="min-height: 100%;">
+				<router-view></router-view>
+			</el-col>
+		</el-row>
+  	</div>
+</template>
+
+<script>
+    export default {
+		 
+    }
+</script>
+
+
+<style lang="less" scoped>
+	@import '../style/mixin';
+	.home_page{
+		
+	}
+</style>

src/page/newMember.vue

+<template>
+    <div class="fillcontain">
+        newMember
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/sendMessage.vue

+<template>
+    <div class="fillcontain">
+        sendMessage
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/shopList.vue

+<template>
+    <div class="fillcontain">
+        shopList
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/uploadFile.vue

+<template>
+    <div class="fillcontain">
+        uploadFile
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/uploadImg.vue

+<template>
+    <div class="fillcontain">
+        uploadImg
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/userList.vue

+<template>
+    <div class="fillcontain">
+        userList
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/page/visitor.vue

+<template>
+    <div class="fillcontain">
+        visitor
+    </div>
+</template>
+
+<script>
+    export default {
+    	
+    }
+</script>
+
+<style lang="less">
+	@import '../style/mixin';
+</style>

src/router/index.js

@@ -4,7 +4,22 @@ import Router from 'vue-router'
 Vue.use(Router)
 
 const login = r => require.ensure([], () => r(require('@/page/login')), 'login');
+const manage = r => require.ensure([], () => r(require('@/page/manage')), 'manage');
 const home = r => require.ensure([], () => r(require('@/page/home')), 'home');
+const addShop = r => require.ensure([], () => r(require('@/page/addShop')), 'addShop');
+const addGoods = r => require.ensure([], () => r(require('@/page/addGoods')), 'addGoods');
+const userList = r => require.ensure([], () => r(require('@/page/userList')), 'userList');
+const shopList = r => require.ensure([], () => r(require('@/page/shopList')), 'shopList');
+const area = r => require.ensure([], () => r(require('@/page/area')), 'area');
+const adminList = r => require.ensure([], () => r(require('@/page/adminList')), 'adminList');
+const visitor = r => require.ensure([], () => r(require('@/page/visitor')), 'visitor');
+const newMember = r => require.ensure([], () => r(require('@/page/newMember')), 'newMember');
+const uploadImg = r => require.ensure([], () => r(require('@/page/uploadImg')), 'uploadImg');
+const uploadFile = r => require.ensure([], () => r(require('@/page/uploadFile')), 'uploadFile');
+const adminSet = r => require.ensure([], () => r(require('@/page/adminSet')), 'adminSet');
+const sendMessage = r => require.ensure([], () => r(require('@/page/sendMessage')), 'sendMessage');
+const explain = r => require.ensure([], () => r(require('@/page/explain')), 'explain');
+
 
 export default new Router({
 	routes: [
@@ -14,8 +29,50 @@ export default new Router({
 		},
 		{
 			path: '/manage',
-			component: home,
-			children: []
+			component: manage,
+			children: [{
+				path: '',
+				component: home,
+			},{
+				path: '/addShop',
+				component: addShop,
+			},{
+				path: '/addGoods',
+				component: addGoods,
+			},{
+				path: '/userList',
+				component: userList,
+			},{
+				path: '/shopList',
+				component: shopList,
+			},{
+				path: '/area',
+				component: area,
+			},{
+				path: '/adminList',
+				component: adminList,
+			},{
+				path: '/visitor',
+				component: visitor,
+			},{
+				path: '/newMember',
+				component: newMember,
+			},{
+				path: '/uploadImg',
+				component: uploadImg,
+			},{
+				path: '/uploadFile',
+				component: uploadFile,
+			},{
+				path: '/adminSet',
+				component: adminSet,
+			},{
+				path: '/sendMessage',
+				component: sendMessage,
+			},{
+				path: '/explain',
+				component: explain,
+			}]
 		}
 	]
 })