438 lines
18 KiB
HTML
438 lines
18 KiB
HTML
<style>
|
||
.menuleft {
|
||
position: fixed;
|
||
width: 140px;
|
||
top: 80px;
|
||
left: 0;
|
||
bottom: 0;
|
||
background-color: #fff;
|
||
text-align: left;
|
||
border-right: 1px solid #eee;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
z-index: 1003 !important;
|
||
height: 100%;
|
||
}
|
||
|
||
.menuleft-small {
|
||
width: 80px;
|
||
border-right: 1px solid #eee;
|
||
transition: all .3s;
|
||
-webkit-transition: all .3s;
|
||
}
|
||
|
||
.slimScrollDiv {
|
||
position: relative;
|
||
overflow: hidden;
|
||
width: auto;
|
||
}
|
||
|
||
.main-nav {
|
||
overflow: hidden;
|
||
width: auto;
|
||
}
|
||
|
||
.color63 {
|
||
color: #636870;
|
||
}
|
||
.m_r{
|
||
margin-right:10px
|
||
}
|
||
.main-nav-li {
|
||
height: 60px;
|
||
line-height: 60px;
|
||
width: 100%;
|
||
margin-bottom: 8px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.main-nav-li .menulink {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.main-nav-li .menulink:hover, .menu_active {
|
||
background-color: #2D8CF0;
|
||
color: #fff;
|
||
}
|
||
|
||
.mar_l28 {
|
||
margin-left: 28px;
|
||
}
|
||
|
||
.line60 {
|
||
line-height: 60px;
|
||
}
|
||
.litle-title{
|
||
color: #999;
|
||
margin-left: 40px;
|
||
}
|
||
.submenu {
|
||
height: 100%;
|
||
z-index: -100 !important;
|
||
position: fixed;
|
||
width: 150px;
|
||
top: 80px;
|
||
left: 80px;
|
||
border-right: 1px solid #eee;
|
||
}
|
||
|
||
.submenu-con .title {
|
||
color: #2D8CF0;
|
||
height: 60px;
|
||
line-height: 60px;
|
||
}
|
||
|
||
.submenu-con .li {
|
||
height: 50px;
|
||
line-height: 50px;
|
||
}
|
||
|
||
.submenu-con .li a:hover, .menu_active2 {
|
||
background-color: #F3F6FB;
|
||
}
|
||
|
||
.submenu-child {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
|
||
.none {
|
||
display: none;
|
||
}
|
||
</style>
|
||
<div class="leftbody hei ba_f" id="publicAside" v-cloak>
|
||
<div class="menuleft menuleft-small" style="width:140px">
|
||
<div class="slimScrollDiv">
|
||
<el-menu
|
||
:default-active="now"
|
||
class="el-menu-vertical-demo">
|
||
<div v-show="!(menu.text=='商城')" v-for="(menu,index) in menus" :key="index">
|
||
<el-submenu v-if="menu.secondMenus!=undefined" :index="menu.text">
|
||
<template slot="title">
|
||
<i class="iconfont m_r" :class="menu.icon"></i>
|
||
<a>{{menu.text}}</a>
|
||
</template>
|
||
<el-menu-item-group>
|
||
<div v-for="(secMenu,spindex) in menu.secondMenus[0].secondMenuss" :key="spindex">
|
||
<a @click="getNow(secMenu.text)" :href="secMenu.url">
|
||
<el-menu-item :index="secMenu.text">
|
||
{{secMenu.text}}
|
||
</el-menu-item>
|
||
</a>
|
||
</div>
|
||
</el-menu-item-group>
|
||
</el-submenu>
|
||
<a v-else @click="getNow(menu.text)" :href="menu.url">
|
||
<el-menu-item :index="menu.text">
|
||
<i class="iconfont m_r" :class="menu.icon"></i>
|
||
<span slot="title">
|
||
{{menu.text}}
|
||
</span>
|
||
</el-menu-item>
|
||
</a>
|
||
</div>
|
||
|
||
</el-menu>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<script>
|
||
new Vue({
|
||
el: '#publicAside',
|
||
created() {
|
||
this.now = sessionStorage.getItem("now")!=undefined?sessionStorage.getItem("now"):''
|
||
},
|
||
data: function () {
|
||
if("<?php echo $this->params['userType']?>"==1){
|
||
return {
|
||
now:"",
|
||
current: 0,
|
||
current2: 10,
|
||
menus: [
|
||
{
|
||
text: '概况',
|
||
icon: 'iconcengji',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/index');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '平台',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_management');?>",
|
||
icon: 'iconB',
|
||
active: false,
|
||
secondMenus: [
|
||
{
|
||
title: '平台管理',
|
||
secondMenuss: [
|
||
{
|
||
text: '平台列表',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_management');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '支付通道设置',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_payment');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '回收站',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_recycle');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '操作员',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/applyuser/administration_user');?>",
|
||
active: false
|
||
},
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
text: '商城',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/shoppingmall/plug_market');?>",
|
||
icon: 'iconicon-',
|
||
active: false,
|
||
secondMenus: [
|
||
{
|
||
title: '插件商城',
|
||
secondMenuss: [
|
||
{
|
||
text: '插件市场',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/shoppingmall/plug_market');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '购买记录',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/shoppingmall/purchase_records');?>",
|
||
active: false
|
||
},
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
text: '管理',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/app/administration_app');?>",
|
||
icon: 'iconjurassic_quanxian',
|
||
active: false,
|
||
secondMenus: [
|
||
{
|
||
title: '应用管理',
|
||
secondMenuss: [
|
||
// {
|
||
// text: '应用列表',
|
||
// url: "<?= Yii::$app->urlManager->createUrl('admin/app/administration_app');?>",
|
||
// active: false
|
||
// },
|
||
// {
|
||
// text: '操作员',
|
||
// url: "<?= Yii::$app->urlManager->createUrl('admin/applyuser/administration_user');?>",
|
||
// active: false
|
||
// },
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
text: '站点',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_upgrade');?>",
|
||
icon: 'iconweibiaoti-_huaban',
|
||
active: false,
|
||
secondMenus: [
|
||
{
|
||
title: '站点设置',
|
||
secondMenuss: [
|
||
// {
|
||
// text: '系统升级',
|
||
// url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_upgrade');?>",
|
||
// active: false
|
||
// },
|
||
// {
|
||
// text: '授权信息',
|
||
// url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_grant');?>",
|
||
// active: false
|
||
// },
|
||
// {
|
||
// text: '系统环境',
|
||
// url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_environment');?>",
|
||
// active: false
|
||
// },
|
||
{
|
||
text: '站点设置',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_setting');?>",
|
||
active: false
|
||
},
|
||
// {text: '消息通知', url: '#', active: false},
|
||
{
|
||
text: '官方公告',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_notice');?>",
|
||
active: false
|
||
},
|
||
// {
|
||
// text: '系统授权',
|
||
// url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_authorization');?>",
|
||
// active: false
|
||
// },
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
text: '其他',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/mycenter');?>",
|
||
icon: 'iconjurassic_quanxian',
|
||
active: false,
|
||
secondMenus: [
|
||
{
|
||
title: '我的账号',
|
||
secondMenuss: [
|
||
{
|
||
text: '我的账号',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/mycenter');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '缓存设置',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/cacheset');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '远程附件',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/site/site_enclosure');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '通用设置',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/otherset');?>",
|
||
active: false
|
||
},
|
||
<?php if($this->params['app']):?>
|
||
{
|
||
text: '商户端设置',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/merchantset');?>",
|
||
active: false
|
||
},
|
||
<?php endif;?>
|
||
{
|
||
text: '短信设置',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/smsset');?>",
|
||
active: false
|
||
},
|
||
]
|
||
}
|
||
]
|
||
},
|
||
],
|
||
isMenu: true,
|
||
isSubmenu: false,
|
||
indexmenu: '1',
|
||
}
|
||
}else{
|
||
return {
|
||
now:"",
|
||
current: 0,
|
||
current2: 10,
|
||
menus: [
|
||
<?php if($this->params['userLoginType']==2):?>
|
||
{
|
||
text: '概况',
|
||
icon: 'iconcengji',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/index/index');?>",
|
||
active: false
|
||
},
|
||
<?php endif;?>
|
||
{
|
||
text: '平台',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_management');?>",
|
||
icon: 'iconB',
|
||
active: false,
|
||
secondMenus: [
|
||
{
|
||
title: '平台管理',
|
||
secondMenuss: [
|
||
{
|
||
text: '平台列表',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_management');?>",
|
||
active: false
|
||
},
|
||
{
|
||
text: '回收站',
|
||
url: "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_recycle');?>",
|
||
active: false
|
||
},
|
||
]
|
||
}
|
||
]
|
||
},
|
||
],
|
||
isMenu: true,
|
||
isSubmenu: false,
|
||
indexmenu: '1',
|
||
}
|
||
}
|
||
|
||
},
|
||
methods: {
|
||
getNow(val){
|
||
console.log(val,6666)
|
||
// localStorage.getItem("key");
|
||
sessionStorage.setItem('now',val)
|
||
},
|
||
showToggle: function (index) {
|
||
// console.log('index',index)
|
||
this.current = index
|
||
},
|
||
showToggle2: function (spindex) {
|
||
// console.log('spindex',spindex)
|
||
this.current2 = spindex
|
||
},
|
||
// showToggle: function (menu, index, spindex,secMenu) {
|
||
// console.log(index,spindex)
|
||
// this.current=index
|
||
//
|
||
// // 如果传入了二级菜单
|
||
// if (secMenu) {
|
||
// secMenu.active = true;
|
||
// // 更新menus数据
|
||
// this.refreshMenuTree(this.menus, menu, secMenu);
|
||
// } else {
|
||
// this.current2=spindex
|
||
// if (menu.secondMenus) {
|
||
// menu.active = !menu.active;
|
||
// } else {
|
||
// menu.active = true;
|
||
// // 更新menus数据
|
||
// this.refreshMenuTree(this.menus, menu, secMenu);
|
||
// }
|
||
// }
|
||
// },
|
||
// refreshMenuTree(menus, menu, secMenu) {
|
||
// // 开始遍历
|
||
// menus.forEach(function (item) {
|
||
// // 如果菜单项不等于传入的一级菜单项或二级菜单项，则active置为false
|
||
// if (!(item === menu || item === secMenu || (item.secondMenus && item.active))) {
|
||
// item.active = false;
|
||
// }
|
||
//
|
||
// // 如果菜单项包含二级菜单列表，则遍历此列表
|
||
// if (item.secondMenus) {
|
||
// this.refreshMenuTree(item.secondMenus, menu, secMenu);
|
||
// }
|
||
// // 使用.bind(this)给函数的this绑定为外层的作用域，要不然this.refreshMenuTree方法取不到
|
||
// }.bind(this));
|
||
// },
|
||
enter() {
|
||
this.isMenu = false
|
||
},
|
||
leave() {
|
||
this.isMenu = true
|
||
},
|
||
}
|
||
})
|
||
</script>
|