Files
ccdi/docs/reports/implementation/2026-04-29-base-staff-and-staff-recruitment-formal-shell-implementation.md

41 lines
2.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 员工信息维护与招聘信息管理正式化外壳实施记录
## 变更日期
- 2026-04-29
## 变更范围
- 前端:`ruoyi-ui/src/views/ccdiBaseStaff/index.vue`
- 前端:`ruoyi-ui/src/views/ccdiStaffRecruitment/index.vue`
- 单测:`ruoyi-ui/tests/unit/base-staff-formal-shell-layout.test.js`
- 单测:`ruoyi-ui/tests/unit/staff-recruitment-formal-shell-layout.test.js`
## 实施内容
### 1. 页面外壳调整
- 复用 `app-container``query-form``mb8` 等现有结构,只补最少样式。
-`ccdiBaseStaff``ccdiStaffRecruitment` 的查询区增加正式化外壳视觉,包括浅底、边框、留白和输入框边线统一。
- 保持搜索、重置、新增、导入、失败记录等按钮原有顺序不变。
- 为两个页面新增 `formal-table-shell`,将表格和分页收口到同一视觉区域内。
### 2. 弹窗外壳调整
- 复用员工页已有 `employee-edit-dialog``employee-detail-dialog` class只调整弹窗圆角、标题分隔线和弹窗正文背景。
- 复用招聘页现有弹窗结构,只补统一的弹窗标题区和正文背景样式。
- 未改动员工资产、历史工作经历等内部功能块结构。
### 3. 验证情况
- 单测通过:
- `node tests/unit/base-staff-formal-shell-layout.test.js`
- `node tests/unit/staff-recruitment-formal-shell-layout.test.js`
- `node tests/unit/staff-recruitment-import-toolbar.test.js`
- 现有单测异常:
- `node tests/unit/employee-asset-maintenance-layout.test.js`
- 失败原因为当前仓库源码不满足既有字符串断言 `createEmptyAssetRow(defaultPersonId = "")`,与本次外壳样式改动无关。
- 浏览器验证:
- 已使用 `browser-use` 打开 `http://localhost/prototype/staff-recruitment`,确认招聘信息管理页查询区、工具条、表格区已切换为正式化外壳,按钮仍保持原位。
- 尝试打开 `http://localhost/ccdiBaseStaff` 时,当前本地前端路由返回 404 页面,因此未能在浏览器内完成员工信息维护页真实页面验证。