跨平台比价与自动调价看板

电子商务 B2C 案例ID：252500

陈天强

2 年经验· 幻方

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

【项目背景】
同一款鞋类货号在 KREAM 与得物同时销售，但两平台抽成与扣点不同，标价高不代表
利润高。人工核算需依次扣除平台抽成、瑕疵损耗再减成本，容易高估利润；竞品降价
时，是否跟随、跟随到多少也需即时判断。

【核心工作】
1. 跨平台比价：同一货号汇总两个平台报价，按各自费率与损耗分别核算到手价，自动
标出利润更优的平台与最优利润率。

2. 利润自动计算：完整还原「售价 → 平台抽成 → 瑕疵损耗 → 成本」的扣减链路，
逐层展示每一步结果，最终给出单件毛利与利润率。

3. 自动调价决策：实现「上架/维持/调价/下架」四类决策判定，顺序即优先级——先排除
价格倒挂，再校验目标利润率，最后评估是否跟价。关键规则：竞品降价时，只有跟价后
仍能保持目标利润率才跟随；若跟价会跌破预设线，则明确不跟价。这避免了盲目跟价
导致每单亏损的常见错误。

4. 反推达标售价：在给定费率与目标利润率下反推最低可接受售价，并与利润率计算
互为逆运算，防止出现「建议价永远达不到目标」的问题。

5. 价格曲线与异动预警：手写 Canvas 绘制近 30 天双平台走势，支持悬停查看任一天
精确报价；单日波动超阈值自动预警并按幅度排序。

6. 交互设计：参考 Apple 人机界面指南，系统字体栈、层叠半透明、弹簧缓动、等宽
数字，支持明暗双主题与减少动效。

【技术栈】原生 JavaScript（ES Modules）、Canvas 2D、CSS 变量；零依赖零构建。
【工程实践】26 项自动化测试，含无头渲染测试，校验界面数值与公式计算一致。