185 lines
4.3 KiB
Vue
185 lines
4.3 KiB
Vue
<template>
|
|
<div id="PlanMenuBar">
|
|
<menu-nav :menus="menuList" />
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import MenuNav from './component/menuNav';
|
|
|
|
export default {
|
|
name: 'PlanNavBar',
|
|
components: {
|
|
MenuNav
|
|
},
|
|
data() {
|
|
return {
|
|
menuList: [
|
|
{
|
|
title: '文件(F)',
|
|
children: [
|
|
{
|
|
title: '打开数据库',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
title: '退出',
|
|
handle: this.newRunPlan
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '车站(A)',
|
|
children: [
|
|
{
|
|
title: '车站平面图(F)',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
title: '追踪间隔时分(I)',
|
|
handle: this.newRunPlan,
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '区间(S)',
|
|
children: [
|
|
{
|
|
title: '区间信息(I)',
|
|
handle: this.newRunPlan
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '车底(C)',
|
|
children: [
|
|
{
|
|
title: '车底信息(I)',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
title: '车底折返时间(R)',
|
|
handle: this.newRunPlan
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '列车(N)',
|
|
children: [
|
|
{
|
|
title: '区间运行标尺(E)',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
title: '列车停站标尺(S)',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
title: '列车交路管理(S)',
|
|
handle: this.newRunPlan,
|
|
children: [
|
|
{
|
|
title: 'test1',
|
|
handle: this.newRunPlan,
|
|
children: [
|
|
{
|
|
title: 'test1',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
isSeparation: true
|
|
},
|
|
{
|
|
title: 'test2',
|
|
handle: this.newRunPlan,
|
|
children: [
|
|
{
|
|
title: 'test1',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
title: 'test2',
|
|
handle: this.newRunPlan
|
|
},
|
|
]
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: 'test2',
|
|
handle: this.newRunPlan
|
|
},
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '底图结构(D)',
|
|
children: [
|
|
{
|
|
title: '生成地图结构(C)',
|
|
handle: this.newRunPlan
|
|
},
|
|
{
|
|
title: '地图结构管理(M)',
|
|
handle: this.newRunPlan
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '运行图(T)',
|
|
children: [
|
|
{
|
|
title: '运行图编制(G)',
|
|
handle: this.newRunPlan
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '系统(S)',
|
|
children: [
|
|
{
|
|
title: '系统参数(P)',
|
|
handle: this.newRunPlan
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '帮助(H)',
|
|
children: [
|
|
{
|
|
title: '有关(A)',
|
|
handle: this.newRunPlan
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|
|
},
|
|
mounted() {
|
|
},
|
|
methods: {
|
|
newRunPlan() {
|
|
console.log(11111111)
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped rel="stylesheet/scss" lang="scss">
|
|
@import "src/styles/mixin.scss";
|
|
$top: 0px;
|
|
$width: 30px;
|
|
$height: 40px;
|
|
$menuPadding: 15px;
|
|
$menuItemHeight: 30px;
|
|
$menuItemWidth: 160px;
|
|
$menuItemPadding: 5px;
|
|
|
|
#PlanMenuBar {
|
|
width: 100%;
|
|
line-height: $height;
|
|
position: absolute;
|
|
z-index: 2;
|
|
}
|
|
</style>
|