1.8 KiB
1.8 KiB
招聘信息新增编辑弹窗宽度调整实施记录
文档信息
- 保存路径：
docs/reports/implementation/2026-04-22-staff-recruitment-dialog-width-implementation.md - 实施日期：2026-04-22
- 关联范围：招聘信息管理前端页面
本次修改内容
- 定位到招聘信息管理页新增/编辑共用同一个
el-dialog，原宽度固定为900px。 - 将新增/编辑弹窗宽度改为
80%，使弹窗按页面可视宽度自适应放大。 - 保持招聘信息详情弹窗宽度和原有表单提交流程不变，避免影响非本次需求范围的交互。
- 新增本次前端实施计划与实施记录，沉淀改动背景、影响范围与验证结论。
影响范围
- 前端：
ruoyi-ui/src/views/ccdiStaffRecruitment/index.vue新增/编辑招聘信息弹窗。 - 文档：新增前端实施计划与实施记录。
验证情况
- 前端构建校验：
- 执行命令：
source ~/.nvm/nvm.sh && nvm use 14.21.3 >/dev/null && cd ruoyi-ui && npm run build:prod - 结果：构建成功；存在项目原有的 bundle size warnings，本次改动未引入新的构建错误。
- 执行命令：
- Playwright 浏览器实测：
- 执行方式：通过
nvm use 25.9.0启动playwright-cli，打开http://127.0.0.1:1025/prototype/staff-recruitment?preview=1&mode=add与http://127.0.0.1:1025/prototype/staff-recruitment?preview=1&mode=edit，在真实浏览器中读取可见el-dialog的实际宽度。 - 结果：新增弹窗标题为“添加招聘信息”，页面宽度
1280px、弹窗宽度1024px、宽度占比0.8；编辑弹窗标题为“修改招聘信息”，页面宽度1280px、弹窗宽度1024px、宽度占比0.8，与需求一致。
- 执行方式：通过
- 测试进程清理：
- 已关闭本次测试过程中临时启动的 Playwright 浏览器与前端 dev server。