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 模板引用被报为现有未使用警告,本次未引入新的格式或语法错误。
|
|||
|
|
|
|||
|
|
## 风险评估
|
|||
|
|
|
|||
|
|
- 仅调整前端关系选择器布局,不修改接口、菜单分配数据或权限校验。
|
|||
|
|
- 小屏页面继续使用原有响应式单列布局。
|