index.wxml 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <view class="container">
  2. <van-nav-bar
  3. title="付款明细"
  4. left-text="返回"
  5. left-arrow
  6. bind:click-left="onBack"
  7. />
  8. <view class="header">
  9. <view class="order-info">
  10. <view class="order-title">订单信息</view>
  11. <view class="order-details">
  12. <view class="row">
  13. <view class="label">订单编号:</view>
  14. <view class="value">{{orderInfo.sonum || '--'}}</view>
  15. </view>
  16. <view class="row">
  17. <view class="label">客户姓名:</view>
  18. <view class="value">{{orderInfo.name || '--'}}</view>
  19. </view>
  20. <view class="row">
  21. <view class="label">订单金额:</view>
  22. <view class="value">{{orderInfo.showAmount || '--'}}</view>
  23. </view>
  24. <view class="row">
  25. <view class="label">已付款金额:</view>
  26. <view class="value">{{orderInfo.showPayAmount || '--'}}</view>
  27. </view>
  28. </view>
  29. </view>
  30. </view>
  31. <view class="payment-list">
  32. <view class="list-header">
  33. <view class="title">付款记录</view>
  34. </view>
  35. <view class="list-content">
  36. <view wx:for="{{paymentList}}" wx:key="index" class="payment-item">
  37. <view class="item-header">
  38. <view class="payment-time">{{item.billdate || '--'}}</view>
  39. <view class="payment-amount">¥{{item.amount || '0'}}</view>
  40. </view>
  41. <view class="item-body">
  42. <view class="row">
  43. <view class="label">收款类型:</view>
  44. <view class="value">{{item.typemx || item.type || '--'}}</view>
  45. </view>
  46. <view class="row">
  47. <view class="label">收款备注:</view>
  48. <view class="value">{{item.remarks || '--'}}</view>
  49. </view>
  50. <view class="row">
  51. <view class="label">收款人:</view>
  52. <view class="value">{{item.createby || '--'}}</view>
  53. </view>
  54. </view>
  55. </view>
  56. <view wx:if="{{paymentList.length == 0}}" class="empty">
  57. 暂无付款记录
  58. </view>
  59. </view>
  60. </view>
  61. </view>