42 lines
1.6 KiB
Markdown
42 lines
1.6 KiB
Markdown
# 平台角色菜单分配宽度优化操作日志
|
||
|
||
操作时间：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 模板引用被报为现有未使用警告，本次未引入新的格式或语法错误。
|
||
|
||
## 风险评估
|
||
|
||
- 仅调整前端关系选择器布局，不修改接口、菜单分配数据或权限校验。
|
||
- 小屏页面继续使用原有响应式单列布局。
|