定制家具设计与报价系统

项目背景

定制柜体的尺寸编辑需要符合实际板材结构。用户输入的柜体外宽、每格可用的内部净宽，以及预览中的分隔板必须使用同一套规则。

我的工作

• 实现多步骤设计中的柜体类型、分段尺寸、分格宽度和布局模板编辑。
• 统一一字型、双排及 L/U 型的柜段数据与预览计算，处理编号、尺寸标注和不同柜段切换。
• 维护 H5 与微信小程序中的登录、设计、报价和下单衔接；为开发中的入口提供明确提示。

代表问题：外宽与内部净宽

把各格宽度直接相加，会漏掉侧板和中间隔板。我将外宽与净宽计算统一：N 格需要计入 N + 1 块竖板；编辑单格时通过相邻格补偿，保持柜体总宽不变。

这些规则同时用于输入、数据保存和 Canvas 绘制，避免表单数值与预览尺寸各算一套。

验证与边界

尺寸规则有独立测试脚本，跨端改动分别进行 H5 与小程序构建。L/U 型的参数和预览工作不等于整条下单链路已开放；小程序 WebView 的真机表现仍需要独立验证。

相关文章

• 技术笔记：Canvas 点选为什么会偏移：统一绘制与命中坐标
• 技术笔记：WebView 返回小程序：如何交接数据与下一步动作
• 业务思考：配置改了以后，之前的报价还有效吗
• 技术笔记：联动编辑如何守住总量：不变量、局部补偿与整数精度
• 业务思考：功能尚未开放时，多步骤流程应该在哪里停下