建材行业墙面问题智能诊断与方案推荐。 用户描述/选择墙面症状(渗水、发霉、返碱、剥落、裂缝、空鼓6类),系统通过匹配引擎自动输出:问题严重度评分 → 推荐产品方案 → 施工步骤 → 预算估算。 适用于建材老板线下展厅获客、微信生态引流、工程技术人员现场快速评估。
点击空白处退出提示
建材行业墙面问题智能诊断与方案推荐。 用户描述/选择墙面症状(渗水、发霉、返碱、剥落、裂缝、空鼓6类),系统通过匹配引擎自动输出:问题严重度评分 → 推荐产品方案 → 施工步骤 → 预算估算。 适用于建材老板线下展厅获客、微信生态引流、工程技术人员现场快速评估。
① 6类墙面症状卡片式选择(触屏友好) ② 3级严重度分级诊断(轻度/中度/重度) ③ DIAGNOSIS_MAP匹配引擎:症状×严重度×内外墙×基层类型 → 自动匹配方案 ④ 五层方案矩阵(DPS永凝液→ZDJD-I渗透结晶→ZDJD-JFS聚合物防水砂浆→聚酯防水胶) ⑤ 方案对比表:国标底线 vs 推荐方案,含性能参数、价格、施工难度三维对比 ⑥ 施工步骤图文指南 ⑦ 预算估算器(材料+人工+辅材) ⑧ 手机端375-414px响应式适配 ⑨ 错误全局兜底(try-catch渲染保护,失败不白屏)
纯前端架构,零后端依赖。HTML5 + CSS3 + 原生JavaScript (ES6+),无任何框架。 核心引擎 DIAGNOSIS_MAP 为自研静态匹配表(JSON结构),覆盖6症状×3严重度×2墙面类型×3基层类型=108种组合。 推荐算法采用多条件加权排序(性能指标40% > 价格25% > 施工难度20% > 适用基层15%)。 方案数据层 ZDJD_SOLUTIONS 为键值对结构,含10+产品参数(抗压强度、抗渗压力、粘结强度、每平米用量、适用基层、施工方法)。 CSS Grid + Flexbox 响应式,@media 断点375/414/768/1024。 DOMContentLoaded 初始化+事件委托(click/touchstart),避免内存泄漏。 代码量约1800行,开发周期3天。



评论