<template>
  <el-row >
    <el-col >
      <el-menu @select="handleMenuItemSelect">
        <el-sub-menu index="1">
          <template #title>
            <span>设备列表</span>
          </template>
          <el-sub-menu index="1-1">
            <template #title>
              <span>ACU</span>
            </template>
            <el-menu-item index="/acu">
              <span>7.5米ACU(23所)</span>
            </el-menu-item>
            <el-menu-item index="1-1-2">
              <span>5米ACU(2=39所)</span>
            </el-menu-item>
          </el-sub-menu>
          <el-menu-item index="1-2">
            <span>变频器</span>
          </el-menu-item>
          <el-menu-item index="1-3">
            <span>信号源</span>
          </el-menu-item>
          <el-menu-item index="1-4">
            <span>跟踪接收机</span>
          </el-menu-item>
          <el-menu-item index="1-5">
            <span>矩阵</span>
          </el-menu-item>
          <el-menu-item index="1-6">
            <span>气象站</span>
          </el-menu-item>
        </el-sub-menu>
      </el-menu>
    </el-col>
  </el-row>
</template>

<script setup lang="ts">

const emit = defineEmits(['handleMenuItemSelect'])

function handleMenuItemSelect(index: string){
  emit('handleMenuItemSelect', index)
}
</script>
