C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

116 lines
4.6 KiB

  1. <navbar home back text="使用优惠券"></navbar>
  2. <view class='box' style="padding-top:{{navigationBarHeight}};margin-top:40rpx;">
  3. <view class="container page">
  4. <view class="coupon_detail clearfix">
  5. <view class="fl wmfl">
  6. <image src="{{data.coverImg}}" mode='aspectFill' />
  7. </view>
  8. <view class="fr">
  9. <text class="title">{{data.title}}</text>
  10. <view class="time">{{data.subTitle}}</view>
  11. <view class="money">
  12. <text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">¥{{data.couponPrice/100}}</text>
  13. <text wx:if="{{data.type == 8&&data.price != data.couponPrice}}">¥{{data.salePrice/100}}</text>
  14. <text wx:if="{{data.type != 8}}">¥{{data.salePrice/100}}</text>
  15. <del>¥{{data.price/100}}</del>
  16. <text class="refund" wx:if="{{data.autoRefund == 1}}">
  17. <text>过期不退款</text>
  18. </text>
  19. </view>
  20. </view>
  21. </view>
  22. <view class="timevalidity" wx:if="{{data.validStatus != 0}}">
  23. <text>有效期至:</text>
  24. <text>{{expiredTime}}</text>
  25. </view>
  26. <view class="timevalidity" wx:if="{{data.validStatus == 0}}">
  27. <text>有效期:</text>
  28. <text>{{validStartDate}}</text>
  29. <i>至</i>
  30. <text>{{validEndDate}}</text>
  31. </view>
  32. <view wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</view>
  33. <view wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</view>
  34. <image class='line' mode="widthFix" src="{{topLine}}"></image>
  35. <view class="zhuangtai">
  36. <image wx:if="{{data.couponOrderStatus==1}}" src="{{wm01Url}}" mode='widthFix'></image>
  37. <image wx:if="{{data.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image>
  38. <image wx:if="{{data.couponOrderStatus==3}}" src="{{wm03Url}}" mode='widthFix'></image>
  39. <image wx:if="{{data.couponOrderStatus==0&&data.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image>
  40. <view class="panel" wx:if="{{data.couponOrderStatus==0&&data.validStatus!=0}}">
  41. <!-- <view class="qrcode">
  42. <canvas canvas-id="qrcode" />
  43. </view> -->
  44. <view class="canWrap">
  45. <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" />
  46. </view>
  47. <image src="{{tempFilePath}}" mode="aspectFit" />
  48. <view class="barnum buy">
  49. <text>优惠券码:</text>{{code}}</view>
  50. </view>
  51. </view>
  52. <view class="posi">
  53. <view class="tit">
  54. 适用门店
  55. </view>
  56. <view wx:for="{{data.merchantVoList}}" wx:key="{{index}}">
  57. <view class='posi_logo'>
  58. <view bindtap='gotoDetail' data-id='{{item.id}}'>
  59. <image src='{{item.merchantImgUrl}}'></image>
  60. </view>
  61. <view bindtap='gotoDetail' data-id='{{item.id}}'>
  62. <text>{{item.merchantName}}</text>
  63. <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text>
  64. </view>
  65. <view wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}'>
  66. <image class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  67. </view>
  68. </view>
  69. </view>
  70. </view>
  71. <image class='line' mode="widthFix" src="{{btomLine}}"></image>
  72. <view class='note'>
  73. <view style='height:60rpx;line-height:60rpx;'>
  74. <text class="shiji">实付金额:</text>
  75. <text class='moneys'>{{data.couponPrice/100}}</text>
  76. <text style='font-size:24rpx;text-align:right;color: #FF4949;'>元</text>
  77. </view>
  78. <view wx:if="{{data.couponOrderStatus==0}}">
  79. <text>下单时间:</text>
  80. <text>{{createDate}}</text>
  81. </view>
  82. <view wx:if="{{data.couponOrderStatus==1}}">
  83. <text>核销时间:</text>
  84. <text>{{updateDate}}</text>
  85. </view>
  86. <view wx:if="{{data.couponOrderStatus==2}}">
  87. <text>过期时间:</text>
  88. <text>{{updateDate}}</text>
  89. </view>
  90. <view wx:if="{{data.couponOrderStatus==3}}">
  91. <text>退款时间:</text>
  92. <text>{{updateDate}}</text>
  93. </view>
  94. <view>
  95. <text>订单编号:</text>
  96. <text>{{data.orderId}}</text>
  97. </view>
  98. <!-- <view><text>手机号</text><text>2018.05.25</text></view> -->
  99. </view>
  100. <view class='notes' style="border-bottom:0">
  101. <view>
  102. <text>购买须知</text>
  103. </view>
  104. <view>
  105. <text><text class='spot'></text>{{data.remark}}</text>
  106. </view>
  107. </view>
  108. </view>
  109. <view class='game' bindtap="gotogame" wx-if="{{showIf}}">
  110. <view class='game-entry'>
  111. <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image>
  112. </view>
  113. </view>
  114. </view>