C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

292 lignes
16 KiB

  1. <navbar back home text="{{barTitle}}" background='#fff'></navbar>
  2. <view wx:if="{{showPage}}">
  3. <view style="height:{{navigationBarHeight}} "></view>
  4. <!-- 券的详情页面 -->
  5. <view class='coupons'>
  6. <view class="coupons-body">
  7. <view wx:if="{{coverPicture.length>0}}" class="banner" style="{{mouldConfig.swiperDetailsH}}">
  8. <swiper class="index-slide swiper-box" style="{{mouldConfig.swiperDetailsH}}" bindchange="swiperChange" indicator-dots="true" circular="false" current="{{swiperCurrent}}">
  9. <block wx:for="{{coverPicture}}" wx:key="unique">
  10. <swiper-item>
  11. <image data-data="{{item}}" src="{{item}}" class="index-slide-image" style="{{mouldConfig.swiperDetailsH}}" />
  12. </swiper-item>
  13. </block>
  14. </swiper>
  15. <!-- <view class="dots">
  16. <block wx:for="{{coverPicture}}" wx:key="unique">
  17. <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view>
  18. </block>
  19. </view> -->
  20. </view>
  21. <view class='coupons_info' style='position:relative;z-index:9'>
  22. <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare' wx:if="{{data.sendType!=3}}">
  23. <image src='{{fenxiang}}' mode="widthFix"></image>
  24. <text class='gift'>分享</text>
  25. </view>
  26. <view>
  27. <view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined||data.type==10}}">
  28. <view style='text-align:center;display:inline-block;'>
  29. <image class='clock' src='{{clockUrl}}' mode='widthFix' wx:if="{{data.type!=10}}"></image>
  30. <image class='clock' src='{{yushouUrl}}' mode='widthFix' wx:if="{{data.type==10}}"></image>
  31. <text class="qiang" wx:if="{{activityStatus!=0}}">距结束 :</text>
  32. <text class="qiang" wx:if="{{activityStatus==0}}">距开始 :</text>
  33. </view>
  34. <view wx:if="{{clock=='00'||data.status==1}}" class='times'>
  35. 已经结束
  36. </view>
  37. <view wx:if="{{clock!='00'}}" class='times'>
  38. <view style="display:inline-block;" wx:if="{{day!=0}}">
  39. <text>{{day}}</text>天:
  40. </view>
  41. <text>{{hour}}</text>:
  42. <text>{{min}}</text>:
  43. <text>{{sec}}</text>
  44. </view>
  45. </view>
  46. <text class='title'>{{data.title}}<text class="elecard" wx:if="{{data.type==100}}">电子卡</text></text>
  47. <text class="subTitle">{{data.subTitle}}</text>
  48. <!-- 预购 -->
  49. <view class="moneyBox" wx:if="{{data.type==10}}">
  50. <view class="earnest">定金:</view>
  51. <view class="earnestNum">¥ {{salePriceStr}}</view>
  52. <view class="final">尾款抵扣:</view>
  53. <view class="earnestNum">¥ {{priceStr}}</view>
  54. </view>
  55. <view class="pickFinal_Box" wx:if="{{data.type==10}}">
  56. <view class="earnest">提货尾款:</view>
  57. <view class="earnestNum">¥ {{tailPriceStr}}</view>
  58. <view class="original">{{origPriceStr}}</view>
  59. </view>
  60. <view class="earnestTime time" wx:if="{{data.type==10}}"> 预购时间:{{soldStartTime}}至{{soldEndTime}}</view>
  61. <view class="finalTime time" wx:if="{{data.type==10}}">提货时间:{{validStartDate}}至{{validEndDate}}</view>
  62. <!-- 预售 -->
  63. <view class='salePriceStr clearfix' wx:if="{{data.type!=10}}">
  64. <text wx:if="{{ data.creditPrice && data.type != 50 && data.type != 51 }}" class='creditPrice'>{{ data.creditPrice }}积分 +</text>
  65. <!-- <text class='rmb'>¥</text> -->
  66. <view class="fl" wx:if="{{data.type!=8}}">
  67. <text class="pri01" wx:if="{{data.type!=50&&data.type!=51}}">{{priceAndStockObj.salePrice/100}}元</text>
  68. <view class="pri01" wx:if="{{data.type==50||data.type==51}}">{{priceAndStockObj.creditPrice}}
  69. <text class='jifen'>积分</text>
  70. </view>
  71. <!-- <text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> -->
  72. <text class='throgh' wx:if="{{data.unit==0&&data.type!=50&&data.type!=51}}">{{priceAndStockObj.price/100}}元</text>
  73. <text wx:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{priceAndStockObj.price/100}}小时</text>
  74. <text class='rest' wx:if="{{data.autoRefund == 1}}">
  75. <text class='time refound'><text class="use">过期不退款</text></text>
  76. </text>
  77. </view>
  78. <view class="fl" wx:if="{{data.type==8}}">
  79. <!-- <text class="pri01 pri01Hr">¥</text> -->
  80. <text class="pri01">{{priceAndStockObj.salePrice/100}}</text>
  81. <text class='presslimit' wx:if="{{data.type==8}}"><text>{{data.pressLimitNum+'人可砍至底价'}}</text></text>
  82. <text class='throgh'>{{priceAndStockObj.price/100}}元</text>
  83. <text class='rest' wx:if="{{data.autoRefund == 1}}">
  84. <text class='time refound'><text class="use">过期不退款</text></text>
  85. </text>
  86. </view>
  87. </view>
  88. <!-- <view class="creditPrice" wx:if="{{ data.creditPrice }}">
  89. <text>需要积分:{{ data.creditPrice }}</text>
  90. <text>(剩余积分:{{ credit }})</text>
  91. </view> -->
  92. <view class='rest' wx:if="{{data.validType==2}}">自领取之日起
  93. <text class='time'>{{validDays}}</text>天内有效
  94. <text class="use">(请在有效期内使用)</text>
  95. </view>
  96. <view class='rest' wx:if="{{data.validType==1 && data.type!=10 && soldStartTime}}">
  97. <text class='time'>售卖期:{{soldStartTime}} 至 {{soldEndTime}}</text>
  98. </view>
  99. <view class='rest' wx:if="{{data.validType==1&&data.type!=10}}">
  100. <text class='time'>使用期:{{validStartDate}} 至 {{validEndDate}}</text>
  101. </view>
  102. <view class='rest' wx:if="{{data.type==5}}">
  103. <text class='time'>当次有效</text>
  104. </view>
  105. <view class='rest' wx:if="{{data.type==1}}">
  106. <text class='txt01'>使用条件:</text>
  107. <text class='time'>满{{data.usePriceStr}}元可用</text>
  108. </view>
  109. <view class='rest' wx:if="{{data.sendType!=3}}">
  110. <!-- <text class='txt01'>限购条件:</text> -->
  111. <view class='quan'></view>
  112. <text class='time'>限购{{data.useLimitQuantity}}张</text>
  113. <text class='timess' wx:if='{{limitCondition==1}}'>(仅限新用户活动)</text>
  114. <text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text>
  115. <text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text>
  116. <text class="restNum fr">
  117. <text style="margin-right: 25rpx;" wx:if="{{priceAndStockObj.selledCount||priceAndStockObj.selledCount==0}}">已售<text>{{priceAndStockObj.selledCount}}张</text></text>
  118. <text>剩余<text>{{priceAndStockObj.remainInventory}}张</text></text>
  119. </text>
  120. </view>
  121. </view>
  122. </view>
  123. <!-- 适用门店 -->
  124. <!-- <store merchantVoList="{{merchantVoList}}" wx:if="{{data.type!=12}}"></store> -->
  125. <shop wx:if="{{mallList.length>0}}" mallList="{{mallList}}"></shop>
  126. <!-- 券包子券样式 -->
  127. <!-- <view class="childText">购买须知</view> -->
  128. <view class="childBox">
  129. <view class="childItem" wx:for="{{data.giftCouponList}}" bindtap="gochild" data-id="{{item.id}}" wx:key="index">
  130. <image class="childImg" mode='aspectFill' src="{{item.coverImg}}"></image>
  131. <view class="childName">{{item.title}}</view>
  132. <view class="childMoney">¥{{item.priceStr}}</view>
  133. </view>
  134. </view>
  135. <view class='notes'>
  136. <view>
  137. <text>购买须知</text>
  138. </view>
  139. <view wx:if="{{data.contentType==0}}">
  140. <text><text class='spot'></text>{{data.remark}}</text>
  141. </view>
  142. <view wx:if="{{data.contentType==1}}">
  143. <rich-text nodes="{{curHtml}}"></rich-text>
  144. </view>
  145. <view wx:if="{{!data.contentType&&data.contentType!=0}}">
  146. <text><text class='spot'></text>{{data.remark}}</text>
  147. </view>
  148. </view>
  149. <view wx:if="{{couponList.length!=0}}" style="color: #333;letter-spacing: 0;font-size: 30rpx;height: 70rpx;line-height: 70rpx;margin-left: 35rpx;">其他活动</view>
  150. <view class='couponsL clearfix'>
  151. <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" />
  152. </view>
  153. <view class='detailImg' wx:if="{{detailPicture.length>0}}">
  154. <image wx:for="{{detailPicture}}" wx:key="index" wx:for-item="item" src='{{item}}' mode='widthFix'></image>
  155. </view>
  156. </view>
  157. <form bindsubmit="gotopay" data-type='{{data.type}}' report-submit='true'>
  158. <view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};">
  159. <button class='goback' bindtap='goback'>
  160. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  161. <text class='btnTxt'>首页</text>
  162. </button>
  163. <button form-type="submit" disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.type!=11 && data.type!=8 && data.type!=50 && data.type!=51 && priceAndStockObj.salePrice/100!=0 && priceAndStockObj.remainInventory!=0 && endtime!='活动已结束' && activityStatus!=0 && (data.creditPrice <= credit || !data.creditPrice)}}">
  164. <block wx:if="{{ !data.creditPrice }}">
  165. <text class='txt'>{{priceAndStockObj.salePrice/100}}元</text>马上购买
  166. </block>
  167. <block wx:if="{{ data.creditPrice && data.creditPrice <= credit }}">
  168. <text class='txt'>{{ data.creditPrice }}积分 + {{priceAndStockObj.salePrice/100}}元</text>马上购买
  169. </block>
  170. </button>
  171. <button wx:if="{{data.type==11&&priceAndStockObj.remainInventory!=0}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" data-shippingtype="2" class="home">配送到家
  172. </button>
  173. <button wx:if="{{data.type==11&&priceAndStockObj.remainInventory!=0}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" data-shippingtype="1" class="arrive">到店自提
  174. </button>
  175. <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type !=8 && data.type !=50 && data.type != 51 && priceAndStockObj.salePrice / 100 == 0 && priceAndStockObj.remainInventory !=0 && endtime != '活动已结束' && activityStatus != 0}}">免费领取</button>
  176. <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type == 51 && priceAndStockObj.remainInventory !=0 || data.type == 50 && priceAndStockObj.remainInventory != 0 && activityStatus != 0}}">马上兑换</button>
  177. <button class='buy buyHr' disabled='true' wx:if="{{data.sendType !=3 && activityStatus != 0 && (priceAndStockObj.remainInventory ==0 && endtime != '活动已结束' || priceAndStockObj.remainInventory ==0 && data.type == 8)}}">已售罄</button>
  178. <button class='buy' disabled='true' wx:if="{{priceAndStockObj.remainInventory ==0 && data.type == 50 || priceAndStockObj.remainInventory ==0 && data.type == 51 && activityStatus != 0}}">已兑完</button>
  179. <button class='buy' disabled='true' wx:if="{{endtime == '活动已结束' && activityStatus != 0}}">活动已结束</button>
  180. <button class='buy' disabled='true' wx:if="{{total_micro_second <=0 && activityStatus != 0}}">活动已结束</button>
  181. <button id='noBuy' disabled='true' wx:if="{{activityStatus == 0}}">活动未开始</button>
  182. <button id='noBuy' disabled='true' wx:if="{{data.creditPrice > credit}}">积分不足</button>
  183. </view>
  184. </form>
  185. </view>
  186. <view wx:if="{{priceAndStockObj.remainInventory!=0&&data.type==8}}" class="btns clearfix" hover-class="none" hover-stop-propagation="false">
  187. <button class='goback' bindtap='goback'>
  188. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  189. <text class='btnTxt'>首页</text>
  190. </button>
  191. <block wx:if="{{activityStatus != 0}}">
  192. <form bindsubmit="gotopay" report-submit='true' class="fl">
  193. <button form-type="submit" style='background:transparent;color:#fff;' data-discount='discount1' disabled='{{showbutton}}'>
  194. <text>¥{{priceAndStockObj.price/100}}</text>
  195. <text>立即购买</text>
  196. </button>
  197. </form>
  198. <form bindsubmit="inviteFriend" report-submit='true' class="fr">
  199. <button form-type="submit" class="kanjiaBtn" style='background:{{!showbutton1?"transparent":"#ccc"}};' disabled='{{showbutton1}}'>
  200. 发起砍价
  201. </button>
  202. </form>
  203. </block>
  204. </view>
  205. <!-- 问卷调查 -->
  206. <view class="b1" style="opacity:{{opacity}};display: {{display}};position: fixed;top:{{navigationBarHeight}};bottom: 0px;left: 0px;right: 0px;background: rgba(0, 0, 0, 0.8);overflow: hidden;z-index: 13;" animation="{{queueData}}">
  207. <view id='con' class='con'>
  208. <image class='wmclose' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image>
  209. <image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image>
  210. <image class='image' src="{{headbgUrl}}" mode='widthFix'></image>
  211. <image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image>
  212. <view class='question'>
  213. <text class='titles'>{{questionnaire.title}}</text>
  214. <!-- 单选 -->
  215. <radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}">
  216. <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="index">
  217. <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}}
  218. </label>
  219. </radio-group>
  220. <!-- 多选 -->
  221. <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
  222. <label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
  223. <checkbox value="{{item.id}}" />{{item.name}}
  224. </label>
  225. </checkbox-group>
  226. <view class='ques btnss' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view>
  227. </view>
  228. </view>
  229. </view>
  230. <!-- 卡转赠领取弹出框 -->
  231. <view class='shaddow' wx:if='{{showCardOffer}}'></view>
  232. <view class='alert-box' wx:if='{{showCardOffer}}'>
  233. <view class='user-img'>
  234. <image src='{{cardData.avatarUrl}}'></image>
  235. </view>
  236. <view class='close' bindtap='closeAlert'>
  237. <image src='{{close02}}'></image>
  238. </view>
  239. <view class='a-title' wx:if='{{!isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  240. <view class='a-title' wx:if='{{!isSamePeople&&!isReceived}}'>{{cardData.userName+'送您一张消费卡'}}</view>
  241. <view class='a-title' wx:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view>
  242. <view class='a-title' wx:if='{{isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  243. <view class='a-img'>
  244. <image src='{{cardData.coverImg}}'></image>
  245. <view class='a-received' wx:if="{{isReceived}}">{{statusText}}</view>
  246. </view>
  247. <button type="primary" wx:if='{{!isSamePeople&&!isReceived}}' disabled='{{receivedDisabled}}' class='support-tansfer' bindtap='checkPhoneStatus'>领取</button>
  248. <button type="primary" wx:if='{{isSamePeople||isReceived}}' class='support-tansfer' bindtap='closeAlert'>关闭</button>
  249. </view>
  250. <!-- 分享弹框 -->
  251. <!-- <c-shareposter bind:myevent="" class="business" couponChannelId="{{data.id}}" wx:if="{{isshowposter}}"/> -->
  252. <!-- 分享弹框 -->
  253. <view class='modal' wx:if="{{isshowposter}}" bindtap='hidemodal'>
  254. <view class='modal-content'>
  255. <view>
  256. <button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}' data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button>
  257. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  258. <text>微信好友</text>
  259. </view>
  260. <view bindtap='showPoster'>
  261. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  262. <text>生成海报</text>
  263. </view>
  264. </view>
  265. </view>
  266. </view>