rt-sim-training-client/src/views/planMonitor/editToolTJ/navBar.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>