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: '创建',
                            click: this.newRunPlan
                        }
                    ]
                },
                {
                    title: '车站(A)',
                    children: [
                    ]
                },
                {
                    title: '区间(S)',
                    children: [
                    ]
                },
                {
                    title: '车底(C)',
                    children: [

                    ]
                },
                {
                    title: '底图结构(D)',
                    children: [
                    ]
                },
				{
                    title: '运行图(T)',
                    children: [
                    ]
                },
				{
                    title: '帮助(H)',
                    children: [
                    ]
                }
            ]
        };
    },
    mounted() {
    },
    methods: {
    }
};
</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>