|
|
|
@ -1,33 +1,52 @@
|
|
|
|
|
<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>
|
|
|
|
@ -38,7 +57,8 @@
|
|
|
|
|
<!-- <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>
|
|
|
|
@ -296,8 +316,15 @@
|
|
|
|
|
},
|
|
|
|
|
//手动设置面包屑
|
|
|
|
|
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 () {
|
|
|
|
@ -318,7 +345,6 @@
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
.layout-con {
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|