1 引言

  • 服务结账及支付功能前后端实现

image.png

2 前端实现

服务结账及支付管理页面

  • 功能介绍:结合订单页面运作,进行订单支付后,在支付管理页面显示已支付完成的订单信息,并移除订单页面对应的订单信息。

image.pngimage.pngimage.png

3 后端实现

服务结账及支付功能后端实现

  • 关键技术:在前端完成支付操作后,从订单列表中读取对应的订单基本信息,并添加支付信息,将完成支付的订单信息插入支付表,并移除订单列表中对应的行

image.png
image.png

4 测试报告

编号 测试内容 测试结果 功能说明 补充
1 选择一位员工,系统自动获取底薪、计算总提成、计算总工资 image.png 后端成功获取正确的数值,前端正常自动填充
2 使用员工薪资自动计算功能,选择一位没有完成过订单(无提成)的员工 image.png 提成金额计算正常,总薪资计算正常
3 员工薪资结算时,先选择一位员工,再选择另一位员工,验证表单中数值是否正常变化 image.pngimage.png 数值正常随员工变化,没有残留数据,皆为实时更新
4 在订单页面,选择支付,测试支付能否操作成功 image.png
image.pngimage.png
支付操作成功完成,支付列表中已添加包含支付信息的完成支付的订单,而订单列表中对应的订单也已同步移除。