# 前端联动通知 — 产品名称 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 上限。

---

## 前端要改的地方

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

```vue
<!-- 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](https://git.1814.love:8443/wx/HL/pulls/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