a822d7782b
【问题】 询价发布助手筛选工具栏的品类下拉框有 53+ 个选项,用户难以快速定位。 【改动】 - 把品类 filter 从统一 .map(select) 里拆出,改成自定义 Combobox: - input + 浮动下拉面板 (z-30) - 关键词过滤 (toLowerCase + includes 模糊匹配,中文友好) - 键盘导航: ↓/↑ 高亮 / Enter 选中 / Esc 关闭 / Backspace 空时清空筛选 - 鼠标: hover 高亮 / click 选中 / click outside 关闭 (useEffect + ref) - 选中项右侧显示 ✓ - 已选非默认时显示 × 清空按钮 - 其他 5 个 filter (公告日期/星级/甲方级别/来源平台/负责人) 保持原生 select 不变 - 状态: catInput / catOpen / catHighlightIdx / catRef,useMemo 缓存过滤结果 【体验】 - 输入'钢' → 立即显示 钢材/钢格栅 等候选 - 输入'电缆' → 显示 电线电缆 - 空 input + Enter → 选中'全部品类' 等价清空筛选 - 已选'钢材'显示在 placeholder + 右侧 × 按钮 【部署】 web 重新构建 + sync .next 到生产 + PM2 重启 pingtai-web |
||
|---|---|---|
| .. | ||
| app | ||
| components | ||
| lib | ||