pk_htm2.html
19.7 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
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
<style>
.displaynull{ display: none} .distance{ width: auto;padding: 0px 7px; }
.flex.jc_sb.m_b{
margin-bottom: 0.1rem;
}
.store_top img{
width: 0.3rem;
height: 0.28rem;
}
.dn{display: none}
</style>
<!-- 默认门店 -->
<Input type="hidden" id="def_pick" value="">
<Input type="hidden" id="def_pick_name" value="">
<Input type="hidden" id="def_pick_addr" value="">
<Input type="hidden" id="def_pick_distance" value="">
<!-- 是不不开启距离 -->
<Input type="hidden" id="is_open_juli" value="{$is_sort_storage}">
<!-- 选择门店的一行 -->
<div class="tmp_pk_list" style="display: none">
<div class="store-list">
<div class="flex ai_center" pick_id="$pick_id" pick_name="$pk_name" pick_addr="$addr" pick_distance="$distance" onclick="sele_the_pick(this)">
<div class="ba-img-frame flex ai_center jc_center"> <div id="one" class="ba-img $sn"></div></div>
<div style="width: 95%">
<div class="flex jc_sb" style="margin-bottom: 5px"><div class="store-name">$pk_name</div><div class="distance t_c display$distance"><text class="fg"> 距离:$distance</text></div></div>
<div class="fs022 fg">地址:$addr</div>
</div>
</div>
</div>
</div>
<!--------选择更多门店的组件-------->
<div id="more_store_div" style="display: none">
<div class="cover-layer" onclick="close_store()" ></div>
<div class="popup-frame" >
<div class="store_title flex jc_sb rel">
<div class="closed" onclick="close_store()"></div>
<div id="nearby_store" class="fs028 flex ai_center">
附近门店
</div>
<div>
<img>
<div class="flex ai_fe fs024 red_bb" id="the_more_store">
<div onclick="more_store_sele()">
<text id="more_store">更多门店</text><text class="bg_jj"></text>
</div>
</div>
</div>
</div>
<!-- 默认5个门店显示的地方 -->
<div class="store-list-freme def_pk_list" ></div>
<!-- 分类的显示地方 -->
<div class="store-list-fremes" style="display: none"></div>
<!-- 点击分类列表显示的地方 -->
<div class="store-list-freme pickup_list" style="display: none"></div>
<!-- 选择门店底下的按钮 -->
<div class="store-buttom flex jc_center ai_center pk_btn_show">
<div onclick="sure_click()" class="determine flex ai_center jc_center fs13 fc">确定</div>
<div onclick="def_click()" class="default flex ai_center jc_center fs13 fc3">设为默认</div>
</div>
</div>
</div>
<!-- 选择门店结束 -->
<script>
ii0=layer.open({type:2,shadeClose: false});
//---组装分类的html语句---
function get_cat_htm(cat_id,cat_name) {
var htm="<div onclick='my_click_pk_cat(this)' sid='"+cat_id+"' class='tset flex jc_sb ai_center store-list'>"+
"<li>"+cat_name+"</li><div class='bg_jj bg_jj-sn'></div></div>"
return htm;
}
//---组装门店的语句--
function get_pk_htm(pick_id,pk_name,distance,addr,sn) {
if(distance==null || distance==undefined){ distance="null"; }
if(distance!='null' && (distance+"").indexOf("m")==-1) {
if (distance > 1000) {
distance = distance / 1000;
distance = distance.toFixed(2) + "km";
console.log("是什么东西", distance)
} else {
distance = distance.toFixed(2) + "m";
}
}
var tmp_pk_list=$(".tmp_pk_list").html();
tmp_pk_list=tmp_pk_list.replace("$pick_id",pick_id);
tmp_pk_list=tmp_pk_list.replace("$pk_name",pk_name);
tmp_pk_list=tmp_pk_list.replace("$pk_name",pk_name);
tmp_pk_list=tmp_pk_list.replace("$distance",distance);
tmp_pk_list=tmp_pk_list.replace("$distance",distance);
tmp_pk_list=tmp_pk_list.replace("$distance",distance);
tmp_pk_list=tmp_pk_list.replace("$addr",addr);
tmp_pk_list=tmp_pk_list.replace("$addr",addr);
tmp_pk_list=tmp_pk_list.replace("$sn",sn);
return tmp_pk_list;
}
//------分类的点击事件------
function my_click_pk_cat(ob) {
var id = parseInt($(ob).attr("sid"));
var htm = "";
/*----判断是否采用了线下库存----*/
var ary;
for (var i in list) {
if (list[i]["cat_id"] == id) { ary = list[i]; break; }
}
var cary = ary["list"];
for (var i = 0; i < cary.length; i++) {
htm += get_pk_htm(cary[i]['pickup_id'],cary[i]['pickup_name'],cary[i]['distance'], cary[i]['fulladdress']);
}
//点击后的动画效果,门店列表显示，门店分类隐藏
$(".pickup_list").html(htm);
$(".pickup_list").show();
$(".store-list-fremes").hide();
$("#nearby_store").text(ary['cat_name']);
is_more_store_sele=2;
$(".store-buttom").show();
}
//---排列门店的显示,数据进行整理----
//type是获取门店的类型，0 线上 1线下
function sort_the_pick(type) {
//-------界面显示初始化--------
$(".pickup_list").hide();
$(".def_pk_list").show();
$(".store-list-fremes").hide();
$("#more_store").text("更多门店");
$("#nearby_store").text("附近门店");
is_more_store_sele=1;
//---先处理默认门店，排列显示---
var newArr = [];
var def_pk_id = $("#def_pick").val();
var pickup_name = $("#def_pick_name").val();
var addr = $("#def_pick_addr").val();
//--- 如果有选择门店的话 --
if (my_sele_pkid>0) {
var ele = {"pickup_id": my_sele_pkid, 'pickup_name': my_sele_pkname, 'fulladdress': my_sele_pkaddr}
//--如果有开启距离--
if (issortsto == "1") { ele.distance = my_sele_pkdistance; }
//--如果是线下的时候，要计算库存--
if (is_bline) { ele.count = get_pk_count(def_pk_id); }
newArr.push(ele);
//--------组装一开始显示的数组门店--------
var j = 0;
for (var i in def_list) {
//如果不是只有5个门店或者是没有门店分类的情况，不要现在5个门店
if (j == 4 && !type) break;
var item = def_list[i];
if (my_sele_pkid != item.pickup_id) {
newArr.push(item); j++;
}
}
def_list = newArr;
}
//--- 如果有默认的店的话 --
else if (def_pk_id>0) {
var ele = {"pickup_id": def_pk_id, 'pickup_name': pickup_name, 'fulladdress': addr}
//--如果有开启距离--
if (issortsto == "1") {
ele.distance = $("#def_pick_distance").val();
}
//--如果是线下的时候，要计算库存--
if (is_bline) { ele.count = get_pk_count(def_pk_id); }
newArr.push(ele);
//--------组装一开始显示的数组门店--------
var j = 0;
for (var i in def_list) {
//如果不是只有5个门店或者是没有门店分类的情况，不要现在5个门店
if (j == 4 && !type) break;
var item = def_list[i];
if (def_pk_id != item.pickup_id) {
newArr.push(item); j++;
}
}
def_list = newArr;
}
var def_html="";
for (var i in def_list) {
var sn="",item=def_list[i];
if(my_sele_pkid==item.pickup_id) sn="sn";
def_html+=get_pk_htm(item['pickup_id'],item['pickup_name'],item['distance'], item['fulladdress'],sn);
}
$(".def_pk_list").html(def_html);
//-------是否显示更多门店-------
if(!type){
var htm="";
/*--门店分类的组装--*/
for (var i in list) {
var item=list[i];
htm +=get_cat_htm(item['cat_id'],item['cat_name'] );
}
$(".store-list-fremes").html(htm);
}else{
$("#the_more_store").hide();
}
}
//------选择门店的时候的pickup_id存储-------
var my_open_from=0; //my_open_from 1页面上的更多门店点开 2从立即购买或者加入购物车点开
var my_sele_pkid=0;
var my_sele_pkname=0;
var my_sele_pkaddr=0;
var my_sele_pkdistance=0;
function sele_the_pick(ob) {
my_sele_pkid=$(ob).attr("pick_id");
my_sele_pkname=$(ob).attr("pick_name");
my_sele_pkaddr=$(ob).attr("pick_addr");
my_sele_pkdistance=$(ob).attr("pick_distance");
$(".ba-img").removeClass("sn");
$(ob).find(".ba-img").addClass("sn");
}
//打开选择门店的弹窗
function open_store(index){
if(index==3){
if(!nor_list ){
layer.open({content:"门店库存不足",time:2})
return false;
}
}else{
if(!list ){
if(!is_sto_geted){
ii0=layer.open({type:2,shadeClose: false});
return false;
}else{
layer.open({content:"门店库存不足",time:2})
return false;
}
}
}
my_open_from=index;
// $("#one").addClass('sn');
$("#more_store_div").show();
$(".layermbox").addClass("dn");
//门店的排序
sort_the_pick(store_type);
}
//关闭选择门店的
function close_store() { $("#more_store_div").hide(); $(".store-buttom").show(); if(my_open_from==2) $(".layermbox").removeClass("dn"); }
//-------点击确定的按钮--------
function sure_click() {
//---如果是从页面上的更多门店点击的---
if(my_open_from==1){
set_def_sto();close_store(); $("#ff_page_sto").show();
}
//----如果是从立即购买或者加入购物车上点击的---
if(my_open_from==2){
set_def_sto();close_store();
}
//--------------显示可售的数量----------------
if(is_bline==1){
selectpiccount=get_pk_count(my_sele_pkid);
$("#fcansalenum").text(selectpiccount);
}
else $("#fcansalenum").text(store_count);
$("#ffgoods_num").val(1);
$(".store-buttom").show();
}
//--设置页面默认门店--
function set_def_sto() {
if(my_sele_pkid){
if(my_sele_pkdistance && my_sele_pkdistance!="null" && (my_sele_pkdistance+"").indexOf("m")=="-1") {
if (my_sele_pkdistance > 1000) {
my_sele_pkdistance = my_sele_pkdistance / 1000;
my_sele_pkdistance = my_sele_pkdistance.toFixed(2);
my_sele_pkdistance = my_sele_pkdistance + "km";
} else {
my_sele_pkdistance = my_sele_pkdistance.toFixed(2) + "m";
}
}
//外面商品详情的
var str= '<div class="flex-end flex jc_sb">'+'<div class="fc3 fs024 ellipsis-1">'+my_sele_pkname+'</div>';
if(my_sele_pkdistance!="null")
str+='<div class="distance fg t_c fg">距离:'+my_sele_pkdistance +' </div>';
str+='</div><div class="fs022 fg">地址:'+ my_sele_pkaddr+'</div>';
var strs= '<div class="flex-end flex jc_sb">'+'<div class="fc3 fs024 ellipsis-1">'+my_sele_pkname+'</div>';
if(my_sele_pkdistance!="null")
strs+='<div class="distance fg t_c fg "style="margin-left: 8px;">距离:'+my_sele_pkdistance +' </div>';
strs+='</div><div class="fs022 fg">地址:'+ my_sele_pkaddr+'</div>';
$("#ff_page_sto").html(str);
$("#ff_page_sto").show();
$("#ff_page_stos").html(strs);
}
}
//--设置默认门店的点击---
var def_clicking=0;
function def_click() {
if(def_clicking) return false;
def_clicking=1;
var ui= layer.open({type: 2, shadeClose: false});
//----获取3条-----
$.ajax({
type: "post",
url:"/mobile/goods/set_def_store/stoid/"+stoid,
data:{pickup_id:my_sele_pkid},
success: function (data) {
def_clicking=0;
layer.close(ui);
if(data.code==0){ sure_click(); }
}
})
}
//---js计算两个经纬度之间的距离---
// 方法定义 lat,lng
function GetDistance( lat1, lng1, lat2, lng2){
var radLat1 = lat1*Math.PI / 180.0;
var radLat2 = lat2*Math.PI / 180.0;
var a = radLat1 - radLat2;
var b = lng1*Math.PI / 180.0 - lng2*Math.PI / 180.0;
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2) +
Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
s = s *6378.137 ;// EARTH_RADIUS;
s = Math.round(s * 10000) / 10000;
return s;
}
//---返回门店的库存---
function get_pk_count(pickup_id) {
for (var i in list) {
var item = list[i];
if (pickup_id == item.pickup_id) return item.count;
}
return 0;
}
/*----弹框的更多门店,再附近门店，点击更多的门店的效果---*/
var is_more_store_sele=1;
function more_store_sele(){
if(is_more_store_sele==1) {
$("#more_store").text("返回");
$("#nearby_store").text("门店分类选择");
is_more_store_sele=0;
$(".def_pk_list").hide(); //--默认门店掩藏--
$(".store-list-fremes").show(); //--门店分类显示--
var html_v="";
$(".store-buttom").hide();
}else if(is_more_store_sele==2){
$(".store-list-fremes").show(); //--门店分类显示--
$(".pickup_list").hide();
$("#nearby_store").text("门店分类选择");
is_more_store_sele=0;
$(".store-buttom").hide();
}else{
$(".store-list-fremes").hide(); //--门店分类掩藏---
$(".def_pk_list").show(); //--默认门店显示---
$("#more_store").text("更多门店");
$("#nearby_store").text("附近门店");
is_more_store_sele=1;
$(".store-buttom").show();
}
}
//---开启线下库存的时候专用----
function get_the_Sto() {
ii0=layer.open({type:2,shadeClose: false});
/*--位置用session记录--*/
if(issortsto==1) {
var ulx=$("#ulx").val();
var uly=$("#uly").val();
mapshow(ulx,uly);
}else{
mapshow(0,0);
}
}
//-----------------------------获取门店组件，不在info页面上编程了-----------------------------------
var list=null; //商品门店list
var def_list=null; // 用于一开始显示的list
var is_bline=0; //判断线上线下
var store_type=0; //判断门店是不是只有5个门店或者没有门店分类的这样的情况
var is_sto_geted=0;
/*--显示门店--*/
function mapshow(x,y) {
/*---新增20171016,获取门店---*/
$.ajax({
type: "GET",
url: "/index.php?m=Mobile&c=activity&a=getStorageList&stoid=" + stoid + "&goodsid=" + id + "&lx=" + x + "&ly=" +y + "&distr_type=" + distr_type+"&i="+Math.random()*100,
success: function (data) {
$("#ulx").val(x);$("#uly").val(y);layer.close(ii0);
if (data.code == 1) {
var def_store_count=0;
is_bline=0;
store_type=data.type;
//------门店数是否少于5--
if (data.type == 1) {
var htm = "";
var len = 0;
list = data.sto_data;
//--库存不足--
if(store_count<=0){
$("#nokill").show();
$("#fnomarlbuy").hide();
}
def_list=list;
}else {
//----是否线下规则--
if (data.is_bline == 0) {
list = data.sto_data;
//--库存不足--
if(store_count<=0){
$("#nokill").show();
$("#fnomarlbuy").hide();
}
}
def_list=data.def_list
}
//--------------显示可售的数量----------------
// selectpiccount=get_pk_count(my_sele_pkid);
//$("#fcansalenum").text(selectpiccount);
//加载更多的门店去除
$(".tt_more_sto").removeClass("dn");
$(".sto_loding_div").remove();
if(data.user_def_sto){
if(!data.user_def_sto.distance) data.user_def_sto.distance="null";
$("#def_pick").val(data.user_def_sto.pickup_id);
$("#def_pick_name").val(data.user_def_sto.pickup_name);
$("#def_pick_addr").val(data.user_def_sto.fulladdress);
$("#def_pick_distance").val(data.user_def_sto.distance);
my_sele_pkid=data.user_def_sto.pickup_id;
my_sele_pkname=data.user_def_sto.pickup_name;
my_sele_pkaddr=data.user_def_sto.fulladdress;
my_sele_pkdistance=data.user_def_sto.distance;
}else{
//或者有开启门店，或者门店数少于5，或者没有建门店分类，拿第一门店为默认门店
if((x || y) || nor_store_type==1) {
var def_p = def_list[0];
$("#def_pick").val(def_p.pickup_id);
$("#def_pick_name").val(def_p.pickup_name);
$("#def_pick_addr").val(def_p.fulladdress);
$("#def_pick_distance").val(def_p.distance);
my_sele_pkid = def_p.pickup_id;
my_sele_pkname = def_p.pickup_name;
my_sele_pkaddr = def_p.fulladdress;
my_sele_pkdistance = def_p.distance;
if(!my_sele_pkdistance) my_sele_pkdistance="null";
}
}
set_def_sto();
is_sto_geted=1;
}
else if (data.code == -2) {
if(data.msg!="") $("#nokill").text(data.msg);
$("#nokill").show();
$("#fnomarlbuy").hide();
}
else {
$("#nokill").text('未找到门店');
$("#nokill").show();
$("#fnomarlbuy").hide();
layer.open({content: '未找到门店', time: 2});
}
}
,error:function (data) {
layer.open({content: '网络繁忙，请稍后重试', time: 2});
}
});
}
</script>