C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

126 行
5.4 KiB

  1. <navbar home back text="订单详情"></navbar>
  2. <view style="height:{{navigationBarHeight}} "></view>
  3. <view class='order' wx:if="{{showPage}}">
  4. <view wx:if="{{order.orderStatus==1}}" class='tips'>
  5. <image class='success' src='{{succUrl}}' mode='widthFix'></image>
  6. <view wx:if="{{order.salePrice/100==0}}" class='msg'>
  7. <text>交易成功</text>
  8. <!-- <text>请尽快到门店使用,有效期至{{}}</text> -->
  9. </view>
  10. <view wx:if="{{order.salePrice/100!=0}}" class='msg'>
  11. <text>付款成功</text>
  12. <!-- <text>请尽快到门店使用,有效期至{{}}</text> -->
  13. </view>
  14. </view>
  15. <view class='section'>
  16. <view class='sectionTit'>
  17. <text>{{order.title}}</text>
  18. </view>
  19. <view class='detail_msg'>
  20. <view class='logo'>
  21. <image mode='aspectFill' src='{{order.coverImg}}'></image>
  22. </view>
  23. <view class='info'>
  24. <view>
  25. <text>{{order.subTitle}}</text>
  26. </view>
  27. <view>
  28. <text>下单时间:</text>{{createDate}}</view>
  29. </view>
  30. </view>
  31. </view>
  32. <view class='classif'>
  33. <!--
  34. couponOrderStatus
  35. 0 未使用
  36. 1 已使用
  37. 2 已过期
  38. 3 已经退款
  39. -->
  40. <!--
  41. orderStatus
  42. 1
  43. 只有支付完成的时
  44. 才显示兑换码
  45. -->
  46. <view wx:if="{{order.orderStatus==1&&order.type!=100&&order.type!=5&&order.type!=51}}" data-couponOrderStatus="{{order.couponOrderStatus}}" data-title="{{order.title}}" data-subtitle="{{order.subTitle}}" data-remark="{{order.remark}}" data-quancode="{{order.couponOrderId}}"
  47. data-validstatus="{{order.validStatus}}" bindtap="powerDrawer" class='dhCode'>
  48. <view style="width:86%;clear: both;">
  49. <text class="fl">兑换码:</text>
  50. <text class="fr" wx:if="{{order.validStatus!=0}}">{{order.couponOrderId}}</text>
  51. </view>
  52. <view>
  53. <image class="spcode" src="{{spcodeUrl}}" mode='widthFix'></image>
  54. <image class="rArrow" src="{{chevronUrl}}" mode='widthFix'></image>
  55. </view>
  56. </view>
  57. <!-- <view>
  58. <text>下单时间</text>
  59. <text class='fr'>{{createDate}}</text>
  60. </view> -->
  61. <view class='dhCode'>
  62. <text class='bianhao'>订单编号:</text>
  63. <text>{{order.orderNumber}}</text>
  64. </view>
  65. <view class='wuliu' wx:if="{{order.type==11}}">
  66. <text class='left'>物流状态:</text>
  67. <text class="right">{{(order.shippingStatus==10||order.shippingStatus==14)?"待自提":order.shippingStatus==15?"已自提":order.shippingStatus==20?"待发货":order.shippingStatus==24?"待收货":order.shippingStatus==25?"已收货":""}}</text>
  68. </view>
  69. <view class='wuliu' wx:if="{{order.shippingType==2&&order.deliveryInfo}}">
  70. <text class='left'>物流信息:</text>
  71. <text class="right">{{(order.deliveryInfo.courierInput+": "+order.deliveryInfo.expressageIdInput)}}</text>
  72. </view>
  73. <!-- <view>
  74. <text wx:if="{{order.type == 8}}">原价</text>
  75. <text wx:if="{{order.type != 8}}">面额</text>
  76. <text class="jine1" wx:if="{{order.unit==0}}">{{order.price/100}}元</text>
  77. <text class="jine1" wx:if="{{order.unit==1}}">{{order.price/100}}小时</text>
  78. </view> -->
  79. <view style="overflow: hidden; padding-left: 5%;padding-right: 5%;height: 96rpx;line-height: 96rpx;">
  80. <text class='left'>实付金额:</text>
  81. <view class='right'>
  82. <text class='RMB'>¥</text>
  83. <text class='jine'>{{order.payment/100}}</text>
  84. </view>
  85. </view>
  86. </view>
  87. <!-- 适用门店 -->
  88. <store merchantVoList="{{order.merchantVoList}}" wx:if="{{order.type!=12}}"></store>
  89. <!-- 子券列表 -->
  90. <view class="childList" wx:if="{{order.type==12}}">
  91. <view class="childTitle">礼券:</view>
  92. <view class="childItme" wx:for="{{order.giftCouponList}}" wx:key="{{item}}">
  93. <view class="chaildDetBox">
  94. <image mode='aspectFill' class="chaildImg" src="{{item.coverImg}}"></image>
  95. <view class="childDataBox">
  96. <view class="orderName">{{item.title}}</view>
  97. <view class="childPriceStr">面额:{{item.priceStr}}元</view>
  98. </view>
  99. </view>
  100. </view>
  101. </view>
  102. <!-- 待付款 显示立即购买的按钮 -->
  103. <view wx:if="{{(order.orderStatus==0&&order.salePrice!=0)||(order.orderStatus==7&&order.salePrice!=0)}}" class="buy-view app-border-top">
  104. <button bindtap='orderFunc' hover-class='active' data-couponChannelId="{{orderFlag?order.composeOrderId:order.id}}" disabled='{{showButton}}' class='buy'>立即支付</button>
  105. </view>
  106. <view class='game' bindtap="gotogame" wx-if="{{showIf&&order.orderStatus!=0}}">
  107. <view class='game-entry'>
  108. <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image>
  109. </view>
  110. </view>
  111. <button type="primary" open-type="share" wx:if="{{order.type == 100 && supportTransfer==1&&cardIf}}" class='support-tansfer'>
  112. <image src="{{weixinTitle}}" class='share' mode="widthFix"></image>转赠给微信好友</button>
  113. <view class="sign" wx:if="{{order.couponOrderStatus == 0 &&order.type == 11 && order.shippingType == 2 && order.shippingStatus== 24}}" bindtap="setShow">签收</view>
  114. </view>
  115. <view class="showT" wx:if="{{showFlag}}" bindtap="hieShow">
  116. <view class="titleBxo" >
  117. <view class="text">是否确认收到商品?</view>
  118. <view class="p">签收后将完成订单</view>
  119. <view class="btnBox">
  120. <view class="le" bindtap="verify">确认签收</view>
  121. <view class="ri" bindtap="hieShow">取消</view>
  122. </view>
  123. </view>
  124. </view>