抖音c端
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

index.ttml 20 KiB

hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
hace 2 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
  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. </view>
  76. <view class="fl" tt:if="{{data.type==8}}">
  77. <text class="pri01">{{priceAndStockObj.salePrice/100}}</text>
  78. <text class='presslimit' tt:if="{{data.type==8}}"><text>{{data.pressLimitNum+'人可砍至底价'}}</text></text>
  79. <text class='throgh'>{{priceAndStockObj.price/100}}元</text>
  80. </view>
  81. <view class="sellBox"> {{'已售'+(priceAndStockObj.inventory-priceAndStockObj.remainInventory)+'|'+'库存'+priceAndStockObj.remainInventory}}</view>
  82. </view>
  83. <!-- <view class="subTitleBox">
  84. <text class="subTitle">{{data.subTitle}}</text>
  85. </view> -->
  86. </view>
  87. </view>
  88. <!-- 适用门店 -->
  89. <view class="childBox">
  90. <view class="childItem" tt:for="{{data.giftCouponList}}" bindtap="gochild" data-id="{{item.id}}"
  91. tt:key="{{index}}">
  92. <image class="childImg" mode='aspectFill' src="{{item.coverImg}}"></image>
  93. <view class="childName">{{item.title}}</view>
  94. <view class="childMoney">¥{{item.priceStr}}</view>
  95. </view>
  96. </view>
  97. <vieW class="groupTitleBox">
  98. <view class="groupTitle" tt:if="{{data.itemGroup.length>0}}">餐饮搭配</view>
  99. <view class="groupTitle" tt:if="{{data.Description.length>0}}">商品描述</view>
  100. </vieW>
  101. <view class="groupTextBox" tt:if="{{data.itemGroup.length>0}}" tt:for="{{data.itemGroup}}">
  102. <view class="groupTitleS">{{item.group_name}}</view>
  103. <view class="groupDetailsBox" tt:for="{{item.item_list}}" tt:for-item="itemChi">
  104. <view class="groupTiemBox" >
  105. <view class="yuandian"></view>
  106. <view class="groupTiemName">{{itemChi.name}}({{itemChi.count}}份)</view>
  107. <view class="groupTiemPay">¥{{itemChi.price/100}}</view>
  108. </view>
  109. </view>
  110. </view>
  111. <view class="groupTextBox" tt:if="{{data.Description.length>0}}" tt:for="{{data.Description}}">
  112. <view class="groupTitleS">{{item}}</view>
  113. </view>
  114. <!-- 适用门店 -->
  115. <store merchantVoList="{{merchantVoList}}" tt:if="{{data.type!=12}}"></store>
  116. <view class='notes'>
  117. <view class="notesH">购买须知</view>
  118. <view class="timeText">有效期</view>
  119. <view class="Hchild">• {{validStartDate}}至{{validEndDate}}</view>
  120. <view class="timeText">可用时间</view>
  121. <view class="Hchild">• 商家营业时间内到店使用</view>
  122. <view class="Hchild" tt:if="{{data.can_no_use_date.weekend}}">• 周末不支持使用</view>
  123. <view class="Hchild" tt:if="{{data.can_no_use_date.HolidaysFlag}}">• 节假日(元旦、春节、清明、劳动节、端午节、中秋节、国庆节、情人节、圣诞节)不支持使用</view>
  124. <view class="timeText">购买限制</view>
  125. <view class="Hchild">• 每个用户限购{{data.useLimitQuantity}}单</view>
  126. <view class="timeText">预约消费</view>
  127. <view class="Hchild" tt:if="{{!data.subscribeSing}}">• 无需预约,高峰时段可能等位</view>
  128. <view class="Hchild" tt:if="{{data.subscribeSing}}">• {{data.subscribeSing}}</view>
  129. <view class="timeText" tt:if="{{data.rec_person_num_max}}">适用人数</view>
  130. <view class="Hchild" tt:if="{{data.rec_person_num_max}}">• 该团购劵最多{{data.rec_person_num_max}}人使用</view>
  131. <view class="timeText">温馨提示</view>
  132. <view class="Hchild">• 团购券不支持配送或外卖</view>
  133. <view class="Hchild" tt:if="{{data.pack}}">• 该团购商品{{data.pack=='false'?'不支持':'支持'}}打包</view>
  134. <view class="Hchild" tt:if="{{data.besides}}">• {{data.besides=="false"?'不可以':'可以'}}外带餐食</view>
  135. <view class="Hchild" tt:if="{{data.superimposed_discounts}}">• {{data.superimposed_discounts=="false"?'不可以':'可以'}}享受店内其他优惠</view>
  136. <view class="Hchild" tt:if="{{data.private_room}}">• {{data.private_room=="false"?'不可以使用':'可以使用'}}包间</view>
  137. <view class="notesH">使用规则</view>
  138. <text tt:if="{{curHtml==''}}" class="notesText">{{data.remark}}</text>
  139. <view tt:if="{{curHtml!=''}}">
  140. <rich-text nodes="{{curHtml}}"></rich-text>
  141. </view>
  142. <view tt:if="{{data.curLsit}}" tt:for="{{data.curLsit}}" tt:key="{{index}}">
  143. <view class="timeText" tt:if="{{item.title!=''}}">{{item.title}}</view>
  144. <text class="Hchild">{{item.content}}</text>
  145. </view>
  146. </view>
  147. <view tt:if="{{couponList.length!=0}}"
  148. style="color: #333;letter-spacing: 0;font-size: 30rpx;height: 70rpx;line-height: 70rpx;margin-left: 35rpx;font-weight: bold;">其他活动
  149. </view>
  150. <view class='couponsL clearfix'>
  151. <c-coupons tt:if="{{couponList.length!=0}}" tt:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}"
  152. tt:key="unique" data="{{item}}" list="{{couponList}}" />
  153. </view>
  154. <view class='detailImg' tt:if="{{detailPicture.length>0}}">
  155. <image tt:for="{{detailPicture}}" tt:key="{{index}}" tt:for-item="item" src='{{item}}' mode='widthFix'></image>
  156. </view>
  157. </view>
  158. <form data-type='{{data.type}}' report-submit='true' tt:if="{{mouldType!=1}}">
  159. <view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};">
  160. <button class='goback' bindtap='goback'>
  161. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  162. <text class='btnTxt'>首页</text>
  163. </button>
  164. <button bindtap="gotopay" disabled='{{showbutton}}' hover-class='active' class='buy'
  165. tt:if="{{data.type!=11&&data.type!=8&&data.type!=50&&data.type!=51&&priceAndStockObj.salePrice/100!=0&&priceAndStockObj.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">
  166. <text class='txt'>{{priceAndStockObj.salePrice/100}}元</text>马上购买</button>
  167. <button tt:if="{{data.type==11&&priceAndStockObj.remainInventory!=0}}" bindtap="gohome"
  168. data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" data-shippingtype="2"
  169. class="home">配送到家
  170. </button>
  171. <button tt:if="{{data.type==11&&priceAndStockObj.remainInventory!=0}}" bindtap="gohome"
  172. data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" data-shippingtype="1"
  173. class="arrive">到店自提
  174. </button>
  175. <button bindtap="gotopay" disabled='{{showbutton}}' class='buy'
  176. tt:if="{{data.type!=8&&data.type!=50&&data.type!=51&&priceAndStockObj.salePrice/100==0&&priceAndStockObj.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button>
  177. <button bindtap="gotopay" disabled='{{showbutton}}' class='buy' data-type='{{data.type}}'
  178. tt:if="{{data.type==51&&priceAndStockObj.remainInventory!=0||data.type==50&&priceAndStockObj.remainInventory!=0}}">马上兑换</button>
  179. <button class='buy buyHr' disabled='true'
  180. tt:if="{{data.sendType!=3&&(priceAndStockObj.remainInventory==0&&endtime!='活动已结束'||priceAndStockObj.remainInventory==0&&data.type==8)}}">已售罄</button>
  181. <button class='buy' disabled='true'
  182. tt:if="{{priceAndStockObj.remainInventory==0&&data.type==50||priceAndStockObj.remainInventory==0&&data.type==51}}">已兑完</button>
  183. <button class='buy' disabled='true' tt:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button>
  184. <button class='buy' disabled='true' tt:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button>
  185. <button id='noBuy' disabled='true' tt:if="{{data.activityStatus==0}}">活动未开始</button>
  186. </view>
  187. </form>
  188. <form data-type='{{data.type}}' report-submit='true' tt:if="{{mouldType==1}}">
  189. <view class="app-border-topX" style="position:fixed;z-index:{{zIndex}}; bottom: 0;">
  190. <view class="biaoz">{{data.type!=50?'¥':''}}</view>
  191. <view class="selling">{{data.type==50?priceAndStockObj.creditPrice+'积分':priceAndStockObj.salePrice/100}} </view>
  192. <view class="qsOriginal">¥{{priceAndStockObj.price/100}}</view>
  193. <button bindtap="gotopay" disabled='{{showbutton}}' hover-class='active' class='buyX'
  194. tt:if="{{data.type!=11&&data.type!=8&&data.type!=50&&data.type!=51&&priceAndStockObj.salePrice/100!=0&&priceAndStockObj.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">
  195. 马上购买</button>
  196. <button tt:if="{{data.type==11&&priceAndStockObj.remainInventory!=0}}" bindtap="gohome"
  197. data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" data-shippingtype="2"
  198. class="home">配送到家
  199. </button>
  200. <button tt:if="{{data.type==11&&priceAndStockObj.remainInventory!=0}}" bindtap="gohome"
  201. data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" data-shippingtype="1"
  202. class="arrive">到店自提
  203. </button>
  204. <button bindtap="gotopay" disabled='{{showbutton}}' class='buyX'
  205. tt:if="{{data.type!=8&&data.type!=50&&data.type!=51&&priceAndStockObj.salePrice/100==0&&priceAndStockObj.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button>
  206. <button bindtap="gotopay" disabled='{{showbutton}}' class='buyX' data-type='{{data.type}}'
  207. tt:if="{{data.type==51&&priceAndStockObj.remainInventory!=0||data.type==50&&priceAndStockObj.remainInventory!=0}}">马上兑换</button>
  208. <button class='buyX buyHr' disabled='true'
  209. tt:if="{{data.sendType!=3&&(priceAndStockObj.remainInventory==0&&endtime!='活动已结束'||priceAndStockObj.remainInventory==0&&data.type==8)}}">已售罄</button>
  210. <button class='buyX' disabled='true'
  211. tt:if="{{priceAndStockObj.remainInventory==0&&data.type==50||priceAndStockObj.remainInventory==0&&data.type==51}}">已兑完</button>
  212. <button class='buyX' disabled='true' tt:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button>
  213. <button class='buyX' disabled='true' tt:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button>
  214. <button id='buyX' disabled='true' tt:if="{{data.activityStatus==0}}">活动未开始</button>
  215. <!-- <view class="sell">已售出<span class="sellP">{{data.inventory-priceAndStockObj.remainInventory}}</span>件</view> -->
  216. <button class="serviceBox" open-type="contact">
  217. <view class="fuwuLogoBox f" >
  218. <image class="itemLogo" src="../../../assets/images/service1.png" />
  219. </view>
  220. </button>
  221. </view>
  222. </form>
  223. </view>
  224. <view tt:if="{{priceAndStockObj.remainInventory!=0&&data.type==8}}" class="btns clearfix" hover-class="none"
  225. hover-stop-propagation="false">
  226. <button class='goback' bindtap='goback'>
  227. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  228. <text class='btnTxt'>首页</text>
  229. </button>
  230. <form report-submit='true' class="fl">
  231. <button bindtap="gotopay" style='background:transparent;color:#fff;' data-discount='discount1'
  232. disabled='{{showbutton}}'>
  233. <text>¥{{priceAndStockObj.price/100}}</text>
  234. <text>立即购买</text>
  235. </button>
  236. </form>
  237. <form bindsubmit="inviteFriend" report-submit='true' class="fr">
  238. <button form-type="submit"
  239. style='background:{{!showbutton1?"transparent":"#ccc"}};color:#fff;font-size:32rpx;line-height:94rpx;border-radius:60rpx;'
  240. disabled='{{showbutton1}}'>
  241. 发起砍价
  242. </button>
  243. </form>
  244. </view>
  245. <!-- 问卷调查 -->
  246. <view class="b1"
  247. 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;"
  248. animation="{{queueData}}">
  249. <view id='con' class='con'>
  250. <image class='wmclose' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image>
  251. <image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image>
  252. <image class='image' src="{{headbgUrl}}" mode='widthFix'></image>
  253. <image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image>
  254. <view class='question'>
  255. <text class='titles'>{{questionnaire.title}}</text>
  256. <!-- 单选 -->
  257. <radio-group class="radio-group" tt:if="{{questionnaire.flag=='single'}}" data-flags="single"
  258. bindchange="formSubmit" data-questionId="{{questionId}}">
  259. <label class="radios" tt:for="{{questionnaire.answers}}" tt:key="{{index}}">
  260. <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}}
  261. </label>
  262. </radio-group>
  263. <!-- 多选 -->
  264. <checkbox-group bindchange="checkboxChange" tt:if="{{questionnaire.flag=='multi'}}" >
  265. <label class="radio ques" tt:for="{{questionnaire.answers}}" tt:key="index">
  266. <checkbox value="{{item.id}}" />{{item.name}}
  267. </label>
  268. </checkbox-group>
  269. <view class='ques btnss' tt:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit'
  270. data-questionId="{{questionId}}">确定</view>
  271. </view>
  272. </view>
  273. </view>
  274. <!-- 卡转赠领取弹出框 -->
  275. <view class='shaddow' tt:if='{{showCardOffer}}'></view>
  276. <view class='alert-box' tt:if='{{showCardOffer}}'>
  277. <view class='user-img'>
  278. <image src='{{cardData.avatarUrl}}'></image>
  279. </view>
  280. <view class='close' bindtap='closeAlert'>
  281. <image src='{{close02}}'></image>
  282. </view>
  283. <view class='a-title' tt:if='{{!isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  284. <view class='a-title' tt:if='{{!isSamePeople&&!isReceived}}'>{{cardData.userName+'送您一张消费卡'}}</view>
  285. <view class='a-title' tt:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view>
  286. <view class='a-title' tt:if='{{isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  287. <view class='a-img'>
  288. <image src='{{cardData.coverImg}}'></image>
  289. <view class='a-received' tt:if="{{isReceived}}">{{statusText}}</view>
  290. </view>
  291. <button type="primary" tt:if='{{!isSamePeople&&!isReceived}}' disabled='{{receivedDisabled}}'
  292. class='support-tansfer' bindtap='checkPhoneStatus'>领取</button>
  293. <button type="primary" tt:if='{{isSamePeople||isReceived}}' class='support-tansfer' bindtap='closeAlert'>关闭</button>
  294. </view>
  295. <!-- 分享弹框 -->
  296. <!-- <c-shareposter bind:myevent="" class="business" couponChannelId="{{data.id}}" tt:if="{{isshowposter}}"/> -->
  297. <!-- 分享弹框 -->
  298. <view class='modal' tt:if="{{isshowposter}}" bindtap='hidemodal'>
  299. <view class='modal-content'>
  300. <view>
  301. <button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}'
  302. data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button>
  303. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  304. <text>微信好友</text>
  305. </view>
  306. <view bindtap='showPoster'>
  307. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  308. <text>生成海报</text>
  309. </view>
  310. </view>
  311. </view>
  312. <!-- <view class="shootBox" tt:if="{{spuIdObj.lastStatus==4}}">
  313. <button class="mount" open-type="share" data-channel="video">
  314. <image src="../../../assets/images/shoot.png" class="videoCla"/>
  315. <view class="issue">发布视频</view>
  316. </button>
  317. </view> -->
  318. <phoen showBox="{{showBox}}" bind:hiePhoen="setPhone" bind:heiBox="setBox" />
  319. </view>