<!--
@ 作者: 鲁智强
@ 时间: 2023-09-19 09:13:14
@ 备注: 
-->
<script lang="ts" setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from '@element-plus/icons-vue'
const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
</script>
<template>
	<el-row style="width: 500px">
	  <el-col :span="12">
		<el-menu
		  default-active="2"
		  class="el-menu-vertical-demo"
		  @open="handleOpen"
		  @close="handleClose"
		>
		  <el-sub-menu index="1">
			<template #title>
			  <span>电仪分厂</span>
			</template>
			<el-menu-item-group>
			<el-sub-menu index="1-1">
				<template #title><span>电仪车间</span></template>
				<el-menu-item index="1-1-1">大大大大</el-menu-item>
			</el-sub-menu>
			  <el-menu-item index="1-2">item two</el-menu-item>
			</el-menu-item-group>
			<el-menu-item-group>
			  <el-menu-item index="1-3">item three</el-menu-item>
			</el-menu-item-group>
			<el-sub-menu index="1-4">
			  <template #title>item four</template>
			  <el-menu-item index="1-4-1">item one</el-menu-item>
			</el-sub-menu>
		  </el-sub-menu>
		  <el-menu-item index="2">
			<span>Navigator Two</span>
		  </el-menu-item>
		  <el-menu-item index="3" disabled>
			<span>Navigator Three</span>
		  </el-menu-item>
		  <el-menu-item index="4">
			<span>Navigator Four</span>
		  </el-menu-item>
		</el-menu>
	  </el-col>
	</el-row>
  </template>
<style  lang='scss' scoped>

</style>
