子应用导航菜单 ​

<template>
  <div style="height: 350px; overflow: hidden; box-shadow: 0 0 8px #eee;">
    <BcSideMenu
      :menuData="menuData"
      :jumpMethod="jumpMethod"
      :beforeJump="beforeJump"
    />
  </div>
</template>

<script setup lang="ts">
import { BcSideMenu } from 'bdsaas-bc'
import { BnIconSearch } from 'blocks-next'

defineOptions({
  name: 'SideMenuDemo'
})

const menuData = [
  {
    groupName: '概况', // 组名称
    showGroup: true, // 是否显示组
    children: [
      {
        icon: h(BnIconSearch), // blocks-next Icon 图标名称（暂时只接收 VNode）
        title: '概况', // 菜单子项名称
        routeName: 'OverviewBi', // 跳转页面的 routeName
        showItem: true, // 是否显示组下面的菜单子项
        authKeys: ['a', 'b'], // 控制菜单展示的权限 key
        notice: true // boolean | number，true 则显示红点，数值则显示红点数字。默认值：false
      }
    ]
  },
  {
    groupName: '工作台',
    showGroup: true,
    children: [
      {
        icon: h(BnIconSearch),
        title: '通话记录',
        routeName: 'CallRecord',
        showItem: true,
        authKeys: [],
        notice: true
      }
    ]
  }
]

function jumpMethod(data: any) {
  console.log('自定义的跳转方法', data)
}

function beforeJump(to: any, from: any, next: (args: any) => void) {
  console.log(to, 'to to')
  console.log(from, 'from from')
  next({ name: 'NumberManagement' })
}
</script>