platforms/docs/操作日志_平台角色菜单分配宽度优化_20260817.md

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

操作时间：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 模板引用被报为现有未使用警告，本次未引入新的格式或语法错误。

风险评估

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