prom_list.wxml
17.8 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
<wxs module="filters" src="../../../utils/filter.wxs"></wxs>
<wxs module="g_filters" src="g_filter.wxs"></wxs>
<wxs module="tool" src="filter.wxs"></wxs>
<view class="head" style="font-size: 34rpx">搭配商品</view>
<view class="goods_list" wx:if="{{data && data.goods_name}}">
<view class="item flex ai-center">
<view style="width:80rpx;height: 100%" class="flex ai-center jc-center"><icon type="success" size="18"></icon></view>
<view class="r_box flex">
<view><image class="r_box_img" src="{{data.original_img}}"></image></view>
<view class="flex jc_sb">
<view class="fs30" style="margin: 18rpx">
<view>{{data.goods_name}}</view>
<view>规格：{{tool.get_guige(data.goods_spec,data.goods_color)}}</view>
<view>￥{{data.shop_price}}</view>
</view>
<view></view>
</view>
</view>
</view>
<!-- 搭配的商品 -->
<view class="item flex ai-center" wx:for="{{collocationList}}">
<view style="width:80rpx;height: 100%" class="flex ai-center jc-center">
<icon bindtap="set_sele" wx:if="{{item.sele}}" data-ind="{{index}}" data-set="0" type="success" size="18"></icon>
<icon bindtap="set_sele" wx:else data-ind="{{index}}" data-set="1" type="success" size="18" color="#adadad"></icon>
</view>
<view class="r_box flex">
<view><image class="r_box_img" src="{{iurl+item.original_img}}" binderror="bind_bnerr3" data-errorimg="collocationList[{{index}}].original_img"></image></view>
<view class="flex jc_sb">
<view class="fs30" style="margin: 18rpx">
<view>{{item.goods_name}}</view>
<view>规格：{{tool.get_guige(item.goods_spec,item.goods_color)}}</view>
<view>￥{{item.price}}</view>
</view>
<view></view>
</view>
</view>
</view>
</view>
<!-------------------底部按钮-------------------->
<view class="join-cart jc_sb ai-center fs30">
<!-- 左边 -->
<view style="text-align: left; padding-left: 20rpx">
<view class="co-red"><text class="f_hei">搭配价</text>￥{{filters.toFix(data.shop_price+dp_price,2)}}</view>
<view class="co-red"><text class="f_hei">已省</text>￥{{filters.toFix(cut_price,2)}}</view>
</view>
<!-- 右边 -->
<view bindtap="openSpecModel" class="buy_btn ">立即购买</view>
</view>
<!----弹起来,选择规格数量,普通商品购买和秒杀------>
<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 xc-distance-bottom" src="{{data.original_img}}" binderror="pop_err_img" data-errorimg="data.original_img"></image>
<view class="spec-goods-info">
<view class="spec-goods-name ellipsis-1">{{data.goods_name}}</view>
<view class="flex ai_end xc-val-money">
<view class="spec-goods-price" >
<text class="fs20">￥</text>
<!-- 如果是等级会员，且有等级价 -->
<block wx:if="{{card_field && data[card_field]>0}}">
{{data[card_field]}}
</block>
<block wx:else>
{{data.shop_price}}
</block>
</view>
</view>
<block>
<view class="flex">
<view class="spec-goods-stock">已售：{{data.sales_sum}}</view>
<block wx:if="{{sales_rules==2}}">
<view class="spec-goods-stock" wx:if="{{def_pick_store && def_pick_store.CanOutQty}}">可售：{{def_pick_store.CanOutQty}}</view>
<view class="spec-goods-stock" wx:else>可售:0</view>
</block>
<block wx:else>
<view class="spec-goods-stock">可售：{{data.store_count}}</view>
</block>
</view>
</block>
</view>
<view style="clear: both"></view>
<!-- 选择门店模块 -->
<view class="flex-space-between address ai_end xc-width ">
<view class="flex ai_end" wx:if="{{def_pick_store}}">
<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="fs28 xc-ash-9f">选择门店</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 wx:if="{{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}}</view>
</view>
<!----商品的属性项目---->
<view class="xc-goods-attribute">
<view class="spec-name">商品属性</view>
<view style="max-height: 120rpx;overflow-y: auto;">
<view class="spec_bt act" data-gid='{{item.goods_id}}'>
{{data.gg}}
</view>
</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>
<view class="spec-cart-btns">
<!-- 根本就找不到门店 -->
<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}}">
<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 bindtap="addCart" data-openSpecModal_ind="2"
class="spec-cart-btn spec-buy" data-action="buy">立即购买</view>
</block>
</block>
<!-- 线上销售 -->
<block wx:else>
<block wx:if="{{data.store_count<=0}}">
<view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">库存不足</view>
</block>
<block wx:else>
<view bindtap="addCart"data-openSpecModal_ind="2"
class="spec-cart-btn spec-buy" data-action="buy">立即购买</view>
</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>
<warn id="warn"></warn>