插件分享:多标签页(类似于浏览器标签页)

之前在论坛里看到过有人好像有这个想法,就用AI搓了一个出来。

默认情况下,NocoBase 点击菜单时是整页跳转。本插件在页面顶部(导航栏下方)增加一行标签栏类似于浏览器的标签栏:每打开一个菜单/页面就新增一个标签,点击标签即可在已打开的页面之间切换,关闭标签、达到数量上限时的行为、标签外观均可配置。禁用插件后立即恢复 NocoBase 原生的整页跳转。

  1. 可配置全局设置(默认参数),普通用户也可根据自己的风格自定义设置。
  2. 权限分配:用户和权限 → 角色和权限 → 「允许配置插件」→ 「多标签页」三项单独设置
    pm.multi-tabs.global 全局默认配置
    pm.multi-tabs.personal 个人配置
    pm.multi-tabs.portal 门户默认/固定标签
  3. 插件设置页:设置->多标签

示意图:

image



备注:
首次安装会在数据库自动创建simoTabPageConfig数据表用于存放全局默认配置

更新:
0.2.1
新增关闭按钮位置的设置
修复切换标签产生标签错位问题

历史日志:

0.2.0
重新做了一版,v3.0.0-alpha多门户也可以用了
改了很多详见github的README吧

0.1.3
修复页面标题(页眉)被遮挡问题

0.1.2
修复第一行菜单被遮挡问题
修复设置中文翻译问题, t('Lable')

编译后的文件+源码:
plugin-tab-page-0.2.1.zip (118.6 KB)

历史版本:

plugin-tab-page-0.20.zip

依旧是用AI搓出来的,美滋滋 :yum:

已上传到Github:
plugin-tab-page

:point_down: 其他插件合集:
插件合集

2 Likes

欢迎提交 PR 到 GitHub - nocobase/awesome-nocobase: A curated list of awesome NocoBase plugins and resources. · GitHub

测试会遮挡 左侧的菜单 第一行

1 Like

测试会遮挡 左侧的菜单 第一行

@tiantaoice 你好,感谢测试反馈,已经更新到0.1.2,不会再遮挡第一个菜单了。

插件升级下(回到帖子最上方,下载0.1.2版本,或者到Github的 Release页下载0.1.2版本),按Ctrl+Shift+R刷新下页面 / 清理缓存 / 重启Docker或者重启服务器等,确保是 0.1.2 版本

image

image



1.第二个标签和侧边栏的箭头还是有重叠
2.如果一个页面没有显示页面标题,标签栏会遮挡页面信息
3.启用后右上角编辑页面,编辑事件流的按钮被遮挡,无法进行界面的编辑操作。

试了下好像不支持alpha版本,我是用v3.0.0-alpha.9测试的

@jiuyu 感谢,已处理,

  1. 侧边栏的箭头往下挪了一点位置,和标签栏完全错开,不会遮挡了,然后测试侧边栏折叠也没有问题了,参见图1
    1. 这两个是同一个问题,已经改了,整个页眉能显示,事件流也能正常显示了

已经全部改好了,更新到0.1.3再试下

image

@miumiu 暂时没有alpha版本的环境,等晚上回去重新拉个新环境看下,我还在latest版本 :rofl:

能否增加v1 client支持,感谢!

@miumiu 重新做了一版,nocobase v3.0.0的多门户已经可以正常用了,

  • 圆角可以调整圆角大小了,0-16,调到0就是方的 :rofl: 好像跟卡片样式重复了,先不改了
  • 标签栏位置可以选了,一种是导航栏下方,一种是侧边栏右方(页面header上方)
  • 标签宽度和高度可以自定义了(宽度可以自适应)
  • 增加了多门户默认/固定标签,想法参考国内的一些ERP,比如仓库工作人员固定使用订单管理、发货管理这些页面,就可以让管理员把这两个页面标签起来不能关闭
    其他详情参见Github的README吧

插件更新到0.2.0,然后清理缓存/重启服务器等,确保是0.2.0的插件,可能还是有些问题,但是应该都是小问题了,先在测试的环境上试试看

@ericto888 用client-v2吧 :rofl: Nocobase官方现在也在往v2走,v1应该是用不了了

也想用v2但是好多功能都还不完善啊

不错 :+1:不过有点小问题,当门户设置了固定标签后,关闭最后一个标签时,不会自动切换到首页的那个固定标签上面去
image
关闭DF标签后还是DF这个页面,关闭后应该切换到左边第一个首页标签上去吧


另外这个x放到右上角用灰色图标比较好点~,如果不能放到右上角的话,跟左边那个固定图标一样也行,得跟前面的文本隔开一段距离

连续在几个标签切换,会导致标签显示错乱。比如标签1、2、3,连续切有可能上面都会显示成标签3
版本,v2.1.39 v2.2.0 beta17

@miumiu 哥,第一个我没测出来, :rofl: ,有一个固定标签,当前标签关闭后,会切换到固定标签上,看我动画:
动画2

x灰色图标,是指x的颜色么,增加了一个关闭按钮的位置【右上角、右边居中】,默认是右边居中,个人偏好吧,我是喜欢放到中间。(固定的图标没有移动到右上角,需要的话,后续再更新下)你可以在设置里调整全局设置和个人设置(个人保存在本地的,不生效的话,就清理一下cookie再试下)

x的图标与标签的文字加了间隔,看起来就不是挨着文字的了

image

更新到0.2.1,然后重新试下

@ericto888 是的,是有点问题,已经更新了,0.2.1版本再试下

我当时是测的3.0的门户固定标签,关闭最后一个标签页时不能自动切换到最左边的那个固定标签上去

当设置为侧边栏右侧时,如果某个页面如仪表盘只是单独页面没有侧边栏的情况下,标签页显示错误,会识别到其他侧边栏的第一个页面的名称。

2.1好像用不了

不要直接用仓库中的dist 打包上传插件, 应当自己在本地重新编译. 重新编译时会根据本地的nocobase 实例版本打出新的包. 否则就会出现版本3.0 不匹配问题. 作者打包用的版本是3.0的, 属于测试中的测试版本,基本不可能直接应用于生产环境.很多内容都在剧烈更新变化中.大部分用户不会拿3.0版本上线使用.