shop-toy/openspec/changes/integrate-insurance-flow/tasks.md

Implementation Tasks

Phase 0: UI/UX Enhancements (Base Completed + This Optimization)

已完成的基础工作

• Bank: Update Audit List UI (src/pagesBank/audit/list.vue)
• Bank: Update Audit Detail UI (src/pagesBank/audit/detail.vue)
• Insurance: Update Policy List UI (src/pagesInsurance/policy/list.vue)
• Insurance: Update Claim List UI (src/pagesInsurance/claim/list.vue)
• Government: Update Bank Detail UI & Mock Data (src/pagesGovernment/bank/detail.vue)

本次优化任务（integrate-insurance-flow）

• 1.1 优化审核详情页面模拟数据，增加多种保险状态展示
• 1.2 实现"购买保险"按钮跳转到投保申请页面
• 1.3 实现"申请理赔"按钮跳转到理赔申请页面
• 1.4 在流程步骤条中增加"投保"节点（条件显示）
• 1.5 从审核列表页面移除保险功能快捷入口
• 1.6 在工作台首页添加保险功能快捷入口

本次新增任务（保险端模拟数据）

• 1.7 为保险端核保列表添加模拟数据
  • 1.7.1 在 src/api/insurance.ts 中添加 4 条核保申请模拟数据
  • 1.7.2 包含待审核、已通过、已拒绝三种状态
  • 1.7.3 包含不同的保险公司、保险产品和客户信息
  • 1.7.4 添加对应的保险单数据（1条已通过的申请）
• 1.8 为保险端理赔审核列表添加模拟数据
  • 1.8.1 在 src/api/insurance.ts 中添加 3 条理赔审核模拟数据
  • 1.8.2 包含待审核、已通过、已拒绝三种状态
  • 1.8.3 包含不同的理赔原因和材料数量
  • 1.8.4 添加赔付金额、赔付日期、拒绝原因等详细信息
• 1.9 为保险端保单列表扩展模拟数据
  • 1.9.1 在 src/api/insurance.ts 中扩展 mockInsurancePolicies 数组至12条记录
  • 1.9.2 包含生效中、即将到期、已失效三种状态
  • 1.9.3 包含不同的保险公司、保险产品、银行和客户信息
  • 1.9.4 实现数据多样性（不同的保额、期限、日期）
  • 1.9.5 确保数据与核保申请和理赔申请的关联性

本次新增任务（保险公司/产品选择流程）

• 1.10 创建投保申请列表页面 (src/pagesBank/insurance/application/list.vue)
  • 1.10.1 实现页面基础结构和布局
  • 1.10.2 实现状态筛选功能（全部/待审核/已通过/已拒绝）
  • 1.10.3 实现搜索功能（按ID/公司/产品/保单号）
  • 1.10.4 实现分页加载功能（每页20条）
  • 1.10.5 实现列表项点击跳转详情
• 1.11 创建保险公司选择页面 (src/pagesBank/insurance/company/select.vue)
  • 1.11.1 实现页面基础结构和布局
  • 1.11.2 实现搜索功能（按名称/联系方式）
  • 1.11.3 显示公司详细信息和合作产品数量
  • 1.11.4 实现选择后带参数跳转
• 1.12 创建保险产品选择页面 (src/pagesBank/insurance/product/select.vue)
  • 1.12.1 实现页面基础结构和布局
  • 1.12.2 实现搜索功能（按名称/描述/类型）
  • 1.12.3 显示产品详细信息（名称/类型/金额范围）
  • 1.12.4 实现产品详情弹窗
  • 1.12.5 实现选择后带参数跳转
• 1.13 修改审核详情页投保流程，支持多步导航选择
• 1.14 修改投保申请创建页面，支持接收公司/产品ID参数

1. 数据模型和数据库设计

• 2.1 设计并创建保险公司数据表
• 2.2 设计并创建保险产品数据表
• 2.3 设计并创建投保申请数据表
• 2.4 设计并创建保险单数据表
• 2.5 设计并创建理赔申请数据表
• 2.6 扩展贷款数据表，添加保险关联字段
• 2.7 创建数据库迁移脚本
• 2.8 编写 TypeScript 类型定义

2. 后端 API 开发

• 3.1 实现获取合作保险公司列表 API
• 3.2 实现获取保险产品列表 API
• 3.3 实现创建投保申请 API
• 3.4 实现获取投保申请详情 API
• 3.5 实现获取待核保申请列表 API（保险端）
• 3.6 实现核保审核 API（保险端）
• 3.7 实现保险单生成 API
• 3.8 实现创建理赔申请 API
• 3.9 实现获取理赔申请详情 API
• 3.10 实现获取待理赔审核列表 API（保险端）
• 3.11 实现理赔审核 API（保险端）
• 3.12 实现赔付执行 API
• 3.13 实现政务端获取贷款列表 API（含保险信息）
• 3.14 实现政务端获取贷款详情 API（含完整业务流程）
• 3.15 实现政务端获取不良贷款列表 API
• 3.16 添加文件上传 API（理赔材料）

3. 银行端页面开发

• 4.1 创建投保申请列表页面 (src/pagesBank/insurance/application/list.vue)
• 4.2 创建投保申请详情页面 (src/pagesBank/insurance/application/detail.vue)
• 4.3 创建保险公司选择页面 (src/pagesBank/insurance/company/select.vue)
• 4.4 创建保险产品选择页面 (src/pagesBank/insurance/product/select.vue)
• 4.5 修改投保申请创建页面，支持参数接收
• 4.6 创建保险单详情页面 (src/pagesBank/insurance/policy/detail.vue)
• 4.7 创建理赔申请创建页面 (src/pagesBank/insurance/claim/create.vue)
• 4.8 创建理赔申请列表页面 (src/pagesBank/insurance/claim/list.vue)
• 4.9 在贷款审核详情页添加保险购买入口
• 4.10 在贷款详情页显示保险信息
• 4.11 实现保险公司选择器组件
• 4.12 实现保险产品选择器组件
• 4.13 实现理赔材料上传组件

4. 保险端页面开发

• 5.1 创建待核保申请列表页面 (src/pagesInsurance/underwriting/list.vue)
• 5.2 创建核保申请详情页面 (src/pagesInsurance/underwriting/detail.vue)
• 5.3 实现核保审核表单组件
• 5.4 创建待理赔审核列表页面 (src/pagesInsurance/claim-review/list.vue)
• 5.5 创建理赔审核详情页面 (src/pagesInsurance/claim-review/detail.vue)
• 5.6 实现理赔材料查看组件
• 5.7 实现理赔审核表单组件

5. 政务端页面开发

• 6.1 修改银行贷款列表页面，显示保险信息标识
• 6.2 修改银行贷款详情页面，显示完整业务流程信息
• 6.3 添加不良贷款标识显示
• 6.4 添加保险信息展示区域
• 6.5 添加投保申请记录展示
• 6.6 添加理赔信息展示
• 6.7 添加审批流程记录展示
• 6.8 实现按银行筛选贷款功能
• 6.9 实现不良贷款筛选功能

6. Mock 数据开发

• 7.1 创建保险公司 Mock 数据
• 7.2 创建保险产品 Mock 数据
• 7.3 创建投保申请 Mock 数据（包含保险端核保列表数据）
• 7.4 创建保险单 Mock 数据
• 7.5 创建理赔申请 Mock 数据（包含保险端理赔审核列表数据）
• 7.6 创建不良贷款 Mock 数据

7. API 集成和测试

• 8.1 银行端 API 集成测试
• 8.2 保险端 API 集成测试
• 8.3 政务端 API 集成测试
• 8.4 文件上传功能测试
• 8.5 端到端流程测试（投保 → 核保 → 理赔）

8. 样式和用户体验优化

• 9.1 银行端页面样式优化
• 9.2 保险端页面样式优化
• 9.3 政务端页面样式优化
• 9.4 添加加载状态和错误提示
• 9.5 添加表单验证提示

9. 文档和部署

• 10.1 更新 API 文档
• 10.2 更新用户操作手册
• 10.3 准备部署配置
• 10.4 执行数据库迁移
• 10.5 部署到测试环境
• 10.6 验证测试环境功能