<template>
	<!-- <router-view /> -->
	<el-container>
		<el-aside width="200px">
			<el-menu :default-openeds="['1', '2', '3']" :router="true" style="height: 100%;">
				<el-submenu index="1">
					<template slot="title">Possibility 系统图工具</template>
					<el-menu-item index="/diagramTemplate">系统图-模板设计</el-menu-item>
					<el-menu-item index="/diagramLegend">系统图-图例管理</el-menu-item>
					<el-menu-item index="/diagram">系统图-编辑/展现</el-menu-item>
					<el-menu-item index="/legendIcon">图例-图标管理</el-menu-item>
				</el-submenu>
				<!-- <el-submenu index="2">
					<template slot="title">数字化交付-组件</template>
					<el-menu-item index="/jobs">任务框架</el-menu-item>
					<el-menu-item index="/map">平面图</el-menu-item>
				</el-submenu>
				<el-submenu index="3">
					<template slot="title">系统图自动绘制演示</template>
					<el-menu-item index="/diagramView/null/null">系统图 - 空模板</el-menu-item>
					<el-menu-item index="/diagramView/test/null">系统图 - 示例</el-menu-item>
					<el-menu-item index="/diagramView/test/test">系统图 - 泵反向</el-menu-item>
				</el-submenu> -->
			</el-menu>
		</el-aside>

		<el-container>
			<el-main style="padding: 0;">
				<router-view :key="key()"/>
			</el-main>
		</el-container>
	</el-container>
</template>

<style>
	body{
		margin: 0;
	}
</style>

<script lang="ts">
	import Vue from "vue";
	export default class AppMain extends Vue{
		key(){
			return Date.now() + '';
		}
	};
</script>
