第一步：获取当前订单最新的支付记录第二步：创建支付单第三步：获取签名
传入：订单金额，已支付金额
是
支付流程组件
订单金额组件
1、获取当前订单渠道列表（编码、名称）
否
组件传入：选中渠道编码、支付渠道列表、已支付金额
detailPay？
1、展示已支付金额；2、无法参与二次选择
开始
关闭相关弹框
根据不同支付渠道要求，分别执行对应支付接口
开始支付流程startPay
1、获取当前用户卡号余额......
当前渠道是否已支付
支付渠道切换：通知父组件当前选中渠道编码
1、获取当前订单已支付渠道列表（编码、支付金额）
获取订单商品明细
1、支付渠道描述2、获取订单明细接口根据渠道判断3、入参参数校验（金额）4、失败之后回复相关loading效果
1、根据选中渠道编码与渠道列表，获取当前支付流程
获取当前订单支付其他数据（如余额）
通知商城
1、商品明细列表2、支付卡号......
支付渠道列表组件
1、根据已支付金额是否等于订单金额，判断展示UI内容
组件传入：支付渠道列表、已支付渠道列表组件事件：支付渠道切换
pagePay？
支付流程类型1、pagePay：直接页面底部“立即支付”按钮；2、detailPay：点击订单详情弹框底部“确认支付”按钮；3、pwdPay：点击密码输入弹框“确认”按钮
支付成功？
结束
打开密码输入框
刷新支付页
通过处理获得1、订单金额、已支付金额、订单2、支付渠道列表（编码、名称、当前渠道可支付金额，支付流程类型）3、已支付渠道列表
获取历史支付记录
1、form表单跳转；2、调用java后台接口；3、小程序跳转
是否全部支付
获取支付渠道列表
打开支付详情弹框展示渠道和订单信息
