抖音c端
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

355 рядки
19 KiB

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