产品映射体验站
用途
体验商品导入、映射建议、人工审核和导出流程。
当前状态
Web 原型。线上体验使用浏览器本地数据，不等同于共享数据库生产系统。
2026-07-21 已优化映射工作台字段层级：列表和详情页突出“渠道标签”“属性分类”“状态”，属性分类按机型、SKU、机况、功能展示。
2026-07-21 已新增顶部导入入口：换机侠标准库与三方渠道数据各提供机型、SKU、机况/功能 3 个快捷导入按钮。
2026-07-21 导入入口已支持选择本地 XLSX/CSV/TSV 表格文件；导入后自动按所点入口归类到换机侠标准库或三方渠道数据，并写入浏览器本地体验数据。
2026-07-21 已按换机侠真实业务字段适配“换机侠机型”导入：支持 分类名称、分类编码、品牌、品牌编码、机型、机型名称、机型编码、机型ID、显示状态1展示 0不展示；导入时使用 机型名称/机型 作为展示名称，机型编码/机型ID 作为外部编码，渠道标签为“换机侠标准库”，属性分类为“机型”。
2026-07-21 已按运营反馈简化左侧列表：列表标题显示“渠道 + 属性分类 + 列表”，列表项只显示商品/机型名称，不再露出渠道标签、状态、ID、分类标签等辅助字段。
2026-07-21 已优化机型选择流程：右侧先展示“相似机型查找”，只显示候选机型名称和相似度；“选择机型”下拉按相似度从高到低排序，去掉外部 ID、旧匹配说明等杂项字段。
2026-07-21 已收起换机侠标准库导入区：顶部统一为“换机侠属性”一个入口，通过下拉选择 机型、SKU、机况、功能 后再选择表格或导入示例。
2026-07-21 已调整工作台数据范围：换机侠属性导入的数据只作为标准库匹配池，不进入左侧待处理列表、右侧详情和状态筛选；工作台只展示三方渠道数据。
2026-07-21 已移除工作台中部旧控件：不再显示导入成功提示条、状态快捷按钮、搜索框和“运行 AI 推荐”按钮；改为按 渠道、类型、状态 三个下拉筛选，选项为渠道 闲鱼/干物焕新/回收宝，类型 机型/SKU/功能/机况，状态 待映射/已映射。
2026-07-21 已再次收敛工作台界面：右侧详情移除属性分类、渠道标签、当前机型标题和独立的相似机型列表，只保留按相似度排序的“选择机型”控件与审核操作；中部筛选改为渠道、类型、状态三组横向按钮，当前选项高亮，不再使用下拉框。
2026-07-21 已移除右侧审核按钮下方的 AI 推荐说明提示，详情区只保留选择机型和审核操作。
2026-07-21 已移除工作台顶部头部栏：不再显示页面标题、流程说明和“运行正常”状态，工作区直接从导入与筛选区域开始。
2026-07-21 已重构导入入口：工作台右上角只保留“第三方导入”和“换机侠导入”两个小按钮，点击后按属性类型选择 机型、SKU、机况、功能，选择类型后立即打开本地文件上传；旧的大块导入卡片、选择表格和示例入口已移除。
2026-07-21 已统一工作台左右卡片标题样式：左右标题均为 16px、相同内边距和间距；右侧标题固定为“请选择换机侠机型”，下方对齐显示机型选择框。
2026-07-21 已调整筛选区视觉：渠道、类型、状态改为一个整体卡片内的三行布局，不再并排拆成三个卡片；选中项改为浅蓝底和轻边框，弱化视觉重量。
2026-07-21 已统一映射业务类型：机型使用机型映射；SKU、机况、功能统一归为“功能项”列表并选择“答案项”。当当前三方记录没有已选标准项时，右侧显示“一键新增”，按三方名称、类目、品牌创建换机侠标准库记录，并生成新的 JX_类型_时间戳 ID，同时将当前记录标记为已映射。
2026-07-21 已将右侧机型标题和选择框改为动态业务标题：机型显示“请选择换机侠机型”，SKU、机况、功能显示“请选择换机侠答案项”，并使用对应的答案候选项。
2026-07-21 已修正非机型映射流程：SKU、机况、功能必须同时选择“问题项”和“答案项”；两项均支持从导入表格字段和换机侠标准库候选中选择，机型仍使用单独的机型选择流程。
2026-07-21 已同步左侧非机型列表展示：SKU、机况、功能每条记录显示“问题项”和“答案项”两行；机型仍只显示机型名称，缺失答案时显示“待选择”。
2026-07-21 已优化相似度识别：候选项使用“— 相似度”分隔，当前相似度以红色单独显示，避免运营将相似度误认为答案内容。
2026-07-21 已修复工作台重复渲染问题：页面只保留一个筛选区、左侧列表和右侧映射卡片，不再在下方重复新增同一列表。
2026-07-21 已修复生产运行时错误：工作台 JSX 已放回组件返回结构内，避免 page is not defined 导致线上 500；本地生产服务和线上地址均已验证返回 200。
2026-07-21 已调整答案项选择框：使用自定义下拉在同一框内显示答案名称与红色“— 相似度”，移除框外相似度行；切换答案项时相似度同步更新，长答案名称支持省略号截断。
2026-07-21 已调整左侧映射列表：所有记录统一显示“问题项 / 答案项”横向两列，移除机型名称单独展示；左侧最小宽度 680px、工作区最小宽度 1280px，窄屏保持两列并允许横向滚动。
代码位置
/Users/ayang/Documents/Codex/2026-07-17/referenced-chatgpt-conversation-this-is-untrusted/outputs/product-mapping-site
本地运行
cd /Users/ayang/Documents/Codex/2026-07-17/referenced-chatgpt-conversation-this-is-untrusted/outputs/product-mapping-site
npm install
npm run dev注意事项
- 当前站点主要用于演示体验和流程确认。
- 正式生产数据应使用另行维护的 Python/SQLite 或后端版本。
- AI 推荐不能直接写入正式业务映射，必须由人工审核。