form-sn-mapping.md
4.56 KB
计划书 form_sn 映射文档
版本: v1.0
更新日期: 2026-02-06
用途: 后端根据产品返回对应的 form_sn 字段,前端根据该字段选择对应的计划书模版组件
🎯 核心映射关系
系统架构
产品 API 返回 form_sn
↓
前端根据 form_sn 查找映射表
↓
决定使用哪个模版组件(3选1)
↓
前端加载对应的配置
3 个模版组件
| 模版组件 | 说明 |
|---|---|
LifeInsuranceTemplate |
人寿保险模版 |
CriticalIllnessTemplate |
重疾保险模版 |
SavingsTemplate |
储蓄保险模版(含提取计划) |
🏷️ form_sn → 模版组件映射表
完整映射表(后端必读)
const FORM_SN_TO_TEMPLATE = {
// 人寿保险 → LifeInsuranceTemplate
'life-insurance-wiop3e': 'LifeInsuranceTemplate',
'life-insurance-wiop3': 'LifeInsuranceTemplate',
// 重疾保险 → CriticalIllnessTemplate
'critical-illness-mpc': 'CriticalIllnessTemplate',
'critical-illness-mbc-pro': 'CriticalIllnessTemplate',
'critical-illness-mbc2': 'CriticalIllnessTemplate',
// 储蓄保险 → SavingsTemplate
'savings-gs': 'SavingsTemplate',
'savings-gc': 'SavingsTemplate',
'savings-fa': 'SavingsTemplate',
'savings-lv2': 'SavingsTemplate'
}
📋 产品清单
人寿保险产品(使用 LifeInsuranceTemplate)
| form_sn | 产品名称 |
|---|---|
life-insurance-wiop3e |
WIOP3E 盈传创富保障计划 3 - 优选版 |
life-insurance-wiop3 |
WIOP3 - 盈传创富保障计划 3 |
重疾保险产品(使用 CriticalIllnessTemplate)
| form_sn | 产品名称 |
|---|---|
critical-illness-mpc |
MPC 守护无间重疾 |
critical-illness-mbc-pro |
MBC PRO 活跃人生重疾保 PRO |
critical-illness-mbc2 |
MBC2 活跃人生重疾保 2 |
储蓄保险产品(使用 SavingsTemplate)
| form_sn | 产品名称 |
|---|---|
savings-gs |
宏挚传承保障计划(GS) |
savings-gc |
宏挚家传保险计划(GC) |
savings-fa |
宏浚传承保障计划(FA) |
savings-lv2 |
赤霞珠终身寿险计划2(LV2) |
💡 后端集成指南
1. 产品列表 API 示例
{
"code": 1,
"data": [
{
"id": 1,
"product_name": "WIOP3E 盈传创富保障计划 3 - 优选版",
"form_sn": "life-insurance-wiop3e"
},
{
"id": 2,
"product_name": "MPC 守护无间重疾",
"form_sn": "critical-illness-mpc"
},
{
"id": 3,
"product_name": "宏挚传承保障计划",
"form_sn": "savings-gs"
}
]
}
2. form_sn 命名规范
格式: {模版类型}-{产品简称}
| 模版类型 | 前缀 | 示例 |
|---|---|---|
| 人寿保险 | life-insurance- |
life-insurance-wiop3e |
| 重疾保险 | critical-illness- |
critical-illness-mpc |
| 储蓄保险 | savings- |
savings-gs |
3. 新产品接入流程
步骤 1: 确定产品类型(人寿/重疾/储蓄)
步骤 2: 选择对应的前缀
- 人寿保险 →
life-insurance-xxx - 重疾保险 →
critical-illness-xxx - 储蓄保险 →
savings-xxx
步骤 3: 与前端确认 form_sn 值
- 后端提供产品基本信息
- 前端确认使用哪个模版组件
- 前端更新配置文件(
src/config/plan-templates.js)
注意:
- ✅ 后端只负责返回 form_sn 字段
- ✅ 所有配置细节(币种、缴费年期等)由前端处理
- ❌ 后端不需要关心具体配置
📦 前端配置文件
配置源文件: src/config/plan-templates.js
前端根据 form_sn 查找配置:
export const PLAN_TEMPLATES = {
'life-insurance-wiop3e': {
name: 'WIOP3E 盈传创富保障计划 3 - 优选版',
component: 'LifeInsuranceTemplate', // 使用哪个模版
config: {
// 前端处理的配置细节
currency: 'USD',
payment_periods: [...],
age_range: { min: 0, max: 75 },
insurance_period: '终身'
}
}
}
✅ 后端检查清单
产品 API 开发完成前请确认:
-
产品 API 返回
form_sn字段 -
form_sn值与映射表中的 key 完全一致 - 新产品上线前与前端确认 form_sn
- 了解 3 个模版组件的区别(人寿/重疾/储蓄)
📞 联系方式
如有疑问或需要新增产品,请联系前端开发团队。
🔄 版本历史
| 版本 | 日期 | 变更说明 |
|---|---|---|
| v1.0 | 2026-02-06 | 初始版本,定义 3 个模版组件和 8 个产品的映射关系 |