<template>
  <basic-entity-page :menus="menus" @SelectMenu="handleSelectMenu" :defaultSelectedMenu="selectedMenu"

                     title="title"
                     title-icon="iconfont icon-quanbu1">
    <div style="height: 2000px">{{selectedMenu}}</div>
  </basic-entity-page>
</template>

<script>
  import components from '../../components/index'

  export default {
    data(){
      return {
        menus:[
          {
            key:'overall',
            iconClass:'icon-quanbu iconfont',
            name:'整体分析',
            children:[
              {
                key:'c',
                iconClass:'icon-quanbu iconfont',
                name: 'C_'
              },
              {
                key:'d',
                iconClass:'icon-msnui-product iconfont',
                name: 'D_'
              }

            ]
          },
          {
            key:'category',
            iconClass:'icon-xingye iconfont',
            name:'行业拓展',
            children:[
              {
                key:'a',
                iconClass:'icon-quanbu iconfont',
                name: 'A_'
              },
              {
                key:'b',
                iconClass:'icon-msnui-product iconfont',
                name: 'B_'
              }

            ]
          },
          {
            key:'product',
            iconClass:'icon-msnui-product iconfont',
            name:'产品分析'
          }
        ],
        selectedMenu: 'overall_c',
      }
    },
    components,
    methods: {
      handleSelectMenu(menu){
        this.selectedMenu = menu;
      },
      goBack(){
        alert('go back')
      }
    }

  }
</script>

<style scoped>

</style>
