|
|
|
|
@ -1,52 +1,33 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="layout">
|
|
|
|
|
<Layout :style="{minHeight: '100vh'}">
|
|
|
|
|
<Sider collapsible
|
|
|
|
|
:collapsed-width="78"
|
|
|
|
|
v-model="isCollapsed"
|
|
|
|
|
:hide-trigger="true">
|
|
|
|
|
<Sider collapsible :collapsed-width="78" v-model="isCollapsed" :hide-trigger="true" >
|
|
|
|
|
|
|
|
|
|
<div style="margin: 40px 0 20px 10px;font-weight: bold;font-size: 30px;color: #ffffff;">
|
|
|
|
|
<Poptip placement="bottom-start"
|
|
|
|
|
width="200"
|
|
|
|
|
:offset="-8">
|
|
|
|
|
<img src="../../static/img/avatar.png"
|
|
|
|
|
style="width: 32px;vertical-align: middle;cursor: pointer" />
|
|
|
|
|
<Poptip placement="bottom-start" width="200" :offset="-8">
|
|
|
|
|
<img src="../../static/img/avatar.png" style="width: 32px;vertical-align: middle;cursor: pointer"/>
|
|
|
|
|
<div slot="content">
|
|
|
|
|
<div style="cursor: pointer;"
|
|
|
|
|
@click="logoutClick">
|
|
|
|
|
<div style="cursor: pointer;" @click="logoutClick">
|
|
|
|
|
<span class="logout-span">退出登录</span>
|
|
|
|
|
<img class="logout-img"
|
|
|
|
|
src="../../static/img/logout.png" />
|
|
|
|
|
<img class="logout-img" src="../../static/img/logout.png"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</Poptip>
|
|
|
|
|
<span class="project-title">优客后台管理</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Menu ref="menu"
|
|
|
|
|
:active-name="selectedItemName"
|
|
|
|
|
:open-names="openName"
|
|
|
|
|
theme="dark"
|
|
|
|
|
width="auto"
|
|
|
|
|
@on-select="onSelectLister"
|
|
|
|
|
:accordion="true">
|
|
|
|
|
<MenuItem v-if="roleCode === 'GLY-ADMIN' || roleCode === 'DG-YUNYING' || roleCode === 'GL-YUNYING'"
|
|
|
|
|
:name="0"
|
|
|
|
|
to="/customer/view">
|
|
|
|
|
<Menu ref="menu" :active-name="selectedItemName" :open-names="openName" theme="dark" width="auto"
|
|
|
|
|
@on-select="onSelectLister" :accordion="true">
|
|
|
|
|
<MenuItem v-if="roleCode === 'GLY-ADMIN' || roleCode === 'DG-YUNYING' || roleCode === 'GL-YUNYING'" :name="0" to="/customer/view">
|
|
|
|
|
<Icon type="ios-paper"/>
|
|
|
|
|
<span style="margin-left: 7px">首页</span>
|
|
|
|
|
</MenuItem>
|
|
|
|
|
<Submenu :name="item.id"
|
|
|
|
|
v-for="item in onePermissionList"
|
|
|
|
|
:key="item.id">
|
|
|
|
|
<Submenu :name="item.id" v-for="item in onePermissionList" :key="item.id">
|
|
|
|
|
<template slot="title">
|
|
|
|
|
<Icon type="ios-paper"/>
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</template>
|
|
|
|
|
<MenuItem :name="cItem.id"
|
|
|
|
|
:to="cItem.resource"
|
|
|
|
|
v-for="cItem in item.subMenuList"
|
|
|
|
|
<MenuItem :name="cItem.id" :to="cItem.resource" v-for="cItem in item.subMenuList"
|
|
|
|
|
:key="cItem.id">
|
|
|
|
|
{{cItem.name}}
|
|
|
|
|
</MenuItem>
|
|
|
|
|
@ -57,8 +38,7 @@
|
|
|
|
|
<!-- <Header :style="{background: '#fff', boxShadow: '0 2px 3px 2px rgba(0,0,0,.1)'}"></Header>-->
|
|
|
|
|
<Content :style="{padding: '0 16px 16px'}">
|
|
|
|
|
<Breadcrumb :style="{margin: '16px 0'}">
|
|
|
|
|
<BreadcrumbItem><span style="cursor: pointer"
|
|
|
|
|
@click="breadcrumbClick">{{selectedMenu}}</span></BreadcrumbItem>
|
|
|
|
|
<BreadcrumbItem><span style="cursor: pointer" @click="breadcrumbClick">{{selectedMenu}}</span></BreadcrumbItem>
|
|
|
|
|
<BreadcrumbItem>{{selectedSubMenu}}</BreadcrumbItem>
|
|
|
|
|
</Breadcrumb>
|
|
|
|
|
<Card>
|
|
|
|
|
@ -300,12 +280,29 @@ export default {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
//账户管理页面回调方法
|
|
|
|
|
callBack (item) {
|
|
|
|
|
let that = this;
|
|
|
|
|
this.selectedMenu = "设置管理";
|
|
|
|
|
this.selectedSubMenu = "账户管理";
|
|
|
|
|
this.selectedItemName = this.onePermissionList[2].subMenuList[0].id;
|
|
|
|
|
this.$router.push({ path: '/account/manager', query: item });
|
|
|
|
|
callBack(val) {
|
|
|
|
|
this.selectedMenu = val.selectedMenu;
|
|
|
|
|
this.selectedSubMenu = val.selectedSubMenu;
|
|
|
|
|
|
|
|
|
|
let url = "";
|
|
|
|
|
for (let i = 0; i < this.onePermissionList.length; i++) {
|
|
|
|
|
let item = this.onePermissionList[i];
|
|
|
|
|
for (let k = 0; k < item.subMenuList.length; k++) {
|
|
|
|
|
let cItem = item.subMenuList[k];
|
|
|
|
|
if(cItem.name === val.selectedSubMenu){
|
|
|
|
|
this.selectedItemName = cItem.id;
|
|
|
|
|
url = cItem.resource;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(val.type === 1){
|
|
|
|
|
this.$router.push({path: url,query:val.data});
|
|
|
|
|
}else{
|
|
|
|
|
this.$router.push(url);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
setHeader(data){
|
|
|
|
|
let that = this;
|
|
|
|
|
@ -316,15 +313,8 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
//手动设置面包屑
|
|
|
|
|
setMenuName: function (menu1, menu2) {
|
|
|
|
|
console.log("setMenu", arguments)
|
|
|
|
|
this.selectedMenu = menu1;
|
|
|
|
|
this.selectedSubMenu = menu2;
|
|
|
|
|
let parentId;
|
|
|
|
|
let subId;
|
|
|
|
|
this.onePermissionList.forEach(item => {
|
|
|
|
|
if (item.name == menu1) parentId = item.id
|
|
|
|
|
})
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
},
|
|
|
|
|
//面包屑点击跳转
|
|
|
|
|
breadcrumbClick: function () {
|
|
|
|
|
@ -345,6 +335,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
.layout-con {
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|