C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

167 Zeilen
7.4 KiB

  1. <navbar home back text="使用消费卡" color="#000" background="#ffff"></navbar>
  2. <view style="height:{{navigationBarHeight}} "></view>
  3. <view class='box'>
  4. <view class="container page" wx:if="{{data.merchantVoList}}">
  5. <view class="coupon_detail clearfix">
  6. <view class="fl wmfl">
  7. <image src="{{data.coverImg}}" mode='aspectFill' />
  8. </view>
  9. <view class="fr">
  10. <text class="title">{{data.title}}</text>
  11. <view class="time">{{data.subTitle}}</view>
  12. <view class="money">
  13. <text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">余额:<text style="color: red;">{{data.remainingAmount/100}}</text>元</text>
  14. <text wx:if="{{data.type == 8&&data.price != data.remainingAmount/100}}">余额:<text style="color: red;">{{data.salePrice/100}}</text>元</text>
  15. <text wx:if="{{data.type != 8}}">余额:<text style="color: red;">{{data.remainingAmount/100}}</text>元</text>
  16. <!-- <del>¥{{data.price/100}}</del> -->
  17. <text class="refund" wx:if="{{data.autoRefund == 1}}">
  18. <text>过期不退款</text>
  19. </text>
  20. </view>
  21. </view>
  22. </view>
  23. <view class="timevalidity" wx:if="{{!data.validStatus}}">
  24. <text>有效期至:</text>
  25. <text>{{data.expiredTime}}</text>
  26. </view>
  27. <view class="timevalidity" wx:if="{{data.validStatus == 0}}">
  28. <text>有效期:</text>
  29. <text>{{data.type==10 ? validStartDate : soldStartTime}}</text>
  30. <i>至</i>
  31. <text>{{data.type==10 ? validEndDate: soldEndTime}}</text>
  32. </view>
  33. <view></view>
  34. <view wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</view>
  35. <!-- <view wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</view> -->
  36. <image class='line' mode="widthFix" src="{{topLine}}"></image>
  37. <view class="zhuangtai">
  38. <image wx:if="{{data.couponOrderStatus==1}}" src="{{wm01Url}}" mode='widthFix'></image>
  39. <image wx:if="{{data.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image>
  40. <image wx:if="{{data.couponOrderStatus==3}}" src="{{wm03Url}}" mode='widthFix'></image>
  41. <image wx:if="{{data.couponOrderStatus==0&&data.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image>
  42. <view class="panel" wx:if="{{true}}">
  43. <!-- <view class="qrcode">
  44. <canvas canvas-id="qrcode" />
  45. </view> -->
  46. <!-- 正常显示二维码 -->
  47. <view wx:if="{{showImg=='1'}}">
  48. <view class="canWrap" wx:if="{{isShowQR}}">
  49. <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" />
  50. </view>
  51. <image wx:if="{{isShowQR}}" src="{{tempFilePath}}" mode="aspectFit" />
  52. </view>
  53. <!-- 二维码已停用 -->
  54. <view wx:if="{{showImg=='1'}}">
  55. <view class="canWrap" wx:if="{{!isShowQR }}">
  56. <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" />
  57. </view>
  58. <image wx:if="{{!isShowQR}}" src="https://formall.oss-accelerate.aliyuncs.com/cimg/stoped.png" mode="aspectFit" />
  59. </view>
  60. <!-- 二维码已失效 -->
  61. <view wx:if="{{showImg=='0'}}">
  62. <view class="canWrap">
  63. <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" />
  64. </view>
  65. <image src="../../../assets/images/negatived.png" mode="aspectFit" />
  66. </view>
  67. <view class="closeRq" wx:if="{{showhieRq && (showImg=='1')}}" bindtap="reQR">
  68. <image class="updataRqCode" mode='widthFix' src="{{upDataRqUrlF}}"></image>
  69. <view class="upDataRq">点一点刷新二维码</view>
  70. </view>
  71. <view class="coedTiem" wx:if="{{!showhieRq && (expiredSeconds>0) && (showImg=='1')}}">二维码在
  72. <text style="color:red">{{expiredSeconds}}s</text>
  73. 后失效
  74. </view>
  75. <view class="barnum">
  76. <view class="barnumtext">{{showIdFalg?code:codeS}}</view>
  77. <image class="barnumImg" src="../../../assets/images/password.png" bindtap="showId"></image>
  78. </view>
  79. </view>
  80. </view>
  81. <!-- 适用门店 -->
  82. <store merchantVoList="{{data.merchantVoList}}"></store>
  83. <!-- <shop wx:if="{{mallList.length>0}}" mallList="{{mallList}}"></shop> -->
  84. <!-- <view class='applyshop'>适用门店</view>
  85. <view class='posi' style='overflow:{{hidden}};height:{{height}}'>
  86. <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index">
  87. <view bindtap='gotoDetail' data-id='{{item.id}}'>
  88. <image src='{{item.merchantImgUrl}}'></image>
  89. </view>
  90. <view bindtap='gotoDetail' data-id='{{item.id}}'>
  91. <view class='name'>{{item.merchantName}}</view>
  92. <view class='shopVoList'>
  93. <view wx:for="{{item.shopVoList}}" wx:key="index" wx:for-item="itemName">
  94. <text>{{itemName.buildingName}}{{itemName.floorName}}--{{itemName.shopNumber}}</text>
  95. <text class='douhao' wx:if="{{item.shopVoList.length>1}}">,</text>
  96. </view>
  97. </view>
  98. </view>
  99. <image wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  100. </view>
  101. </view>
  102. <view class='bottom' bindtap='more' wx:if="{{showMore}}">{{more}}</view> -->
  103. <image class='line' mode="widthFix" src="{{btomLine}}"></image>
  104. <!-- <view class='note'>
  105. <view style='height:60rpx;line-height:60rpx;'>
  106. <text class="shiji">实付金额:</text>
  107. <text class='moneys'>{{data.couponPrice/100}}</text>
  108. <text style='font-size:24rpx;text-align:right;color: #FF4949;'>元</text>
  109. </view>
  110. <view wx:if="{{data.couponOrderStatus==0}}">
  111. <text>下单时间:</text>
  112. <text>{{createDate}}</text>
  113. </view>
  114. <view wx:if="{{data.couponOrderStatus==1}}">
  115. <text>核销时间:</text>
  116. <text>{{updateDate}}</text>
  117. </view>
  118. <view wx:if="{{data.couponOrderStatus==2}}">
  119. <text>过期时间:</text>
  120. <text>{{updateDate}}</text>
  121. </view>
  122. <view wx:if="{{data.couponOrderStatus==3}}">
  123. <text>退款时间:</text>
  124. <text>{{updateDate}}</text>
  125. </view>
  126. <view>
  127. <text>订单编号:</text>
  128. <text>{{data.orderId}}</text>
  129. </view>
  130. <view><text>手机号</text><text>2018.05.25</text></view>
  131. </view> -->
  132. <!-- <view class='notes' style="border-bottom:0">
  133. <view>
  134. <text>购买须知</text>
  135. </view>
  136. <view wx:if="{{data.contentType==0}}">
  137. <text><text class='spot'></text>{{data.remark}}</text>
  138. </view>
  139. <view wx:if="{{data.contentType==1}}">
  140. <rich-text nodes="{{curHtml}}"></rich-text>
  141. </view>
  142. </view> -->
  143. <view class="bottomBtn">
  144. <!-- wx:if="{{showImg=='0'}}" -->
  145. <button class="btn" bindtap='goSetSecurity'>支付安全设置</button>
  146. <button class="btn" bindtap='goCheck'>查看交易记录</button>
  147. <button wx:if="{{isShowQR && showImg=='1'}}" class="btn" bindtap='gotoPay'>扫一扫付款</button>
  148. <button wx:if="{{(data.supportTransfer==1) && showImg=='1'}}" class="btn" bindtap="goGive">转送给微信好友</button>
  149. <!-- <button wx:else class="btnGrey" bindtap="goGiveNone">转送给微信好友</button> -->
  150. </view>
  151. </view>
  152. </view>
  153. <view class='game' bindtap="gotogame" wx-if="{{showIf}}">
  154. <view class='game-entry'>
  155. <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image>
  156. </view>
  157. </view>