<template>
  <div class="bs-manage-main-wrap">
    <side-menu @getPageInfo="getPageInfo" />
    <menu-content
      :catalog-info="catalogInfo"
      :type="type"
    />
  </div>
</template>
<script>
import SideMenu from './SideMenu'
import MenuContent from './MenuContent'
export default {
  name: '',
  props: {
    type: {
      type: String,
      default: 'bigScreen'
    }
  },
  components: { SideMenu, MenuContent },
  data () {
    return {
      catalogInfo: {
        isAll: true,
        page: {
          id: null,
          code: null,
          type: ''
        }
      }
    }
  },
  mounted () {},
  methods: {
    getPageInfo (pageInfo) {
      this.catalogInfo = pageInfo
    }
  }
}
</script>

<style lang="scss" scoped>
.bs-manage-main-wrap {
  position: relative;
  width: 100%;
  height:  calc(100vh - 108px);
  display: flex;
  background-color: var(--bs-background-1);
  // padding-top: 16px;
}
</style>
