![图片]()
先说这东西解决什么
中式宴请的座次是门玄学。谁坐主位,谁坐主宾右手,谁该在三宾位——排错一个位置,饭桌上的气氛就不对了。以前要么在纸上画圈画半天,要么干脆凭感觉摆,最后总有人被安排得不太舒服。
吾爱破解上有位坛友 xyxy1111 甩了个单文件 HTML 出来,就干这一件事:把名单粘进去,自动给你排好圆桌座次,还能拖拽微调。整个工具就是一个 HTML 文件,没有后端,没有依赖,双击打开就能用。
怎么用
左边填接待名称,比如「9月28日中秋宴请」。右边文本框粘名单,一行一个人:
张三|总经理
李四|副总经理
王五
赵六那个竖线是自己加的,用它分隔姓名和职务,餐位上会显示成上下两行。空行会自动忽略,不会白占座位。右侧顶部实时显示「XX位」,不用自己数。
点「生成餐位图」,座位就出来了。餐位圆的大小和字号跟着人数动态算,人多了自动缩小,不会糊成一团。
排布规则是按中式礼仪来的
- 第一位坐 12 点钟方向,也就是主位
- 第二位在主位右手边,第三位在左手边
- 第四位在第二位右手边,第五位在第三位左手边
- 左右交替往两边排,直到排完
也就是说名单的第一个名字最尊贵,后面按顺序往外扩散。这跟常见的「主陪右手边是主宾」那套逻辑是对得上的。
排完不满意可以直接拖
两种拖法。把一个人拖到另一个餐位正中间,目标会变成金边浅黄底,松手两人换位。拖到餐位两侧的橙色加号热区上(热区只在拖拽时才冒出来),这个人会插进那个位置,后面的依次顺移。
所有调整自动存下来,下次打开还是你摆的那个顺序。
几个实用细节
数据存在浏览器的 localStorage 里,关掉页面再开还在。但也意味着只在当前浏览器有效,清缓存、换电脑、无痕模式都读不到——排好的图建议截图存档,发给同事或者打印。
布局会跟着屏幕比例变:宽屏左右分栏,竖屏自动转成上下堆叠。餐位间距固定 1rem,圆桌边缘留白也是 1rem,横竖都能看。
改名单的话,直接在右边文本框编辑再点一次生成,会按新名单重排——注意这会覆盖掉你之前拖拽的位置。只改接待名称不会影响座位。
如果人数超过 15 个,圆和字都会缩得比较小,但拖拽还是能用的。
在线试试
发帖人挂了个测试地址:http://223.254.158.6/table/
HTML 源码在帖子正文里,往下拉就是,复制出来存成 .html 直接用。
最后提一句
这类小工具的价值不在于技术含量,在于它把一个反复出现的麻烦事固定成了一个流程。年底聚餐多的话,存一份在本地,下次直接改名单就行。