goodsInfo.wxml
20.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
<import src="../../../utils/wxParse/wxParse.wxml"></import>
<wxs module="filters" src="../../../utils/filter.wxs"></wxs>
<wxs module="g_filters" src="g_filter.wxs"></wxs>
<wxs module="tool" src="filter.wxs"></wxs>
<!-- 商品内容区域,普通商品,秒杀,拼团 -->
<!-- <block wx:if="{{isshow}}"> -->
<block>
<view class="container">
<!-- <view class="type-navbar">
<view class="type-box" wx:for="{{categories}}" wx:key="categories">
<view bindtap="tabClick" class="type-navbar-item {{activeCategoryId==item.id?'type-item-on':''}}" id="{{item.id}}">
{{item.name}}
</view>
</view>
</view> -->
<view class="goods-detail">
<view class="goods-info" hidden="{{activeCategoryId==0?false:true}}">
<view id="id" bindtouchstart="handletouchtart" bindtouchmove="handletouchmove">
<view class="xc-videos-picture rel">
<swiper autoplay="{{false}}" current="{{swiperCurrent}}" class="swiper_box swiperContainer rel" duration="{{1000}}" indicatorDots="{{mapurl?false:true}}" interval="{{3000}}" vertical="{{false}}" bindchange="swiperChange">
<swiper-item>
<image class="wh100" src="{{iurl + data.image_url}}" mode="aspectFit" binderror="bind_bnerr" lazy-load="true" data-errorimg="gallery[{{index}}].image_url"></image>
</swiper-item>
</swiper>
</view>
</view>
<block>
<view class="goods-price rel">
<view class="co-red" style="overflow: hidden">
<view class="market-price" style="overflow: hidden"></view>
</view>
<view>
<view class="co-red"><text class="rel yuan">￥</text>{{filters.toFix(data.shop_price,2)}}</view>
<view class="goods-title"> <view class="goods-name elli">{{data.goods_name}}</view></view>
</view>
<view wx:if="{{service_list}}">
<view class="fs32 c-5" style="margin-bottom: 10rpx;">服务项目信息</view>
<block wx:for="{{service_list}}">
<view class="goods-num" style="margin-bottom: 10rpx;">
<view class="sales">耗时：{{item.timeConsuming}}</view>
<view class="stock">次数：{{item.frequency}}</view>
<view class="stock">有效天数：{{data.validDays}}</view>
</view>
</block>
</view>
</view>
</block>
<!-- 门店收货地址 -->
<view class="xc-address_frame bdt16 flex-vertical xc-ash {{def_pick_store!=null?'sn_height':'on_height'}}" >
<view class="address_frame" bindtap="choice_store" data-ind="0">
<view class="flex-vertical-between ">
<view class="flex-vertical select_store_height">
<image class="stores-img" src="{{iurl}}/miniapp/images/stores.png"></image>
<view class="fs30" style="color:black;">选择门店</view>
</view>
<view class="red_bb fs30">
更多门店
<text class="bg_jj"></text>
</view>
</view>
<view wx:if="{{def_pick_store && def_pick_store.pickup_name}}">
<view class="flex-space-between address ai_end ">
<view>
<text class="fs30 xc-black3 shop_name">{{def_pick_store.pickup_name}}</text>
</view>
<view class="distance fs24"wx:if="{{def_pick_store.distance!=null}}">
距离：{{def_pick_store.distance>1000?filters.toFix(def_pick_store.distance/1000,2)+"km":filters.toFix(def_pick_store.distance,0)+"m"}}
</view>
</view>
<view class="no_store" wx:if="{{only_pk && !only_pk.length}}">(未找到门店)</view>
<block wx:else>
<view class="no_store" wx:if="{{def_pickpu_list && !def_pickpu_list.length}}">(未找到门店)</view>
<block wx:else>
<view class="no_store" wx:if="{{def_pick_store && def_pick_store.is_no_dis}}">(配送不匹配)</view>
</block>
</block>
<view class="fs24 xc-ash-9f">地址:{{def_pick_store.fulladdress}}</view>
</view>
</view>
</view>
<!-- 图文详情 -->
<view>
<view class="tuwen_title">
<view class="g_line"></view>
<view class="center_s">
<image src="{{iurl}}/miniapp/images/tuwen_c.png"></image><text>详情</text>
</view>
</view>
<view class="wxParse">
<template is="wxParse" data="{{wxParseData:content.nodes}}"></template>
</view>
</view>
<!-- 推荐商品 -->
<!-- <view class="flex-center rel xc-linellae-frame">
<view class="xc-linellae"></view>
<view class="abs flex-center xc-recommend-frame ">
<image class=" xc-recommend" src="{{iurl}}/miniapp/images/diamond.png">
</image>
<view class="xc-recommend-word">推荐</view>
</view>
</view>
<goods_recommend id="goods_list"></goods_recommend> -->
</view>
</view>
</view>
<!---滚动到顶部---->
<view bindtap="doScrollTop" class="toTop" wx:if="{{supportPageScroll}}">
<image class="wh100" src="{{iurl}}/miniapp/images/topup.png"></image>
</view>
<!-- 底部按钮 -->
<view class="join-cart">
<!-- bindtap="contactService" -->
<button wx:if="{{sys_switch.weapp_customertype}}" class="custom-service cart-ico new_split" open-type="contact" session-from="wechat|{{userInfo.user_id}}|{{userInfo.nickname}}|{{userInfo.head_pic}}">
<image class="cs-img" src="{{iurl}}/miniapp/images/custom-service.png"></image>
<view>客服</view>
</button>
<view wx:else class="custom-service cart-ico new_split" bindtap="contactService">
<image class="cs-img" src="{{iurl}}/miniapp/images/custom-service.png"></image>
<view>客服</view>
</view>
<view class="shopping-cart cart-ico new_split">
<navigator open-type="switchTab" url="/pages/cart/cart/cart">
<image class="sc-img" src="{{iurl}}/miniapp/images/shopping-cart.png"></image>
<view class="cart-num ellipsis-1"> {{cartGoodsNum}} </view>
<view>购物车</view>
</navigator>
</view>
<block>
<!-- <view bindtap="openSpecModel" data-ind="1" class="join-btn cart-btn">加入购物车</view> -->
<view bindtap="openSpecModel" data-ind="2" class="buy-btn cart-btn" style="width: 64%; border-radius: 56rpx;">立即购买</view>
</block>
</view>
<!-- 制作一个圆球导航 -->
<nav_box></nav_box>
</block>
<!-- 弹起来,选择规格数量,普通商品购买和秒杀 -->
<view hidden="{{!openSpecModal}}">
<view bindtap="closeSpecModal" class="cover-layer"></view>
<view class="spec-model">
<view class="pding">
<icon bindtap="closeSpecModal" class="modal-close" color="black" size="22" type="cancel"></icon>
<view class="spec-goods">
<image class="wh100 spec-img" src="{{iurl + data.image_url}}" binderror="pop_err_img" data-errorimg="sele_g.original_img"/>
<view class="spec-goods-info">
<view class="spec-goods-name ellipsis-2">{{data.goods_name}}</view>
<view class="flex ai_end xc-val-money" >
<view class="spec-goods-price"><text class="fs20">￥</text><block wx>{{data.shop_price}}</block></view>
</view>
</view>
</view>
<!-- 选择门店模块 -->
<view class="flex-space-between address ai_end xc-width" style="margin-top: 30rpx;">
<view class="flex ai_end" wx:if="{{def_pick_store && def_pick_store.pickup_name}}">
<text class="fs30 xc-black3 shop_name">{{def_pick_store.pickup_name}}</text>
<view class="distance fs24 xc-ash"wx:if="{{def_pick_store.distance!=null}}">
距离:{{def_pick_store.distance>1000?filters.toFix(def_pick_store.distance/1000,2)+"km":filters.toFix(def_pick_store.distance,0)+"m"}}
</view>
</view>
<!-- 没有门店的时候 -->
<view class="flex" bindtap="choice_store" wx:else>
<image class="stores-img" src="{{iurl}}/miniapp/images/stores.png"></image>
<view class="fs30" style="color:black;">选择门店</view>
</view>
<view class="red-co fs28" bindtap="choice_store" >
更多门店
<text class="right-arrow"></text>
</view>
</view>
<view wx:if="{{only_pk && !only_pk.length}}">(库存不足)</view>
<block wx:else>
<view wx:if="{{def_pickpu_list && !def_pickpu_list.length}}">(库存不足)</view>
<block wx:else>
<view class="no_store" wx:if="{{def_pick_store.is_no_dis}}">(配送不匹配)</view>
<view wx:elif="{{def_pick_store && !def_pick_store.CanOutQty && sales_rules==2 && prom_type==0}}">(库存不足)</view>
</block>
</block>
<view class="fs24 xc-ash-9f xc-distance-top "wx:if="{{def_pick_store && def_pick_store.fulladdress}}">地址:{{def_pick_store.fulladdress}}</view>
</view>
<view class="b_num">
<view>购买数量</view>
<view class="count">
<view bindtap="subCartNum" class="sub">-</view>
<input bindblur="inputCartNum" type="number" value="{{goodsInputNum}}"></input>
<view bindtap="addCartNum" class="add">+</view>
</view>
</view>
<view class="spec-cart-btns">
<view wx:if="{{def_pick_store && def_pick_store.is_no_dis}}" class="spec-cart-btn fs32" data-action="add"
style="background-color: #dcdcdc;color: #999;">配送不匹配</view>
<block wx:else>
<!-- 根本就找不到门店 -->
<block wx:if="{{!only_pk && !def_pickpu_list}}">
<view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999;">库存不足</view>
</block>
<block wx:else>
<block wx:if="{{only_pk.length && !only_pk.length}}">
<view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999;">库存不足</view>
</block>
<block wx:else>
<block wx:if="{{def_pickpu_list && !def_pickpu_list.length}}">
<view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">库存不足</view>
</block>
<block wx:else>
<block wx:if="{{!def_pick_store}}">
<view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">请先选择门店</view>
</block>
<block wx:else>
<!-- 如果是线下库存购买的时候,且是普通商品购买的时候 -->
<block wx:if="{{sales_rules==2 && prom_type==0}}">
<block wx:if="{{!def_pick_store.CanOutQty}}">
<view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">库存不足</view>
</block>
<block wx:else>
<view wx:if="{{openSpecModal_ind==1}}" bindtap="addCart"data-openSpecModal_ind="{{openSpecModal_ind}}"
class="spec-cart-btn yellow fs32" data-action="add">加入购物车</view>
<view wx:if="{{openSpecModal_ind==2}}" bindtap="addCart"data-openSpecModal_ind="{{openSpecModal_ind}}"
class="spec-cart-btn spec-buy" data-action="buy">
{{sele_g.offline_price?"券后购买":"立即购买"}}
</view>
</block>
</block>
<!-- 线上销售 -->
<block wx:else>
<block wx:if="{{sele_g.store_count<=0}}">
<view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">库存不足</view>
</block>
<block wx:else>
<view wx:if="{{openSpecModal_ind==1}}" bindtap="addCart"data-openSpecModal_ind="{{openSpecModal_ind}}"
class="spec-cart-btn yellow fs32" data-action="add">加入购物车</view>
<view wx:if="{{openSpecModal_ind==2}}" bindtap="addCart"data-openSpecModal_ind="{{openSpecModal_ind}}"
class="spec-cart-btn spec-buy" data-action="buy">
{{sele_g.offline_price?"券后购买":"立即购买"}}
</view>
</block>
</block>
</block>
</block>
</block>
</block>
</block>
</view>
<view class="clear"></view>
</view>
</view>
<!-- 选择门店的弹框，1.1版最新的 -->
<block wx:if="{{store==1}}">
<view class="mongolia-layer" bindtap="close_popup"></view>
<view class="popup-frame">
<block wx:if="{{sort_store==0}}">
<!-- 头部 标题 -->
<view class="popup-top flex-space-between">
<text class="fs32 nearby_store">{{choice_sort_store==0?'附近的门店':region_name}}</text>
<view>
<view>
<icon bindtap="close_popup" class="modal-closes" color="black" size="22" type="cancel"></icon>
</view>
<view class="felx choose_more" bindtap="more_store">
<text class="fs26 red-co" wx:if="{{is_show_sto_cat}}">{{choice_sort_store==0?'更多门店':'返回'}}</text>
<view class="bg_rights" wx:if="{{is_show_sto_cat}}"></view>
</view>
</view>
</view>
<!-- 门店列表，最外层的门店列表，一开始 -->
<view class="store-list">
<!--如果还没有点击更多门店的时候 -->
<block wx:if="{{choice_sort_store==0}}">
<!-- 需要for循环 -->
<block wx:if="{{is_show_sto_cat==1}}">
<view class="store_choose flex" wx:for="{{def_pickpu_list}}" bindtap="choose_for_store_fir" data-ind="{{index}}">
<view class="store flex-vertical">
<!-- 需要点击事件 -->
<block wx:if="{{index==fir_pick_index}}">
<view class="circle white xc-hook fs20 red-b">Г</view>
</block>
<block wx:else>
<view class="circle xc-hooks"></view>
</block>
<view class="address-frame xc-ash">
<view class="flex-vertical-between butttem5">
<view class="flex xc-ash">
<view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view>
</view>
<view>
<view class="distance fs24 address-val"wx:if="{{item.distance!=null}}">
距离：{{item.distance>1000?filters.toFix(item.distance/1000,2)+'km':filters.toFix(item.distance,0)+"m"}}</view>
</view>
</view>
<view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
</view>
</view>
</view>
</block>
<block wx:else>
<view class="store_choose flex" wx:for="{{only_pk}}" bindtap="choose_for_store_fir" data-ind="{{index}}">
<view class="store flex-vertical">
<!-- 需要点击事件 -->
<block wx:if="{{index==fir_pick_index}}" >
<view class="circle white xc-hook fs20 red-b">Г</view>
</block>
<block wx:else>
<view class="circle xc-hooks"></view>
</block>
<view class="address-frame xc-ash">
<view class="flex-vertical-between ">
<view class="flex xc-ash">
<view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view>
</view>
<view>
<view class="distance fs24 address-val"
wx:if="{{item.distance!=null}}">距离：{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}}
</view>
</view>
</view>
<view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
</view>
</view>
</view>
</block>
</block>
<block wx:else> <!-- 如果是点击选择门店分类后显示分类下的门店 -->
<view class="store_choose flex" wx:for="{{sec_sto.s_arr}}" data-ind="{{index}}" bindtap="choose_for_store">
<view class="store flex-vertical">
<!-- 需要点击事件 -->
<block wx:if="{{index==sec_pick_index}}">
<view class="circle white xc-hook fs20 red-b">Г</view>
</block>
<block wx:else>
<view class="circle xc-hooks"></view>
</block>
<view class="address-frame xc-ash">
<view class="flex-vertical-between ">
<view class="flex xc-ash">
<view class="fs28 xc-black3 address_name">{{item.pickup_name}}</view>
</view>
<view>
<view class="distance fs24 address-val"wx:if="{{item.distance!=null}}">
距离：{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}}</view>
</view>
</view>
<view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
</view>
</view>
</view>
</block>
</view>
<!-- 门店列表底部 -->
<view class="store-bottom-frame">
<view class="store-bottom flex-vertical-between">
<view class="determine red-b fs28 white t-c" bindtap="sure_pick"
data-openindstore="{{open_ind_store}}">确定</view>
<view class="default t-c fs28" bindtap="set_def_pick"data-openindstore="{{open_ind_store}}">设为默认</view>
</view>
</view>
</block>
<block wx:else>
<view class="popup-top flex-space-between">
<text class="fs32 nearby_store">门店分类选择</text>
<view>
<view>
<icon bindtap="close_popup" class="modal-closes" color="black" size="22" type="cancel"></icon>
</view>
<view class="felx choose_mores" bindtap="returns">
<text class="fs26 red-co">返回</text>
</view>
</view>
</view>
<view class="sort_store_list">
<view class="sort-store-frame" wx:for="{{all_sto}}" data-index="{{index}}" bindtap="choice_sort_store" data-region="{{item.name}}">
<view class="sort-store flex-vertical-between" >
<view class="fs30" di>{{item.name}}</view>
<view class="black_rights-frame">
<view class="black_rights"></view>
</view>
</view>
</view>
</view>
</block>
</view>
</block>
<!-- ---------------分享弹窗--------------- -->
<!--二维码显示页面-->
<canvas canvas-id='share' style='width:750rpx;height:1217rpx;background-color:white;' wx:if='{{!canvasHidden}}'></canvas>
<warn id="warn"></warn>
<view wx:if="{{showPoster}}">
<view class="mask" catchtap="closePoster"></view>
<view class="poster-container">
<view class="poster-wrapper">
<view class="poster">
<image src="{{shareImgPath}}" class="poster-img" show-menu-by-longpress></image>
<view class="btn-close" catchtap="closePoster"><text class="iconfont icon-close"></text></view>
</view>
</view>
</view>
</view>