菜单权限。

master
kevin jiang 6 years ago
parent e7cb7f41e4
commit b068820649

@ -1,6 +1,4 @@
<template>
<div class="layout">
<Layout :style="{minHeight: '100vh'}">
<Sider collapsible :collapsed-width="78" v-model="isCollapsed">
@ -16,16 +14,16 @@
<Icon type="ios-paper" />
用户管理
</template>
<MenuItem name="1-1">用户管理</MenuItem>
<MenuItem name="1-1" to="/account/manager">账号管理</MenuItem>
<MenuItem name="1-2" to="/role/manager">角色管理</MenuItem>
</Submenu>
<Submenu name="2">
<template slot="title">
<Icon type="ios-people" />
门店推广
</template>
<MenuItem name="2-1">推广管理</MenuItem>
<MenuItem name="2-2">推广数据</MenuItem>
<MenuItem name="2-1" to="/shop/increase/manager">推广管理</MenuItem>
<MenuItem name="2-2" to="/shop/increase/data">推广数据</MenuItem>
</Submenu>
<Submenu name="3">
@ -33,17 +31,7 @@
<Icon type="ios-paper" />
数据中心
</template>
<MenuItem name="客户数据">客户数据</MenuItem>
</Submenu>
<Submenu name="4">
<template slot="title">
<Icon type="ios-paper" />
设置管理
</template>
<MenuItem name="账户管理">账户管理</MenuItem>
<MenuItem name="角色管理">角色管理</MenuItem>
<MenuItem name="3-1" to="/customer/data">客户数据</MenuItem>
</Submenu>
</Menu>
@ -91,12 +79,8 @@ export default {
}
},
methods: {
onSelectLister (val) {
switch (val) {
case "客户数据":this.$router.push("/customer/data");break;
case "角色管理":this.$router.push('/role/manager');break;
default:break;
}
onSelectLister () {
},
collapsedSider () {
this.$refs.side1.toggleCollapse();

@ -0,0 +1,31 @@
<template>
<div>
<Menu mode="horizontal" active-name="1">
<MenuItem name="1" to="/shop/increase/data/region">
<Icon type="ios-paper" />
区域
</MenuItem>
<MenuItem name="2" to="/shop/increase/data/store">
<Icon type="ios-people" />
门店
</MenuItem>
<MenuItem name="4" to="/shop/increase/data/staff">
<Icon type="ios-construct" />
导购
</MenuItem>
</Menu>
<div>
<router-view/>
</div>
</div>
</template>
<script>
export default {
name: "IncreaseData"
}
</script>
<style scoped>
</style>

@ -0,0 +1,15 @@
<template>
<div>
<p>IncreaseDataRegion</p>
</div>
</template>
<script>
export default {
name: "IncreaseDataRegion"
}
</script>
<style scoped>
</style>

@ -1,12 +1,12 @@
<template>
<div>
<p>ShopIncrease</p>
<p>IncreaseDataStaff</p>
</div>
</template>
<script>
export default {
name: "ShopIncrease"
name: "IncreaseDataStaff"
}
</script>

@ -0,0 +1,15 @@
<template>
<div>
<p>IncreaseDataStore</p>
</div>
</template>
<script>
export default {
name: "IncreaseDataStore"
}
</script>
<style scoped>
</style>

@ -0,0 +1,27 @@
<template>
<div>
<Menu mode="horizontal" active-name="1">
<MenuItem name="1" to="/shop/increase/manager/store">
<Icon type="ios-paper" />
门店号管理
</MenuItem>
<MenuItem name="2" to="/shop/increase/manager/staff">
<Icon type="ios-people" />
推广人员管理
</MenuItem>
</Menu>
<div>
<router-view/>
</div>
</div>
</template>
<script>
export default {
name: "ShopIncrease"
}
</script>
<style scoped>
</style>

@ -0,0 +1,15 @@
<template>
<div>
<p>IncreaseStaffManager</p>
</div>
</template>
<script>
export default {
name: "IncreaseStaffManager"
}
</script>
<style scoped>
</style>

@ -0,0 +1,15 @@
<template>
<div>
<p>IncreaseStoreManager</p>
</div>
</template>
<script>
export default {
name: "IncreaseStoreManager"
}
</script>
<style scoped>
</style>

@ -1,12 +1,16 @@
import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/pages/Login'
import ExternalContact from '@/pages/ExternalContact'
import Home from '@/pages/Home'
import AccountManager from '@/pages/user/AccountManager'
import RoleManager from '@/pages/user/RoleManager'
import ShopIncrease from '@/pages/shop/ShopIncrease'
import Login from '@/pages/Login';
import ExternalContact from '@/pages/ExternalContact';
import Home from '@/pages/Home';
import AccountManager from '@/pages/user/AccountManager';
import RoleManager from '@/pages/user/RoleManager';
import IncreaseManager from '@/pages/shop/IncreaseManager';
import CustomerData from "@/pages/CustomerData";
import IncreaseData from '@/pages/shop/IncreaseData';
import IncreaseDataRegion from '@/pages/shop/IncreaseDataRegion';
import IncreaseDataStaff from '@/pages/shop/IncreaseDataStaff';
import IncreaseDataStore from '@/pages/shop/IncreaseDataStore';
Vue.use(Router);
const router = new Router({
@ -32,6 +36,7 @@ const router = new Router({
name: 'Home',
component: Home,
children: [
{
path: '/account/manager',
name: 'AccountManager',
@ -43,9 +48,43 @@ const router = new Router({
component: RoleManager
},
{
path: '/shop/increase',
name: 'ShopIncrease',
component: ShopIncrease
path: '/shop/increase/manager',
name: 'IncreaseManager',
component: IncreaseManager,
children: [
{
path: '/shop/increase/manager/store',
name: 'IncreaseDataRegion',
component: IncreaseDataRegion
},
{
path: '/shop/increase/manager/staff',
name: 'IncreaseDataStore',
component: IncreaseDataStore
}
]
},
{
path: '/shop/increase/data',
name: 'IncreaseData',
component: IncreaseData,
children: [
{
path: '/shop/increase/data/region',
name: 'IncreaseDataRegion',
component: IncreaseDataRegion
},
{
path: '/shop/increase/data/store',
name: 'IncreaseDataStore',
component: IncreaseDataStore
},
{
path: '/shop/increase/data/staff',
name: 'IncreaseDataStaff',
component: IncreaseDataStaff
},
]
},
{
path: '/customer/data',

Loading…
Cancel
Save