jufubao-mall 2.0.16-beta52 → 2.0.16-beta54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/JfbMallResourceShopList/JfbMallResourceShopList.vue +182 -79
- package/src/components/JfbMallResourceShopList/Mock.js +19 -0
- package/src/components/JfbMallResourceShopList/XdQueryFilter.vue +27 -4
- package/src/components/JfbMallResourceShopList/cusAttr/advanced.js +5 -5
- package/src/components/JfbMallResourceShopList/cusAttr/content.js +8 -7
- package/src/components/JfbMallResourceShopList/cusAttr/style.js +1 -1
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
<view
|
|
3
3
|
class="jfb-mall-resource-shop-list"
|
|
4
4
|
@click="handleEditxSelect"
|
|
5
|
+
:style="[bodyStyle]"
|
|
5
6
|
:class="{ editx : isEditx && active }"
|
|
6
7
|
>
|
|
7
8
|
<!--#ifdef H5-->
|
|
@@ -60,7 +61,7 @@
|
|
|
60
61
|
</swiper-item>
|
|
61
62
|
</swiper>
|
|
62
63
|
</view>
|
|
63
|
-
<view class="query_filter" :style="[queryFilterStyle]">
|
|
64
|
+
<view class="query_filter" :style="[queryFilterStyle]" v-if="showQuery === 'Y'">
|
|
64
65
|
<view v-if="filterItemsComp.length===1">店铺列表</view>
|
|
65
66
|
<!-- <template>
|
|
66
67
|
<view class="query_filter_r" @click="switchQueryModal('city')" v-if="filterModeData.includes('city_code')">
|
|
@@ -93,17 +94,19 @@
|
|
|
93
94
|
</view>
|
|
94
95
|
<view v-show="showQueryModal" class="query_modal">
|
|
95
96
|
<xd-query-filter
|
|
96
|
-
v-if="['filter','shop_category','brand','area'].includes(curQueryTab)"
|
|
97
|
+
v-if="['filter','shop_category','business_line','brand','area'].includes(curQueryTab)"
|
|
97
98
|
:key="curQueryTab"
|
|
98
99
|
:list="searchFilterList"
|
|
99
100
|
:filter-type="curQueryTab"
|
|
100
101
|
:collapse-num="6"
|
|
102
|
+
:padding="bodyPadding"
|
|
103
|
+
:height="filterHeight.height"
|
|
101
104
|
:filter-selected="searchFilterParams"
|
|
102
105
|
@onConfirm="handleQueryFilter"></xd-query-filter>
|
|
103
106
|
</view>
|
|
104
107
|
</view>
|
|
105
108
|
<view class="query_filter_copy" :style="[queryCopyStyle]"></view>
|
|
106
|
-
<view v-show="showQueryModal" class="modal" @click="closeQueryModal" @touchmove.stop.prevent="moveHandle"></view>
|
|
109
|
+
<view v-show="showQueryModal" class="modal" @click="closeQueryModal" @touchmove.stop.prevent="moveHandle" :style="[modelStyle]"></view>
|
|
107
110
|
<view v-if="initAttr" :style="[shopListStyle]">
|
|
108
111
|
<cus-shops
|
|
109
112
|
:layout="layout"
|
|
@@ -119,50 +122,14 @@
|
|
|
119
122
|
@on-event="handleToClick"
|
|
120
123
|
></cus-shops>
|
|
121
124
|
</view>
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
<view class="shop_image">
|
|
129
|
-
<image v-if="item.errorStatus" :src="errorImage" :alt="item['resource_shop_name']" ></image>
|
|
130
|
-
<image v-else :src="item.shop_icon" mode="aspectFit" @error="handleError(item)"></image>
|
|
131
|
-
</view>
|
|
132
|
-
<view class="shop_info">
|
|
133
|
-
<view class="shop_name">
|
|
134
|
-
<view class="_name">{{item.resource_shop_name}}</view>
|
|
135
|
-
<view v-if="item.distance" class="distance">{{item.distance}}</view>
|
|
136
|
-
</view>
|
|
137
|
-
<view class="shop_address">{{ item.address }}</view>
|
|
138
|
-
<view class="shop_foot">
|
|
139
|
-
<view class="l_tags">
|
|
140
|
-
<template v-if="showQuickEntry!=='Y'">
|
|
141
|
-
<view v-if="item.consume_mode.includes('SELL')" class="shop_tag">支持核销</view>
|
|
142
|
-
<view v-if="item.consume_mode.includes('SEAT')" class="shop_tag">在线选座</view>
|
|
143
|
-
</template>
|
|
144
|
-
</view>
|
|
145
|
-
<view v-if="showQuickEntry==='Y'" class="r_btns">
|
|
146
|
-
<template v-if="item.consume_mode.includes('SELL')">
|
|
147
|
-
<view v-if="item.default_consume_type === 'WB'" class="change_btn"
|
|
148
|
-
@click.stop="handleToScan(item)">{{ scanName }}</view>
|
|
149
|
-
<view v-else-if="item.default_consume_type === 'QP'" class="change_btn"
|
|
150
|
-
@click.stop="handleToEasyPay(item)">{{ takeGoodsName }}</view>
|
|
151
|
-
<view v-else-if="item.default_consume_type === 'JHD'" class="change_btn"
|
|
152
|
-
@click.stop="handleToExchange(item)"
|
|
153
|
-
>{{ jhdName }}</view>
|
|
154
|
-
</template>
|
|
155
|
-
<template v-if="item.consume_mode.includes('SEAT')">
|
|
156
|
-
<view class="change_btn" @click.stop="toSchedulePath(item)">{{ buyTicketName }}</view>
|
|
157
|
-
</template>
|
|
158
|
-
</view>
|
|
159
|
-
</view>
|
|
160
|
-
</view>
|
|
161
|
-
</view>
|
|
162
|
-
</view>
|
|
163
|
-
<view v-else>
|
|
125
|
+
<xd-more
|
|
126
|
+
v-if="($configProject['isPreview'] || !hasNextPage) && (shopList && shopList.length > 0)"
|
|
127
|
+
:color="footerColor"
|
|
128
|
+
:background="footerColor"
|
|
129
|
+
><text>我是有底线的</text></xd-more>
|
|
130
|
+
<!-- <view v-else>
|
|
164
131
|
<xd-no-data></xd-no-data>
|
|
165
|
-
</view>
|
|
132
|
+
</view> -->
|
|
166
133
|
<!-- CV:店员核销(小蜜蜂);WB:用户扫水牌;CR:收银机;POS:POS机;JHD:聚好兑;QP:快捷支付 -->
|
|
167
134
|
</view>
|
|
168
135
|
</view>
|
|
@@ -180,6 +147,7 @@
|
|
|
180
147
|
import getServiceUrl from "@/common/getServiceUrl";
|
|
181
148
|
import XdNoData from "@/components/XdNoData/XdNoData.vue"
|
|
182
149
|
import CusShops from "@/components/CusShops/CusShops.vue"
|
|
150
|
+
import XdMore from "@/components/XdMore/XdMore.vue";
|
|
183
151
|
let $vm = null;
|
|
184
152
|
export default {
|
|
185
153
|
// #ifdef MP-WEIXIN
|
|
@@ -191,6 +159,7 @@
|
|
|
191
159
|
XdQueryFilter,
|
|
192
160
|
XdNoData,
|
|
193
161
|
CusShops,
|
|
162
|
+
XdMore,
|
|
194
163
|
},
|
|
195
164
|
mixins: [
|
|
196
165
|
componentsMixins, extsMixins, JfbMallResourceShopListMixin
|
|
@@ -222,7 +191,7 @@
|
|
|
222
191
|
consume_mode: '',
|
|
223
192
|
|
|
224
193
|
next_page_token: "",
|
|
225
|
-
|
|
194
|
+
hasNextPage: true,
|
|
226
195
|
shopList: [],
|
|
227
196
|
|
|
228
197
|
errorImage:'https://img0.jufubao.cn/common/empty/shop.png?v1=1',
|
|
@@ -238,7 +207,7 @@
|
|
|
238
207
|
buyTicketName: "",
|
|
239
208
|
|
|
240
209
|
bodyBgColor: "",
|
|
241
|
-
defBodyBgColor:"
|
|
210
|
+
defBodyBgColor:"#f8f8f8",
|
|
242
211
|
bodyPadding: {},
|
|
243
212
|
listPadding: {bottom:20,left:20,right:20,top:20},
|
|
244
213
|
cardItemBgColor: "",
|
|
@@ -288,6 +257,12 @@
|
|
|
288
257
|
queryFilterHight:0,
|
|
289
258
|
menuGreater:'N',
|
|
290
259
|
queryGreater:'N',
|
|
260
|
+
isMore:'N',
|
|
261
|
+
loading: false, //是否正在加载
|
|
262
|
+
modelTop:0,
|
|
263
|
+
popId:null,
|
|
264
|
+
footerColor:'#ddd',
|
|
265
|
+
searchFilterList:[],
|
|
291
266
|
}
|
|
292
267
|
},
|
|
293
268
|
filters:{
|
|
@@ -359,15 +334,33 @@
|
|
|
359
334
|
let tabs = [];
|
|
360
335
|
if(this.filterMode.includes('area')) tabs.push({value: 'area', label: '区域', icon: 'icondizhitubiao',size: 24});
|
|
361
336
|
if(this.filterMode.includes('brand')) tabs.push({value: 'brand', label: '品牌', icon: 'iconxia_down',size: 18});
|
|
362
|
-
if(this.filterMode.includes('
|
|
337
|
+
if(this.filterMode.includes('business_line')) tabs.push({value: 'business_line', label: '业务线', icon: 'iconxia_down',size: 18});
|
|
363
338
|
if(this.filterMode.includes('shop_category')) tabs.push({value: 'shop_category', label: '门店分类', icon: 'iconxia_down',size: 18});
|
|
364
339
|
console.log(this.filterMode,this.filterMode==['filter'],this.filterMode.includes('filter'),['filter'].includes('filter'),'ffffffff')
|
|
365
340
|
if(this.filterMode.includes('filter')){
|
|
366
341
|
tabs.push({value: 'filter', label: '筛选', icon: 'iconshaixuanbiaoji_mian',size: 24});
|
|
367
342
|
}
|
|
368
343
|
return tabs
|
|
369
|
-
}
|
|
370
|
-
|
|
344
|
+
},
|
|
345
|
+
bodyStyle(){
|
|
346
|
+
return {
|
|
347
|
+
overflow:this.showQueryModal?'hidden':'auto',
|
|
348
|
+
}
|
|
349
|
+
},
|
|
350
|
+
modelStyle(){
|
|
351
|
+
return {
|
|
352
|
+
top:this.modelTop-this.scrollTop+'px',
|
|
353
|
+
}
|
|
354
|
+
},
|
|
355
|
+
filterHeight(){
|
|
356
|
+
console.log(this.listPadding.top,'pppp')
|
|
357
|
+
let height = this.modelTop-this.scrollTop-this.listPadding.top*this.$rpxNum;
|
|
358
|
+
// let height = 0
|
|
359
|
+
console.log(this.modelTop,this.scrollTop,height,'hhhh')
|
|
360
|
+
return{
|
|
361
|
+
height
|
|
362
|
+
}
|
|
363
|
+
},
|
|
371
364
|
},
|
|
372
365
|
watch: {
|
|
373
366
|
container(value, oldValue) {
|
|
@@ -389,6 +382,7 @@
|
|
|
389
382
|
handler(n,o){
|
|
390
383
|
if(n&&n!==o){
|
|
391
384
|
if(n==='Y'){
|
|
385
|
+
console.log(this.menuWrapTop/this.$rpxNum+this.bodyPadding.top,this.menuWrapTop/this.$rpxNum,this.bodyPadding.top,'aaaaaa')
|
|
392
386
|
this.menuWrapStyle = {
|
|
393
387
|
top: this.menuWrapTop/this.$rpxNum+this.bodyPadding.top+'rpx',
|
|
394
388
|
position: 'absolute',
|
|
@@ -431,9 +425,46 @@
|
|
|
431
425
|
}
|
|
432
426
|
}
|
|
433
427
|
}
|
|
434
|
-
}
|
|
428
|
+
},
|
|
429
|
+
isMore:{
|
|
430
|
+
handler(n,o){
|
|
431
|
+
if(n&&n!==o){
|
|
432
|
+
if(n==='Y'&&o==='N'){
|
|
433
|
+
this.menuWrapTop = this.scrollTop;
|
|
434
|
+
console.log(this.menuWrapTop,'this.menuWrapTop')
|
|
435
|
+
}
|
|
436
|
+
}
|
|
437
|
+
}
|
|
438
|
+
},
|
|
439
|
+
showQueryModal:{
|
|
440
|
+
handler(n,o){
|
|
441
|
+
if(n){
|
|
442
|
+
this.setHasPopStatus({popId: this.popId, action: 'add'});
|
|
443
|
+
}else{
|
|
444
|
+
this.setHasPopStatus({popId: this.popId, action: 'del'});
|
|
445
|
+
}
|
|
446
|
+
},
|
|
447
|
+
immediate:true,
|
|
448
|
+
deep:true,
|
|
449
|
+
},
|
|
450
|
+
// showAllBusinessLine:{
|
|
451
|
+
// handler(n,o){
|
|
452
|
+
// console.log(n,o,this.namespace,'lllll111')
|
|
453
|
+
// if(n == 'Y'){
|
|
454
|
+
// this.namespaceList = [{label: "全部", value: "all"}].concat(this.namespaceList);
|
|
455
|
+
// }else{
|
|
456
|
+
// this.namespaceList = this.namespaceList.filter(item => item.value!=='all');
|
|
457
|
+
// }
|
|
458
|
+
// if(this.namespaceList.length){
|
|
459
|
+
// this.namespace = this.xnamespace||this.namespaceList[0].value;
|
|
460
|
+
// }
|
|
461
|
+
// },
|
|
462
|
+
// immediate:true,
|
|
463
|
+
// deep:true,
|
|
464
|
+
// },
|
|
435
465
|
},
|
|
436
466
|
created() {
|
|
467
|
+
this.popId = this.$xdUniHelper.randomChar(20);
|
|
437
468
|
this.init(this.container);
|
|
438
469
|
$vm= this;
|
|
439
470
|
//todo
|
|
@@ -444,16 +475,21 @@
|
|
|
444
475
|
|
|
445
476
|
},
|
|
446
477
|
methods: {
|
|
447
|
-
...mapActions(['getCustomList']),
|
|
478
|
+
...mapActions(['getCustomList','setHasPopStatus']),
|
|
448
479
|
watchScroll(scrollTop){
|
|
449
|
-
console.log(this.layoutInfo,'this.layoutInfo')
|
|
480
|
+
console.log(this.layoutInfo,scrollTop,'this.layoutInfo')
|
|
450
481
|
this.scrollTop = scrollTop;
|
|
451
482
|
this.$nextTick(() => {
|
|
452
|
-
// console.log(scrollTop / this.$rpxNum,this.num-this.menuWrapNum,'
|
|
453
|
-
if(Math.floor(scrollTop / this.$rpxNum)
|
|
483
|
+
// console.log(Math.floor(scrollTop / this.$rpxNum),Math.floor(this.num-this.menuWrapNum),this.num,this.menuWrapNum,'asaaaaaaa')
|
|
484
|
+
if(Math.floor(scrollTop / this.$rpxNum)==Math.floor(this.num-this.menuWrapNum)){
|
|
454
485
|
// debugger
|
|
455
|
-
console.log(scrollTop,'bbbbbb')
|
|
456
|
-
this.menuWrapTop = scrollTop
|
|
486
|
+
// console.log(scrollTop,'bbbbbb')
|
|
487
|
+
// this.menuWrapTop = scrollTop
|
|
488
|
+
}
|
|
489
|
+
if(Math.floor(scrollTop / this.$rpxNum)>Math.floor(this.num-this.menuWrapNum)){
|
|
490
|
+
this.isMore = 'Y';
|
|
491
|
+
}else{
|
|
492
|
+
this.isMore = 'N';
|
|
457
493
|
}
|
|
458
494
|
if(scrollTop / this.$rpxNum>Math.floor(this.num-this.menuWrapNum)+this.bodyPadding.top){
|
|
459
495
|
this.menuGreater = 'Y';
|
|
@@ -472,6 +508,10 @@
|
|
|
472
508
|
console.log('options', options)
|
|
473
509
|
//设置业务请求代码
|
|
474
510
|
this.setNameSpace(options);
|
|
511
|
+
console.log(this.xnamespace,'options','mmmmmm')
|
|
512
|
+
if(this.xnamespace){
|
|
513
|
+
this.namespace = this.xnamespace;
|
|
514
|
+
}
|
|
475
515
|
//地址参数传入过滤条件选中
|
|
476
516
|
if(options['brand_ids']){
|
|
477
517
|
this.$set(this.searchFilterParams, 'brand', options['brand_ids'].split(','));
|
|
@@ -505,6 +545,8 @@
|
|
|
505
545
|
//门店布局
|
|
506
546
|
this.layout = gCPVal(container, 'layout', 'v2');
|
|
507
547
|
this.showBusinessLine = gCPVal(container, 'showBusinessLine', '');
|
|
548
|
+
this.dimension = gCPVal(container, 'dimension', 'business');
|
|
549
|
+
console.log(this.dimension+'b',this.showBusinessLine+'s','this.dimension')
|
|
508
550
|
// this.showAllBusinessLine = getContainerPropsValue(container, 'content.showAllBusinessLine', "");
|
|
509
551
|
this.showAllBusinessLine = gCPVal(container, 'showAllBusinessLine', '');
|
|
510
552
|
// this.showQuickEntry = getContainerPropsValue(container, 'content.showQuickEntry', "Y");
|
|
@@ -534,7 +576,7 @@
|
|
|
534
576
|
// this.cardItemBgColor = getContainerPropsValue(container, 'content.cardItemBgColor', "");
|
|
535
577
|
this.distanceColor = gCPVal(container,'distanceColor', '#999999', {sKey:'distanceColorStatus',fields:['distanceColor']});
|
|
536
578
|
//item背景色
|
|
537
|
-
this.cardItemBgColor = gCPVal(container,'cardItemBgColor', '', {sKey:'cardItemBgColorStatus',fields:['cardItemBgColor']});
|
|
579
|
+
this.cardItemBgColor = gCPVal(container,'cardItemBgColor', '#f8f8f8', {sKey:'cardItemBgColorStatus',fields:['cardItemBgColor']});
|
|
538
580
|
//投影
|
|
539
581
|
// this.cardItemShadow = this.getXdShadow({width:20, color:'rgba(0,0,0,0)'},getContainerPropsValue(container, 'content.cardItemShadow', {}))
|
|
540
582
|
this.cardItemShadow = gCPVal(container, 'cardItemShadow', [this.gStyleValue.shadow, {color:'',width:'0',}],{isShadow: true});
|
|
@@ -549,7 +591,7 @@
|
|
|
549
591
|
this.takeGoodsPath = gCPVal(container, 'takeGoodsPath', {value: ""}).value;
|
|
550
592
|
this.buyTicketPath = gCPVal(container, 'buyTicketPath', {value: ""}).value;
|
|
551
593
|
this.codePath = gCPVal(container, 'codePath', {value: ""}).value;
|
|
552
|
-
|
|
594
|
+
|
|
553
595
|
this.isAutoJump = gCPVal(container, 'isAutoJump', []);
|
|
554
596
|
|
|
555
597
|
//图片 描边
|
|
@@ -586,7 +628,8 @@
|
|
|
586
628
|
let showQuery = gCPVal(container,'showQuery', 'Y');
|
|
587
629
|
if(showQuery === 'Y') this.filterMode = gCPVal(container, 'filterMode', ['filter'])
|
|
588
630
|
else this.filterMode = [];
|
|
589
|
-
|
|
631
|
+
this.showQuery = showQuery;
|
|
632
|
+
console.log(this.filterMode,'filterMode')
|
|
590
633
|
// let styleOptions = await this.getCustomList({layout_ids:'lbiqpGJWACZc86KmuiXhw',action: true,value:sValue});
|
|
591
634
|
// console.log(styleOptions,'styleOptions')
|
|
592
635
|
//门店样式
|
|
@@ -648,12 +691,41 @@
|
|
|
648
691
|
'color': this.distanceColor,
|
|
649
692
|
}
|
|
650
693
|
}
|
|
694
|
+
console.log(this.$configProject['isPreview'],'cscscsc')
|
|
651
695
|
if(this.$configProject['isPreview']){
|
|
652
696
|
this.p_getSearchFilter();
|
|
653
697
|
}
|
|
654
698
|
this.initAttr = true;
|
|
699
|
+
//过滤筛选条件
|
|
700
|
+
// debugger
|
|
701
|
+
this.filterSearchMap();
|
|
702
|
+
},
|
|
703
|
+
filterSearchMap(){
|
|
704
|
+
if(this.styleLayout==2){
|
|
705
|
+
this.searchFilterList = this.searchFilterList.filter(item=>{
|
|
706
|
+
return item.value!=='area'
|
|
707
|
+
})
|
|
708
|
+
}
|
|
709
|
+
if(this.styleLayout==3){
|
|
710
|
+
this.searchFilterList = this.searchFilterList.filter(item=>{
|
|
711
|
+
return item.value!=='brand'
|
|
712
|
+
})
|
|
713
|
+
}
|
|
714
|
+
if(this.showBusinessLine==='Y'){
|
|
715
|
+
if(this.dimension==='business'){
|
|
716
|
+
this.searchFilterList = this.searchFilterList.filter(item=>{
|
|
717
|
+
return item.value!=='business_line'
|
|
718
|
+
})
|
|
719
|
+
}else if(this.dimension==='store'){
|
|
720
|
+
this.searchFilterList = this.searchFilterList.filter(item=>{
|
|
721
|
+
return item.value!=='shop_category'
|
|
722
|
+
})
|
|
723
|
+
}
|
|
724
|
+
console.log(this.searchFilterList,'searchFilterList')
|
|
725
|
+
}
|
|
655
726
|
},
|
|
656
727
|
switchQueryModal(curQueryTab){
|
|
728
|
+
console.log(curQueryTab,'curQueryTab')
|
|
657
729
|
if(this.curQueryTab === curQueryTab) {
|
|
658
730
|
this.showQueryModal = !this.showQueryModal;
|
|
659
731
|
}
|
|
@@ -718,7 +790,8 @@
|
|
|
718
790
|
},
|
|
719
791
|
getList(){
|
|
720
792
|
let data = this.getParams();
|
|
721
|
-
console.log(data,'dddddd')
|
|
793
|
+
console.log(data,this.namespace,'dddddd')
|
|
794
|
+
// debugger
|
|
722
795
|
data = {
|
|
723
796
|
...data,
|
|
724
797
|
page_token: this.page_token,
|
|
@@ -727,6 +800,7 @@
|
|
|
727
800
|
consume_mode: this.consume_mode,
|
|
728
801
|
keyword: this.keyword
|
|
729
802
|
}
|
|
803
|
+
|
|
730
804
|
if(this.dimension==='business'){
|
|
731
805
|
data.namespace = this.namespace
|
|
732
806
|
} else {
|
|
@@ -735,27 +809,36 @@
|
|
|
735
809
|
}
|
|
736
810
|
if(this.area_code) data.area_code = this.area_code;
|
|
737
811
|
this.$xdShowLoading({});
|
|
812
|
+
this.loading = true;
|
|
738
813
|
jfbRootExec("resourceGetShopList", {
|
|
739
814
|
vm: this,
|
|
740
815
|
data: this.$xdUniHelper.deleteParamEmptyKey(data)
|
|
741
816
|
}).then(res => {
|
|
742
817
|
this.$xdHideLoading();
|
|
818
|
+
this.loading = false;
|
|
743
819
|
let list = res.list.map(item => {
|
|
744
820
|
item.shop_icon = getServiceUrl(item.shop_icon, 'size2');
|
|
745
821
|
return item;
|
|
746
822
|
});
|
|
823
|
+
this.filterSearchMap();
|
|
747
824
|
console.log(list,'list')
|
|
748
825
|
// debugger
|
|
749
|
-
if(this.page_token == 1)
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
if(this.page_token == 1){
|
|
754
|
-
uni.pageScrollTo({
|
|
755
|
-
scrollTop: 0,
|
|
756
|
-
duration: 0
|
|
757
|
-
})
|
|
826
|
+
if(this.page_token == '1'){
|
|
827
|
+
this.shopList = res.list || [];
|
|
828
|
+
}else{
|
|
829
|
+
this.shopList = this.shopList.concat(res.list);
|
|
758
830
|
}
|
|
831
|
+
this.next_page_token = res.next_page_token;
|
|
832
|
+
this.hasNextPage = res.next_page_token !== "";
|
|
833
|
+
|
|
834
|
+
// if(this.page_token == 1){
|
|
835
|
+
// uni.pageScrollTo({
|
|
836
|
+
// scrollTop: 0,
|
|
837
|
+
// duration: 0
|
|
838
|
+
// })
|
|
839
|
+
// }
|
|
840
|
+
}).catch(err=>{
|
|
841
|
+
this.loading = false;
|
|
759
842
|
})
|
|
760
843
|
},
|
|
761
844
|
getParams(){
|
|
@@ -779,7 +862,7 @@
|
|
|
779
862
|
getSFP('keyword',this.keyword);
|
|
780
863
|
getSFP('brand_type',this.shopType);
|
|
781
864
|
getSFP('consume_mode',this.serverType);
|
|
782
|
-
getSFP('
|
|
865
|
+
getSFP('category_ids',this.searchFilterParams['shop_category']);
|
|
783
866
|
getSFP('brand_ids',this.searchFilterParams['brand']);
|
|
784
867
|
getSFP('area_codes',this.searchFilterParams['area']);
|
|
785
868
|
getSFP('namespaces',this.searchFilterParams['business_line']);
|
|
@@ -819,6 +902,7 @@
|
|
|
819
902
|
data = {
|
|
820
903
|
...data,
|
|
821
904
|
}
|
|
905
|
+
// debugger
|
|
822
906
|
if(this.dimension==='business'){
|
|
823
907
|
data.namespace = this.namespace
|
|
824
908
|
} else {
|
|
@@ -836,7 +920,7 @@
|
|
|
836
920
|
item.icon = getServiceUrl(item.icon, 'size2');
|
|
837
921
|
return item;
|
|
838
922
|
});
|
|
839
|
-
if(this.showBusinessLine == 'Y'
|
|
923
|
+
if(this.showBusinessLine == 'Y'){
|
|
840
924
|
if(this.dimension==='business'){
|
|
841
925
|
this.namespaceList = res.namespaces;
|
|
842
926
|
} else if(this.dimension==='store'){
|
|
@@ -846,7 +930,10 @@
|
|
|
846
930
|
if(this.showAllBusinessLine == 'Y'){
|
|
847
931
|
this.namespaceList = [{label: "全部", value: "all"}].concat(this.namespaceList);
|
|
848
932
|
}else{
|
|
849
|
-
this.
|
|
933
|
+
this.namespaceList = this.namespaceList.filter(item => item.value!=='all');
|
|
934
|
+
}
|
|
935
|
+
if(this.namespaceList.length){
|
|
936
|
+
this.namespace = this.xnamespace||this.namespaceList[0].value;
|
|
850
937
|
}
|
|
851
938
|
}
|
|
852
939
|
// setTimeout(()=>{
|
|
@@ -854,27 +941,35 @@
|
|
|
854
941
|
this.$xdUniHelper.getWindowHeight(['.menu_wrap','.business_wrap','addr_wrap','.brand_wrap','.query_filter'], this)
|
|
855
942
|
.then(res => {
|
|
856
943
|
console.log(res,'res')
|
|
857
|
-
let num = 0;let menuWrapNum;
|
|
944
|
+
let num = 0;let menuWrapNum;let modelTop=0;
|
|
858
945
|
if(res['.business_wrap']&&res['.business_wrap']['height']){
|
|
859
946
|
num+=res['.business_wrap']['height']/this.$rpxNum;
|
|
860
947
|
}
|
|
861
948
|
if(res['.addr_wrap']&&res['.addr_wrap']['height']){
|
|
862
949
|
num+=res['.addr_wrap']['height']/this.$rpxNum;
|
|
950
|
+
modelTop+=res['.addr_wrap']['height'];
|
|
863
951
|
}
|
|
864
952
|
if(res['.brand_wrap']&&res['.brand_wrap']['height']){
|
|
865
953
|
num+=res['.brand_wrap']['height']/this.$rpxNum;
|
|
954
|
+
modelTop+=res['.brand_wrap']['height'];
|
|
866
955
|
}
|
|
867
956
|
// num = num+this.bodyPadding.top;
|
|
868
|
-
console.log(this.bodyPadding.top/this.$rpxNum,'bodyBoxStyle.paddingTop1')
|
|
957
|
+
console.log(this.bodyPadding.top*this.$rpxNum,this.layoutInfo.top/this.$rpxNum,this.layoutInfo.top*this.$rpxNum,'bodyBoxStyle.paddingTop1')
|
|
869
958
|
if(res['.menu_wrap']&&res['.menu_wrap']['height']){
|
|
870
959
|
menuWrapNum = res['.menu_wrap']['height']/this.$rpxNum;
|
|
960
|
+
modelTop += res['.menu_wrap']['height'];
|
|
871
961
|
}
|
|
872
962
|
this.num = num;
|
|
873
963
|
console.log(this.num,num,'num')
|
|
874
964
|
this.menuWrapNum = menuWrapNum;
|
|
875
965
|
if(res['.query_filter']&&res['.query_filter']['height']){
|
|
876
966
|
this.queryFilterHight = res['.query_filter']['height']/this.$rpxNum;
|
|
967
|
+
modelTop += res['.query_filter']['height'];
|
|
877
968
|
}
|
|
969
|
+
modelTop += this.bodyPadding.top*this.$rpxNum;
|
|
970
|
+
modelTop +=this.layoutInfo.top*this.$rpxNum;
|
|
971
|
+
this.modelTop = modelTop;
|
|
972
|
+
console.log(this.modelTop,'modelTop')
|
|
878
973
|
})
|
|
879
974
|
})
|
|
880
975
|
// },50)
|
|
@@ -961,11 +1056,10 @@
|
|
|
961
1056
|
this.watchScroll(options.e.scrollTop)
|
|
962
1057
|
},
|
|
963
1058
|
onJfbReachBottom(options) {
|
|
964
|
-
if(this.
|
|
965
|
-
|
|
1059
|
+
if(this.loading) return;
|
|
1060
|
+
if(this.hasNextPage){
|
|
966
1061
|
this.getList();
|
|
967
1062
|
}
|
|
968
|
-
// console.log('event.onJfbReachBottom', options)
|
|
969
1063
|
},
|
|
970
1064
|
onJfbShow(options) {
|
|
971
1065
|
console.log('event.onJfbShow', options)
|
|
@@ -1139,6 +1233,9 @@
|
|
|
1139
1233
|
},
|
|
1140
1234
|
//==evnet===
|
|
1141
1235
|
handleQueryFilter({items, ids, labels}){
|
|
1236
|
+
this.page_token = '1';
|
|
1237
|
+
// this.brand_id = '';
|
|
1238
|
+
// this.area_code = "";
|
|
1142
1239
|
console.log(items, ids, labels,'handleQueryFilter')
|
|
1143
1240
|
Object.keys(items).map(key=>{
|
|
1144
1241
|
this.$set(this.searchFilterParams,key,ids[key])
|
|
@@ -1204,6 +1301,8 @@
|
|
|
1204
1301
|
}
|
|
1205
1302
|
.addr_wrap{
|
|
1206
1303
|
background-color: #FFFFFF;
|
|
1304
|
+
// position: relative;
|
|
1305
|
+
// z-index: 997;
|
|
1207
1306
|
}
|
|
1208
1307
|
.addr_list{
|
|
1209
1308
|
display: flex;
|
|
@@ -1411,4 +1510,8 @@
|
|
|
1411
1510
|
.query_wrap_selected{
|
|
1412
1511
|
font-weight: 500;
|
|
1413
1512
|
}
|
|
1513
|
+
.brand_wrap{
|
|
1514
|
+
// position: relative;
|
|
1515
|
+
// z-index: 997;
|
|
1516
|
+
}
|
|
1414
1517
|
</style>
|
|
@@ -248,6 +248,25 @@ module.exports = {
|
|
|
248
248
|
third_platform_code: ""
|
|
249
249
|
}
|
|
250
250
|
]
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"title": "业务线",
|
|
254
|
+
"value": "business_line",
|
|
255
|
+
"multiple": true,
|
|
256
|
+
"options": [
|
|
257
|
+
{
|
|
258
|
+
"label": "电影(勿改)",
|
|
259
|
+
"value": "movie"
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"label": "蛋糕(勿改)",
|
|
263
|
+
"value": "cake"
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"label": "旅游(勿改)",
|
|
267
|
+
"value": "travel"
|
|
268
|
+
}
|
|
269
|
+
]
|
|
251
270
|
}
|
|
252
271
|
],
|
|
253
272
|
request_id: "f1733f02aa8c9672"
|
|
@@ -75,6 +75,16 @@ export default {
|
|
|
75
75
|
return {}
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
|
+
padding:{
|
|
79
|
+
type: Object,
|
|
80
|
+
default(){
|
|
81
|
+
return {}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
height:{
|
|
85
|
+
type:Number,
|
|
86
|
+
default: 0
|
|
87
|
+
}
|
|
78
88
|
},
|
|
79
89
|
computed:{
|
|
80
90
|
itemStyleComp(){
|
|
@@ -82,7 +92,7 @@ export default {
|
|
|
82
92
|
|
|
83
93
|
let outWidth = uni.getSystemInfoSync().safeArea.width;
|
|
84
94
|
let columnSpacingWidth = columnSpacing * (column-1) * this.$rpxNum;
|
|
85
|
-
let marginRL = 96 * this.$rpxNum; //左右默认48rpx
|
|
95
|
+
let marginRL = 96 * this.$rpxNum +this.padding.left+this.padding.right; //左右默认48rpx
|
|
86
96
|
let paddingRL = 16 * this.$rpxNum
|
|
87
97
|
|
|
88
98
|
return {
|
|
@@ -93,11 +103,13 @@ export default {
|
|
|
93
103
|
};
|
|
94
104
|
},
|
|
95
105
|
boxListComp(){
|
|
96
|
-
|
|
106
|
+
// console.log(this.height/this.$rpxNum,this.height,this.$root.layoutInfo['bodyMinHeightRpx'],'rrrrr')
|
|
107
|
+
let maxHeight = this.$root.layoutInfo['bodyMinHeightRpx'] - this.height/this.$rpxNum + 'rpx';
|
|
108
|
+
console.log(maxHeight,'maxHeight')
|
|
97
109
|
if(this.$configProject.isPreview) maxHeight = 800;
|
|
98
110
|
return {
|
|
99
111
|
backgroundColor: this.filterStyle['filterListColor'] || '#f8f8f8',
|
|
100
|
-
maxHeight: maxHeight
|
|
112
|
+
maxHeight: maxHeight,
|
|
101
113
|
borderTop: this.filterStyle.filterTopBorder|| '2rpx solid #f8f8f8'
|
|
102
114
|
}
|
|
103
115
|
},
|
|
@@ -134,6 +146,7 @@ export default {
|
|
|
134
146
|
selectedLabels:{},
|
|
135
147
|
selectedIds:{},
|
|
136
148
|
filterTabs: [],
|
|
149
|
+
btnHeight:0,
|
|
137
150
|
}
|
|
138
151
|
},
|
|
139
152
|
watch: {
|
|
@@ -145,6 +158,15 @@ export default {
|
|
|
145
158
|
},
|
|
146
159
|
},
|
|
147
160
|
created(){
|
|
161
|
+
console.log(this.padding, this.list,'sssssaaaaa')
|
|
162
|
+
this.$nextTick(()=>{
|
|
163
|
+
this.$xdUniHelper.getWindowHeight(['.bottom_btn'], this)
|
|
164
|
+
.then(res => {
|
|
165
|
+
console.log(res,'aaadddd')
|
|
166
|
+
this.btnHeight = res['bottom_btn']['height'];
|
|
167
|
+
})
|
|
168
|
+
.catch(err => {})
|
|
169
|
+
})
|
|
148
170
|
this.initData();
|
|
149
171
|
},
|
|
150
172
|
methods: {
|
|
@@ -203,6 +225,7 @@ export default {
|
|
|
203
225
|
});
|
|
204
226
|
|
|
205
227
|
this.filterTabs = filterTabs
|
|
228
|
+
console.log(this.filterTabs, 'filterTabs')
|
|
206
229
|
},
|
|
207
230
|
isActive(tab, value){
|
|
208
231
|
if(!this.selectedIds[tab.value]) return false
|
|
@@ -285,7 +308,7 @@ export default {
|
|
|
285
308
|
<style lang="less" scoped>
|
|
286
309
|
.filter_wrap{
|
|
287
310
|
overflow: auto;
|
|
288
|
-
max-height: 50vh;
|
|
311
|
+
// max-height: 50vh!important;
|
|
289
312
|
|
|
290
313
|
.filter_item{
|
|
291
314
|
&:last-child {
|
|
@@ -17,7 +17,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
17
17
|
ele: 'xd-select-pages-path',
|
|
18
18
|
valueKey: 'shopInfoPath',
|
|
19
19
|
groupKey:'advanced',
|
|
20
|
-
placeholder: '
|
|
20
|
+
placeholder: '请选择门店详情跳转页面',
|
|
21
21
|
value: data.shopInfoPath || null,
|
|
22
22
|
className: 'input100',
|
|
23
23
|
setting: {
|
|
@@ -46,7 +46,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
46
46
|
label: '聚好兑:',
|
|
47
47
|
ele: 'xd-select-pages-path',
|
|
48
48
|
valueKey: 'exchangePath',
|
|
49
|
-
placeholder: '
|
|
49
|
+
placeholder: '请选择聚好兑跳转页面',
|
|
50
50
|
groupKey:'advanced',
|
|
51
51
|
className: 'input100',
|
|
52
52
|
value: data['exchangePath'] || null,
|
|
@@ -62,7 +62,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
62
62
|
label: '扫一扫:',
|
|
63
63
|
ele: 'xd-select-pages-path',
|
|
64
64
|
valueKey: 'scanPath',
|
|
65
|
-
placeholder: '
|
|
65
|
+
placeholder: '请选择扫一扫跳转页面',
|
|
66
66
|
groupKey:'advanced',
|
|
67
67
|
className: 'input100',
|
|
68
68
|
value: data['scanPath'] || null,
|
|
@@ -78,7 +78,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
78
78
|
label: '快捷码:',
|
|
79
79
|
ele: 'xd-select-pages-path',
|
|
80
80
|
valueKey: 'takeGoodsPath',
|
|
81
|
-
placeholder: '
|
|
81
|
+
placeholder: '请选择展快捷码跳转页面',
|
|
82
82
|
groupKey:'advanced',
|
|
83
83
|
className: 'input100',
|
|
84
84
|
value: data['takeGoodsPath'] || null,
|
|
@@ -94,7 +94,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
94
94
|
label: '在线选座:',
|
|
95
95
|
ele: 'xd-select-pages-path',
|
|
96
96
|
valueKey: 'buyTicketPath',
|
|
97
|
-
placeholder: '
|
|
97
|
+
placeholder: '请选择在线选座跳转页面',
|
|
98
98
|
groupKey:'advanced',
|
|
99
99
|
className: 'input100',
|
|
100
100
|
value: data['buyTicketPath'] || null,
|
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
} from "@/utils/AttrTools";
|
|
12
12
|
|
|
13
13
|
export default (data, gValue, gColor, oldData) => {
|
|
14
|
+
console.log(data,'dddddsss')
|
|
14
15
|
let showStoreImg = 'Y'
|
|
15
16
|
let showStoreAddress = 'Y'
|
|
16
17
|
//变化的时候
|
|
@@ -30,8 +31,8 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
30
31
|
let defQuickEntry = [
|
|
31
32
|
{check:true,value:'jhd',input:data.jhdName||'',placeholder:'聚好兑名称,默认“聚好兑”'},
|
|
32
33
|
{check:true,value:'scan',input:data.scanName||'', placeholder:'扫一扫名称,默认“扫一扫”'},
|
|
33
|
-
{check:true,value:'
|
|
34
|
-
{check:
|
|
34
|
+
{check:true,value:'qp',input:data.takeGoodsName||'', placeholder:'展快捷码名称,默认“展快捷码”'},
|
|
35
|
+
{check:false,value:'seat',input:data.buyTicketName||'', placeholder:'去购票名称,默认“去购票”'},
|
|
35
36
|
// {check: false,value:'code',input:data.code||'',placeholder:'电子码名称,默认“电子码”'},
|
|
36
37
|
// {check: false,value:'hdSelf',input:data.hdSelf||'',placeholder:'到店取名称,默认“去点餐”'},
|
|
37
38
|
];
|
|
@@ -206,10 +207,10 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
206
207
|
valueKey: "filterMode",
|
|
207
208
|
value: dataVal({data, key:'filterMode', dValue:[['filter']], gValue}),
|
|
208
209
|
list:[
|
|
209
|
-
{"label": "区域", "value": 'area'},
|
|
210
|
-
{"label": "品牌", "value": 'brand'},
|
|
211
|
-
{"label": "业务线", "value": '
|
|
212
|
-
{"label": "门店分类", "value": 'shop_category'},
|
|
210
|
+
{"label": "区域", "value": 'area',disabled:data.styleLayout==2?true:false},
|
|
211
|
+
{"label": "品牌", "value": 'brand',disabled:data.styleLayout==3?true:false},
|
|
212
|
+
{"label": "业务线", "value": 'business_line',disabled:data.showBusinessLine==='Y'&&data.dimension==='business'?true:false},
|
|
213
|
+
{"label": "门店分类", "value": 'shop_category',disabled:data.showBusinessLine==='Y'&&data.dimension==='store'?true:false},
|
|
213
214
|
{"label": "筛选", "value": 'filter'},
|
|
214
215
|
],
|
|
215
216
|
labelInline: true,
|
|
@@ -317,7 +318,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
317
318
|
label: '快捷入口',
|
|
318
319
|
ele: 'xd-cus-switch',
|
|
319
320
|
valueKey: 'showQuickEntry',
|
|
320
|
-
value: dataVal({data, key:'showQuickEntry', dValue:"
|
|
321
|
+
value: dataVal({data, key:'showQuickEntry', dValue:"N", gValue}),
|
|
321
322
|
className: 'input100',
|
|
322
323
|
groupKey:'content',
|
|
323
324
|
labelInline:true,
|
|
@@ -140,7 +140,7 @@ export default function (data, gValue, gColor, oldData) {
|
|
|
140
140
|
groupKey:'style',
|
|
141
141
|
valueKey: 'cardItemBgColor',
|
|
142
142
|
labelInline:true,
|
|
143
|
-
value: dataVal({data, key:'cardItemBgColor', dValue:'#
|
|
143
|
+
value: dataVal({data, key:'cardItemBgColor', dValue:'#f8f8f8', gValue}),
|
|
144
144
|
hidden: !statusShow({data, key: 'cardItemBgColorStatus', fields:['cardItemBgColor'], gValue}),
|
|
145
145
|
placeholder: '请选择背景颜色',
|
|
146
146
|
classNmae: 'input80',
|