index.vue 110 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465
  1. <template>
  2. <view class="product-con" :style="colorStyle">
  3. <view class="product-con">
  4. <!-- #ifndef APP-PLUS -->
  5. <view class="navbar" :style="{ height: navH + 'rpx', opacity: opacity }">
  6. <view class="navbarH" :style="'height:' + navH + 'rpx;'">
  7. <view class="navbarCon acea-row row-center-wrapper"
  8. :style="{ paddingRight: (navbarRight-20) + 'px' }">
  9. <view class="header acea-row row-center-wrapper">
  10. <view class="item" :class="navActive === index ? 'on' : ''" v-for="(item, index) in navList"
  11. :key="index" @tap="tap(index)">{{ item }}</view>
  12. </view>
  13. </view>
  14. </view>
  15. </view>
  16. <!-- #endif -->
  17. <!-- <view class='iconfont icon-xiangzuo' :style="{top:navH/2+'rpx',opacity:(1-opacity)}" @tap='returns'></view> -->
  18. <!-- #ifndef APP-PLUS -->
  19. <view id="home" class="home acea-row row-center-wrapper" :class="[opacity>0.5?'on':'']"
  20. :style="{ top: homeTop +'rpx'}">
  21. <view class="iconfont icon-fanhui2" @tap="returns"></view>
  22. <!-- #ifdef MP -->
  23. <view class="line"></view>
  24. <view class="iconfont icon-gengduo5" @click="moreNav"></view>
  25. <!-- #endif -->
  26. </view>
  27. <!-- #endif -->
  28. <!-- #ifdef H5 -->
  29. <view id="home" class="home right acea-row row-center-wrapper" :class="[opacity>0.5?'on':'']"
  30. :style="{ top: homeTop +'rpx'}">
  31. <!-- #endif -->
  32. <!-- #ifdef H5 -->
  33. <view class="iconfont icon-gengduo2" @click="moreNav"></view>
  34. </view>
  35. <!-- #endif -->
  36. <homeList :navH="navH" :returnShow="returnShow" :currentPage="currentPage" :sysHeight="sysHeight">
  37. </homeList>
  38. <view>
  39. <scroll-view :scroll-top="scrollTop" scroll-y="true" scroll-with-animation="true"
  40. :style="'height:' + height + 'px;'" @scroll="scroll">
  41. <view id="past0">
  42. <!-- #ifdef APP-PLUS || MP -->
  43. <view class="" :style="'width:100%;' + 'height:'+sysHeight"></view>
  44. <!-- #endif -->
  45. <productConSwiper ref="proSwiper" :imgUrls="storeInfo.slider_image"
  46. :videoline="storeInfo.video_link" @videoPause="videoPause" @showSwiperImg="showSwiperImg">
  47. </productConSwiper>
  48. <!-- TODO -->
  49. <view class="wrapper">
  50. <view class="share acea-row row-between row-bottom">
  51. <view class="money font-color">
  52. {{$t(`¥`)}}
  53. <!-- <text class="num" v-text="storeInfo.price || 0"></text> -->
  54. <text class="num">{{storeInfo.price*1 || 0 }}</text>
  55. <text class="num" v-if="storeInfo.pay_integral*1>0"> + {{storeInfo.pay_integral*1 }}积分</text>
  56. <text v-if="storeInfo.spec_type">{{$t(`起`)}}</text>
  57. <text class="vip-money" v-if="
  58. storeInfo.vip_price &&
  59. storeInfo.vip_price > 0 &&
  60. storeInfo.is_vip == 1 &&
  61. svip_price_open == 1
  62. ">{{$t(`¥`)}}{{ storeInfo.vip_price }}</text>
  63. <image v-if="
  64. storeInfo.vip_price &&
  65. storeInfo.vip_price > 0 &&
  66. storeInfo.is_vip == 1 &&
  67. svip_price_open == 1
  68. " src="../../static/images/svip.gif"></image>
  69. </view>
  70. <view class="iconfont icon-fenxiang" @click="listenerActionSheet"></view>
  71. </view>
  72. <view class="introduce" v-text="storeInfo.store_name || ''"></view>
  73. <view class="limit_good" v-if="storeInfo.limit_type > 0">
  74. {{storeInfo.limit_type == 1 ? $t(`单次限购`) : $t(`永久限购`)}}{{storeInfo.limit_num}}{{$t(storeInfo.unit_name)}}
  75. <text class='line' v-if='storeInfo.limit_type > 0 && storeInfo.min_qty > 1'> | </text>
  76. <text v-if='storeInfo.min_qty > 1'>{{$t(`起购`)}}{{ storeInfo.min_qty + storeInfo.unit_name }}</text>
  77. </view>
  78. <view class="label acea-row row-between-wrapper" style="padding-bottom: 20rpx">
  79. <view class="">
  80. {{$t(`划线价`)}} : {{$t(`¥`)}}{{storeInfo.ot_price || 0}}
  81. </view>
  82. <view class="">{{$t(`库存`)}} : {{storeInfo.stock || 0}}
  83. {{$t(storeInfo.unit_name) || ''}}
  84. </view>
  85. <view class="">{{$t(`销量`)}} : {{storeInfo.fsales || 0}}
  86. {{$t(storeInfo.unit_name) || ''}}
  87. </view>
  88. </view>
  89. <view v-if="
  90. !is_money_level && storeInfo.vip_price && storeInfo.is_vip
  91. " class="svip acea-row row-between-wrapper">
  92. <view class="">{{$t(`开通“超级会员”立省`)}}{{ diff }}{{$t(`元`)}}</view>
  93. <navigator url="/pages/annex/vip_paid/index">
  94. {{$t(`立即开通`)}}
  95. <text class="iconfont icon-jiantou"></text>
  96. </navigator>
  97. </view>
  98. <view class="presell_count" v-if="storeInfo.presale">
  99. <view>
  100. <view>{{$t(`预售活动时间`)}}:</view>
  101. <view v-if="storeInfo.presale_start_time && storeInfo.presale_end_time"
  102. class="presell_time">
  103. <view class='iconfont icon-shijian1'></view>
  104. {{storeInfo.presale_start_time}}
  105. <span class='area_line'>~</span>
  106. {{storeInfo.presale_end_time}}
  107. </view>
  108. </view>
  109. <view>{{$t(`预售结束后`)}} {{ storeInfo.presale_day }} {{$t(`天内发货`)}}</view>
  110. </view>
  111. <!-- <view class='coupon acea-row row-between-wrapper' v-if="storeInfo.give_integral > 0">
  112. <view class='hide line1 acea-row'>
  113. 赠积分:
  114. <view class='activity'>赠送 {{storeInfo.give_integral}} 积分</view>
  115. </view>
  116. </view> -->
  117. <view v-if="couponList.length" class="coupon acea-row row-between-wrapper"
  118. @click="couponTap" style="margin-top: 0rpx">
  119. <view class="hide line1 acea-row">
  120. {{$t(`优惠券`)}}:
  121. <template v-for="(item, index) in couponList">
  122. <view v-if="index < 2" class="activity" :key="index">
  123. {{$t(`满`)}} {{ item.use_min_price }} {{$t(`减`)}} {{ item.coupon_price }}
  124. </view>
  125. </template>
  126. </view>
  127. <view class="iconfont icon-jiantou"></view>
  128. </view>
  129. <view class="coupon acea-row row-between-wrapper" v-if="activity.length">
  130. <view class="line1 acea-row">
  131. <text class="coupon-title">{{$t(`活动`)}}:</text>
  132. <view v-for="(item, index) in activity" :key="index" @click="goActivity(item)">
  133. <view v-if="item.type === '1'" :class="
  134. index == 0
  135. ? 'activity_pin'
  136. : '' || index == 1
  137. ? 'activity_miao'
  138. : '' || index == 2
  139. ? 'activity_kan'
  140. : ''
  141. ">
  142. <text class="iconfonts iconfont icon-pintuan"></text>
  143. <text class="activity_title">{{$t(`参与秒杀`)}}</text>
  144. </view>
  145. <view :class="
  146. index == 0
  147. ? 'activity_pin'
  148. : '' || index == 1
  149. ? 'activity_miao'
  150. : '' || index == 2
  151. ? 'activity_kan'
  152. : ''
  153. " v-if="item.type === '2'">
  154. <text class="iconfonts iconfont icon-shenhezhong"></text>
  155. <text class="activity_title">{{$t(`参与砍价`)}}</text>
  156. </view>
  157. <view :class="
  158. index == 0
  159. ? 'activity_pin'
  160. : '' || index == 1
  161. ? 'activity_miao'
  162. : '' || index == 2
  163. ? 'activity_kan'
  164. : ''
  165. " v-if="item.type === '3'">
  166. <text class="iconfonts iconfont icon-kanjia"></text>
  167. <text class="activity_title">{{$t(`参与拼团`)}}</text>
  168. </view>
  169. </view>
  170. </view>
  171. </view>
  172. </view>
  173. <view class="attribute acea-row row-between-wrapper" @click="selecAttr"
  174. v-if="attr.productAttr.length">
  175. <view class="flex">
  176. <view style="display: flex; align-items: center; width: 90%">
  177. <view class="attr-txt"> {{attrTxt}}: </view>
  178. <view class="atterTxt line1" style="width: 82%">{{
  179. attrValue
  180. }}</view>
  181. </view>
  182. <view class="iconfont icon-jiantou"></view>
  183. </view>
  184. <view class="acea-row row-between-wrapper" style="margin-top: 7px; padding-left: 60px"
  185. v-if="skuArr.length > 1">
  186. <view class="flexs">
  187. <image :src="item.image" v-for="(item, index) in skuArr.slice(0, 4)" :key="index"
  188. class="attrImg"></image>
  189. </view>
  190. <view class="switchTxt">{{$t(`共`)}}{{ skuArr.length }} {{$t(`种规格可选`)}}</view>
  191. </view>
  192. </view>
  193. </view>
  194. <view class="userEvaluation" id="past1" v-if="replyCount">
  195. <view class="title acea-row row-between-wrapper">
  196. <view>{{$t(`用户评价`)}}({{ replyCount }})</view>
  197. <navigator class="praise" hover-class="none"
  198. :url="'/pages/goods/goods_comment_list/index?product_id=' + id">
  199. <text class="font-num">{{ replyChance }}%</text>
  200. {{$t(`好评率`)}}
  201. <text class="iconfont icon-jiantou"></text>
  202. </navigator>
  203. </view>
  204. <block v-if="replyCount">
  205. <userEvaluation :reply="reply"></userEvaluation>
  206. </block>
  207. </view>
  208. <!-- 优品推荐 -->
  209. <view class="superior" v-if="good_list.length" id="past2">
  210. <view class="title acea-row row-center-wrapper">
  211. <view class="lingw acea-row row-center-wrapper">
  212. <view class="lingn"></view>
  213. </view>
  214. <view class="titleTxt">{{$t(`优品推荐`)}}</view>
  215. <view class="lingw acea-row row-center-wrapper">
  216. <view class="lingn"></view>
  217. </view>
  218. </view>
  219. <view class="slider-banner banner">
  220. <swiper indicator-dots="true" :autoplay="autoplay" :circular="circular" :interval="interval"
  221. :duration="duration" indicator-color="#999" indicator-active-color="var(--view-theme)"
  222. :style="'height:' + clientHeight + 'px'">
  223. <swiper-item v-for="(item, indexw) in good_list" :key="indexw">
  224. <view class="list acea-row row-middle" :id="'list' + indexw">
  225. <view class="item" v-for="(val, indexn) in item.list" :key="indexn"
  226. @click="goDetail(val)">
  227. <view class="pictrue">
  228. <image :src="val.image"></image>
  229. <span class="pictrue_log pictrue_log_class"
  230. v-if="val.activity && val.activity.type === '1'">{{$t(`秒杀`)}}</span>
  231. <span class="pictrue_log pictrue_log_class"
  232. v-if="val.activity && val.activity.type === '2'">{{$t(`砍价`)}}</span>
  233. <span class="pictrue_log pictrue_log_class"
  234. v-if="val.activity && val.activity.type === '3'">{{$t(`拼团`)}}</span>
  235. </view>
  236. <view class="name line1">{{ val.store_name }}</view>
  237. <view class="money font-color">{{$t(`¥`)}}{{ val.price }}</view>
  238. </view>
  239. </view>
  240. </swiper-item>
  241. <!-- <view class="swiper-pagination" slot="pagination"></view> -->
  242. </swiper>
  243. </view>
  244. </view>
  245. <view class="product-intro" id="past3">
  246. <view class="title">{{$t(`产品介绍`)}}</view>
  247. <view class="conter">
  248. <!-- #ifndef APP-PLUS -->
  249. <parser :html="description" ref="article" :tag-style="tagStyle"></parser>
  250. <!-- #endif -->
  251. <!-- #ifdef APP-PLUS -->
  252. <view class="description" v-html="description"></view>
  253. <!-- #endif -->
  254. </view>
  255. </view>
  256. </scroll-view>
  257. </view>
  258. <!-- <view class="uni-p-b-98"></view> -->
  259. <view class="footer acea-row row-between-wrapper" :class="{'eject':storeInfo.id}">
  260. <!-- <button open-type="contact" hover-class='none' class='item'>
  261. <view class='iconfont icon-kefu'></view>
  262. <view>客服</view>
  263. </button> -->
  264. <navigator hover-class="none" class="item" open-type="switchTab" url="/pages/index/index">
  265. <view class="iconfont icon-shouye6"></view>
  266. <view class="p_center">{{$t(`首页`)}}</view>
  267. </navigator>
  268. <view @click="setCollect" class="item">
  269. <view class="iconfont icon-shoucang1" v-if="storeInfo.userCollect"></view>
  270. <view class="iconfont icon-shoucang" v-else></view>
  271. <view class="p_center">{{$t(`收藏`)}}</view>
  272. </view>
  273. <view class="animated item" :class="animated == true ? 'bounceIn' : ''" @click="goCart">
  274. <view class="iconfont icon-gouwuche1">
  275. <text class="num bg-color" v-if="parseFloat(CartCount) > 0">{{
  276. CartCount || 0
  277. }}</text>
  278. </view>
  279. <view class="p_center">{{$t(`购物车`)}}</view>
  280. </view>
  281. <view v-if="noGoods" class="presale">
  282. <view class="acea-row">
  283. <form class=" bnts bg-color-hui"><button class=" bnts bg-color-hui"
  284. form-type="submit">{{$t(`暂无产品`)}}</button></form>
  285. </view>
  286. </view>
  287. <view v-else>
  288. <view v-if="!storeInfo.presale">
  289. <view class="bnt acea-row" :class="!storeInfo.cart_button ? 'virbnt' : ''"
  290. v-if="attr.productSelect.stock <= 0">
  291. <form v-if="storeInfo.cart_button" @submit="joinCart" class="joinCart bnts"
  292. :class="!storeInfo.cart_button ? 'virbnt' : ''">
  293. <button class="joinCart bnts" form-type="submit">
  294. {{$t(`加入购物车`)}}
  295. </button>
  296. </form>
  297. <form class="buy bnts bg-color-hui">
  298. <button class="buy bnts bg-color-hui" form-type="submit"
  299. :class="!storeInfo.cart_button ? 'virbnt' : ''">
  300. {{$t(`已售罄`)}}
  301. </button>
  302. </form>
  303. </view>
  304. <view class="bnt acea-row" v-else>
  305. <form v-if="storeInfo.cart_button" @submit="joinCart" class="joinCart bnts">
  306. <button class="joinCart bnts" form-type="submit">
  307. {{$t(`加入购物车`)}}
  308. </button>
  309. </form>
  310. <form @submit="goBuy" class="buy bnts" :class="!storeInfo.cart_button ? 'virbnt' : ''">
  311. <button class="buy bnts" :class="!storeInfo.cart_button ? 'virbnt' : ''"
  312. form-type="submit">
  313. {{$t(`立即购买`)}}
  314. </button>
  315. </form>
  316. </view>
  317. </view>
  318. <view class="presale" v-else>
  319. <view class="acea-row" v-if="presale_pay_status === 1 || presale_pay_status === 3">
  320. <form class="bnts bg-color-hui"><button class="bnts bg-color-hui"
  321. form-type="submit">{{presale_pay_status === 1?$t(`未开始`):$t(`已结束`)}}</button>
  322. </form>
  323. </view>
  324. <view class="acea-row"
  325. v-else-if="attr.productSelect.quota <= 0 || attr.productSelect.quota < attr.productSelect.cart_num">
  326. <form class=" bnts bg-color-hui"><button class=" bnts bg-color-hui"
  327. form-type="submit">{{$t(`已售罄`)}}</button></form>
  328. </view>
  329. <view class="bnts acea-row" v-else-if="presale_pay_status === 2">
  330. <form @submit="goBuy" class="bnts"><button class="bnts"
  331. form-type="submit">{{$t(`立即购买`)}}</button>
  332. </form>
  333. </view>
  334. </view>
  335. </view>
  336. <!-- <view v-else>
  337. <view class="virbnt acea-row" :class="storeInfo.is_virtual?'virbnt':''" v-if="attr.productSelect.stock <= 0">
  338. <form class="buy bnts bg-color-hui"><button class="virbuy virbnts bg-color-hui"
  339. form-type="submit">已售罄</button></form>
  340. </view>
  341. <view class="virbnt acea-row" v-else>
  342. <form @submit="goBuy" class="buy bnts"><button class="virbuy virbnts" form-type="submit">立即购买</button>
  343. </form>
  344. </view>
  345. </view> -->
  346. </view>
  347. <shareRedPackets :sharePacket="sharePacket" @listenerActionSheet="listenerActionSheet"
  348. @closeChange="closeChange" :showAnimate="showAnimate" @boxStatus="boxStatus">
  349. </shareRedPackets>
  350. <!-- 组件 -->
  351. <productWindow :attr="attr" :isShow="1" :iSplus="1" :limitNum="storeInfo.limit_num" :minQty="storeInfo.min_qty"
  352. :unitName="storeInfo.unit_name" @myevent="onMyEvent" @ChangeAttr="ChangeAttr"
  353. @ChangeCartNum="ChangeCartNum" @attrVal="attrVal" @iptCartNum="iptCartNum" id="product-window"
  354. :is_vip="is_vip" @getImg="showImg" :is_virtual="storeInfo.is_virtual">
  355. </productWindow>
  356. <cus-previewImg ref="cusPreviewImg" :list="skuArr" @changeSwitch="changeSwitch"
  357. @shareFriend="listenerActionSheet" />
  358. <swiperPrevie ref="cusSwiperImg" :list="storeInfo.slider_image"></swiperPrevie>
  359. <couponListWindow :coupon="coupon" v-if="coupon" @ChangCouponsClone="ChangCouponsClone"
  360. @ChangCoupons="ChangCoupons" @ChangCouponsUseState="ChangCouponsUseState"
  361. @tabCouponType="tabCouponType">
  362. </couponListWindow>
  363. <!-- 分享按钮 -->
  364. <view class="generate-posters acea-row row-middle" :class="posters ? 'on' : ''">
  365. <!-- #ifndef MP -->
  366. <button class="item" hover-class="none" v-if="weixinStatus === true" @click="H5ShareBox = true">
  367. <view class="iconfont icon-weixin3"></view>
  368. <view class="">{{$t(`发送给朋友`)}}</view>
  369. </button>
  370. <!-- #endif -->
  371. <!-- #ifdef MP -->
  372. <button class="item" open-type="share" hover-class="none" @click="goFriend">
  373. <view class="iconfont icon-weixin3"></view>
  374. <view class="">{{$t(`发送给朋友`)}}</view>
  375. </button>
  376. <!-- #endif -->
  377. <!-- #ifdef H5 -->
  378. <div class="item copy-data" v-if="storeInfo.command_word != ''"
  379. :data-clipboard-text="storeInfo.command_word">
  380. <view class="iconfont icon-fuzhikouling"></view>
  381. <text>{{$t(`复制口令`)}}</text>
  382. </div>
  383. <!-- #endif -->
  384. <!-- #ifdef APP-PLUS -->
  385. <view class="item" @click="appShare('WXSceneSession')">
  386. <view class="iconfont icon-weixin3"></view>
  387. <view class="">{{$t(`微信好友`)}}</view>
  388. </view>
  389. <view class="item" @click="appShare('WXSenceTimeline')">
  390. <view class="iconfont icon-pengyouquan"></view>
  391. <view class="">{{$t(`微信朋友圈`)}}</view>
  392. </view>
  393. <!-- #endif -->
  394. <button class="item" hover-class="none" @click="goPoster">
  395. <view class="iconfont icon-haibao"></view>
  396. <view class="">{{$t(`生成海报`)}}</view>
  397. </button>
  398. </view>
  399. <view class="mask" v-if="posters" @click="listenerActionClose"></view>
  400. <!-- #ifdef MP -->
  401. <!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
  402. <!-- #endif -->
  403. <!-- 海报展示 -->
  404. <view class="poster-pop" v-if="posterImageStatus">
  405. <image src="../../static/images/poster-close.png" class="close" @click="posterImageClose">
  406. </image>
  407. <image :src="posterImage"></image>
  408. <!-- #ifndef H5 -->
  409. <view class="save-poster" @click="savePosterPath">{{$t(`保存到手机`)}}</view>
  410. <!-- #endif -->
  411. <!-- #ifdef H5 -->
  412. <view class="keep">{{$t(`长按图片可以保存到手机`)}}</view>
  413. <!-- #endif -->
  414. </view>
  415. <view class="mask" v-if="posterImageStatus"></view>
  416. <canvas class="canvas" canvas-id="myCanvas" v-if="canvasStatus"></canvas>
  417. <!-- 发送给朋友图片 -->
  418. <view class="share-box" v-if="H5ShareBox">
  419. <image :src="imgHost + '/statics/images/share-info.png'" @click="H5ShareBox = false"></image>
  420. </view>
  421. <kefuIcon :ids="parseInt(id)" :routineContact="routineContact" :storeInfo="storeInfo" :goodsCon="1">
  422. </kefuIcon>
  423. <!-- #ifdef H5 || APP-PLUS -->
  424. <zb-code ref="qrcode" :show="codeShow" :cid="cid" :val="codeVal" :size="size" :unit="unit"
  425. :background="background" :foreground="foreground" :pdground="pdground" :icon="codeIcon"
  426. :iconSize="iconsize" :onval="onval" :loadMake="loadMake" @result="qrR" />
  427. <!-- #endif -->
  428. </view>
  429. </view>
  430. </template>
  431. <script>
  432. let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
  433. import {
  434. getProductDetail,
  435. getProductCode,
  436. collectAdd,
  437. collectDel,
  438. postCartAdd,
  439. } from "@/api/store.js";
  440. import {
  441. getUserInfo,
  442. userShare
  443. } from "@/api/user.js";
  444. import {
  445. getCoupons
  446. } from "@/api/api.js";
  447. import {
  448. getCartCounts
  449. } from "@/api/order.js";
  450. import {
  451. toLogin
  452. } from "@/libs/login.js";
  453. import {
  454. mapGetters
  455. } from "vuex";
  456. import cusPreviewImg from "@/components/cusPreviewImg/index.vue";
  457. import swiperPrevie from "@/components/cusPreviewImg/swiperPrevie.vue";
  458. import productConSwiper from "@/components/productConSwiper";
  459. import couponListWindow from "@/components/couponListWindow";
  460. import productWindow from "@/components/productWindow";
  461. import userEvaluation from "@/components/userEvaluation";
  462. import shareRedPackets from "@/components/shareRedPackets";
  463. import kefuIcon from "@/components/kefuIcon";
  464. import menuIcon from "@/components/menuIcon.vue";
  465. import {
  466. updateURLParameter
  467. } from "@/utils";
  468. import ClipboardJS from "@/plugin/clipboard/clipboard.js";
  469. // #ifdef MP
  470. import authorize from "@/components/Authorize";
  471. // #endif
  472. // #ifdef APP-PLUS
  473. import {
  474. TOKENNAME
  475. } from "@/config/app.js";
  476. // #endif
  477. import {
  478. HTTP_REQUEST_URL
  479. } from '@/config/app';
  480. let app = getApp();
  481. import colors from "@/mixins/color";
  482. import {
  483. sharePoster
  484. } from "@/mixins/sharePoster";
  485. import parser from "@/components/jyf-parser/jyf-parser";
  486. import homeList from '@/components/homeList'
  487. export default {
  488. components: {
  489. productConSwiper,
  490. couponListWindow,
  491. productWindow,
  492. userEvaluation,
  493. shareRedPackets,
  494. kefuIcon,
  495. menuIcon,
  496. cusPreviewImg,
  497. swiperPrevie,
  498. // #ifdef MP
  499. authorize,
  500. // #endif
  501. parser,
  502. homeList
  503. },
  504. directives: {
  505. trigger: {
  506. inserted(el, binging) {
  507. el.click();
  508. },
  509. },
  510. },
  511. mixins: [colors, sharePoster],
  512. data() {
  513. let that = this;
  514. return {
  515. imgHost: HTTP_REQUEST_URL,
  516. sysHeight: sysHeight,
  517. noGoods: false,
  518. showSkeleton: true, //骨架屏显示隐藏
  519. isNodes: 0, //控制什么时候开始抓取元素节点,只要数值改变就重新抓取
  520. Active: false,
  521. presale_pay_status: 1,
  522. //属性是否打开
  523. coupon: {
  524. coupon: false,
  525. type: -1,
  526. list: [],
  527. count: [],
  528. },
  529. showAnimate: false,
  530. showMenuIcon: false,
  531. attrTxt: this.$t(`请选择`), //属性页面提示
  532. attrValue: "", //已选属性
  533. animated: false, //购物车动画
  534. id: 0, //商品id
  535. replyCount: 0, //总评论数量
  536. reply: [], //评论列表
  537. storeInfo: {}, //商品详情
  538. productValue: [], //系统属性
  539. couponList: [], //优惠券
  540. cart_num: 1, //购买数量
  541. isAuto: false, //没有授权的不会自动授权
  542. isShowAuth: false, //是否隐藏授权
  543. isOpen: false, //是否打开属性组件
  544. actionSheetHidden: true,
  545. posterImageStatus: false,
  546. storeImage: "", //海报产品图
  547. PromotionCode: "", //二维码图片
  548. canvasStatus: false, //海报绘图标签
  549. posterImage: "", //海报路径
  550. posterbackgd: "/static/images/posterbackgd.png",
  551. sharePacket: {
  552. isState: true, //默认不显示
  553. }, //分销商详细
  554. uid: 0, //用户uid
  555. circular: false,
  556. autoplay: false,
  557. interval: 3000,
  558. duration: 500,
  559. clientHeight: "",
  560. systemStore: {}, //门店信息
  561. good_list: [],
  562. replyChance: 0,
  563. CartCount: 0,
  564. isDown: true,
  565. storeSelfMention: true,
  566. posters: false,
  567. weixinStatus: false,
  568. attr: {
  569. cartAttr: false,
  570. productAttr: [],
  571. productSelect: {},
  572. },
  573. description: "",
  574. navActive: 0,
  575. H5ShareBox: false, //公众号分享图片
  576. activity: [],
  577. navH: "",
  578. navList: [],
  579. opacity: 0,
  580. scrollY: 0,
  581. topArr: [],
  582. toView: "",
  583. height: 0,
  584. heightArr: [],
  585. lock: false,
  586. scrollTop: 0,
  587. tagStyle: {
  588. img: "width:100%;display:block;",
  589. table: "width:100%",
  590. video: "width:100%;height:100%;",
  591. },
  592. returnShow: true, //判断顶部返回是否出现
  593. diff: "",
  594. is_money_level: 1,
  595. is_vip: 0, //是否是会员
  596. navbarRight: 0,
  597. homeTop: 20,
  598. routineContact: 0,
  599. skuArr: [],
  600. selectSku: {},
  601. currentPage: false,
  602. svip_price_open: 1,
  603. };
  604. },
  605. computed: mapGetters(["isLogin"]),
  606. watch: {
  607. isLogin: {
  608. handler: function(newV, oldV) {
  609. if (newV == true) {
  610. this.getCouponList();
  611. this.getCartCount();
  612. this.downloadFilePromotionCode();
  613. // this.ShareInfo();
  614. }
  615. },
  616. deep: true,
  617. },
  618. storeInfo: {
  619. handler: function() {
  620. this.$nextTick(() => {});
  621. },
  622. immediate: true,
  623. },
  624. },
  625. onLoad(options) {
  626. let that = this;
  627. var pages = getCurrentPages();
  628. that.returnShow = pages.length === 1 ? false : true;
  629. // #ifdef MP
  630. that.navH = app.globalData.navHeight;
  631. // #endif
  632. // #ifdef H5
  633. that.navH = 96;
  634. // #endif
  635. // #ifdef APP-PLUS
  636. that.navH = 30;
  637. // #endif
  638. that.id = options.id;
  639. uni.getSystemInfo({
  640. success: function(res) {
  641. that.height = res.windowHeight;
  642. //res.windowHeight:获取整个窗口高度为px,*2为rpx;98为头部占据的高度;
  643. // #ifndef APP-PLUS || H5 || MP-ALIPAY
  644. that.navbarRight =
  645. res.windowWidth - uni.getMenuButtonBoundingClientRect().left;
  646. // #endif
  647. },
  648. });
  649. //扫码携带参数处理
  650. // #ifdef MP
  651. if (options.scene) {
  652. let value = that.$util.getUrlParams(decodeURIComponent(options.scene));
  653. if (value.id) options.id = value.id;
  654. //记录推广人uid
  655. if (value.pid) app.globalData.spid = value.pid;
  656. }
  657. if (!options.id) {
  658. this.showSkeleton = false;
  659. return that.$util.Tips({
  660. title: that.$t(`缺少参数无法查看商品`),
  661. }, {
  662. tab: 3,
  663. url: 1,
  664. });
  665. } else {
  666. that.id = options.id;
  667. }
  668. // #endif
  669. that.getGoodsDetails();
  670. },
  671. onReady: function() {
  672. this.isNodes++;
  673. this.$nextTick(function() {
  674. // #ifdef MP
  675. const menuButton = uni.getMenuButtonBoundingClientRect();
  676. const query = uni.createSelectorQuery().in(this);
  677. query
  678. .select("#home")
  679. .boundingClientRect((data) => {
  680. this.homeTop = menuButton.top * 2 + menuButton.height - data.height || 0;
  681. })
  682. .exec();
  683. // #endif
  684. // #ifdef H5
  685. const clipboard = new ClipboardJS(".copy-data");
  686. clipboard.on("success", () => {
  687. this.$util.Tips({
  688. title: this.$t(`复制成功`),
  689. });
  690. });
  691. // #endif
  692. });
  693. },
  694. /**
  695. * 用户点击右上角分享
  696. */
  697. // #ifdef MP
  698. onShareAppMessage: function() {
  699. let that = this;
  700. that.$set(that, "actionSheetHidden", !that.actionSheetHidden);
  701. userShare();
  702. return {
  703. title: that.storeInfo.store_name || "",
  704. imageUrl: that.storeInfo.image || "",
  705. path: "/pages/goods_details/index?id=" + that.id + "&spid=" + that.uid,
  706. };
  707. },
  708. onShareTimeline() {
  709. let that = this;
  710. userShare();
  711. return {
  712. title: that.storeInfo.store_name,
  713. query: {
  714. id: that.id,
  715. spid: that.uid || 0,
  716. },
  717. imageUrl: that.storeInfo.image,
  718. };
  719. },
  720. // #endif
  721. onNavigationBarButtonTap(e) {
  722. this.currentPage = !this.currentPage
  723. },
  724. methods: {
  725. // 操作菜单
  726. moreNav() {
  727. this.currentPage = !this.currentPage
  728. },
  729. jumpUrl(url) {
  730. uni.switchTab({
  731. url,
  732. });
  733. },
  734. videoPause() {
  735. this.$nextTick(() => {
  736. that.infoScroll();
  737. });
  738. },
  739. qrR(res) {
  740. // #ifdef H5
  741. if (!this.$wechat.isWeixin() || this.shareQrcode != '1') {
  742. this.PromotionCode = res;
  743. this.followCode = ''
  744. }
  745. // #endif
  746. // #ifdef APP-PLUS
  747. this.PromotionCode = res;
  748. // #endif
  749. },
  750. // app分享
  751. // #ifdef APP-PLUS
  752. appShare(scene) {
  753. let that = this;
  754. let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
  755. let curRoute = routes[routes.length - 1].$page.fullPath; // 获取当前页面路由,也就是最后一个打开的页面路由
  756. uni.share({
  757. provider: "weixin",
  758. scene: scene,
  759. type: 0,
  760. href: `${HTTP_REQUEST_URL}${curRoute}&spread=${that.uid}`,
  761. title: that.storeInfo.store_name,
  762. summary: that.storeInfo.store_info,
  763. imageUrl: that.storeInfo.small_image,
  764. success: function(res) {
  765. // uni.showToast({
  766. // title: that.$t(`分享成功`),
  767. // icon: "success",
  768. // });
  769. that.posters = false;
  770. },
  771. fail: function(err) {
  772. uni.showToast({
  773. title: that.$t(`分享失败`),
  774. icon: "none",
  775. duration: 2000,
  776. });
  777. that.posters = false;
  778. },
  779. });
  780. },
  781. // #endif
  782. closeChange: function() {
  783. this.$set(this.sharePacket, "isState", true);
  784. },
  785. boxStatus(data) {
  786. this.showAnimate = data;
  787. },
  788. goActivity: function(e) {
  789. let item = e;
  790. if (item.type === "1") {
  791. uni.navigateTo({
  792. url: `/pages/activity/goods_seckill_details/index?id=${item.id}&time=${item.time}&status=1`,
  793. });
  794. } else if (item.type === "2") {
  795. uni.navigateTo({
  796. url: `/pages/activity/goods_bargain_details/index?id=${item.id}&bargain=${this.uid}`,
  797. });
  798. } else {
  799. uni.navigateTo({
  800. url: `/pages/activity/goods_combination_details/index?id=${item.id}`,
  801. });
  802. }
  803. },
  804. /**
  805. * 购物车手动填写
  806. *
  807. */
  808. iptCartNum: function(e) {
  809. if (e) {
  810. let number = this.storeInfo.min_qty;
  811. if (Number.isInteger(parseInt(e)) && parseInt(e) >= this.storeInfo.min_qty) {
  812. number = parseInt(e);
  813. }
  814. this.$nextTick(e => {
  815. this.$set(this.attr.productSelect, "cart_num", e < 0 ? this.storeInfo.min_qty : number);
  816. })
  817. }
  818. },
  819. // 后退
  820. returns() {
  821. // #ifdef H5
  822. return history.back();
  823. // #endif
  824. // #ifndef H5
  825. return uni.navigateBack({
  826. delta: 1,
  827. })
  828. // #endif
  829. },
  830. tap: function(index) {
  831. var id = "past" + index;
  832. var index = index;
  833. var that = this;
  834. // if (!this.data.good_list.length && id == "past2") {
  835. // id = "past3"
  836. // }
  837. this.$set(this, "toView", id);
  838. this.$set(this, "navActive", index);
  839. this.$set(this, "lock", true);
  840. this.$set(
  841. this,
  842. "scrollTop",
  843. index > 0 ?
  844. that.topArr[index] - app.globalData.navHeight / 2 :
  845. that.topArr[index]
  846. );
  847. },
  848. scroll(e) {
  849. var that = this,
  850. scrollY = e.detail.scrollTop;
  851. var opacity = scrollY / 200;
  852. opacity = opacity > 1 ? 1 : opacity;
  853. that.$set(that, "opacity", opacity);
  854. that.$set(that, "scrollY", scrollY);
  855. that.$set(that, "showAnimate", false);
  856. that.$set(that, "showMenuIcon", false);
  857. that.$set(that, 'currentPage', false);
  858. this.$refs.proSwiper.videoIsPause()
  859. if (that.lock) {
  860. that.$set(that, "lock", false);
  861. return;
  862. }
  863. for (var i = 0; i < that.topArr.length; i++) {
  864. if (
  865. scrollY <
  866. that.topArr[i] - app.globalData.navHeight / 2 + that.heightArr[i]
  867. ) {
  868. that.$set(that, "navActive", i);
  869. break;
  870. }
  871. }
  872. },
  873. /*
  874. *去商品详情页
  875. */
  876. goDetail(item) {
  877. if (item.activity.length == 0) {
  878. uni.redirectTo({
  879. url: "/pages/goods_details/index?id=" + item.id,
  880. });
  881. return;
  882. }
  883. // 砍价
  884. if (item.activity && item.activity.type == 2) {
  885. uni.redirectTo({
  886. url: `/pages/activity/goods_bargain_details/index?id=${item.activity.id}&bargain=${this.uid}`,
  887. });
  888. return;
  889. }
  890. // 拼团
  891. if (item.activity && item.activity.type == 3) {
  892. uni.redirectTo({
  893. url: `/pages/activity/goods_combination_details/index?id=${item.activity.id}`,
  894. });
  895. return;
  896. }
  897. // 秒杀
  898. if (item.activity && item.activity.type == 1) {
  899. uni.redirectTo({
  900. url: `/pages/activity/goods_seckill_details/index?id=${item.activity.id}&time=${item.activity.time}&status=1`,
  901. });
  902. return;
  903. }
  904. },
  905. // 微信登录回调
  906. onLoadFun: function(e) {
  907. // this.getUserInfo();
  908. // this.get_product_collect();
  909. },
  910. ChangCouponsClone: function() {
  911. this.$set(this.coupon, "coupon", false);
  912. },
  913. /*
  914. * 获取用户信息
  915. */
  916. getUserInfo: function() {
  917. let that = this;
  918. getUserInfo().then((res) => {
  919. that.$set(that, "uid", res.data.uid);
  920. that.$set(that, "is_money_level", res.data.is_money_level);
  921. });
  922. },
  923. /**
  924. * 购物车数量加和数量减
  925. *
  926. */
  927. ChangeCartNum: function(changeValue) {
  928. //changeValue:是否 加|减
  929. //获取当前变动属性
  930. let productSelect = this.productValue[this.attrValue];
  931. //如果没有属性,赋值给商品默认库存
  932. if (productSelect === undefined && !this.attr.productAttr.length)
  933. productSelect = this.attr.productSelect;
  934. //无属性值即库存为0;不存在加减;
  935. let stock = productSelect.stock || 0;
  936. let num = this.attr.productSelect;
  937. if (productSelect === undefined || (this.storeInfo.limit_num && num.cart_num >= this.storeInfo
  938. .limit_num && changeValue)) return;
  939. if (changeValue) {
  940. num.cart_num++;
  941. if (num.cart_num > stock) {
  942. this.$set(this.attr.productSelect, "cart_num", stock ? stock : this.storeInfo.min_qty);
  943. this.$set(this, "cart_num", stock ? stock : 1);
  944. }
  945. } else {
  946. num.cart_num--;
  947. if (num.cart_num < 1) {
  948. this.$set(this.attr.productSelect, "cart_num", this.storeInfo.min_qty);
  949. this.$set(this, "cart_num", 1);
  950. }
  951. }
  952. },
  953. attrVal(val) {
  954. this.$set(
  955. this.attr.productAttr[val.indexw],
  956. "index",
  957. this.attr.productAttr[val.indexw].attr_values[val.indexn]
  958. );
  959. },
  960. /**
  961. * 属性变动赋值
  962. *
  963. */
  964. ChangeAttr: function(res) {
  965. let productSelect = this.productValue[res];
  966. if (!productSelect) {
  967. this.$util.Tips({
  968. title: this.$t(`重新选择`),
  969. success: () => {
  970. this.noGoods = true
  971. this.attr.productSelect.stock = 0
  972. this.attr.productSelect.quota = 0
  973. this.attr.productSelect.cart_num = 0
  974. },
  975. });
  976. } else {
  977. this.noGoods = false
  978. }
  979. this.$set(this, "selectSku", productSelect);
  980. if (productSelect && productSelect.stock > 0) {
  981. this.$set(this.attr.productSelect, "image", productSelect.image);
  982. this.$set(this.attr.productSelect, "price", productSelect.price);
  983. this.$set(this.attr.productSelect, "stock", productSelect.stock);
  984. this.$set(this.attr.productSelect, "unique", productSelect.unique);
  985. this.$set(this.attr.productSelect, "cart_num", this.storeInfo.min_qty);
  986. this.$set(
  987. this.attr.productSelect,
  988. "vip_price",
  989. productSelect.vip_price
  990. );
  991. this.$set(this, "attrValue", res);
  992. this.$set(this, "attrTxt", this.$t(`已选择`));
  993. } else {
  994. this.$set(this.attr.productSelect, "image", productSelect.image);
  995. this.$set(this.attr.productSelect, "price", productSelect.price);
  996. this.$set(this.attr.productSelect, "stock", 0);
  997. this.$set(this.attr.productSelect, "unique", "");
  998. this.$set(this.attr.productSelect, "cart_num", 0);
  999. this.$set(
  1000. this.attr.productSelect,
  1001. "vip_price",
  1002. this.storeInfo.vip_price
  1003. );
  1004. this.$set(this, "attrValue", "");
  1005. this.$set(this, "attrTxt", this.$t(`请选择`));
  1006. }
  1007. },
  1008. /**
  1009. * 领取完毕移除当前页面领取过的优惠券展示
  1010. */
  1011. ChangCoupons: function(e) {
  1012. let coupon = e;
  1013. let couponList = this.$util.ArrayRemove(this.couponList, "id", coupon.id);
  1014. this.$set(this, "couponList", couponList);
  1015. this.getCouponList();
  1016. },
  1017. setClientHeight: function() {
  1018. let that = this;
  1019. if (!that.good_list.length) return;
  1020. let view = uni.createSelectorQuery().in(this).select("#list0");
  1021. view
  1022. .fields({
  1023. size: true,
  1024. },
  1025. (data) => {
  1026. that.$set(that, "clientHeight", data.height + 20);
  1027. }
  1028. )
  1029. .exec();
  1030. },
  1031. /**
  1032. * 获取产品详情
  1033. *
  1034. */
  1035. getGoodsDetails: function() {
  1036. let that = this;
  1037. uni.showLoading({
  1038. title: '加载中',
  1039. mask: true
  1040. })
  1041. getProductDetail(that.id)
  1042. .then((res) => {
  1043. uni.hideLoading();
  1044. let storeInfo = res.data.storeInfo;
  1045. let good_list = res.data.good_list || [];
  1046. let count = Math.ceil(good_list.length / 6);
  1047. let goodArray = new Array();
  1048. for (let i = 0; i < count; i++) {
  1049. let list = good_list.slice(i * 6, i * 6 + 6);
  1050. if (list.length)
  1051. goodArray.push({
  1052. list: list,
  1053. });
  1054. }
  1055. that.$set(that, "storeInfo", storeInfo);
  1056. that.$set(that, "description", storeInfo.description);
  1057. if (this.description) {
  1058. this.description = this.description.replace(
  1059. /<img/gi,
  1060. '<img style="max-width:100%;height:auto;float:left;display:block" '
  1061. );
  1062. this.description = this.description.replace(
  1063. /<video/gi,
  1064. '<video style="width:100%;height:300px;display:block" '
  1065. );
  1066. }
  1067. that.$set(that, 'presale_pay_status', res.data.storeInfo
  1068. .presale_pay_status); // 1未开始; 2进行中; 3已结束
  1069. that.$set(that, "reply", res.data.reply ? [res.data.reply] : []);
  1070. that.$set(that, "replyCount", res.data.replyCount);
  1071. that.$set(that, "replyChance", res.data.replyChance);
  1072. that.$set(that.attr, "productAttr", res.data.productAttr);
  1073. that.$set(that, "productValue", res.data.productValue);
  1074. that.$set(that, "is_vip", res.data.storeInfo.is_vip);
  1075. that.$set(that.sharePacket, "priceName", res.data.priceName);
  1076. that.$set(
  1077. that.sharePacket,
  1078. "isState",
  1079. res.data.priceName != 0 ? true : false
  1080. );
  1081. that.$set(that, "systemStore", res.data.system_store);
  1082. that.$set(that, "storeSelfMention", res.data.store_self_mention);
  1083. that.$set(that, "good_list", goodArray);
  1084. if (!storeInfo.wechat_code) {
  1085. // #ifdef H5
  1086. this.codeVal = window.location.origin + '/pages/goods_details/index?id=' + this.id +
  1087. '&spid=' + this.$store.state.app.uid
  1088. // #endif
  1089. // #ifdef APP-PLUS
  1090. this.codeVal = HTTP_REQUEST_URL + '/pages/goods_details/index?id=' + this.id +
  1091. '&spid=' + this.$store.state.app.uid
  1092. // #endif
  1093. } else {
  1094. that.$set(that, "PromotionCode", storeInfo.wechat_code);
  1095. }
  1096. that.$set(
  1097. that,
  1098. "activity",
  1099. res.data.activity ? res.data.activity : []
  1100. );
  1101. that.$set(that, "couponList", res.data.coupons);
  1102. that.$set(
  1103. that,
  1104. "routineContact",
  1105. Number(res.data.routine_contact_type)
  1106. );
  1107. uni.setNavigationBarTitle({
  1108. title: storeInfo.store_name.substring(0, 7) + "...",
  1109. });
  1110. for (let key in res.data.productValue) {
  1111. let obj = res.data.productValue[key];
  1112. that.skuArr.push(obj);
  1113. }
  1114. // console.log(that.skuArr,'obj')
  1115. // console.log(res.data.productValue,'obj')
  1116. this.$set(this, "selectSku", that.skuArr[0]);
  1117. that.$set(
  1118. that,
  1119. "diff",
  1120. that.$util.$h.Sub(storeInfo.price, storeInfo.vip_price)
  1121. );
  1122. var navList = [that.$t(`商品`), that.$t(`详情`)];
  1123. if (res.data.replyCount) {
  1124. navList.splice(1, 0, that.$t(`评价`));
  1125. }
  1126. // if (goodArray.length) {
  1127. // navList.splice(-1, 0, '推荐');
  1128. // }
  1129. that.$set(that, "navList", navList);
  1130. that.$set(that, "storeImage", that.storeInfo.image);
  1131. that.$set(that, "svip_price_open", res.data.svip_price_open);
  1132. if (that.isLogin) {
  1133. that.getUserInfo();
  1134. }
  1135. // #ifdef H5 || APP-PLUS
  1136. this.getImageBase64();
  1137. // #endif
  1138. // #ifdef H5
  1139. if (that.isLogin) {
  1140. that.ShareInfo();
  1141. }
  1142. // #endif
  1143. this.$nextTick(() => {
  1144. if (good_list.length) {
  1145. // #ifndef APP-PLUS
  1146. that.setClientHeight();
  1147. // #endif
  1148. // #ifdef APP-PLUS
  1149. setTimeout(() => {
  1150. that.setClientHeight();
  1151. }, 1000);
  1152. // #endif
  1153. }
  1154. });
  1155. setTimeout(function() {
  1156. that.infoScroll();
  1157. }, 500);
  1158. // #ifndef H5
  1159. that.downloadFilestoreImage();
  1160. // #endif
  1161. // console.log('555');
  1162. that.DefaultSelect();
  1163. that.getCartCount();
  1164. this.showAnimate = true
  1165. })
  1166. .catch((err) => {
  1167. uni.hideLoading();
  1168. //状态异常返回上级页面
  1169. return that.$util.Tips({
  1170. title: err.toString(),
  1171. }, {
  1172. tab: 3,
  1173. url: 1,
  1174. });
  1175. });
  1176. },
  1177. infoScroll: function() {
  1178. var that = this,
  1179. topArr = [],
  1180. heightArr = [];
  1181. for (var i = 0; i < that.navList.length; i++) {
  1182. //productList
  1183. //获取元素所在位置
  1184. var query = uni.createSelectorQuery().in(this);
  1185. var idView = "#past" + i;
  1186. if (
  1187. (!this.replyCount && !that.good_list.length && i == 1) ||
  1188. (this.replyCount && !that.good_list.length && i == 2) ||
  1189. (!this.replyCount && that.good_list.length && i == 2)
  1190. ) {
  1191. idView = "#past" + 3;
  1192. }
  1193. if (!this.replyCount && that.good_list.length && i == 1) {
  1194. idView = "#past" + 2;
  1195. }
  1196. query.select(idView).boundingClientRect();
  1197. query.exec(function(res) {
  1198. var top = res[0].top;
  1199. var height = res[0].height;
  1200. topArr.push(top);
  1201. heightArr.push(height);
  1202. that.$set(that, "topArr", topArr);
  1203. that.$set(that, "heightArr", heightArr);
  1204. });
  1205. }
  1206. },
  1207. /**
  1208. * 拨打电话
  1209. */
  1210. makePhone: function() {
  1211. uni.makePhoneCall({
  1212. phoneNumber: this.systemStore.phone,
  1213. });
  1214. },
  1215. /**
  1216. * 打开地图
  1217. *
  1218. */
  1219. showMaoLocation: function() {
  1220. if (!this.systemStore.latitude || !this.systemStore.longitude)
  1221. return this.$util.Tips({
  1222. title: this.$t(`缺少经纬度信息无法查看地图`),
  1223. });
  1224. uni.openLocation({
  1225. latitude: parseFloat(this.systemStore.latitude),
  1226. longitude: parseFloat(this.systemStore.longitude),
  1227. scale: 8,
  1228. name: this.systemStore.name,
  1229. address: this.systemStore.address + this.systemStore.detailed_address,
  1230. success: function() {},
  1231. });
  1232. },
  1233. /**
  1234. * 默认选中属性
  1235. *
  1236. */
  1237. DefaultSelect: function() {
  1238. let productAttr = this.attr.productAttr;
  1239. let value = [];
  1240. for (var key in this.productValue) {
  1241. if (this.productValue[key].stock > 0) {
  1242. value = this.attr.productAttr.length ? key.split(",") : [];
  1243. break;
  1244. }
  1245. }
  1246. for (let i = 0; i < productAttr.length; i++) {
  1247. this.$set(productAttr[i], "index", value[i]);
  1248. }
  1249. //sort();排序函数:数字-英文-汉字;
  1250. let productSelect = this.productValue[value.join(",")];
  1251. if (productSelect && productAttr.length) {
  1252. // console.log(productSelect,'c');
  1253. this.$set(
  1254. this.attr.productSelect,
  1255. "store_name",
  1256. this.storeInfo.store_name
  1257. );
  1258. this.$set(this.attr.productSelect, "image", productSelect.image);
  1259. this.$set(this.attr.productSelect, "price", productSelect.price);
  1260. this.$set(this.attr.productSelect, "stock", productSelect.stock);
  1261. this.$set(this.attr.productSelect, "unique", productSelect.unique);
  1262. this.$set(this.attr.productSelect, "cart_num", this.storeInfo.min_qty);
  1263. this.$set(this, "attrValue", value.join(","));
  1264. this.$set(
  1265. this.attr.productSelect,
  1266. "vip_price",
  1267. productSelect.vip_price
  1268. );
  1269. this.$set(this, "attrTxt", this.$t(`已选择`));
  1270. } else if (!productSelect && productAttr.length) {
  1271. // console.log('b');
  1272. this.$set(
  1273. this.attr.productSelect,
  1274. "store_name",
  1275. this.storeInfo.store_name
  1276. );
  1277. this.$set(this.attr.productSelect, "image", this.storeInfo.image);
  1278. this.$set(this.attr.productSelect, "price", this.storeInfo.price);
  1279. this.$set(this.attr.productSelect, "stock", 0);
  1280. this.$set(this.attr.productSelect, "unique", "");
  1281. this.$set(this.attr.productSelect, "cart_num", 0);
  1282. this.$set(
  1283. this.attr.productSelect,
  1284. "vip_price",
  1285. this.storeInfo.vip_price
  1286. );
  1287. this.$set(this, "attrValue", "");
  1288. this.$set(this, "attrTxt", this.$t(`请选择`));
  1289. } else if (!productSelect && !productAttr.length) {
  1290. // console.log(this.storeInfo,'a');
  1291. this.$set(
  1292. this.attr.productSelect,
  1293. "store_name",
  1294. this.storeInfo.store_name
  1295. );
  1296. this.$set(this.attr.productSelect, "image", this.storeInfo.image);
  1297. this.$set(this.attr.productSelect, "price", this.storeInfo.price);
  1298. this.$set(this.attr.productSelect, "stock", this.storeInfo.stock);
  1299. this.$set(this.attr.productSelect, "pay_integral", this.storeInfo.pay_integral);
  1300. this.$set(
  1301. this.attr.productSelect,
  1302. "unique",
  1303. this.storeInfo.unique || ""
  1304. );
  1305. this.$set(this.attr.productSelect, "cart_num", this.storeInfo.min_qty);
  1306. this.$set(
  1307. this.attr.productSelect,
  1308. "vip_price",
  1309. this.storeInfo.vip_price
  1310. );
  1311. this.$set(this, "attrValue", "");
  1312. this.$set(this, "attrTxt", this.$t(`请选择`));
  1313. // console.log(this.attr.productSelect);
  1314. }
  1315. },
  1316. /**
  1317. * 获取优惠券
  1318. *
  1319. */
  1320. getCouponList(type) {
  1321. let that = this,
  1322. obj = {
  1323. page: 1,
  1324. limit: 20,
  1325. product_id: that.id,
  1326. };
  1327. if (type !== undefined || type !== null) {
  1328. obj.type = type;
  1329. }
  1330. getCoupons(obj).then((res) => {
  1331. that.$set(that.coupon, "count", res.data.count);
  1332. if (type === undefined || type === null) {
  1333. let count = [...that.coupon.count],
  1334. indexs = "";
  1335. let index = count.findIndex((item) => item);
  1336. let delCount = that.coupon.count,
  1337. newDelCount = [];
  1338. let countIndex = 0;
  1339. delCount.forEach((item, index) => {
  1340. if (item === 0) {
  1341. countIndex = index;
  1342. } else {
  1343. newDelCount.push(item);
  1344. }
  1345. });
  1346. if (newDelCount.length == 3) {
  1347. indexs = 2;
  1348. } else if (newDelCount.length == 2) {
  1349. if (countIndex === 2) {
  1350. indexs = 1;
  1351. } else {
  1352. indexs = 2;
  1353. }
  1354. } else {
  1355. indexs = delCount.findIndex((item) => item === count[index]);
  1356. }
  1357. that.$set(that.coupon, "type", indexs);
  1358. that.getCouponList(indexs);
  1359. } else {
  1360. that.$set(that.coupon, "list", res.data.list);
  1361. }
  1362. });
  1363. },
  1364. ChangCouponsUseState(index) {
  1365. let that = this;
  1366. that.coupon.list[index].is_use++;
  1367. // that.$set(that.coupon, "list", that.coupon.list);
  1368. that.$set(that.coupon, "coupon", false);
  1369. },
  1370. /**
  1371. *
  1372. *
  1373. * 收藏商品
  1374. */
  1375. setCollect: function() {
  1376. if (this.isLogin === false) {
  1377. toLogin();
  1378. } else {
  1379. let that = this;
  1380. if (this.storeInfo.userCollect) {
  1381. collectDel([this.storeInfo.id]).then((res) => {
  1382. that.$set(
  1383. that.storeInfo,
  1384. "userCollect",
  1385. !that.storeInfo.userCollect
  1386. );
  1387. return that.$util.Tips({
  1388. title: res.msg,
  1389. });
  1390. });
  1391. } else {
  1392. collectAdd(this.storeInfo.id).then((res) => {
  1393. that.$set(
  1394. that.storeInfo,
  1395. "userCollect",
  1396. !that.storeInfo.userCollect
  1397. );
  1398. return that.$util.Tips({
  1399. title: res.msg,
  1400. });
  1401. });
  1402. }
  1403. }
  1404. },
  1405. /**
  1406. * 打开属性插件
  1407. */
  1408. selecAttr: function() {
  1409. this.$refs.proSwiper.videoIsPause()
  1410. this.$set(this.attr, "cartAttr", true);
  1411. this.$set(this, "isOpen", true);
  1412. },
  1413. /**
  1414. * 打开优惠券插件
  1415. */
  1416. couponTap: function() {
  1417. let that = this;
  1418. if (that.isLogin === false) {
  1419. toLogin();
  1420. } else {
  1421. this.$refs.proSwiper.videoIsPause()
  1422. that.getCouponList();
  1423. that.$set(that.coupon, "coupon", true);
  1424. }
  1425. },
  1426. onMyEvent: function() {
  1427. this.$set(this.attr, "cartAttr", false);
  1428. this.$set(this, "isOpen", false);
  1429. },
  1430. /**
  1431. * 打开属性加入购物车
  1432. *
  1433. */
  1434. joinCart: function(e) {
  1435. //是否登录
  1436. if (this.isLogin === false) {
  1437. toLogin();
  1438. } else {
  1439. this.$refs.proSwiper.videoIsPause()
  1440. this.goCat();
  1441. }
  1442. },
  1443. goCart() {
  1444. uni.switchTab({
  1445. url: '/pages/order_addcart/order_addcart'
  1446. })
  1447. },
  1448. /*
  1449. * 加入购物车
  1450. */
  1451. goCat: function(news) {
  1452. let that = this,
  1453. productSelect = that.productValue[this.attrValue];
  1454. that.currentPage = false;
  1455. //打开属性
  1456. if (that.attrValue) {
  1457. //默认选中了属性,但是没有打开过属性弹窗还是自动打开让用户查看默认选中的属性
  1458. that.attr.cartAttr = !that.isOpen ? true : false;
  1459. } else {
  1460. if (that.isOpen) {
  1461. that.attr.cartAttr = true ;
  1462. }else {
  1463. that.attr.cartAttr = !that.attr.cartAttr
  1464. }
  1465. }
  1466. //只有关闭属性弹窗时进行加入购物车
  1467. if (that.attr.cartAttr === true && that.isOpen === false)
  1468. return (that.isOpen = true);
  1469. //如果有属性,没有选择,提示用户选择
  1470. if (
  1471. that.attr.productAttr.length &&
  1472. productSelect === undefined &&
  1473. that.isOpen === true
  1474. )
  1475. return that.$util.Tips({
  1476. title: that.$t(`产品库存不足,请选择其它属性`),
  1477. });
  1478. if (that.attr.productSelect.cart_num <= 0) {
  1479. that.attr.productSelect.cart_num = 1;
  1480. that.isOpen = false;
  1481. return that.$util.Tips({
  1482. title: that.$t(`请选择数量`),
  1483. });
  1484. }
  1485. let q = {
  1486. productId: that.id,
  1487. cartNum: that.attr.productSelect.cart_num,
  1488. new: news === undefined ? 0 : 1,
  1489. uniqueId: that.attr.productSelect !== undefined ?
  1490. that.attr.productSelect.unique : "",
  1491. virtual_type: that.storeInfo.virtual_type,
  1492. };
  1493. postCartAdd(q)
  1494. .then(function(res) {
  1495. that.isOpen = false;
  1496. that.attr.cartAttr = false;
  1497. if (news) {
  1498. uni.navigateTo({
  1499. url: "/pages/goods/order_confirm/index?new=1&cartId=" +
  1500. res.data.cartId,
  1501. });
  1502. } else {
  1503. that.$util.Tips({
  1504. title: that.$t(`添加成功`),
  1505. success: () => {
  1506. that.getCartCount(true);
  1507. },
  1508. });
  1509. }
  1510. })
  1511. .catch((err) => {
  1512. that.isOpen = false;
  1513. return that.$util.Tips({
  1514. title: err,
  1515. });
  1516. });
  1517. },
  1518. /**
  1519. * 获取购物车数量
  1520. * @param boolean 是否展示购物车动画和重置属性
  1521. */
  1522. getCartCount: function(isAnima) {
  1523. let that = this;
  1524. const isLogin = that.isLogin;
  1525. if (isLogin) {
  1526. getCartCounts().then((res) => {
  1527. that.CartCount = res.data.count;
  1528. this.$store.commit(
  1529. "indexData/setCartNum",
  1530. that.CartCount > 99 ? "..." : that.CartCount + ""
  1531. );
  1532. // uni.setTabBarBadge({
  1533. // index: Number(uni.getStorageSync('FOOTER_ADDCART')) || 2,
  1534. // text: that.CartCount + ''
  1535. // })
  1536. //加入购物车后重置属性
  1537. if (isAnima) {
  1538. that.animated = true;
  1539. setTimeout(function() {
  1540. that.animated = false;
  1541. }, 500);
  1542. }
  1543. });
  1544. }
  1545. },
  1546. /**
  1547. * 立即购买
  1548. */
  1549. goBuy: function(e) {
  1550. if (this.isLogin === false) {
  1551. toLogin();
  1552. } else {
  1553. this.$refs.proSwiper.videoIsPause()
  1554. this.goCat(true);
  1555. }
  1556. },
  1557. open(data) {
  1558. this.showMenuIcon = data;
  1559. },
  1560. // 授权关闭
  1561. authColse: function(e) {
  1562. this.isShowAuth = e;
  1563. },
  1564. /**
  1565. * 分享打开
  1566. *
  1567. */
  1568. listenerActionSheet() {
  1569. this.currentPage = false
  1570. this.downloadFilePromotionCode();
  1571. if (this.isLogin === false) {
  1572. toLogin();
  1573. } else {
  1574. if (this.posterImage) {
  1575. this.posters = true;
  1576. return
  1577. }
  1578. // #ifdef H5
  1579. if (this.$wechat.isWeixin()) {
  1580. // this.ShareInfo()
  1581. this.weixinStatus = true;
  1582. }
  1583. // #endif
  1584. // #ifdef MP
  1585. // this.downloadFilePromotionCode();
  1586. // #endif
  1587. // #ifdef APP-PLUS
  1588. if (this.PromotionCode.indexOf("http") == 0) {
  1589. // this.downloadFilePromotionCode();
  1590. }
  1591. // #endif
  1592. this.posters = true;
  1593. }
  1594. },
  1595. // 分享关闭
  1596. listenerActionClose: function() {
  1597. this.posters = false;
  1598. this.posterImageStatus = false;
  1599. },
  1600. //隐藏海报
  1601. posterImageClose: function() {
  1602. this.posterImageStatus = false;
  1603. },
  1604. // 小程序关闭分享弹窗;
  1605. goFriend: function() {
  1606. this.posters = false;
  1607. },
  1608. /*
  1609. * 保存到手机相册
  1610. */
  1611. // #ifdef MP
  1612. savePosterPath: function() {
  1613. let that = this;
  1614. uni.getSetting({
  1615. success(res) {
  1616. if (!res.authSetting["scope.writePhotosAlbum"]) {
  1617. uni.authorize({
  1618. scope: "scope.writePhotosAlbum",
  1619. success() {
  1620. uni.saveImageToPhotosAlbum({
  1621. filePath: that.posterImage,
  1622. success: function(res) {
  1623. that.posterImageClose();
  1624. that.$util.Tips({
  1625. title: that.$t(`保存成功`),
  1626. icon: "success",
  1627. });
  1628. },
  1629. fail: function(res) {
  1630. that.$util.Tips({
  1631. title: that.$t(`保存失败`),
  1632. });
  1633. },
  1634. });
  1635. },
  1636. });
  1637. } else {
  1638. uni.saveImageToPhotosAlbum({
  1639. filePath: that.posterImage,
  1640. success: function(res) {
  1641. that.posterImageClose();
  1642. that.$util.Tips({
  1643. title: that.$t(`保存成功`),
  1644. icon: "success",
  1645. });
  1646. },
  1647. fail: function(res) {
  1648. that.$util.Tips({
  1649. title: that.$t(`保存失败`),
  1650. });
  1651. },
  1652. });
  1653. }
  1654. },
  1655. });
  1656. },
  1657. // #endif
  1658. //#ifdef APP-PLUS
  1659. savePosterPath() {
  1660. let that = this;
  1661. uni.saveImageToPhotosAlbum({
  1662. filePath: that.posterImage,
  1663. success: function(res) {
  1664. that.posterImageClose();
  1665. that.$util.Tips({
  1666. title: that.$t(`保存成功`),
  1667. icon: "success",
  1668. });
  1669. },
  1670. fail: function(res) {
  1671. that.$util.Tips({
  1672. title: that.$t(`保存失败`),
  1673. });
  1674. },
  1675. });
  1676. },
  1677. // #endif
  1678. //#ifdef H5
  1679. ShareInfo() {
  1680. let data = this.storeInfo;
  1681. let href = location.href;
  1682. if (this.$wechat.isWeixin()) {
  1683. getUserInfo().then((res) => {
  1684. href =
  1685. href.indexOf("?") === -1 ?
  1686. href + "?spread=" + res.data.uid :
  1687. updateURLParameter(href, 'spread', res.data.uid);
  1688. let configAppMessage = {
  1689. desc: data.store_info,
  1690. title: data.store_name,
  1691. link: href,
  1692. imgUrl: data.image,
  1693. };
  1694. this.$wechat
  1695. .wechatEvevt(
  1696. [
  1697. "updateAppMessageShareData",
  1698. "updateTimelineShareData",
  1699. "onMenuShareAppMessage",
  1700. "onMenuShareTimeline",
  1701. ],
  1702. configAppMessage
  1703. )
  1704. .then((res) => {})
  1705. .catch((err) => {});
  1706. });
  1707. }
  1708. },
  1709. //#endif
  1710. tabCouponType: function(type) {
  1711. this.$set(this.coupon, "type", type);
  1712. this.getCouponList(type);
  1713. },
  1714. //点击sku图片打开轮播图
  1715. showImg(index) {
  1716. this.$refs.cusPreviewImg.open(this.selectSku.suk);
  1717. },
  1718. showSwiperImg(index) {
  1719. this.$refs.cusSwiperImg.open(index);
  1720. },
  1721. //滑动轮播图选择商品
  1722. changeSwitch(e) {
  1723. let productSelect = this.skuArr[e];
  1724. this.$set(this, "selectSku", productSelect);
  1725. var skuList = productSelect.suk.split(",");
  1726. this.$set(this.attr.productAttr[0], "index", skuList[0]);
  1727. if (skuList.length == 2) {
  1728. this.$set(this.attr.productAttr[0], "index", skuList[0]);
  1729. this.$set(this.attr.productAttr[1], "index", skuList[1]);
  1730. } else if (skuList.length == 3) {
  1731. this.$set(this.attr.productAttr[0], "index", skuList[0]);
  1732. this.$set(this.attr.productAttr[1], "index", skuList[1]);
  1733. this.$set(this.attr.productAttr[2], "index", skuList[2]);
  1734. } else if (skuList.length == 4) {
  1735. this.$set(this.attr.productAttr[0], "index", skuList[0]);
  1736. this.$set(this.attr.productAttr[1], "index", skuList[1]);
  1737. this.$set(this.attr.productAttr[2], "index", skuList[2]);
  1738. this.$set(this.attr.productAttr[3], "index", skuList[3]);
  1739. }
  1740. if (productSelect) {
  1741. this.$set(this.attr.productSelect, "image", productSelect.image);
  1742. this.$set(this.attr.productSelect, "price", productSelect.price);
  1743. this.$set(this.attr.productSelect, "stock", productSelect.stock);
  1744. this.$set(this.attr.productSelect, "unique", productSelect.unique);
  1745. this.$set(this.attr.productSelect, "vipPrice", productSelect.vipPrice);
  1746. this.$set(this, "attrTxt", this.$t(`已选择`));
  1747. this.$set(this, "attrValue", productSelect.suk);
  1748. }
  1749. },
  1750. },
  1751. };
  1752. </script>
  1753. <style scoped lang="scss">
  1754. .activity_pin {
  1755. width: auto;
  1756. height: 44rpx;
  1757. line-height: 44rpx;
  1758. // background: linear-gradient(90deg, rgba(233, 51, 35, 1) 0%, rgba(250, 101, 20, 1) 100%);
  1759. background-color: var(--view-theme);
  1760. opacity: 1;
  1761. border-radius: 22rpx;
  1762. padding: 0 15rpx;
  1763. margin-left: 19rpx;
  1764. }
  1765. .activity_miao {
  1766. width: auto;
  1767. height: 44rpx;
  1768. line-height: 44rpx;
  1769. padding: 0 15rpx;
  1770. // background: linear-gradient(90deg, rgba(250, 102, 24, 1) 0%, rgba(254, 161, 15, 1) 100%);
  1771. background-color: var(--view-theme);
  1772. opacity: 1;
  1773. border-radius: 22rpx;
  1774. margin-left: 19rpx;
  1775. }
  1776. .iconfonts {
  1777. color: #fff !important;
  1778. font-size: 28rpx;
  1779. }
  1780. .activity_title {
  1781. font-size: 24rpx;
  1782. color: #fff;
  1783. }
  1784. .activity_kan {
  1785. width: auto;
  1786. height: 44rpx;
  1787. line-height: 44rpx;
  1788. padding: 0 15rpx;
  1789. // background: linear-gradient(90deg, rgba(254, 159, 15, 1) 0%, rgba(254, 178, 15, 1) 100%);
  1790. background-color: var(--view-theme);
  1791. opacity: 1;
  1792. border-radius: 22rpx;
  1793. margin-left: 19rpx;
  1794. }
  1795. .mask {
  1796. z-index: 300 !important;
  1797. }
  1798. .head-bar {
  1799. background: #fff;
  1800. }
  1801. .generate-posters {
  1802. width: 100%;
  1803. height: 170rpx;
  1804. background-color: #fff;
  1805. position: fixed;
  1806. left: 0;
  1807. bottom: 0;
  1808. z-index: 388;
  1809. transform: translate3d(0, 100%, 0);
  1810. transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  1811. border-top: 1rpx solid #eee;
  1812. }
  1813. .generate-posters.on {
  1814. transform: translate3d(0, 0, 0);
  1815. }
  1816. .generate-posters .item {
  1817. flex: 1;
  1818. text-align: center;
  1819. font-size: 30rpx;
  1820. }
  1821. .generate-posters .item .iconfont {
  1822. font-size: 80rpx;
  1823. color: #5eae72;
  1824. }
  1825. .generate-posters .item .iconfont.icon-haibao {
  1826. color: #5391f1;
  1827. }
  1828. .generate-posters .item .iconfont.icon-haowuquan1 {
  1829. color: #ff954d;
  1830. }
  1831. .product-con .footer {
  1832. padding: 0 20rpx 0 30rpx;
  1833. position: fixed;
  1834. bottom: 0;
  1835. width: 100%;
  1836. box-sizing: border-box;
  1837. background-color: rgba(255, 255, 255, 0.85);
  1838. backdrop-filter: blur(10px);
  1839. z-index: 277;
  1840. border-top: 1rpx solid #f0f0f0;
  1841. height: 100rpx;
  1842. height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  1843. height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
  1844. transform: translate3d(0, 100%, 0);
  1845. transition: all .3s cubic-bezier(.25, .5, .5, .9);
  1846. }
  1847. .product-con .footer .item {
  1848. font-size: 18rpx;
  1849. color: #666;
  1850. }
  1851. .product-con .footer .item .iconfont {
  1852. text-align: center;
  1853. font-size: 40rpx;
  1854. }
  1855. .product-con .footer .item .iconfont.icon-shoucang1 {
  1856. color: var(--view-theme);
  1857. }
  1858. .product-con .footer .item .iconfont.icon-gouwuche1 {
  1859. font-size: 40rpx;
  1860. position: relative;
  1861. }
  1862. .product-con .footer .item .iconfont.icon-gouwuche1 .num {
  1863. color: #fff;
  1864. position: absolute;
  1865. font-size: 18rpx;
  1866. padding: 2rpx 10rpx 3rpx;
  1867. border-radius: 200rpx;
  1868. top: -10rpx;
  1869. right: -10rpx;
  1870. }
  1871. .virbnt {
  1872. width: 444rpx !important;
  1873. height: 76rpx !important;
  1874. border-radius: 50rpx !important;
  1875. overflow: hidden;
  1876. }
  1877. .virbnts {
  1878. width: 444rpx !important;
  1879. text-align: center;
  1880. line-height: 76rpx;
  1881. color: #fff;
  1882. font-size: 28rpx;
  1883. background-color: var(--view-bntColor);
  1884. border-radius: 50rpx !important;
  1885. }
  1886. .product-con .footer .bnt {
  1887. width: 444rpx;
  1888. height: 76rpx;
  1889. }
  1890. .product-con .footer .bnt .bnts {
  1891. width: 222rpx;
  1892. text-align: center;
  1893. line-height: 76rpx;
  1894. color: #fff;
  1895. font-size: 28rpx;
  1896. }
  1897. .product-con .footer .bnt .joinCart {
  1898. border-radius: 50rpx 0 0 50rpx;
  1899. background-color: var(--view-bntColor);
  1900. // background-image: linear-gradient(to right, #fea10f 0%, #fa8013 100%);
  1901. }
  1902. .product-con .footer .bnt .buy {
  1903. border-radius: 0 50rpx 50rpx 0;
  1904. background-color: var(--view-theme);
  1905. // background-image: linear-gradient(to right, #fa6514 0%, #e93323 100%);
  1906. }
  1907. .product-con .store-info {
  1908. margin-top: 20rpx;
  1909. background-color: #fff;
  1910. }
  1911. .product-con .store-info .title {
  1912. padding: 0 30rpx;
  1913. font-size: 28rpx;
  1914. color: #282828;
  1915. height: 80rpx;
  1916. line-height: 80rpx;
  1917. border-bottom: 1px solid #f5f5f5;
  1918. }
  1919. .product-con .store-info .info {
  1920. padding: 0 30rpx;
  1921. height: 126rpx;
  1922. }
  1923. .product-con .store-info .info .picTxt {
  1924. width: 615rpx;
  1925. }
  1926. .product-con .store-info .info .picTxt .pictrue {
  1927. width: 76rpx;
  1928. height: 76rpx;
  1929. }
  1930. .product-con .store-info .info .picTxt .pictrue image {
  1931. width: 100%;
  1932. height: 100%;
  1933. border-radius: 6rpx;
  1934. }
  1935. .product-con .store-info .info .picTxt .text {
  1936. width: 522rpx;
  1937. }
  1938. .product-con .store-info .info .picTxt .text .name {
  1939. font-size: 30rpx;
  1940. color: #282828;
  1941. }
  1942. .product-con .store-info .info .picTxt .text .address {
  1943. font-size: 24rpx;
  1944. color: #666;
  1945. margin-top: 3rpx;
  1946. }
  1947. .product-con .store-info .info .picTxt .text .address .iconfont {
  1948. color: #707070;
  1949. font-size: 18rpx;
  1950. margin-left: 10rpx;
  1951. }
  1952. .product-con .store-info .info .picTxt .text .address .addressTxt {
  1953. max-width: 480rpx;
  1954. }
  1955. .product-con .store-info .info .iconfont {
  1956. font-size: 40rpx;
  1957. }
  1958. .product-con .superior {
  1959. background-color: #fff;
  1960. margin-top: 20rpx;
  1961. padding-bottom: 10rpx;
  1962. }
  1963. .product-con .superior .title {
  1964. height: 98rpx;
  1965. }
  1966. .product-con .superior .title .lingw {
  1967. width: 23rpx;
  1968. height: 23rpx;
  1969. background-color: var(--view-minorColorT);
  1970. transform: rotate(45deg);
  1971. }
  1972. .product-con .superior .title .lingn {
  1973. width: 11rpx;
  1974. height: 11rpx;
  1975. background-color: var(--view-theme);
  1976. }
  1977. .product-con .superior .title image {
  1978. width: 30rpx;
  1979. height: 30rpx;
  1980. }
  1981. .product-con .superior .title .titleTxt {
  1982. margin: 0 20rpx;
  1983. font-size: 30rpx;
  1984. color: var(--view-theme);
  1985. // background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%);
  1986. // -webkit-background-clip: text;
  1987. // -webkit-text-fill-color: transparent;
  1988. }
  1989. .product-con .superior .slider-banner {
  1990. width: 690rpx;
  1991. margin: 0 auto;
  1992. position: relative;
  1993. }
  1994. .product-con .superior .slider-banner swiper {
  1995. height: 100%;
  1996. width: 100%;
  1997. }
  1998. .product-con .superior .slider-banner swiper-item {
  1999. height: 100%;
  2000. }
  2001. .product-con .superior .slider-banner .list {
  2002. width: 100%;
  2003. }
  2004. .product-con .superior .slider-banner .list .item {
  2005. width: 215rpx;
  2006. margin: 0 22rpx 30rpx 0;
  2007. font-size: 26rpx;
  2008. }
  2009. .product-con .superior .slider-banner .list .item:nth-of-type(3n) {
  2010. margin-right: 0;
  2011. }
  2012. .product-con .superior .slider-banner .list .item .pictrue {
  2013. position: relative;
  2014. width: 100%;
  2015. height: 215rpx;
  2016. border-radius: 20rpx;
  2017. }
  2018. .product-con .superior .slider-banner .list .item .pictrue image {
  2019. width: 100%;
  2020. height: 100%;
  2021. border-radius: 20rpx;
  2022. }
  2023. .product-con .superior .slider-banner .list .item .name {
  2024. color: #282828;
  2025. margin-top: 12rpx;
  2026. }
  2027. .product-con .superior .slider-banner .swiper-pagination-bullet {
  2028. background-color: #999;
  2029. }
  2030. .product-con .superior .slider-banner .swiper-pagination-bullet-active {
  2031. background-color: #e93323;
  2032. }
  2033. button {
  2034. padding: 0;
  2035. margin: 0;
  2036. line-height: normal;
  2037. background-color: #fff;
  2038. }
  2039. button::after {
  2040. border: 0;
  2041. }
  2042. action-sheet-item {
  2043. padding: 0;
  2044. height: 240rpx;
  2045. align-items: center;
  2046. display: flex;
  2047. }
  2048. .contact {
  2049. font-size: 16px;
  2050. width: 50%;
  2051. background-color: #fff;
  2052. padding: 8rpx 0;
  2053. border-radius: 0;
  2054. margin: 0;
  2055. line-height: 2;
  2056. }
  2057. .contact::after {
  2058. border: none;
  2059. }
  2060. .action-sheet {
  2061. font-size: 17px;
  2062. line-height: 1.8;
  2063. width: 50%;
  2064. position: absolute;
  2065. top: 0;
  2066. right: 0;
  2067. padding: 25rpx 0;
  2068. }
  2069. .canvas {
  2070. z-index: 300;
  2071. width: 750px;
  2072. height: 1190px;
  2073. }
  2074. .poster-pop {
  2075. width: 450rpx;
  2076. height: 714rpx;
  2077. position: fixed;
  2078. left: 50%;
  2079. transform: translateX(-50%);
  2080. z-index: 399;
  2081. top: 50%;
  2082. margin-top: -377rpx;
  2083. }
  2084. .poster-pop image {
  2085. width: 100%;
  2086. height: 100%;
  2087. display: block;
  2088. }
  2089. .poster-pop .close {
  2090. width: 46rpx;
  2091. height: 75rpx;
  2092. position: fixed;
  2093. right: 0;
  2094. top: -73rpx;
  2095. display: block;
  2096. }
  2097. .poster-pop .save-poster {
  2098. background-color: #df2d0a;
  2099. font-size: :22rpx;
  2100. color: #fff;
  2101. text-align: center;
  2102. height: 76rpx;
  2103. line-height: 76rpx;
  2104. width: 100%;
  2105. }
  2106. .poster-pop .keep {
  2107. color: #fff;
  2108. text-align: center;
  2109. font-size: 25rpx;
  2110. margin-top: 10rpx;
  2111. }
  2112. .mask {
  2113. position: fixed;
  2114. top: 0;
  2115. left: 0;
  2116. right: 0;
  2117. bottom: 0;
  2118. background-color: rgba(0, 0, 0, 0.6);
  2119. z-index: 9;
  2120. }
  2121. .wrapper .coupon-title {
  2122. line-height: 44rpx;
  2123. }
  2124. .pro-wrapper .iconn {
  2125. background-image: url("data:image/png;base64,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");
  2126. width: 100rpx;
  2127. height: 100rpx;
  2128. background-repeat: no-repeat;
  2129. background-size: 100% 100%;
  2130. margin: 0 auto;
  2131. }
  2132. .pro-wrapper .iconn.iconn1 {
  2133. background-image: url("data:image/png;base64,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");
  2134. }
  2135. .navbar .header {
  2136. height: 96rpx;
  2137. font-size: 30rpx;
  2138. color: #050505;
  2139. background-color: #fff;
  2140. /* #ifdef APP-PLUS */
  2141. width: 100%;
  2142. /* #endif */
  2143. }
  2144. .home {
  2145. /* #ifdef H5 */
  2146. top: 20rpx !important;
  2147. /* #endif */
  2148. }
  2149. .navbar .header .item {
  2150. position: relative;
  2151. margin: 0 25rpx;
  2152. }
  2153. .navbar .header .item.on:before {
  2154. position: absolute;
  2155. width: 60rpx;
  2156. height: 5rpx;
  2157. background-repeat: no-repeat;
  2158. content: '';
  2159. // background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%);
  2160. background-color: var(--view-theme);
  2161. bottom: -10rpx;
  2162. left: 50%;
  2163. margin-left: -28rpx;
  2164. }
  2165. .navbar {
  2166. position: fixed;
  2167. background-color: #fff;
  2168. top: 0;
  2169. left: 0;
  2170. z-index: 99;
  2171. width: 100%;
  2172. }
  2173. .navbar .navbarH {
  2174. position: relative;
  2175. }
  2176. .navbar .navbarH .navbarCon {
  2177. position: absolute;
  2178. bottom: 0;
  2179. height: 100rpx;
  2180. width: 100%;
  2181. /* #ifndef APP-PLUS || H5 || MP-ALIPAY */
  2182. // justify-content: flex-end;
  2183. padding-left: 48px;
  2184. /* #endif */
  2185. }
  2186. .home {
  2187. color: #333;
  2188. position: fixed;
  2189. /* #ifdef MP */
  2190. width: 126rpx;
  2191. left: 15rpx;
  2192. /* #endif */
  2193. /* #ifndef MP */
  2194. width: 56rpx;
  2195. left: 33rpx;
  2196. /* #endif */
  2197. height: 56rpx;
  2198. z-index: 99;
  2199. background: rgba(255, 255, 255, 0.3);
  2200. border: 1px solid rgba(0, 0, 0, 0.1);
  2201. border-radius: 40rpx;
  2202. font-size: 33rpx;
  2203. &.right {
  2204. right: 33rpx;
  2205. left: unset
  2206. }
  2207. &.on {
  2208. background: unset;
  2209. color: #333;
  2210. }
  2211. &.homeIndex {
  2212. /* #ifdef MP */
  2213. width: 98rpx;
  2214. /* #endif */
  2215. /* #ifndef MP */
  2216. border-color: rgba(255, 255, 255, 0);
  2217. /* #endif */
  2218. }
  2219. }
  2220. .home .iconfont {
  2221. width: 58rpx;
  2222. text-align: center;
  2223. }
  2224. .home .line {
  2225. width: 1rpx;
  2226. height: 34rpx;
  2227. background: #B3B3B3;
  2228. }
  2229. .home .icon-xiangzuo {
  2230. font-size: 28rpx;
  2231. }
  2232. .share-box {
  2233. z-index: 1000;
  2234. position: fixed;
  2235. left: 0;
  2236. top: 0;
  2237. width: 100%;
  2238. height: 100%;
  2239. image {
  2240. width: 100%;
  2241. height: 100%;
  2242. }
  2243. }
  2244. .product-con .conter {
  2245. display: block;
  2246. }
  2247. .product-con .conter img {
  2248. display: block;
  2249. }
  2250. .svip {
  2251. height: 64rpx;
  2252. padding: 0 26rpx 0 60rpx;
  2253. margin: 24rpx 30rpx 0;
  2254. background: url("data:image/png;base64,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") center/100% 100% no-repeat;
  2255. font-size: 24rpx;
  2256. color: #ae5a2a;
  2257. }
  2258. .svip .iconfont {
  2259. margin-left: 12rpx;
  2260. font-size: 24rpx;
  2261. }
  2262. .product-con .wrapper .share .money image {
  2263. width: 66rpx;
  2264. height: 26rpx;
  2265. }
  2266. .introduce {
  2267. min-height: 44rpx;
  2268. }
  2269. .limit_good {
  2270. font-size: 16rpx;
  2271. margin: 10rpx 30rpx;
  2272. color: red;
  2273. .line{
  2274. padding: 0 6rpx;
  2275. }
  2276. }
  2277. .attrImg {
  2278. width: 66rpx;
  2279. height: 66rpx;
  2280. border-radius: 6rpx;
  2281. display: block;
  2282. margin-right: 14rpx;
  2283. }
  2284. .switchTxt {
  2285. height: 60rpx;
  2286. // flex: 1;
  2287. line-height: 60rpx;
  2288. box-sizing: border-box;
  2289. background: #eeeeee;
  2290. padding: 0 10rpx;
  2291. border-radius: 8rpx;
  2292. text-align: center;
  2293. }
  2294. .attribute {
  2295. padding: 10rpx 30rpx;
  2296. .line1 {
  2297. width: 600rpx;
  2298. }
  2299. }
  2300. .flex {
  2301. display: flex;
  2302. justify-content: space-between;
  2303. width: 100%;
  2304. }
  2305. .flexs {
  2306. display: flex;
  2307. }
  2308. .attr-txt {
  2309. display: flex;
  2310. flex-wrap: nowrap;
  2311. width: 130rpx;
  2312. }
  2313. .presell_count {
  2314. margin-top: 20rpx;
  2315. font-size: 26rpx;
  2316. color: #999999;
  2317. padding: 20rpx 30rpx;
  2318. .presell_time {
  2319. margin: 8rpx 0 4rpx;
  2320. .area_line {
  2321. display: inline-block;
  2322. margin: 0 6rpx;
  2323. }
  2324. }
  2325. .icon-shijian1 {
  2326. display: inline-block;
  2327. margin-right: 4rpx;
  2328. }
  2329. }
  2330. .presale .bnts {
  2331. width: 444rpx;
  2332. height: 76rpx;
  2333. border-radius: 50rpx 50rpx;
  2334. background-color: var(--view-theme);
  2335. text-align: center;
  2336. line-height: 76rpx;
  2337. color: #fff;
  2338. font-size: 28rpx;
  2339. }
  2340. </style>