|
@@ -13,26 +13,31 @@
|
|
|
text-color="#fff"
|
|
|
active-text-color="#fff"
|
|
|
class="el-menu-vertical-demo">
|
|
|
- <el-menu-item :index="String(item.systemid)" v-for="item in systemList" :key="item.index" @click="handelMenuClick(item,'system')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
- <p style="text-align:center" v-if="collapse">{{item.systemname.substr(0, 1)}}</p>
|
|
|
- <span slot="title">{{item.systemname}}</span>
|
|
|
- </el-menu-item>
|
|
|
- <el-divider class="divider"></el-divider>
|
|
|
- <!-- <p v-if="!collapse" style="padding:0 20px;font-size:12px;color:#eeeeee">应用</p> -->
|
|
|
- <!-- <el-divider content-position="left">应用</el-divider> -->
|
|
|
- <el-menu-item :index="String(index + 10)" v-for="(item,index) in menuApp" :key="index" @click="handelMenuAppClick(item,'app')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
- <p class="" style="text-align:center" v-if="collapse">{{item.systemappname.substr(0, 1)}}</p>
|
|
|
- <span slot="title">{{item.systemappname}}</span>
|
|
|
- <i v-if="!collapse" style="float:right;line-height: 40px;" class="el-icon-error menuIconClose" @click.stop="deleteMenuApp(item)"></i>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="99" style="font-size:12px;margin-top:20px" @click="handelMenuClick(item,'system')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
- <i v-if="collapse" class="el-icon-aim" style="font-size:12px;color:#fff"></i>
|
|
|
- <span slot="title"><b>网站地图</b></span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="100" style="font-size:12px" @click="handelMenuClick(item,'system')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
- <i v-if="collapse" class="el-icon-menu" style="font-size:12px;color:#fff"></i>
|
|
|
- <span slot="title"><b>配置菜单</b></span>
|
|
|
- </el-menu-item>
|
|
|
+ <div class="menu_scroll__panel">
|
|
|
+ <el-menu-item :index="String(item.systemid)" v-for="item in systemList" :key="item.index" @click="handelMenuClick(item,'system')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
+ <p style="text-align:center" v-if="collapse">{{item.systemname.substr(0, 1)}}</p>
|
|
|
+ <span slot="title">{{item.systemname}}</span>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-divider class="divider"></el-divider>
|
|
|
+ <!-- <p v-if="!collapse" style="padding:0 20px;font-size:12px;color:#eeeeee">应用</p> -->
|
|
|
+ <!-- <el-divider content-position="left">应用</el-divider> -->
|
|
|
+ <el-menu-item :index="String(index + 10)" v-for="(item,index) in menuApp" :key="index" @click="handelMenuAppClick(item,'app')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
+ <p class="" style="text-align:center" v-if="collapse">{{item.systemappname.substr(0, 1)}}</p>
|
|
|
+ <span slot="title">{{item.systemappname}}</span>
|
|
|
+ <i v-if="!collapse" style="float:right;line-height: 40px;" class="el-icon-error menuIconClose" @click.stop="deleteMenuApp(item)"></i>
|
|
|
+ </el-menu-item>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-divider class="divider"></el-divider>
|
|
|
+ <el-menu-item index="99" style="font-size:12px;margin-top:20px" @click="handelMenuClick(item,'system')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
+ <i v-if="collapse" class="el-icon-aim" style="font-size:12px;color:#fff"></i>
|
|
|
+ <span slot="title"><b>网站地图</b></span>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-menu-item index="100" style="font-size:12px" @click="handelMenuClick(item,'system')" @mouseenter.native="debounce(selectStyle,100)()" @mouseleave.native="outStyle">
|
|
|
+ <i v-if="collapse" class="el-icon-menu" style="font-size:12px;color:#fff"></i>
|
|
|
+ <span slot="title"><b>配置菜单</b></span>
|
|
|
+ </el-menu-item>
|
|
|
+ </div>
|
|
|
</el-menu>
|
|
|
</div>
|
|
|
<div v-if="collapse" :class="fixedMenu" class="aside__panel" @mouseenter="selectStyle" @mouseleave="outStyle()">
|
|
@@ -44,21 +49,26 @@
|
|
|
text-color="#fff"
|
|
|
active-text-color="#fff"
|
|
|
class="el-menu-vertical-demo">
|
|
|
- <el-menu-item :index="String(item.systemid)" v-for="item in systemList" :key="item.index" @click="handelMenuClick(item,'system')">
|
|
|
- <div slot="title"><span class="name__icon inline-16" style="text-align:center">{{item.systemname.substr(0, 1)}}</span>{{item.systemname}}</div>
|
|
|
- </el-menu-item>
|
|
|
- <el-divider class="divider"></el-divider>
|
|
|
- <!-- <p v-if="!collapse" style="padding:0 20px;font-size:12px;color:#eeeeee">应用</p> -->
|
|
|
- <!-- <el-divider content-position="left">应用</el-divider> -->
|
|
|
- <el-menu-item :index="String(index + 10)" v-for="(item,index) in menuApp" :key="index" @click="handelMenuAppClick(item,'app')">
|
|
|
- <div slot="title"><span class="name__icon inline-16" style="text-align:center">{{item.systemappname.substr(0, 1)}}</span>{{item.systemappname}}</div>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="99" style="margin-top:20px">
|
|
|
- <span slot="title" style="font-size:12px">网站地图</span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="100">
|
|
|
- <span slot="title" style="font-size:12px">配置菜单</span>
|
|
|
- </el-menu-item>
|
|
|
+ <div class="menu_scroll__panel">
|
|
|
+ <el-menu-item :index="String(item.systemid)" v-for="item in systemList" :key="item.index" @click="handelMenuClick(item,'system')">
|
|
|
+ <div slot="title"><span class="name__icon inline-16" style="text-align:center">{{item.systemname.substr(0, 1)}}</span>{{item.systemname}}</div>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-divider class="divider"></el-divider>
|
|
|
+ <!-- <p v-if="!collapse" style="padding:0 20px;font-size:12px;color:#eeeeee">应用</p> -->
|
|
|
+ <!-- <el-divider content-position="left">应用</el-divider> -->
|
|
|
+ <el-menu-item :index="String(index + 10)" v-for="(item,index) in menuApp" :key="index" @click="handelMenuAppClick(item,'app')">
|
|
|
+ <div slot="title"><span class="name__icon inline-16" style="text-align:center">{{item.systemappname.substr(0, 1)}}</span>{{item.systemappname}}</div>
|
|
|
+ </el-menu-item>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-divider class="divider"></el-divider>
|
|
|
+ <el-menu-item index="99" style="margin-top:20px">
|
|
|
+ <span slot="title" style="font-size:12px">网站地图</span>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-menu-item index="100">
|
|
|
+ <span slot="title" style="font-size:12px">配置菜单</span>
|
|
|
+ </el-menu-item>
|
|
|
+ </div>
|
|
|
</el-menu>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -142,13 +152,17 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
|
- this.systemList = JSON.parse(sessionStorage.getItem('module_info'))
|
|
|
|
|
|
- this.$store.dispatch('setAppMenu')
|
|
|
-
|
|
|
let active_model = JSON.parse(sessionStorage.getItem('active_modules'))
|
|
|
+ if (sessionStorage.getItem('acitveApp')) {
|
|
|
+ let active_app = JSON.parse(sessionStorage.getItem('acitveApp'))
|
|
|
+ this.$store.dispatch('setActiveApp',{app:active_app,val:''})
|
|
|
+ } else {
|
|
|
+ this.$store.dispatch('setActiveApp',{app:active_model.apps[0],val:''})
|
|
|
+ }
|
|
|
+ this.systemList = JSON.parse(sessionStorage.getItem('module_info'))
|
|
|
|
|
|
- this.$store.dispatch('setActiveApp',{app:active_model.apps[0],val:''})
|
|
|
+ this.$store.dispatch('setAppMenu')
|
|
|
|
|
|
}
|
|
|
}
|
|
@@ -176,7 +190,7 @@ export default {
|
|
|
.aside__panel .el-menu-item{
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
- padding-left:20px !important;
|
|
|
+ padding-left:10px !important;
|
|
|
}
|
|
|
.aside__panel .el-menu-item:hover{
|
|
|
background-color: rgba(255 ,255,255,.2) !important;
|
|
@@ -187,9 +201,6 @@ export default {
|
|
|
.is-active .menuIconClose{
|
|
|
display: block !important;
|
|
|
}
|
|
|
-.bg .el-menu-item{
|
|
|
- /* margin-bottom: 16px; */
|
|
|
-}
|
|
|
</style>
|
|
|
<style scoped>
|
|
|
.is-active{
|
|
@@ -262,4 +273,11 @@ export default {
|
|
|
transition: .1s ease-in-out;
|
|
|
|
|
|
}
|
|
|
+.menu_scroll__panel{
|
|
|
+ height:calc(100vh - 200px);
|
|
|
+ overflow-y:scroll
|
|
|
+}
|
|
|
+.menu_scroll__panel::-webkit-scrollbar{
|
|
|
+ display:none !important;
|
|
|
+}
|
|
|
</style>
|