Click the home page, jump to the home page
Click the management navigation, display the corresponding management message column, click the column to display the management list
< template >
< el-container direction= "horizontal" >
<el-aside width="200px">
<h1 class="logo"></h1>
<el-menu ref="navmenu" mode="vertical" class="navmenu" @select="onSelectMenu" default-active="M0">
<template v-for="(item,index) in activeModule" @click.native="railing">
<el-menu-item v-if="item.type=="TAB"" :index=""TAB,"+index" >
<i :class="item.icon"></i> {{item.key_name}}
</el-menu-item>
<el-submenu v-else :index=""M"+index">
<template slot="title">
<i :class="item.icon"></i>
<span>{{item.key_name}}</span>
</template>
<template v-for="(feature, findex) in item.items">
<el-menu-item :index="index+","+findex">
{{feature.key_name}}
</el-menu-item>
</template>
</el-submenu>
</template>
</el-menu>
</el-aside>
<el-container direction="vertical">
<el-header>
<el-row>
<el-col :span="15">
<div>
<ul class="usermenu-list">
<li v-for="(item,index) in items" @click="addClass(index)" >
<p v-bind:class="{ blue:index==current}">
<i :class="item.icon"></i>
{{item.key_name}}
</li>
</ul>
</div>
</el-col>
<el-col :span="9">
<el-menu class="usermenu" mode="horizontal" @select="onTopSelect"
background-color="-sharp02ABFF" text-color="white" active-text-color="white">
<el-menu-item index="desktop"></el-menu-item>
<el-submenu index="module">
<template slot="title"></template>
<el-menu-item v-for="(module, index) in navmenu" :index="module.code">{{module.key_name}}</el-menu-item>
</el-submenu>
<el-submenu index="user">
<template slot="title">{{user.key_name}}</template>
<el-menu-item index="password"></el-menu-item>
<el-menu-item index="logout"></el-menu-item>
</el-submenu>
</el-menu>
</el-col>
</el-row>
</el-header>
<el-main class="router"><router-view /></el-main>
</el-container> < / el-container >
< / template >