开发的过程中, 虽然使用各个组件库提供的 Tab 能够实现出类似 浏览器的Tab切换, 但并不是很够用且需要有太多的状态进行维护, 此时如果有一个类似 Vue-element-admin 中的多组件同时存在

以下设定为可分为两个独立的大组件, 一个使用 Tree 一个使用类 Tab, 但每一个 Tab 下的实例都是独立的, 相互之间不应该有交叉影响

多Tab

任务树:

  • 任务文件夹
  • 异步加载
  • 定位任务
  • 可分为两种: (1).文件夹及任务树 (2): 搜索时返回任务列表展示为单纯的列表形式
  • 点击任务可打开任务tab等

任务Tab

  • 不同任务类型对应不同的任务场景
  • 允许打开多个任务tab(可以包含所有的任务类型)
  • 单个任务Tab都有自己单独的管理(图表 / 调度列表 / 操作列表 / 任务配置 / 代码编辑 / 查看代码等功能)