菜单权限。

master
kevin jiang 6 years ago
parent e7cb7f41e4
commit b068820649

@ -1,6 +1,4 @@
<template> <template>
<div class="layout"> <div class="layout">
<Layout :style="{minHeight: '100vh'}"> <Layout :style="{minHeight: '100vh'}">
<Sider collapsible :collapsed-width="78" v-model="isCollapsed"> <Sider collapsible :collapsed-width="78" v-model="isCollapsed">
@ -16,16 +14,16 @@
<Icon type="ios-paper" /> <Icon type="ios-paper" />
用户管理 用户管理
</template> </template>
<MenuItem name="1-1">用户管理</MenuItem> <MenuItem name="1-1" to="/account/manager">账号管理</MenuItem>
<MenuItem name="1-2" to="/role/manager">角色管理</MenuItem>
</Submenu> </Submenu>
<Submenu name="2"> <Submenu name="2">
<template slot="title"> <template slot="title">
<Icon type="ios-people" /> <Icon type="ios-people" />
门店推广 门店推广
</template> </template>
<MenuItem name="2-1">推广管理</MenuItem> <MenuItem name="2-1" to="/shop/increase/manager">推广管理</MenuItem>
<MenuItem name="2-2">推广数据</MenuItem> <MenuItem name="2-2" to="/shop/increase/data">推广数据</MenuItem>
</Submenu> </Submenu>
<Submenu name="3"> <Submenu name="3">
@ -33,17 +31,7 @@
<Icon type="ios-paper" /> <Icon type="ios-paper" />
数据中心 数据中心
</template> </template>
<MenuItem name="客户数据">客户数据</MenuItem> <MenuItem name="3-1" to="/customer/data">客户数据</MenuItem>
</Submenu>
<Submenu name="4">
<template slot="title">
<Icon type="ios-paper" />
设置管理
</template>
<MenuItem name="账户管理">账户管理</MenuItem>
<MenuItem name="角色管理">角色管理</MenuItem>
</Submenu> </Submenu>
</Menu> </Menu>
@ -91,12 +79,8 @@ export default {
} }
}, },
methods: { methods: {
onSelectLister (val) { onSelectLister () {
switch (val) {
case "客户数据":this.$router.push("/customer/data");break;
case "角色管理":this.$router.push('/role/manager');break;
default:break;
}
}, },
collapsedSider () { collapsedSider () {
this.$refs.side1.toggleCollapse(); 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> <template>
<div> <div>
<p>ShopIncrease</p> <p>IncreaseDataStaff</p>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "ShopIncrease" name: "IncreaseDataStaff"
} }
</script> </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 Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
import Login from '@/pages/Login' import Login from '@/pages/Login';
import ExternalContact from '@/pages/ExternalContact' import ExternalContact from '@/pages/ExternalContact';
import Home from '@/pages/Home' import Home from '@/pages/Home';
import AccountManager from '@/pages/user/AccountManager' import AccountManager from '@/pages/user/AccountManager';
import RoleManager from '@/pages/user/RoleManager' import RoleManager from '@/pages/user/RoleManager';
import ShopIncrease from '@/pages/shop/ShopIncrease' import IncreaseManager from '@/pages/shop/IncreaseManager';
import CustomerData from "@/pages/CustomerData"; 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); Vue.use(Router);
const router = new Router({ const router = new Router({
@ -32,6 +36,7 @@ const router = new Router({
name: 'Home', name: 'Home',
component: Home, component: Home,
children: [ children: [
{ {
path: '/account/manager', path: '/account/manager',
name: 'AccountManager', name: 'AccountManager',
@ -43,9 +48,43 @@ const router = new Router({
component: RoleManager component: RoleManager
}, },
{ {
path: '/shop/increase', path: '/shop/increase/manager',
name: 'ShopIncrease', name: 'IncreaseManager',
component: ShopIncrease 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', path: '/customer/data',

Loading…
Cancel
Save