服役超过十年的 MES 前端,技术栈是 EasyUI 1.4.3 + jQuery 1.11.3 这对”考古级”组合。它有一个存在了同样十年的体验缺陷:combobox 下拉面板的宽度永远等于输入框宽度——这是框架默认行为。于是所有长选项都逃不过被截断的命运:”SMT贴片车间-第一生产线-回流焊工段-NS-04高端精密贴片机设备”在下拉里只剩前半截,用户靠脑补补全。
这类问题单看是小事,逐页修是不归路:全系统几十个页面、数不清的下拉框,每个页面写一遍 panelWidth 计算?下一个新页面照样忘。正确的解法是在全局扩展层做一个通用机制:改一处,全系统生效,且给页面留逃逸口。本文记录这个机制的完整设计、实现、三重陷阱踩坑实录,以及一套无头浏览器验证矩阵——作为年度复盘,这也是”老系统增强”这类工作方法论的一个样本。


