prepayOrderItemInfo.wxml 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <view class="orderItemInfoContainer">
  2. <!-- 订单信息 -->
  3. <view class="orderInfoBox">
  4. <!-- 油枪 -->
  5. <view class="nozzleAndStatus">
  6. <text class="nozzle">{{order.nozzle}} 号油枪</text>
  7. <text class="status" style="color: {{order.statusColor}};">{{order.status}}</text>
  8. </view>
  9. <view class="orderInfo" style="height: {{contentHeight}}vh;" bind:tap="showOrHide">
  10. <!-- 订单主要信息 -->
  11. <view class="mainInfo">
  12. <image src="../../images/oil.svg" mode="aspectFill" />
  13. <view class="oilInfo">
  14. <text class="oil">{{order.oilName}}</text>
  15. <text class="volume">{{order.volume}}升数</text>
  16. </view>
  17. <view class="amountBox">
  18. <text class="mainAmount">¥ {{order.payAmount}}</text>
  19. <image src="../../images/down.png" mode="aspectFill" style="transform: rotate({{rotateDeg}}deg);" />
  20. </view>
  21. </view>
  22. <!-- 分割线 -->
  23. <view class="line"></view>
  24. <!-- 其余信息 -->
  25. <view class="orderDetailInfo">
  26. <view>
  27. <text>交易订单号</text>
  28. <text>{{order.orderId}}</text>
  29. </view>
  30. <view>
  31. <text>时间</text>
  32. <text>{{order.time}}</text>
  33. </view>
  34. </view>
  35. <!-- 分割线 -->
  36. <view class="line"></view>
  37. <!-- 详情信息 -->
  38. <view class="orderDetailInfo">
  39. <view>
  40. <text>预支付金额</text>
  41. <text>¥ {{order.payAmount}}</text>
  42. </view>
  43. <view>
  44. <text>退款金额</text>
  45. <text>-{{order.refund}}</text>
  46. </view>
  47. <view>
  48. <text>优惠金额</text>
  49. <text>¥ {{order.discount}}</text>
  50. </view>
  51. <view>
  52. <text>实付金额</text>
  53. <text>¥ {{order.amount}}</text>
  54. </view>
  55. </view>
  56. </view>
  57. </view>
  58. <view class="buttonBox">
  59. <text wx:if="{{buttonText1 == '' && buttonText2 != ''}}" class="button1All" bind:tap="buttonClick2">{{buttonText2}}</text>
  60. <text wx:if="{{buttonText1 != '' && buttonText2 != ''}}" class="button1" bind:tap="buttonClick1">{{buttonText1}}</text>
  61. <text wx:if="{{buttonText1 != '' && buttonText2 != ''}}" class="button2" bind:tap="buttonClick2">{{buttonText2}}</text>
  62. </view>
  63. </view>