本文档详细描述移动端汇款信息页面中「银行转账充值」和「支付宝充值」两个功能的业务需求、交互逻辑、字段规则和异常处理，供设计、开发、测试人员参考使用。
仅适用于本次新增的两个充值入口及关联表单功能，原有汇款记录列表功能不在本文档范围内。
产品经理、UI设计师、前端开发工程师、测试工程师。
| 术语 | 说明 |
|---|---|
| 底部弹窗 | 从屏幕底部向上滑出的操作弹窗，支持下滑手势关闭 |
| 轻提示（Toast） | 屏幕底部弹出的临时提示，3秒自动消失，无需用户点击确认 |
| 即时到账银行 | 标注该类银行转账后系统会自动到账，无需人工审核 |
用户通过填写银行转账相关信息，提交线下转账凭证，完成账户余额充值。提交后记录会展示在下方汇款记录列表中，待财务确认后到账。
用户点击底部「银行转账充值」按钮 → 底部弹出银行转账表单 → 用户填写表单信息 → 点击提交按钮 ↓ 记录自动加入汇款记录列表 ← 弹出提交成功轻提示，弹窗自动关闭 ← 表单校验通过
| 元素位置 | 元素名称 | 类型 | 必填 | 规则说明 |
|---|---|---|---|---|
| 弹窗顶部 | 标题 | 文字 | - | 固定显示「提交汇款信息」 |
| 弹窗顶部右侧 | 关闭按钮 | 图标按钮 | - | 点击后关闭弹窗，已填内容清空 |
| 标题右侧 | 清空表单 | 文字按钮 | - | 点击后清空所有已填内容 |
| 表单区域 | 汇款日期 | 日期选择器 | ✅ | 默认选中当天日期，支持修改 |
| 表单区域 | 汇款金额 | 数字输入框 | ✅ | 支持两位小数，最小金额0.01元 |
| 表单区域 | 收款银行 | 下拉选择器 | ✅ | 选项：请选择收款银行、农行（即时到账）、建行、招行、工行（即时到账）、邮政储蓄 |
| 表单区域 | 充值类型 | 下拉选择器 | ✅ | 选项：常规充值、月度预付充值、年度预付（含分期） |
| 表单区域 | 付款银行卡号 | 文本输入框 | ✅ | 仅支持数字，自动每4位加空格，实时校验长度16-19位 |
| 表单底部 | 提交按钮 | 主按钮 | - | 点击后提交表单 |
用户选择支付宝账户，填写充值金额，提交后通过支付宝完成线上充值，提交后记录会展示在下方汇款记录列表中。
用户点击底部「支付宝充值」按钮 → 底部弹出支付宝充值表单 → 用户填写信息 → 点击提交按钮 ↓ 记录自动加入汇款记录列表 ← 弹出提交成功轻提示，弹窗自动关闭 ← 表单校验通过
| 元素位置 | 元素名称 | 类型 | 必填 | 规则说明 |
|---|---|---|---|---|
| 弹窗顶部 | 标题 | 文字 | - | 固定显示「系统充值」 |
| 表单区域 | 支付方式 | 单选按钮组 | ✅ | 选项固定为「账户1」「账户2」，默认选中「账户1」 |
两个充值按钮固定悬浮在页面底部，不会随页面滚动隐藏：
主页面功能说明
银行转账表单功能说明
支付宝充值表单功能说明
文档修订记录 | 版本V1.0 | 2026-03-21