# 平台角色菜单分配宽度优化操作日志

操作时间：2026-08-17
操作类型：修改
影响模块：平台总后台 / 平台管理 / 平台角色 / 分配菜单

## 操作前状态

- 业务动作弹窗中的关系多选容器没有明确宽度。
- 菜单权限选择器按内容宽度收缩，下拉项中的中文菜单名称只能显示单个字。

## 具体操作

1. 关系控件容器增加 `width: 100%` 和 `min-width: 0`。
2. 关系选择器统一占满容器，下拉面板跟随正常触发器宽度。
3. 增加静态契约检查，防止全宽样式被误删。

## 操作后状态

- “分配菜单”的多选控件占满弹窗表单区域。
- 菜单名称可按正常横向空间展示，搜索、多选和清空行为保持不变。
- 其他单选、多选关系字段同步获得稳定的容器宽度。

## 代码变更

- `frontend/platform_admin/src/views/resource/ResourceFieldForm.vue`：修正关系选择控件宽度。
- `frontend/platform_admin/scripts/check-resource-display-contracts.mjs`：增加多选关系全宽契约。
- `docs/项目文档_平台资源中文展示统一_v1.0.md`：记录 v1.22 变更。

## 验证结果

- `pnpm resource-display-contracts:check`：通过。
- `pnpm contract:check`：通过，48 个资源契约正常。
- `pnpm type:check`：通过。
- `pnpm build`：通过。
- Biome 针对变更文件检查退出码为 0；Vue 模板引用被报为现有未使用警告，本次未引入新的格式或语法错误。

## 风险评估

- 仅调整前端关系选择器布局，不修改接口、菜单分配数据或权限校验。
- 小屏页面继续使用原有响应式单列布局。