2023-12-9

<template>
  <el-menu :default-openeds="['1', '3']"
      style="min-height: 100%;overflow-x: hidden;"
      background-color="rgb(48,68,86)"
      text-color="#fff" 
      router
      @select="handleSelect"
      >
      <div>
        <b style="color: white;height: 60px;line-height: 60px;position: relative; margin-right: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;后台管理系统</b>
      </div>
            <el-menu-item index="/home" >
                <template slot="title">
                    <i class="el-icon-setting"></i>
                    <span slot="title">主页</span>
                </template>
            </el-menu-item>
        <el-submenu index="2">
          <template slot="title"><i class="el-icon-menu"></i>系统管理</template>
          <el-menu-item-group>
            <template slot="title"></template>
            <el-menu-item index="/user"><i class="el-icon-delete"></i>用户管理</el-menu-item>
            <el-menu-item index="2-2"><i class="el-icon-more"></i>物料管理</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group title="">
            <el-menu-item index="2-3"><i class="el-icon-time"></i>仓库管理</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
</template>

<script>
export default {
    methods:{
        handleSelect(index){
            console.log(this.$route.name)
        }
    },
    

}
</script>

<style>
.el-aside {
  color: #333;
}
</style>