Custom furniture design and quotation system
A multi-step furniture workflow connecting cabinet selection, dimensions, partition layouts, templates, quotations and ordering. Build uni-app interactions, connect parameters with Canvas previews, and integrate login and business flows across H5 and WeChat Mini Program.
- Preserve total width during partition edits
- Coordinate dimensions and previews across cabinet runs
Context
Cabinet configuration must account for physical boards. Outer dimensions, usable partition widths and preview dividers need a shared set of rules.
My contribution
- Implement cabinet types, run dimensions, partition widths and layout-template editing in a multi-step design flow.
- Unify run data and preview calculations for straight, parallel and L/U-shaped layouts, including labels and run switching.
- Work on login, design, quotation and ordering transitions across H5 and WeChat Mini Program, with explicit feedback for unfinished entries.
A representative problem: outer width versus clear width
Adding partition widths alone omits the side panels and dividers. The calculation includes N + 1 vertical boards for N partitions. Editing one partition compensates through its neighbor to preserve the total width.
The same rules drive form inputs, saved data and Canvas rendering.
Verification and scope
Dimension rules have a dedicated test script, with separate H5 and Mini Program builds. L/U parameter and preview work does not imply a released ordering flow; WebView behavior still requires separate device verification.
Related articles
- Technical notes: Canvas hit testing: keeping drawing and pointer coordinates aligned
- Technical notes: Returning from a WebView: handing off data and navigation intent
- Business reflections: Is a quotation still valid after the configuration changes?
- Technical notes: Constrained editing: preserving totals with local compensation
- Business reflections: Where should a multi-step flow stop when a feature is unfinished?
- Vue 3
- TypeScript
- uni-app
- Canvas
- Sass
- Vite
- WeChat Mini Program