使用场景：

后台系统通常由多个功能模块(一级菜单)组成，每个模块下细分几个不同功能(二级菜单)，用户根据权限加载对应功能，考虑到用户有同时操作几个功能的需求，故页面采用页签组织方式

样式与交互逻辑：

  1. 左侧固定宽度展示菜单(极小屏可以收起菜单)，分两层级展示，二级菜单对应具体页面，点开的菜单在右侧内容区以页签方式组织；
  2. 页签之间切换页面不刷新，左侧菜单打开重复或新的页签均需按页面初始条件刷新，页签右侧带有全部关闭按 钮，最多显示页签数量根据业务而定（关闭当前页签显示其左侧，左侧无显示右侧，右侧无显示首页）；


demo展示：

image.png

开发使用：

参考AntD组件：
Menu，参考链接：https://ant-design.gitee.io/components/menu-cn/
Tabs，参考链接：https://ant-design.gitee.io/components/tabs-cn/

我们如何使用：
参考丰田BO项目SwitchTab组件，在每个菜单的页面index.jsx中添加方法mapDispatchByTab
image.png

image.png