rt-sim-training-client/src/views/planMonitor/editToolTJ/navBar.vue

<template>
  <div class="nav">
	  <menu-nav :menus="menuList" background="#fff" color="#333" />
  </div>
</template>
<script>
import MenuNav from './component/menuNav/index';

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)',
							children: [
								{
									title: 'test1',
									children: [
										{
											title: 'test1',
											handle: this.newRunPlan
										},
										{
											isSeparation: true
										},
										{
											title: 'test2',
											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";
    .nav {
        width: 100%;
        line-height: 40px;
        position: absolute;
		z-index: 100;
	}
</style>