myorderdetail.wxml 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <view class="">
  2. <view class="load" style='display:{{loaddisplay}}'>
  3. <image class="loadimg" style='display:{{loaddisplay}}' src='https://yuesuo.yueguanjia.com/MiniProgram/images/timg.gif'></image>
  4. </view>
  5. <navbar page-name="订单明细" back-home="true"></navbar>
  6. <view class="page-content2" style='height:calc(100vh - {{navH}}px)'>
  7. <view class='boxhead'>
  8. <view class='boxheadorder'>
  9. <view class='packagenameleft'></view>
  10. <view class='packagename'>{{od_product_name}}</view>
  11. <view wx:if="{{od_status == 1}}" class='orderstaus'>定金支付</view>
  12. <view wx:if="{{od_status == 2}}" class='orderstaus'>尾款支付</view>
  13. <view wx:if="{{od_status == 3}}" class='orderstaus'>待完成</view>
  14. <view wx:if="{{od_status == 4}}" class='orderstaus'>已完成</view>
  15. <view wx:if="{{od_status == 9}}" class='orderstaus'>已退单</view>
  16. <view class='orderstausright'></view>
  17. </view>
  18. <view class='boxheadaddress'>
  19. <view class='addressleft'></view>
  20. <view class='address'>{{od_user_address || ''}}</view>
  21. </view>
  22. </view>
  23. <view class='margintop44'></view>
  24. <view class='boxlabel'>
  25. <view class='labelleft'></view>
  26. <view class='labelname'>服务顾问:</view>
  27. <view class='labelvalue'>{{od_consultantname}}</view>
  28. <view class='labelright'></view>
  29. </view>
  30. <view class='margintop16'></view>
  31. <view class='boxlabel'>
  32. <view class='labelleft'></view>
  33. <view class='labelname'>月嫂姓名:</view>
  34. <view class='labelvalue'>{{od_mmname}}</view>
  35. <view class='labelright'></view>
  36. </view>
  37. <view class="line"></view>
  38. <view class='margintop36'></view>
  39. <view class='boxlabel'>
  40. <view class='labelleft'></view>
  41. <view class='labelname'>订单日期:</view>
  42. <view class='labelvalue'>{{od_date}}</view>
  43. <view class='labelright'></view>
  44. </view>
  45. <view class='margintop14'></view>
  46. <view class='boxlabel'>
  47. <view class='labelleft'></view>
  48. <view class='labelname'>订单编号:</view>
  49. <view class='labelvalue'>{{od_no}}</view>
  50. <view class='labelright'></view>
  51. </view>
  52. <view class='margintop14'></view>
  53. <view class='boxlabel'>
  54. <view class='labelleft'></view>
  55. <view class='labelname'>合同编号:</view>
  56. <view class='labelvalue'>{{od_contract}}</view>
  57. <view class='labelright'></view>
  58. </view>
  59. <view class="line"></view>
  60. <view class='margintop36'></view>
  61. <view class='boxlabel'>
  62. <view class='labelleft'></view>
  63. <view class='labelname'>服务开始:</view>
  64. <view class='labelvalue'>{{od_startdate}}</view>
  65. <view class='labelright'></view>
  66. </view>
  67. <view class='margintop10'></view>
  68. <view class='boxlabel'>
  69. <view class='labelleft'></view>
  70. <view class='labelname'>服务结束:</view>
  71. <view class='labelvalue'>{{od_enddate}}</view>
  72. <view class='labelright'></view>
  73. </view>
  74. <view class="line"></view>
  75. <view class='margintop30'></view>
  76. <view class='boxlabel'>
  77. <view class='labelleft'></view>
  78. <view class='labelname'>订单原价:</view>
  79. <view class='labelvalue'>
  80. <span class='moenyicon'>¥</span>
  81. <span class='amount'>{{od_order_amount}}</span>
  82. </view>
  83. <view class='labelright'></view>
  84. </view>
  85. <view class='margintop20'></view>
  86. <view class='boxlabel' wx:if="{{discount_show}}">
  87. <view class='labelleft'></view>
  88. <view class='labelname'>优惠金额:</view>
  89. <view class='labelvalue'>
  90. <span class='moenyicon'>¥</span>
  91. <span class='amount'>{{od_discount}}</span>
  92. </view>
  93. <view class='labelright'></view>
  94. </view>
  95. <view class='margintop20'></view>
  96. <view class='boxlabel'>
  97. <view class='labelleft'></view>
  98. <view class='labelname'>订单金额:</view>
  99. <view class='labelvalue'>
  100. <span class='moenyicon'>¥</span>
  101. <span class='amount'>{{od_order_amount*1 - od_discount*1}}</span>
  102. </view>
  103. <view class='labelright'></view>
  104. </view>
  105. <view class='margintop20'></view>
  106. <view class='boxlabel'>
  107. <view class='labelleft'></view>
  108. <view class='labelname'>已付款项:</view>
  109. <view class='labelvalue'>
  110. <span class='moenyicon'>¥</span>
  111. <span class='amount'>{{paySum}}</span>
  112. </view>
  113. <view class='labelright'></view>
  114. </view>
  115. <block wx:if="{{orderPay && orderPay.length > 0}}" wx:for="{{orderPay}}" wx:key="item.id">
  116. <view class='margintop20'></view>
  117. <view class='boxlabel'>
  118. <view class='labelleft'></view>
  119. <view class='labelname orderpay_name'>{{item.cp_date}}</view>
  120. <view class='labelvalue orderpay_val'>
  121. <!-- <span class='moenyicon'>¥</span> -->
  122. <view class='amount'>¥{{item.cp_payamount}}</view>
  123. </view>
  124. <view class='labelright'></view>
  125. </view>
  126. </block>
  127. <!-- <view class='margintop20'></view>
  128. <view class='boxlabel' wx:if="{{discount_show}}">
  129. <view class='labelleft'></view>
  130. <view class='labelname'>{{od_discountName}}:</view>
  131. <view class='labelvalue'>
  132. <span class='moenyicon'>¥</span>
  133. <span class='amount'>{{od_discount}}</span>
  134. </view>
  135. <view class='labelright'></view>
  136. </view> -->
  137. <block wx:if="{{od_status != 9}}">
  138. <view class='margintop20'></view>
  139. <view class='boxlabel'>
  140. <view class='labelleft'></view>
  141. <view class='labelname'>剩余支付金额:</view>
  142. <view class='labelvalue'>
  143. <span class='moenyicon'>¥</span>
  144. <span class='amount'>{{od_order_amount*1 - od_discount*1 - paySum*1}}</span>
  145. </view>
  146. <view class='labelright'></view>
  147. </view>
  148. <view class='margintop20'></view>
  149. <view class='boxlabel'>
  150. <view class='labelleft'></view>
  151. <view class='labelname'>本次应付金额:</view>
  152. <view class='labelvalue'>
  153. <span class='moenyicon'>¥</span>
  154. <span class='amount'>{{arrearage}}</span>
  155. </view>
  156. <view class='labelright'></view>
  157. </view>
  158. </block>
  159. <!-- <view class='margintop20' wx:if="{{od_status != 1 }}"></view>
  160. <view class='boxlabel' wx:if="{{od_status != 1 }}">
  161. <view class='labelleft'></view>
  162. <view class='labelname'>已支付金额:</view>
  163. <view class='labelvalue'>
  164. <span class='moenyicon'>¥</span>
  165. <span class='amount'>{{paySum}}</span>
  166. </view>
  167. <view class='labelright'></view>
  168. </view> -->
  169. <view class='margintop20' wx:if="{{od_status == 9 }}"></view>
  170. <view class='boxlabel' wx:if="{{od_status == 9 }}">
  171. <view class='labelleft'></view>
  172. <view class='labelname'>退单金额:</view>
  173. <view class='labelvalue'>
  174. <span class='moenyicon'>¥</span>
  175. <span class='amount'>{{od_refund}}</span>
  176. </view>
  177. <view class='labelright'></view>
  178. </view>
  179. <view class="pay" wx:if="{{od_status == 1 || od_status == 2}}">
  180. <view class="payicon">
  181. <image src="https://yuesuo.yueguanjia.com/MiniProgram/images/wxpay.png" class="payimg"></image>
  182. </view>
  183. <view class="payname">
  184. <span class="txtpayname">微信支付</span>
  185. </view>
  186. <view class="payselect">
  187. <icon type="success" size="20" color='#fc6961'></icon>
  188. </view>
  189. </view>
  190. <!-- <div class="bottomm"> </div> -->
  191. <view class="paybottom" wx:if="{{od_status == 1 || od_status == 2}}">
  192. <view class="sum">合计:</view>
  193. <view class="summ">
  194. <span class="money1">¥</span>{{arrearage}}</view>
  195. <form name='pushMsgFm' report-submit="true" bindsubmit='orderSign'>
  196. <button class="gopay" form-type="submit">去支付</button>
  197. </form>
  198. <view class='gopayright'></view>
  199. </view>
  200. </view>
  201. </view>