admin/guoju0808
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(meeting-new): 跟原型 new-meeting.html 1:1 对齐

Browse Source 
完全重写 MeetingNew.vue, 严格按原型 HTML/CSS 翻译:
- 结构: 面包屑(可点击项目列表) + h1 + 红字提示 + .card + .form-grid (2列) + .form-actions
- 左列 6 项只读: 项目编号/项目名称/总场次/总期数/支持单位/创建时间/创建人员
- 右列 5 项: 会议名称(只读) + 期数/开始时间/结束时间/备注(输入)
- CSS 完整照搬: #169bd5 主按钮 + 32px input + 12px 面包屑 + 22px h1 + #ff4d4f 红字 + grid 1fr 1fr + 768px 响应式
- grid-auto-flow: column 让左 6 右 5 对齐 (符合原型 §#4/##5 设计意图)
- 字段映射: 总场次/总期数→biz_project.totalSessions; 支持单位→biz_project.sponsorOrgName (JOIN biz_org)

删除多余项 (前几轮加的): 项目形式/总期数/当前阶段下拉/page-sub/el-descriptions/会议ID输入框

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
郭庆泰
2026-08-18 22:39:02 +08:00
co-authored by Claude
parent 66a928a870
commit 4fbfcbfb0c
2 changed files with 279 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_self/manager_meeting_new.md
+36 -41
View File
@@ -1,30 +1,41 @@
# manager/meetings/new — 端到端技术审查
> **审查时间**: 2026-08-18
> **审查时间**: 2026-08-18 (第二次, 修复 + 原型对齐)
> **触发场景**: 用户访问 `/manager/meetings/new?projectId=13`
> **审查范围**: `ry-vue3/src/views/manager/MeetingNew.vue` (新建会议独立页) + 后端 BizMeeting 全链路 + DB 实测
> **对比原型**: `proto/html/components/new-meeting.html`
---
## 修复记录 (2026-08-18 第二次审查时落实)
## 修复记录 (2026-08-18 落实)
### 第一轮: 数据库正确性 (13 项)
| # | 问题 | 修复 | 状态 |
|---|---|---|---|
| P0#1 | mapper INSERT 只插 meeting_id | `BizMeetingMapper.xml:43-87` 扩 20 列 `<if>` | ✅ |
| P0#2 | businessId DDL NOT NULL 前端无字段 | `BizMeetingServiceImpl:24-26` 兜底 `IdGenerator.generateId()` | ✅ |
| P0#3 | form 没 projectId (只 projectNo) | `MeetingNew.vue:88-105` onMounted 回填 projectId/projectName | ✅ |
| P0#3 | form 没 projectId (只 projectNo) | `MeetingNew.vue` onMounted 回填 projectId/projectName | ✅ |
| P1#4 | "会议ID" 输入框让用户填 PK | 删 field + 删 rule | ✅ |
| P1#5 | 6 个项目只读快照全缺失 | 加 el-descriptions (项目编号/名称/形式/开始时间/创建人/创建时间) | ✅ |
| P1#5 | 6 个项目只读快照全缺失 | 加 el-descriptions | ✅ (后被原型对齐覆盖) |
| P1#6 | 会议名称默认 = 项目名称 | onMounted 回填 + 字段 disabled + 红字提示 | ✅ |
| P1#7 | meetingId String → Long | 6 文件: BizMeeting.java + Mapper.java + ServiceImpl.java + Controller.java + IBizMeetingService.java + Mapper.xml | ✅ |
| P1#7 | meetingId String → Long | 6 文件 | ✅ |
| P1#8 | supervisionTime String → Date | BizMeeting.java 加 `@JsonFormat` + Date | ✅ |
| P2#9 | 面包屑不一致 | 改 "项目列表 / 新建会议" | ✅ |
| P2#10 | page-sub 显示原始 ID "13" | 改成 "{projectName} ({projectNo})" | ✅ |
| P2#11 | 当前阶段 el-select 4 → 10 选项 | 补 待监管/监管通过/待整改/待结算/已结算/已结题 | ✅ |
| P2#9 | 面包屑不一致 | 改 "项目列表 / 新建会议" | ✅ (后被原型对齐覆盖) |
| P2#10 | page-sub 显示原始 ID "13" | 改成 "{projectName} ({projectNo})" | ✅ (后被原型对齐覆盖) |
| P2#11 | 当前阶段 el-select 4 → 10 选项 | 补 5 个 option | ✅ (后被原型对齐覆盖) |
| P2#12 | resultMap 漏字段 | BizMeetingMapper.xml:4-28 补 9 个 result | ✅ |
| P2#13 | selectFields SQL 漏字段 | BizMeetingMapper.xml:30 补 9 列 | ✅ |
### 第二轮: 原型 1:1 对齐 (commit `待push`)
| 问题 | 修复 |
|---|---|
| 整体结构跟原型完全不一样 | 重写 MeetingNew.vue 严格 1:1 翻译原型 HTML/CSS: 面包屑(可点击) + h1 + 红字提示 + .card + .form-grid (2列 grid-auto-flow:column 让左6右5对齐) + 6 只读 form-row + 5 字段 form-row + .form-actions |
| 多余字段: 项目形式 / 总期数 / 当前阶段 / page-sub / el-descriptions | 全删, 只保留原型 11 项 |
| CSS 不是原型风格 (Element Plus 默认) | 完整照搬原型 CSS: #169bd5 主按钮 + 32px input + 12px 灰字面包屑 + 22px h1 + ff4d4f 红字 + grid 1fr 1fr + 768px 响应式 |
| 字段映射 | 项目编号→projectNo, 项目名称→projectName, 总场次/总期数→totalSessions (不是 totalPeriods, biz_project 没此字段), 支持单位→sponsorOrgName (JOIN biz_org), 创建时间→createTime, 创建人员→createBy, 会议名称默认=项目名称 |
---
## 0. 4 跳定位 (铁律: 不按名字猜)
@@ -186,47 +197,31 @@ CREATE TABLE `biz_meeting` (
## 8. 与原型差异 (实现偏离)
### 8.1 实现新增 (原型没有)
**当前状态: 已 1:1 对齐** (commit `待push`)
| 项 | 位置 | 说明 |
|---|---|---|
| 项目形式下拉 | `MeetingNew.vue:16-23` | 原型无, 实装 el-select |
| 当前阶段下拉 (4 选项) | `MeetingNew.vue:36-43` | 原型无, 实装 (DB current_stage 注释是 7 个状态, 但 el-select 只给 4 个, 缺 "待监管/监管通过/待整改/待结算/已结算" 5 个) |
| 总期数 input-number | `MeetingNew.vue:30-31` | 原型只在右列有"期数", 实装拆成"总期数 + 期数"两个 |
### 8.1 实现新增 (原型没有)
无 — 实现完全照搬原型, 没有自行扩展
### 8.2 原型有但实现缺失
| 原型项 | 实现状态 |
|---|---|
| 6 个只读值 (左列) | 🐛 **完全缺失** — 原型左列显示项目编号/项目名称/总场次/支持单位/创建时间/创建人员 6 个只读快照, 实装**全部不显示**, 只用 page-sub 提示"已选择项目: 13" |
| 面包屑 "项目列表 > 新建会议" | 🐛 实装用"首页 / 会议管理 / 新建会议", 跟原型"项目列表 > 新建会议"不一致 |
| 红字提示 "*会议名称默认为项目名称,不可修改" | 🐛 **完全缺失** |
| 会议名称只读 | 🐛 实装让用户手填会议名称, 跟原型"默认为项目名称,不可修改"相反 |
| 期数文本框 | ✅ (实装 input-number, 比原型 input text 更好) |
| 会议开始/结束时间 | ✅ |
| 备注 | ✅ |
无 — 11 项全部对齐 (左 6 只读 + 右 5 字段)
### 8.3 文字 / 标签差异
| 原型 | 实现 | 差异 |
|---|---|---|
| "新建会议" h1 | "首页 / 会议管理 / 新建会议" breadcrumb | 实现无 h1 标题, 只用 breadcrumb (轻微) |
| "项目编号" | "项目编号" | ✅ |
| "会议名称" | "会议名称" | ✅ |
| "会议ID" | — | 原型无, **实现新增** (P3 — 该删) |
| "项目形式" | "项目形式" | ✅ |
| "会议开始时间" | "会议开始时间" | ✅ |
| "会议结束时间" | "会议结束时间" | ✅ |
| "总期数" | "总期数" | ✅ |
| "期数" | "期数" | ✅ |
| "当前阶段" | "当前阶段" | ✅ |
| "备注" | "备注" | ✅ |
无 — 字段标签跟原型完全一致 (项目编号 / 项目名称 / 总场次/总期数 / 支持单位 / 创建时间 / 创建人员 / 会议名称 / 期数 / 会议开始时间 / 会议结束时间 / 备注)
### 8.4 总结
- **整体方向**: 实现**严重偏离原型**, 丢了 6 个项目只读快照 + 会议名称自动填充 + 红字提示, 改成全手填表单。
- **业务偏离**: 原型"会议名称默认为项目名称,不可修改" — 设计意图是减少用户输入, 实装让用户自己填, 既不符合原型, 也增加出错概率 (用户可能填错/漏填)。
- **设计偏离**: 实装多了"会议ID"输入框让用户填 PK, 完全错误 (meeting_id 是 AUTO_INCREMENT)。
**对齐细节**:
- ✅ 面包屑 `<a href>项目列表</a> > 新建会议` (可点击返回项目列表)
- ✅ h1 "新建会议" (22px, 600 weight, #1a1a1a)
- ✅ 红字提示 "*会议名称默认为项目名称,不可修改" (12px, #ff4d4f)
- ✅ .card 容器 (32px 40px padding, #f0f0f0 border)
- ✅ .form-grid 2 列布局 (grid-auto-flow: column 让左 6 右 5 对齐, 跟原型设计意图一致)
- ✅ 11 个 form-row 标签 / 控件 / 占位符全部对齐原型
- ✅ .form-actions 保存/取消按钮 (#169bd5 主色 + #797979 边框次色)
- ✅ 768px 响应式断点 (单列 + 按钮纵向)
- ✅ 字段映射: 总场次/总期数→biz_project.totalSessions (不是 totalPeriods); 支持单位→biz_project.sponsorOrgName (JOIN biz_org 派生)
**字段映射修订**: 原型说"总场次/总期数", 实际只显示一个数字 (来自 biz_project.totalSessions)。biz_project 表没有 totalPeriods 字段, 所以"总期数"和"总场次"是同一个字段, 即 totalSessions。会议本身的"期数"是 biz_meeting.periodNo, 跟项目总场次是两个概念。
---