<template>
    <el-menu :default-openeds="opens" style="min-height: 100%; overflow-x:hidden"
             background-color="rgb(0, 0, 0)"
             text-color="rgb(240, 240, 240)"
             active-text-color="rgb(255, 165, 0)"
             :collapse="isCollapse"
             :collapse-transition="false"
             router

    >
        <div style="height: 60px; line-height: 60px;text-align: center">

            <b style="color: DodgerBlue" v-show="logoTextshow">电子招投标管理系统</b>
        </div>
        <div v-for="item in menus" :key="item.id">
            <div v-if="item.path">
                <el-menu-item :index="item.path"><template slot="title">
                    <i :class="item.icon"></i>
                    <span slot="title">{{item.name}}</span>
                </template>
                </el-menu-item>
            </div>
            <div v-else>
                <el-submenu :index="item.id+''">
                    <template slot="title"><i :class="item.icon"></i>
                        <span slot="title">{{item.name}}</span>
                    </template>
                    <div v-for="subItem in item.children" :key="subItem.id">
                        <el-menu-item :index="subItem.path"><template slot="title">
                            <i :class="subItem.icon"></i>
                            <span slot="title">{{subItem.name}}</span>
                        </template></el-menu-item>
                    </div>

                </el-submenu>
            </div>
        </div>




    </el-menu>
</template>

<script>
 export default {
     name:"Aside",
     props:{
         isCollapse:Boolean,
         logoTextshow:Boolean,

     },
     data(){
         return{
             menus:localStorage.getItem("menus")? JSON.parse(localStorage.getItem("menus")):[],
             opens:localStorage.getItem("menus")? JSON.parse(localStorage.getItem("menus")).map(v=>v.id+''):[]

         }
     },


 }

</script>