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>
|