麻辣烫外卖套餐设计工具——把自选菜柜压成三档套餐卡,荤素克重、定价、毛利红线一次算清
你是资深前端工程师。请为我(麻辣烫店的外卖运营)做一个
单文件 HTML 套餐设计工具,无外部依赖、无构建步骤,保存为
.html 双击就用,手机浏览器也能用,所有计算本地完成。
工具名:外卖套餐卡设计
一、基础数据录入(存 localStorage,改完即时重算)
- 堂食荤素克重:荤料克重中位数、素料克重中位数
(从堂食称重记录或收银小票抽样估,注明是抽样值)
- 堂食客单价中位数(近 30 天)
- 成本:荤料每百克成本(加权:按本店荤料结构
肥牛 / 丸子 / 肉卷的比例加权)、素料每百克成本
(同样加权)
- 档位数量:2—4 档,默认 3
- 两条红线:食材成本占售价比上限(默认 40%)、
单份毛利额下限(默认自填)
二、套餐生成(按钮触发)
- 每档克重:以堂食中位数为锚,素档 = 素中位数 × 1.1
(素的体验靠量补)、标准档 = 荤素中位数各取 90%、
豪华档 = 荤中位数 × 130%+素中位数;档位数不是 3
时按比例内插,每个数字可手动微调,微调后毛利联动
- 每档定价:堂食客单中位数 × 档位系数(素 0.8 /
标准 1.0 / 豪华 1.3),四舍五入到整元减 1
(19 / 25 / 31 这种标价)
- 每档毛利:定价 −(荤克重 ÷ 100 × 荤成本+素克重
÷ 100 × 素成本)− 每单包装成本(单独录入,
默认值留空不许跑)
- 校验两条:食材成本占比超红线 → 整行标红,提示
「调克重或调价」;毛利额低于下限 → 标黄警示
- 显示每档的「堂食对标说明」:这档的荤素克重相当于
堂食客单的几成——让顾客的评价预期和定价对得上
三、套餐卡导出
- 每档生成一段纯文本:套餐名(可编辑,默认
「素馨碗 / 招牌碗 / 大满足碗」这类的占位名让我改)、
内容(荤 X 克+素 X 克,可另列固定明细如「含肥牛、
丸子、宽粉、青菜」自由编辑)、定价
- 一键复制,粘到平台商品描述就用
四、验收标准(做完自测这四条)
1. 录入荤中位 200 克、素中位 250 克、荤成本 4 元 /
百克、素成本 0.8 元 / 百克、客单中位 25 元——
标准档应生成约「荤 180+素 225 克、定价 25 元」,
且显示毛利和成本占比
2. 把素料成本改成 3 元 / 百克,素档应立即标红
(成本占比超线),豪华档不标红
3. 毛利额下限填 8 元后,任何毛利低于 8 元的档位
标黄
4. 清空 localStorage 后刷新,显示空态引导而不是报错
界面要求:单屏为主,输入区和结果区上下排;数字输入框
宽、按钮大——录入场景常在店里,边上有单据要对。
限制:
- 不引入任何 CDN、字体、图标库——完全离线可用
- 不做用户系统、不做云同步——localStorage 唯一存储
- 不预填任何「行业克重」「行业客单」——所有数字我录
- 克重一律生重口径(与堂食称重一致),工具里不出现
「熟重」选项,避免两套口径打架
为什么这样写
套餐化是自选麻辣烫做外卖绕不过去的坎,但多数店的套餐是抄来的:照搬同行的档位和标价,唯独没对过自己的两个基准——堂食客单价中位数和自己的荤素成本。这个工具的全部设计就是把套餐锚回这两个基准:克重从堂食荤素中位数推(顾客对「一份麻辣烫有多少东西」的预期就是堂食那碗),定价从堂食客单中位数推(点外卖的人心里对标的也是那碗的价格)。锚错了基准,档位设计得再花哨也是在别人的成本结构上定价。
「堂食对标说明」这行输出容易被忽略但很关键:它把每档换算成「相当于堂食客单的几成」,顾客收到货后的评价预期由此而来——标准档卖堂食的价,克重就得是堂食的量;卖堂食八折的价、给堂食六折的量,差评里那句「分量比堂食少」就是这么来的。定价和克重必须一起动,工具强制把这两个数摆在一行里。
全素档单独加量(素中位数 × 1.1)是个经验口径:素档的竞争力不在利润在引流,体验不能太薄;而素料成本占比天然高(素便宜但客单低),所以素档是三条档位里最容易撞红线的——验收用例第 2 条专门测它:素料成本一涨,素档必须立刻标红。这个用例不是假设,是全素套餐最常见的死法。
「包装成本默认留空、不许跑」是故意的强拦截:外卖套餐的毛利计算里包装是真实成本,而它恰恰是最容易被忘掉的一项——工具宁可拒绝生成,也不输出一张没算包装的假毛利表。这和订货工具「不预填行业数据」是同一条纪律:宁可让用户多填一个数,不让工具替用户编一个数。
克重钉死生重口径、不提供熟重选项,是因为堂食称的就是生重(夹生料上秤),套餐对外宣传的克重如果换成熟重,两边口径一打架,顾客对比堂食就会觉得「外卖缩水了」——一口径到底,是这类换算工具的底线。
变量
| 变量 | 说明 |
|---|---|
| 荤素克重中位数 | 堂食称重记录或小票抽样估出,样本至少 30 单——抽样值本身就是估算,档位克重只是锚不是真理 |
| 加权成本 | 荤 / 素各按本店实际料型结构加权(肥牛和丸子的百克成本差数倍),用单一「平均荤」会失真 |
| 成本红线 | 食材成本占售价比上限,默认 40%,外卖平台还要扣佣金和活动,红线实际该按扣除后的口径再紧一档 |
| 包装成本 | 按本店实际用的碗 / 汤杯 / 蘸料盒逐件算,套餐和单点包装件数可能不同,分开设 |