index.vue 913 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <div class="bs-manage-main-wrap">
  3. <side-menu @getPageInfo="getPageInfo" />
  4. <menu-content
  5. :catalog-info="catalogInfo"
  6. :type="type"
  7. />
  8. </div>
  9. </template>
  10. <script>
  11. import SideMenu from './SideMenu'
  12. import MenuContent from './MenuContent'
  13. export default {
  14. name: '',
  15. props: {
  16. type: {
  17. type: String,
  18. default: 'bigScreen'
  19. }
  20. },
  21. components: { SideMenu, MenuContent },
  22. data () {
  23. return {
  24. catalogInfo: {
  25. isAll: true,
  26. page: {
  27. id: null,
  28. code: null,
  29. type: ''
  30. }
  31. }
  32. }
  33. },
  34. mounted () {},
  35. methods: {
  36. getPageInfo (pageInfo) {
  37. this.catalogInfo = pageInfo
  38. }
  39. }
  40. }
  41. </script>
  42. <style lang="scss" scoped>
  43. .bs-manage-main-wrap {
  44. position: relative;
  45. width: 100%;
  46. height: 100%;
  47. display: flex;
  48. background-color: var(--bs-background-1);
  49. // padding-top: 16px;
  50. }
  51. </style>