37 lines
1.6 KiB
Markdown
37 lines
1.6 KiB
Markdown
# 招聘信息新增编辑弹窗宽度调整前端实施计划
|
|
|
|
> **For agentic workers:** REQUIRED: Use superpowers:subagent-driven-development (if subagents available) or superpowers:executing-plans to implement this plan. Steps use checkbox (`- [ ]`) syntax for tracking.
|
|
|
|
**Goal:** 将招聘信息管理页“新增招聘信息”“修改招聘信息”共用弹窗的宽度从固定 `900px` 调整为页面宽度的 `80%`，提升表单内容展示空间。
|
|
|
|
**Architecture:** 本次仅调整 `ccdiStaffRecruitment` 页面新增/编辑弹窗的 `el-dialog` 宽度配置，不新增字段、不改动详情弹窗、不调整提交逻辑和接口交互。
|
|
|
|
**Tech Stack:** Vue 2, Element UI, JavaScript, Markdown
|
|
|
|
---
|
|
|
|
## 文件结构与职责
|
|
|
|
- `ruoyi-ui/src/views/ccdiStaffRecruitment/index.vue`
|
|
调整新增/编辑招聘信息弹窗宽度配置。
|
|
|
|
## 实施步骤
|
|
|
|
- [x] 定位招聘信息管理页新增/编辑弹窗的实际模板位置
|
|
- [x] 将新增/编辑弹窗宽度从固定像素改为 `80%`
|
|
- [x] 确认详情弹窗与其他弹窗保持原样，不扩大影响范围
|
|
- [x] 运行前端构建校验模板改动未引入语法问题
|
|
- [x] 使用浏览器实际打开新增/编辑弹窗，确认宽度按页面宽度 `80%` 展示
|
|
|
|
## 验证
|
|
|
|
```bash
|
|
source ~/.nvm/nvm.sh && nvm use 14.21.3 >/dev/null && cd ruoyi-ui && npm run build:prod
|
|
```
|
|
|
|
## 完成标准
|
|
|
|
- 招聘信息管理页新增/编辑弹窗宽度调整为页面宽度的 `80%`
|
|
- 招聘信息详情弹窗和页面其他交互保持不变
|
|
- 页面构建成功，且浏览器实测可正常打开新增/编辑弹窗
|