6.0 KiB
6.0 KiB
✅ 出国登记表PDF模板格式修复完成
📋 修复说明
根据实际登记表模板图片，对PDF生成模板进行了格式调整，确保与纸质表格完全一致。
🎯 修复内容
1. 第一行表格结构调整
修改前：
- 表头行：姓名 | 性别 | 出生日期 | 年 月 日 | 照片
- 数据行：完整姓名 | 性别 | 日期数据
修改后：
- 第一行：姓 | 姓氏数据 | 名 | 名字数据 | 性别 | 性别数据 | 出生日期 | 日期数据 | 照片
代码位置：web/src/views/rs/overseas-registration/index.vue (第464-477行)
具体修改：
<tr>
<td width="50" class="center-text bold-text">姓</td>
<td width="80" class="center-text data-cell">{{ viewData.name ? viewData.name.charAt(0) : '' }}</td>
<td width="50" class="center-text bold-text">名</td>
<td width="80" class="center-text data-cell">{{ viewData.name ? viewData.name.substring(1) : '' }}</td>
<td width="60" class="center-text bold-text">性<br/>别</td>
<td width="60" class="center-text data-cell">{{ viewData.gender === '0' ? '男' : viewData.gender === '1' ? '女' : '' }}</td>
<td width="80" class="center-text bold-text">出生<br/>日期</td>
<td width="120" class="center-text data-cell">{{ formatPdfDate(viewData.birthDate) }}</td>
<td width="100" rowspan="6" class="center-text photo-cell">
<div class="photo-text">照 片</div>
<div class="photo-desc">(2寸免冠白色或淡蓝色底彩照32MM×26MM)</div>
</td>
</tr>
2. 删除"年 月 日"多余文字
修改说明：出生日期后面直接显示格式化的日期数据，不再显示"年 月 日"文字标签。
3. 人员类别代码格子调整
修改前：
<td class="center-text data-cell">{{ viewData.personnelCategory || '' }}</td>
修改后：
<td class="center-text data-cell"></td>
说明：人员类别代码后面改为空白填写格，便于手动填写。
4. 登记备案责任单位区域高度增加100%
修改前：
<!-- 第八、九行：登记备案责任单位 -->
<tr style="height: 60px;">
...
</tr>
<tr style="height: 60px;"></tr>
修改后：
<!-- 第七、八行：登记备案责任单位 -->
<tr style="height: 120px;">
<td colspan="2" rowspan="2" class="center-text bold-text">登记备案<br/>责任单位</td>
<td colspan="5" rowspan="2" class="center-text seal-cell">
<div style="padding: 40px 0;">盖 章</div>
</td>
<td rowspan="2" class="center-text">
<div class="signature-area">登记备案责任单位负责人签名：</div>
</td>
</tr>
<tr style="height: 120px;"></tr>
5. 登记备案责任单位联系人区域高度增加100%
修改前：
<!-- 第十、十一行：登记备案责任单位联系人 -->
<tr>
...
</tr>
<tr>
...
</tr>
修改后：
<!-- 第九、十行：登记备案责任单位联系人 -->
<tr style="height: 60px;">
<td colspan="2" rowspan="2" class="center-text bold-text">登记备案责任<br/>单位联系人</td>
<td colspan="3" rowspan="2" class="center-text bold-text">联系电话</td>
<td colspan="2" class="data-cell">办公电话：</td>
<td rowspan="2" class="data-cell"></td>
</tr>
<tr style="height: 60px;">
<td colspan="2" class="data-cell">移动电话：</td>
</tr>
6. 照片单元格rowspan调整
修改前：rowspan="5"
修改后：rowspan="6"
说明：由于第一行结构调整，照片单元格需要跨越6行而不是5行。
📊 表格结构对比
修改前表格列数
- 第一行：7列 + 照片列 = 8列
修改后表格列数
- 第一行：8列 + 照片列 = 9列
- 列结构：姓(标签) | 姓(数据) | 名(标签) | 名(数据) | 性别(标签) | 性别(数据) | 出生日期(标签) | 出生日期(数据) | 照片
✅ 修复完成确认
- ✅ 姓后面增加填写格子（显示姓氏数据）
- ✅ 名后面增加填写格子（显示名字数据）
- ✅ 性别后面增加填写格子（显示性别数据）
- ✅ 出生日期直接显示日期，删除"年 月 日"文字
- ✅ 人员类别代码后面改为空白填写格
- ✅ 登记备案责任单位区域高度增加100%（60px → 120px）
- ✅ 登记备案责任单位联系人区域高度增加100%（原有 → 60px）
- ✅ 照片单元格rowspan调整（5 → 6）
- ✅ 无编译错误
🔧 修改文件
文件路径：web/src/views/rs/overseas-registration/index.vue
修改行数：约80行代码调整
主要修改区域：
- 第464-477行：第一行表格结构
- 第479-486行：公民身份号码行调整
- 第488-511行：后续行colspan调整
- 第513-521行：人员类别代码行调整
- 第523-533行：登记备案责任单位行高度调整
- 第535-544行：登记备案责任单位联系人行高度调整
📝 测试建议
-
功能测试：
- 打开出国登记菜单 → 登记历史选项卡
- 点击任意记录的"查看"按钮
- 点击"下载PDF"按钮
- 查看生成的PDF文件格式
-
格式验证：
- ✅ 检查姓名是否正确拆分显示
- ✅ 检查性别是否在独立单元格中显示
- ✅ 检查出生日期是否直接显示完整日期
- ✅ 检查人员类别代码格是否为空白
- ✅ 检查登记备案责任单位区域高度是否足够
- ✅ 检查登记备案责任单位联系人区域高度是否足够
- ✅ 检查照片位置是否正确（跨6行）
-
数据验证：
- 使用含有完整数据的出国登记记录测试
- 验证所有字段数据是否正确显示
- 验证表格边框和对齐是否正确
🎯 预期效果
生成的PDF文档将完全符合实际纸质登记表的格式要求：
- 姓名拆分为姓和名两个独立单元格
- 性别、出生日期各有独立的数据显示单元格
- 人员类别代码为空白填写格
- 登记备案责任单位和联系人区域高度充足，便于盖章和签名
修复时间：2025-10-12 修复状态：✅ 已完成 测试状态：⏳ 待测试