161 lines
5.6 KiB
Vue
161 lines
5.6 KiB
Vue
<template>
|
|
<div>
|
|
|
|
<!-- 一级菜单下面所拥有的二级菜单 -->
|
|
<!-- <el-aside style="width:12%" class="aside">
|
|
<SideMenu :navMenus="leftMenus"></SideMenu>
|
|
</el-aside> -->
|
|
<!-- 以及二级菜单所对应的页面 -->
|
|
<el-main>
|
|
<router-view></router-view>
|
|
</el-main>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import SideMenu from '@/components/sidemenu/SideMenu';
|
|
export default {
|
|
components: {
|
|
SideMenu
|
|
},
|
|
data(){
|
|
return{
|
|
leftMenus: [
|
|
{
|
|
title : '分析',
|
|
path: 'AnalysisMain',
|
|
icon : 'el-icon-user-solid',
|
|
// icon : require('@/assets/img/fenxi.png'),
|
|
},
|
|
{
|
|
title : '控制中心',
|
|
path: 'ControlCenter',
|
|
// icon : 'el-icon-s-goods',
|
|
children : [
|
|
{
|
|
title : '通用',
|
|
path: 'test1-2',
|
|
// icon : 'el-icon-s-goods',
|
|
children : [
|
|
{
|
|
title : '关于本机',
|
|
path: 'AboutMachine',
|
|
// icon : 'bars',
|
|
},
|
|
{
|
|
title : '网络',
|
|
path: 'network',
|
|
// icon : 'tool',
|
|
},
|
|
{
|
|
title : 'VPN',
|
|
path: 'VPN',
|
|
// icon : 'tool',
|
|
},
|
|
{
|
|
title : '自定义操作',
|
|
path: 'CustomOperations',
|
|
// icon : 'tool',
|
|
},
|
|
{
|
|
title : '健康检测',
|
|
path: 'HealthCheck',
|
|
// icon : 'tool',
|
|
},
|
|
{
|
|
title : '接口与服务器证书',
|
|
path: 'InterfaceServerCertificates',
|
|
// icon : 'tool',
|
|
},
|
|
{
|
|
title : 'UDP服务设置',
|
|
path: 'UDPServiceSettings',
|
|
// icon : 'tool',
|
|
}
|
|
]
|
|
},{
|
|
title : '运行状态',
|
|
path: 'StateOperation',
|
|
// icon : 'el-icon-user-solid',
|
|
},{
|
|
title : '接口',
|
|
path: 'interface',
|
|
// icon : 'el-icon-user-solid',
|
|
},{
|
|
title : 'IP设置',
|
|
path: 'IPSetting',
|
|
// icon : 'el-icon-user-solid',
|
|
},
|
|
|
|
]
|
|
},
|
|
// {
|
|
// title : '系统设置',
|
|
// path: 'SystemSettings',
|
|
// icon : require('@/assets/img/xtsz.png'),
|
|
|
|
// children : [
|
|
// {
|
|
// title : '全局设置',
|
|
// path: 'globalSettings',
|
|
// // icon : 'bars',
|
|
// },
|
|
// {
|
|
// title : '关于本机——导出设置',
|
|
// path: 'ExportingSettings',
|
|
// // icon : 'tool',
|
|
// },
|
|
// {
|
|
// title : '关于本机——导入设置',
|
|
// path: 'ImportSettings',
|
|
// // icon : 'tool',
|
|
// },
|
|
|
|
// ]
|
|
// },
|
|
{
|
|
title : '用户管理',
|
|
path: 'UserManagement',
|
|
// icon : 'el-icon-s-goods',
|
|
children : [
|
|
{
|
|
title : '我的账号',
|
|
path: 'myId',
|
|
// icon : 'bars',
|
|
},
|
|
{
|
|
title : '账号管理',
|
|
path: 'IdManagement',
|
|
// icon : 'tool',
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title : '通知/日志',
|
|
path: 'logs',
|
|
// icon : 'el-icon-s-goods',
|
|
},
|
|
|
|
],
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.aside{
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
|
|
}
|
|
.aside::-webkit-scrollbar {
|
|
display:none;
|
|
}
|
|
.el-submenu__title:hover {
|
|
background-color: #3989fa!important;
|
|
}
|
|
.el-menu-item:focus, .el-menu-item:hover {
|
|
outline: 0;
|
|
background-color: #3989fa!important;
|
|
}
|
|
</style> |