C端小程序
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

141 řádky
6.2 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}}
  29. </view>
  30. </view>
  31. </view>
  32. </view>
  33. <view class='classif'>
  34. <!--
  35. couponOrderStatus
  36. 0 未使用
  37. 1 已使用
  38. 2 已过期
  39. 3 已经退款
  40. -->
  41. <!--
  42. orderStatus
  43. 1
  44. 只有支付完成的时
  45. 才显示兑换码
  46. -->
  47. <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}}" 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}}">{{showIdFalg?order.couponOrderId:order.couponOrderIdS}}</text>
  51. <image class="barnumImg" src="../../../assets/images/password.png" catchtap="showId"></image>
  52. </view>
  53. <view>
  54. <image class="spcode" src="{{spcodeUrl}}" mode='widthFix'></image>
  55. <image class="rArrow" src="{{chevronUrl}}" mode='widthFix'></image>
  56. </view>
  57. </view>
  58. <!-- <view>
  59. <text>下单时间</text>
  60. <text class='fr'>{{createDate}}</text>
  61. </view> -->
  62. <view class='dhCode'>
  63. <text class='bianhao'>订单编号:</text>
  64. <text>{{order.orderNumber}}</text>
  65. </view>
  66. <view class='dhCode' wx:if="{{order.orderStatus==97}}">
  67. <text class='bianhao'>支付状态:</text>
  68. <text style="color: red;">订单已取消,即将退款</text>
  69. </view>
  70. <view class='wuliu' wx:if="{{order.type==11}}">
  71. <text class='left'>物流状态:</text>
  72. <text class="right">{{(order.shippingStatus==10||order.shippingStatus==14)?"待自提":order.shippingStatus==15?"已自提":order.shippingStatus==20?"待发货":order.shippingStatus==24?"待收货":order.shippingStatus==25?"已收货":""}}</text>
  73. </view>
  74. <view class='wuliu' wx:if="{{order.shippingType==2&&order.deliveryInfo}}">
  75. <text class='left'>物流公司:</text>
  76. <text class="right">{{order.deliveryInfo.courierInput}}</text>
  77. </view>
  78. <view class='wuliu' wx:if="{{order.shippingType==2&&order.deliveryInfo}}">
  79. <text class='left'>快递单号:</text>
  80. <view class="left">{{order.deliveryInfo.expressageIdInput}}</view>
  81. <view class="copeCode" bindtap="copeCode" data-text="{{order.deliveryInfo.expressageIdInput}}">复制</view>
  82. <text class="goInquire" bindtap="gokuaidi" data-nu="{{order.deliveryInfo.expressageIdInput}}">查询物流</text>
  83. </view>
  84. <!-- <view>
  85. <text wx:if="{{order.type == 8}}">原价</text>
  86. <text wx:if="{{order.type != 8}}">面额</text>
  87. <text class="jine1" wx:if="{{order.unit==0}}">{{order.price/100}}元</text>
  88. <text class="jine1" wx:if="{{order.unit==1}}">{{order.price/100}}小时</text>
  89. </view> -->
  90. <view style="overflow: hidden; padding-left: 5%;padding-right: 5%;height: 96rpx;line-height: 96rpx;">
  91. <text class='left'>实付金额:</text>
  92. <view class='right'>
  93. <text class='RMB'>¥</text>
  94. <text class='jine'>{{order.payment/100}}</text>
  95. </view>
  96. </view>
  97. </view>
  98. <!-- 适用门店 -->
  99. <!-- <store merchantVoList="{{order.merchantVoList}}" wx:if="{{order.type!=12}}"></store> -->
  100. <shop wx:if="{{mallList.length>0}}" mallList="{{mallList}}"></shop>
  101. <!-- 子券列表 -->
  102. <view class="childList" wx:if="{{order.type==12}}">
  103. <view class="childTitle">礼券:</view>
  104. <view class="childItme" wx:for="{{order.giftCouponList}}" wx:key="{{item}}">
  105. <view class="chaildDetBox">
  106. <image mode='aspectFill' class="chaildImg" src="{{item.coverImg}}"></image>
  107. <view class="childDataBox">
  108. <view class="orderName">{{item.title}}</view>
  109. <view class="childPriceStr">面额:{{item.priceStr}}元</view>
  110. </view>
  111. </view>
  112. </view>
  113. </view>
  114. <!-- 待付款 显示立即购买的按钮 -->
  115. <view wx:if="{{(order.orderStatus==0&&order.salePrice!=0)||(order.orderStatus==7&&order.salePrice!=0)}}" class="buy-view app-border-top">
  116. <button bindtap='orderFunc' hover-class='active' data-couponChannelId="{{orderFlag?order.composeOrderId:order.id}}" disabled='{{showButton}}' class='buy'>立即支付</button>
  117. </view>
  118. <view class='game' bindtap="gotogame" wx-if="{{showIf&&order.orderStatus!=0}}">
  119. <view class='game-entry'>
  120. <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image>
  121. </view>
  122. </view>
  123. <button type="primary" open-type="share" wx:if="{{order.type == 100 && supportTransfer==1&&cardIf}}" class='support-tansfer'>
  124. <image src="{{weixinTitle}}" class='share' mode="widthFix"></image>转赠给微信好友
  125. </button>
  126. <view class="sign" wx:if="{{order.couponOrderStatus == 0 &&order.type == 11 && order.shippingType == 2 && order.shippingStatus== 24}}" bindtap="setShow">签收</view>
  127. </view>
  128. <view class="showT" wx:if="{{showFlag}}" bindtap="hieShow">
  129. <view class="titleBxo">
  130. <view class="text">是否确认收到商品?</view>
  131. <view class="p">签收后将完成订单</view>
  132. <view class="btnBox">
  133. <view class="le" bindtap="verify">确认签收</view>
  134. <view class="ri" bindtap="hieShow">取消</view>
  135. </view>
  136. </view>
  137. </view>