hl-api-changelog/changelogs/2026-05/11_frontend_notice_admin_product-name-maxlength-30-to-255.md

前端联动通知 — 产品名称 maxlength 30 → 255

日期: 2026-05-11 类型: 前端字段限制调整(配合后端扩长度) 模块: 产品管理 → 产品编辑页 / 新建产品(hl-admin) 通知: @mmg 前端改动: input maxlength + 字符计数器上限

---

背景

用户反馈:把广告语合进产品名后超 30 字被卡(截图实测 31/30 报错)。后端已扩到 255,前端 input 的 maxlength=30 和「31/30」计数器上限也要同步改 255。

---

后端改动(已上 dev,PR #1940 已合)

项	Before	After
ProductSaveReqVO.name	@Size(max=30)	@Size(max=255)
ProductBasicSaveReqVO.name	@Size(max=30)	@Size(max=255)
校验失败 message	"产品名称不能超过30个字符"	"产品名称不能超过255个字符"
DB product.name	varchar(60)	varchar(255)(Flyway V20260511_001)

后端 message 文案随响应自动更新,前端不需要改文案本身,只要改 input 上限。

---

前端要改的地方

产品编辑页(基础信息步骤)的产品名称输入框 + 字符计数器:

<!-- before -->
<el-input v-model="form.name" :maxlength="30" show-word-limit />

<!-- after -->
<el-input v-model="form.name" :maxlength="255" show-word-limit />

如果是封装组件或 schema 配置,改对应的 max/maxlength 字段即可。建议全局搜 maxlength.*30 在产品编辑/新建相关组件中确认无遗漏。

---

验收

1. 后端正式服已部署(2026-05-11 18:06, release PR #1945, image_tag 9ffad0ee, Flyway V20260511_001 已自动跑 ALTER)
2. 前端 pnpm build + Deploy Panel 前端部署 → 硬刷
3. 产品编辑页输入 100 字符产品名 → 不再红字报错,可提交保存 ✅
4. 输入 256 字符 → 前端 input 自身截断到 255(maxlength 控制)

---

风险

• 老产品名都 ≤30,扩 maxlength 不影响存量
• DB ALTER 在线 DDL,MySQL 8 instant alter 秒级
• 无关联工单

联系人: wx