jufubao-base 1.0.181-beta9 → 1.0.182-beta1
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/JfbBaseAddress/Attr.js +50 -1
- package/src/components/JfbBaseAddress/JfbBaseAddress.vue +120 -68
- package/src/components/JfbBaseAddress/XdTfkItem.vue +117 -0
- package/src/components/JfbBaseCardDelay/Api.js +30 -19
- package/src/components/JfbBaseCardDelay/Attr.js +35 -237
- package/src/components/JfbBaseCardDelay/JfbBaseCardDelay.vue +78 -279
- package/src/components/JfbBaseCardDetailEntry/Attr.js +0 -12
- package/src/components/JfbBaseCardDetailEntry/JfbBaseCardDetailEntry.vue +0 -14
- package/src/components/JfbBaseCardDetailEntry/Mock.js +1 -1
- package/src/components/JfbBaseCardEntry/Attr.js +0 -121
- package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue +29 -206
- package/src/components/JfbBaseCardGive/Api.js +34 -18
- package/src/components/JfbBaseCardGive/Attr.js +32 -40
- package/src/components/JfbBaseCardGive/JfbBaseCardGive.vue +79 -502
- package/src/components/JfbBaseCardGive/Mock.js +9 -2
- package/src/components/JfbBaseCardReceive/Api.js +36 -10
- package/src/components/JfbBaseCardReceive/Attr.js +39 -9
- package/src/components/JfbBaseCardReceive/JfbBaseCardReceive.vue +80 -403
- package/src/components/JfbBaseCardReceive/Mock.js +7 -1
- package/src/components/JfbBaseCardReceiveCover/Api.js +43 -5
- package/src/components/JfbBaseCardReceiveCover/Attr.js +30 -119
- package/src/components/JfbBaseCardReceiveCover/JfbBaseCardReceiveCover.vue +82 -189
- package/src/components/JfbBaseCardReceiveCover/Mock.js +9 -1
- package/src/components/JfbBaseFastLink/JfbBaseFastLink.vue +1 -1
- package/src/components/JfbBaseOrderDetail/Attr.js +10 -0
- package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue +16 -97
- package/src/components/JfbBaseOrderDetail/Mock.js +0 -5
- package/src/components/JfbBaseOrderList/Attr.js +23 -0
- package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue +117 -86
- package/src/components/JfbBaseOrderList/XdTfkOrderItem.vue +246 -0
- package/src/components/JfbBasePay/Attr.js +0 -12
- package/src/components/JfbBasePay/JfbBasePay.vue +12 -18
- package/src/components/JfbBasePosterType/JfbBasePosterType.vue +1 -0
- package/src/components/JfbBaseRechargeOrder/Api.js +0 -11
- package/src/components/JfbBaseRechargeOrder/JfbBaseRechargeOrder.vue +27 -46
- package/src/components/JfbBaseRechargeOrderDetail/Api.js +0 -11
- package/src/components/JfbBaseRechargeOrderDetail/JfbBaseRechargeOrderDetail.vue +13 -142
- package/src/components/JfbBaseRechargeSuccess/Api.js +0 -11
- package/src/components/JfbBaseRechargeSuccess/Attr.js +1 -1
- package/src/components/JfbBaseRechargeSuccess/JfbBaseRechargeSuccess.vue +3 -6
|
@@ -71,13 +71,6 @@
|
|
|
71
71
|
<view v-if="0">
|
|
72
72
|
<xd-button size="small" type="primary" width="100%">消费记录</xd-button>
|
|
73
73
|
</view>
|
|
74
|
-
<view v-if="info.is_can_transfer==='Y'">
|
|
75
|
-
<xd-button
|
|
76
|
-
width="100%"
|
|
77
|
-
@click="handleGive()"
|
|
78
|
-
size="small"
|
|
79
|
-
type="primary">赠送</xd-button>
|
|
80
|
-
</view>
|
|
81
74
|
<view v-if="info.is_exchange==='Y'">
|
|
82
75
|
<xd-button
|
|
83
76
|
width="100%"
|
|
@@ -162,7 +155,6 @@ export default {
|
|
|
162
155
|
isBrandLogo: false,
|
|
163
156
|
isShowUnbind: false, //是否启动绑定按钮
|
|
164
157
|
headerBg: {},
|
|
165
|
-
give_url: ""
|
|
166
158
|
};
|
|
167
159
|
},
|
|
168
160
|
watch: {
|
|
@@ -212,7 +204,6 @@ export default {
|
|
|
212
204
|
init(container) {
|
|
213
205
|
this.backUrl = getContainerPropsValue(container, "content.back_url", { value: "" }).value;
|
|
214
206
|
this.shift_url = getContainerPropsValue(container, "content.shift_url", { value: "" }).value;
|
|
215
|
-
this.give_url = getContainerPropsValue(container, "content.give_url", { value: "" }).value;
|
|
216
207
|
//'wechat_mini_program|default'
|
|
217
208
|
this.entryGroupId = getContainerPropsValue(container,"content.entryGroupId","default");
|
|
218
209
|
},
|
|
@@ -314,11 +305,6 @@ export default {
|
|
|
314
305
|
.catch();
|
|
315
306
|
}, time);
|
|
316
307
|
},
|
|
317
|
-
handleGive() {
|
|
318
|
-
this.$xdUniHelper.navigateTo({
|
|
319
|
-
url: `${this.give_url}?card_number=${this.info["card_number"]}`,
|
|
320
|
-
});
|
|
321
|
-
},
|
|
322
308
|
/**
|
|
323
309
|
* @description 已绑定卡登录
|
|
324
310
|
* @param entry
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
4
|
getCardYueEntry: {},
|
|
5
|
-
getBaseByIdCardDetailEntry: {"card_number":"101001000008091","card_point":99875,"card_type_name":"多余额福卡","end_time":"2025-04-30","card_status":"Y","card_status_name":"开启","
|
|
5
|
+
getBaseByIdCardDetailEntry: {"card_number":"101001000008091","card_point":99875,"card_type_name":"多余额福卡","end_time":"2025-04-30","card_status":"Y","card_status_name":"开启","card_qrcode":"\/\/sandbox-apis.jufubao.cn\/common\/v1\/image\/qrcode?code_content=h.161.y7uomss6bqulqla","barcode":"\/\/sandbox-apis.jufubao.cn\/common\/v1\/image\/barcode?code_content=h.161.y7uomss6bqulqla","card_qrcode_expire":600,"unit":"点","main_business_code_name":"电影(勿改)、网络视听(勿改)、体检(勿改)","other_card_point":79900,"is_exchange":"N","exchange_card_type_name":"福券","exchange_card_point":98876,"card_point_type":2,"is_show_qrcode_logo":"Y","is_can_unbind":"Y","site_entry_settings":[{"id":57,"business_code":"movie","entry_name":"在线选座","image_url":"\/uploads\/20230927\/74fcb8bf1bf617249eee5f1416533766.png","redirect_data":"{\"path\":\"https:\\\/\\\/website-01.jufubao.cn\\\/base\\\/system\\\/zhrk\\\/zkrk\"}","redirect_type":"URL"},{"id":10,"business_code":"gift","entry_name":"礼包","image_url":"\/uploads\/20230927\/f1c8a447209eb04d77c2095a13cdadf4.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/gift\\\/type\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/gift\\\/type\",\"frontPath\":\"\\\/apply\\\/main\\\/gift\\\/type\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":7,"business_code":"movie","entry_name":"在线选座","image_url":"\/uploads\/20230927\/61b3302ec80009964e0a4b7b2336e5cf.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/movie\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/movie\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/movie\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":9,"business_code":"cake","entry_name":"蛋糕","image_url":"\/uploads\/20230927\/e582dc796bdb703a10860bcbbbb378f3.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/cake\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/cake\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/cake\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":18,"business_code":"book","entry_name":"图书","image_url":"\/uploads\/20230927\/9edcdc737c48cdbf9364e321e8199a93.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/book\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/book\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/book\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":8,"business_code":"market","entry_name":"百货","image_url":"\/uploads\/20230927\/920c4bd80f0a995e245aedbfaf1181d5.png","redirect_data":"{\"dir\":\"apply02\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/mall\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply02\\\/main\\\/mall\\\/index\",\"frontPath\":\"\\\/apply02\\\/main\\\/mall\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":17,"business_code":"video","entry_name":"网络视听","image_url":"\/uploads\/20230927\/1ca9647b7ddd9937054792412d3c2367.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/video\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/video\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/video\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":35,"business_code":"v-RcA8Mv-Gpd96_Y_mjIf","entry_name":"全福券","image_url":"\/uploads\/20230927\/53191864826b864b8b6fd4f1eb397a93.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/system\\\/card\\\/card\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/system\\\/card\\\/card\",\"frontPath\":\"\\\/apply\\\/system\\\/card\\\/card\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":40,"business_code":"93028be3","entry_name":"专区","image_url":"\/uploads\/20230927\/84d23a8c7af7a63842eb696c00068b3d.png","redirect_data":"{\"dir\":\"apply05\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/mall\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply05\\\/main\\\/mall\\\/index\",\"frontPath\":\"\\\/apply05\\\/main\\\/mall\\\/index\",\"fixed_business_code\":\"-y8t4cmogeFvi8fmuxFSK\"}","redirect_type":"INN"},{"id":34,"business_code":"food","entry_name":"餐饮","image_url":"\/uploads\/20230927\/97728bf3ef2a6361c0a1771549d2d435.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/food\\\/rkym\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/food\\\/rkym\",\"frontPath\":\"\\\/apply\\\/main\\\/food\\\/rkym\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":54,"business_code":"health","entry_name":"体检","image_url":"\/uploads\/20230927\/e06b058a2104025ffecee960b3b9321d.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/health\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/health\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/health\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":30,"business_code":"travel","entry_name":"旅游","image_url":"\/uploads\/20230927\/09ceefe2d1776a399b567c7acdf2c9db.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/travel\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/travel\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/travel\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":16,"business_code":"play","entry_name":"演出","image_url":"\/uploads\/20230927\/07e1d76f1850fbadc9a12d7ff2d7689c.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/play\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/play\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/play\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"}],"business_codes":["movie","market","cake","book"],"request_id":"58eec3f9f6e96cf0"}
|
|
6
6
|
}
|
|
@@ -322,18 +322,6 @@ export default {
|
|
|
322
322
|
},
|
|
323
323
|
inline: false,
|
|
324
324
|
},
|
|
325
|
-
{
|
|
326
|
-
label: '转赠中票券详情地址:',
|
|
327
|
-
ele: 'xd-select-pages-path',
|
|
328
|
-
valueKey: 'give_url',
|
|
329
|
-
groupKey:'advanced',
|
|
330
|
-
placeholder: '请选择转赠中票券详情地址',
|
|
331
|
-
value: null,
|
|
332
|
-
setting: {
|
|
333
|
-
router: XdBus.getParentApi('getPagesTree'),
|
|
334
|
-
},
|
|
335
|
-
inline: false,
|
|
336
|
-
},
|
|
337
325
|
{
|
|
338
326
|
label: '票券密码绑定地址:',
|
|
339
327
|
ele: 'xd-select-pages-path',
|
|
@@ -358,114 +346,5 @@ export default {
|
|
|
358
346
|
},
|
|
359
347
|
inline: false,
|
|
360
348
|
},
|
|
361
|
-
{
|
|
362
|
-
ele: "title",
|
|
363
|
-
label: "我的优惠券样式配置",
|
|
364
|
-
size: "small",
|
|
365
|
-
groupKey: "style",
|
|
366
|
-
},
|
|
367
|
-
{
|
|
368
|
-
label: "是否切换到优惠券",
|
|
369
|
-
ele: "xd-radio",
|
|
370
|
-
valueKey: "isShowCoupon",
|
|
371
|
-
groupKey:'style',
|
|
372
|
-
value:"N",
|
|
373
|
-
list: [
|
|
374
|
-
{label: "是", value: "Y"},
|
|
375
|
-
{label: "否", value: "N"},
|
|
376
|
-
]
|
|
377
|
-
},
|
|
378
|
-
{
|
|
379
|
-
label: "优惠券左侧背景色设置:",
|
|
380
|
-
ele: "xd-gradient-color",
|
|
381
|
-
valueKey: "couponLeftBgColor",
|
|
382
|
-
value: 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
|
|
383
|
-
groupKey:'style',
|
|
384
|
-
},
|
|
385
|
-
{
|
|
386
|
-
label: "圆角设置",
|
|
387
|
-
ele: 'xd-site-select-list',
|
|
388
|
-
valueKey: 'couponRadius',
|
|
389
|
-
value: 16,
|
|
390
|
-
groupKey:'style',
|
|
391
|
-
placeholder: '请选择内容圆角设置',
|
|
392
|
-
multiple: false,
|
|
393
|
-
className: 'input80',
|
|
394
|
-
handleCustom({ action, data }) {
|
|
395
|
-
XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
|
|
396
|
-
.then(res => {
|
|
397
|
-
data.cb(res.list)
|
|
398
|
-
})
|
|
399
|
-
.catch(error => {
|
|
400
|
-
console.error(error);
|
|
401
|
-
});
|
|
402
|
-
},
|
|
403
|
-
},
|
|
404
|
-
{
|
|
405
|
-
label: "优惠券标题背景颜色设置:",
|
|
406
|
-
ele: "xd-color",
|
|
407
|
-
valueKey: "couponTitleBgColor",
|
|
408
|
-
value: null,
|
|
409
|
-
groupKey:'style',
|
|
410
|
-
setting: {
|
|
411
|
-
showAlpha: true,
|
|
412
|
-
isAlpha: true
|
|
413
|
-
},
|
|
414
|
-
},
|
|
415
|
-
{
|
|
416
|
-
label: "去使用按钮文字背景色设置: ",
|
|
417
|
-
ele: "xd-text-and-bgc",
|
|
418
|
-
groupKey:'style',
|
|
419
|
-
valueKey: "couponBtnTextStyle",
|
|
420
|
-
value: null,
|
|
421
|
-
setting: {
|
|
422
|
-
fontSize: true, //字体大小选择
|
|
423
|
-
color: true, //文字颜色选项
|
|
424
|
-
bgColor: true, //背景选项
|
|
425
|
-
weight: true, //文字粗细
|
|
426
|
-
},
|
|
427
|
-
handleCustom({action, data}) {
|
|
428
|
-
XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
|
|
429
|
-
.then(res => {
|
|
430
|
-
data.cb(res.list)
|
|
431
|
-
})
|
|
432
|
-
.catch(error => {
|
|
433
|
-
console.error(error);
|
|
434
|
-
data.cb([])
|
|
435
|
-
});
|
|
436
|
-
},
|
|
437
|
-
},
|
|
438
|
-
{
|
|
439
|
-
label: "按钮内边距设置:",
|
|
440
|
-
groupKey:'style',
|
|
441
|
-
ele: 'xd-margin-padding',
|
|
442
|
-
valueKey: 'couponUseBtnPadding',
|
|
443
|
-
value: null,
|
|
444
|
-
setting: {
|
|
445
|
-
type: 'padding',
|
|
446
|
-
},
|
|
447
|
-
placeholder: '请设置边距',
|
|
448
|
-
inline: false,
|
|
449
|
-
notice: '设置内边距,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">20</span>像素',
|
|
450
|
-
},
|
|
451
|
-
{
|
|
452
|
-
label: "按钮圆角设置",
|
|
453
|
-
ele: 'xd-site-select-list',
|
|
454
|
-
valueKey: 'couponBtnRadius',
|
|
455
|
-
value: 16,
|
|
456
|
-
groupKey:'style',
|
|
457
|
-
placeholder: '请选择内容圆角设置',
|
|
458
|
-
multiple: false,
|
|
459
|
-
className: 'input80',
|
|
460
|
-
handleCustom({ action, data }) {
|
|
461
|
-
XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
|
|
462
|
-
.then(res => {
|
|
463
|
-
data.cb(res.list)
|
|
464
|
-
})
|
|
465
|
-
.catch(error => {
|
|
466
|
-
console.error(error);
|
|
467
|
-
});
|
|
468
|
-
},
|
|
469
|
-
},
|
|
470
349
|
],
|
|
471
350
|
};
|
|
@@ -110,31 +110,18 @@
|
|
|
110
110
|
}"
|
|
111
111
|
>已绑定票券</view>
|
|
112
112
|
<view
|
|
113
|
+
v-if="hasChangeStatus"
|
|
113
114
|
@click="tabIndex = 2"
|
|
114
115
|
:style="{
|
|
115
116
|
color: tabIndex === 2 ? '#fff' : '#B8B7BE',
|
|
116
117
|
background: tabIndex === 2 ? mainColor : '#fff',
|
|
117
118
|
}"
|
|
118
|
-
|
|
119
|
-
</view>
|
|
120
|
-
<view class="jfb-base-card-entry__body-sub-tab" v-if="tabIndex === 1">
|
|
121
|
-
<view :style="{
|
|
122
|
-
color: subTabIndex === 1 ? mainColor : '#fff',
|
|
123
|
-
background: subTabIndex === 1 ? noticeBackgroundColor : '#DDDDDD',
|
|
124
|
-
}" @click="subTabIndex=1" class="jfb-base-card-entry__body-sub-tab-item">可用票券</view>
|
|
125
|
-
<view :style="{
|
|
126
|
-
color: subTabIndex === 2 ? mainColor : '#fff',
|
|
127
|
-
background: subTabIndex === 2 ? noticeBackgroundColor : '#DDDDDD',
|
|
128
|
-
}" @click="subTabIndex=2" class="jfb-base-card-entry__body-sub-tab-item">可转票券</view>
|
|
129
|
-
<view :style="{
|
|
130
|
-
color: subTabIndex === 3 ? mainColor : '#fff',
|
|
131
|
-
background: subTabIndex === 3 ? noticeBackgroundColor : '#DDDDDD',
|
|
132
|
-
}" @click="subTabIndex=3" class="jfb-base-card-entry__body-sub-tab-item">赠送中</view>
|
|
119
|
+
>可转换票券</view>
|
|
133
120
|
</view>
|
|
134
121
|
<view
|
|
135
122
|
class="jfb-base-card-entry__body-tips"
|
|
136
123
|
:style="{ color: warningColor }"
|
|
137
|
-
v-if="
|
|
124
|
+
v-if="tabIndex === 2"
|
|
138
125
|
>* 目前仅支持电影票兑换券进行转换</view>
|
|
139
126
|
<view class="card-content">
|
|
140
127
|
<view v-if="loadingCardList" class="jfb-base-card-entry__body-card skeleton-card">
|
|
@@ -167,7 +154,7 @@
|
|
|
167
154
|
|
|
168
155
|
<template v-else>
|
|
169
156
|
<view
|
|
170
|
-
v-if="tabIndex === 1 && (cardList && cardList.length > 0)"
|
|
157
|
+
v-if="tabIndex === 2 || tabIndex === 1 && (cardList && cardList.length > 0)"
|
|
171
158
|
class="jfb-base-card-entry__body-card"
|
|
172
159
|
>
|
|
173
160
|
<view
|
|
@@ -182,7 +169,7 @@
|
|
|
182
169
|
:style="{
|
|
183
170
|
background: item['theme']['color'],
|
|
184
171
|
backgroundSize: '100%',
|
|
185
|
-
height:
|
|
172
|
+
height: item.height + 'px'
|
|
186
173
|
}"
|
|
187
174
|
>
|
|
188
175
|
<view class="card-list-warp" :style="{backgroundImage: 'url('+ item['theme']['image'] +')'}">
|
|
@@ -197,7 +184,7 @@
|
|
|
197
184
|
<text>券号:</text>
|
|
198
185
|
<text>{{item.card_number}}{{showIndex?(':' + index):''}}</text>
|
|
199
186
|
</view>
|
|
200
|
-
<view @click.stop="toDetail(item)" v-if="
|
|
187
|
+
<view @click.stop="toDetail(item)" v-if="isShowCode === 'Y'">
|
|
201
188
|
<view>
|
|
202
189
|
<xd-font-icon icon="iconerweima" width="56" height="56" size="50" color="#fff"></xd-font-icon>
|
|
203
190
|
</view>
|
|
@@ -215,25 +202,15 @@
|
|
|
215
202
|
<view class="card-list__other" v-if="item.other_card_point && item.card_point_type === 2">
|
|
216
203
|
<view><text>购买其他物品可抵:</text><text>{{item.other_card_point}} {{ item.unit }}</text></view>
|
|
217
204
|
</view>
|
|
218
|
-
<template v-if="
|
|
219
|
-
<view class="card-list__entry" v-if="item.
|
|
220
|
-
<view
|
|
221
|
-
@click.stop="handleBindLogin(item,item['entries'][0])"
|
|
222
|
-
:style="{
|
|
223
|
-
background: '#fff',
|
|
224
|
-
color: item['theme']['color']}"
|
|
225
|
-
>
|
|
226
|
-
登录
|
|
227
|
-
</view>
|
|
228
|
-
</view>
|
|
229
|
-
<view class="card-list__entry" v-if="item.entries.length === 1&&!force">
|
|
205
|
+
<template v-if="tabIndex === 1">
|
|
206
|
+
<view class="card-list__entry" v-if="item.entries.length === 1">
|
|
230
207
|
<view
|
|
231
208
|
@click.stop="handleBindLogin(item,item['entries'][0])"
|
|
232
209
|
:style="{color: item['theme']['color']}"
|
|
233
210
|
>进入{{item['entries'][0]['entry_name']}}</view>
|
|
234
211
|
</view>
|
|
235
|
-
<view class="card-list__nodata" v-if="item.entries.length === 0
|
|
236
|
-
<view class="card-list__entrys" v-if="item.entries.length > 1
|
|
212
|
+
<view class="card-list__nodata" v-if="item.entries.length === 0">暂无支持服务列表</view>
|
|
213
|
+
<view class="card-list__entrys" v-if="item.entries.length > 1" @click.stop>
|
|
237
214
|
<view class="card-list__entrys-title">
|
|
238
215
|
<view>可兑换权益</view>
|
|
239
216
|
<view @click.stop="toDetail(item, false)">
|
|
@@ -261,7 +238,7 @@
|
|
|
261
238
|
</view>
|
|
262
239
|
</view>
|
|
263
240
|
</template>
|
|
264
|
-
<view class="card-list__entry" v-else
|
|
241
|
+
<view class="card-list__entry" v-else>
|
|
265
242
|
<view
|
|
266
243
|
@click.stop="handleBindLogin(item,item['entries'][0])"
|
|
267
244
|
:style="{color: item['theme']['color']}"
|
|
@@ -281,27 +258,6 @@
|
|
|
281
258
|
}"
|
|
282
259
|
></view>
|
|
283
260
|
</view>
|
|
284
|
-
<view v-if="tabIndex===2&&(couponList&&couponList.length)">
|
|
285
|
-
<view v-if="couponList.length" class="coupon_list">
|
|
286
|
-
<CusCouponItem v-for="(item, i) in couponList" :key="i"
|
|
287
|
-
style="margin-bottom:20rpx"
|
|
288
|
-
:couponRadius="couponRadius"
|
|
289
|
-
:couponImageUrl="couponImageUrl"
|
|
290
|
-
:couponTitleBgColor="couponTitleBgColor"
|
|
291
|
-
:couponUseBtnPadding="couponUseBtnPadding"
|
|
292
|
-
:couponBtnRadius="couponBtnRadius"
|
|
293
|
-
:couponBtnTextStyle="couponBtnTextStyle"
|
|
294
|
-
:couponLeftBgColor="couponLeftBgColor"
|
|
295
|
-
:item="item"
|
|
296
|
-
:mainColor="mainColor"
|
|
297
|
-
@useCoupon="handleBindLogin(item,item['entries'][0])"
|
|
298
|
-
@toDetail="toDetail(item)"
|
|
299
|
-
></CusCouponItem>
|
|
300
|
-
</view>
|
|
301
|
-
<view v-else>
|
|
302
|
-
暂无数据
|
|
303
|
-
</view>
|
|
304
|
-
</view>
|
|
305
261
|
<view v-else-if="cardList !== null && cardList.length === 0">
|
|
306
262
|
<view class="jfb-base-card-entry__body-empty">
|
|
307
263
|
<view class="jfb-base-card-entry__body-empty-wrap">
|
|
@@ -336,6 +292,7 @@
|
|
|
336
292
|
></xd-font-icon>
|
|
337
293
|
</view>
|
|
338
294
|
</view>
|
|
295
|
+
|
|
339
296
|
<view class="computed-height" >
|
|
340
297
|
<view
|
|
341
298
|
v-for="(item,index) in cardComputedList"
|
|
@@ -372,7 +329,7 @@
|
|
|
372
329
|
<view class="card-list__other" v-if="item.other_card_point && item.card_point_type === 2">
|
|
373
330
|
<view><text>购买其他物品可抵:</text><text>{{item.other_card_point}} {{ item.unit }}</text></view>
|
|
374
331
|
</view>
|
|
375
|
-
<template v-if="
|
|
332
|
+
<template v-if="tabIndex === 1">
|
|
376
333
|
<view class="card-list__entry" v-if="item.entries.length === 1">
|
|
377
334
|
<view
|
|
378
335
|
@click.stop="handleBindLogin(item,item['entries'][0])"
|
|
@@ -388,7 +345,7 @@
|
|
|
388
345
|
<xd-font-icon icon="iconxiangyou_xian" color="#999" size="20"></xd-font-icon>
|
|
389
346
|
</view>
|
|
390
347
|
</view>
|
|
391
|
-
<view
|
|
348
|
+
<view class="card-list__entrys-list">
|
|
392
349
|
<scroll-view scroll-x class="card-list__entrys-scroll">
|
|
393
350
|
<view class="card-list__entrys-item">
|
|
394
351
|
<view
|
|
@@ -435,7 +392,6 @@ import { mapState, mapActions } from "vuex";
|
|
|
435
392
|
import { getContainerPropsValue, isWechat,isQrCode } from "@/utils/xd.base";
|
|
436
393
|
import XdNoticeBar from "@/components/XdNoticeBar/XdNoticeBar";
|
|
437
394
|
import { Base64 } from "js-base64";
|
|
438
|
-
import CusCouponItem from "@/components/CusCouponItem/CusCouponItem";
|
|
439
395
|
import getServiceUrl from "@/common/getServiceUrl";
|
|
440
396
|
import {parsePath} from "@/utils/linkUrl";
|
|
441
397
|
const Color = require("color");
|
|
@@ -446,8 +402,7 @@ export default {
|
|
|
446
402
|
XdFontIcon,
|
|
447
403
|
XdButton,
|
|
448
404
|
XdNoticeBar,
|
|
449
|
-
XdCardV2
|
|
450
|
-
CusCouponItem
|
|
405
|
+
XdCardV2
|
|
451
406
|
},
|
|
452
407
|
mixins: [componentsMixins, extsMixins, JfbBaseCardEntryMixin, colorCardMixins, cardListMixins],
|
|
453
408
|
computed: {
|
|
@@ -474,11 +429,6 @@ export default {
|
|
|
474
429
|
this.clearDefault();
|
|
475
430
|
this.cardPageNum = 0;
|
|
476
431
|
this.onJfbLoad(this.options);
|
|
477
|
-
},
|
|
478
|
-
subTabIndex() {
|
|
479
|
-
this.clearDefault();
|
|
480
|
-
this.cardPageNum = 0;
|
|
481
|
-
this.onJfbLoad(this.options);
|
|
482
432
|
}
|
|
483
433
|
},
|
|
484
434
|
data() {
|
|
@@ -519,43 +469,6 @@ export default {
|
|
|
519
469
|
//活动
|
|
520
470
|
dialogEvent: false,
|
|
521
471
|
popup: "https://img.zcool.cn/community/01784158abe781a801219c77e981ee.jpg?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100",
|
|
522
|
-
subTabIndex: 1,
|
|
523
|
-
force: false, //是否强制卡登录
|
|
524
|
-
give_url: '',
|
|
525
|
-
couponList: [],
|
|
526
|
-
isShowCoupon: 'N',
|
|
527
|
-
couponBtnRadius: 16,
|
|
528
|
-
couponLeftBgColor: "",
|
|
529
|
-
couponTitleBgColor: "",
|
|
530
|
-
couponBtnTextStyle: {}, //优惠券包登录按钮文字背景色设置
|
|
531
|
-
couponUseBtnPadding: {},
|
|
532
|
-
couponImageUrl: "",
|
|
533
|
-
testCouponList: [
|
|
534
|
-
{
|
|
535
|
-
card_number: '10001000001168',
|
|
536
|
-
card_point: 5000,
|
|
537
|
-
card_type: '0',
|
|
538
|
-
card_type_name: '满50减50',
|
|
539
|
-
unit: '点',
|
|
540
|
-
end_time: '2024-11-23',
|
|
541
|
-
is_valid: 'Y',
|
|
542
|
-
main_business_code_name: '',
|
|
543
|
-
other_card_point: 0,
|
|
544
|
-
is_exchange: 'N',
|
|
545
|
-
card_point_type: 1,
|
|
546
|
-
business_codes: [
|
|
547
|
-
'cake',
|
|
548
|
-
'movie',
|
|
549
|
-
'video',
|
|
550
|
-
'market',
|
|
551
|
-
'book'
|
|
552
|
-
],
|
|
553
|
-
is_login: 'N',
|
|
554
|
-
consume_type: '2',
|
|
555
|
-
card_use_rule: '满50减1',
|
|
556
|
-
is_transfering: 'N'
|
|
557
|
-
},
|
|
558
|
-
]
|
|
559
472
|
};
|
|
560
473
|
},
|
|
561
474
|
created() {
|
|
@@ -589,28 +502,11 @@ export default {
|
|
|
589
502
|
this.bindUrl = getContainerPropsValue(container,"content.bind_url",{value: ""}).value;
|
|
590
503
|
this.detailUrl = getContainerPropsValue(container,"content.detail_url",{value: ""}).value;
|
|
591
504
|
this.confirmUrl = getContainerPropsValue(container,"content.confirm_url",{value: ""}).value;
|
|
592
|
-
this.give_url = getContainerPropsValue(container,"content.give_url",{value: ""}).value;
|
|
593
505
|
this.login_name = getContainerPropsValue(container, "content.login_name", "登录");
|
|
594
506
|
this.isShowCode = getContainerPropsValue(container, "content.isShowCode", "Y");
|
|
595
|
-
this.isShowCoupon = getContainerPropsValue(container, "content.isShowCoupon", "N");
|
|
596
507
|
this.bindCard = getContainerPropsValue(container,"content.bindCard","1");
|
|
597
508
|
//'wechat_mini_program|default'
|
|
598
509
|
this.entryGroupId = getContainerPropsValue(container,"content.entryGroupId","default");
|
|
599
|
-
this.couponBtnRadius = getContainerPropsValue(container, "content.couponBtnRadius", 16);
|
|
600
|
-
this.couponUseBtnPadding = getContainerPropsValue(container, "content.couponUseBtnPadding", {top: 20, left: 20, right: 20, bottom: 20});
|
|
601
|
-
this.couponBtnTextStyle = getContainerPropsValue(container, "content.couponBtnTextStyle", {
|
|
602
|
-
color: '#fff',
|
|
603
|
-
bgColor: '#ff5722',
|
|
604
|
-
fontSize: '30rpx',
|
|
605
|
-
fontWeight: 'normal'
|
|
606
|
-
});
|
|
607
|
-
this.couponTitleBgColor = getContainerPropsValue(container, "content.couponTitleBgColor", 'rgba(255, 87, 51, 0.1)');
|
|
608
|
-
this.couponRadius = getContainerPropsValue(container, "content.couponRadius", 16);
|
|
609
|
-
this.couponLeftBgColor = getContainerPropsValue(container, "content.couponLeftBgColor", "linear-gradient(180deg, #FFA852 0%, #FF5733 100%)");
|
|
610
|
-
this.couponImageUrl = getContainerPropsValue(container, "content.couponImageUrl", "");
|
|
611
|
-
if(this.isPreview) {
|
|
612
|
-
this.tabIndex = this.isShowCoupon==='Y'?2:1;
|
|
613
|
-
}
|
|
614
510
|
},
|
|
615
511
|
|
|
616
512
|
handleToLink(path) {
|
|
@@ -696,19 +592,12 @@ export default {
|
|
|
696
592
|
*/
|
|
697
593
|
handleBindLogin(item , entry) {
|
|
698
594
|
//卡券登录
|
|
699
|
-
if (this.tabIndex === 1
|
|
595
|
+
if (this.tabIndex === 1) {
|
|
700
596
|
if (item["is_valid"] !== "Y") {
|
|
701
597
|
return;
|
|
702
598
|
}
|
|
703
599
|
|
|
704
600
|
this.$xdShowLoading({});
|
|
705
|
-
//转换卡跳转
|
|
706
|
-
if(this.subTabIndex===2){
|
|
707
|
-
this.$xdUniHelper.navigateTo({
|
|
708
|
-
url: `${this.changeUrl}?card_number=${item["card_number"]}`
|
|
709
|
-
}, false);
|
|
710
|
-
return
|
|
711
|
-
}
|
|
712
601
|
jfbRootExec("loginEntryCardBind", {
|
|
713
602
|
vm: this,
|
|
714
603
|
data: { card_number: item["card_number"] },
|
|
@@ -735,6 +624,13 @@ export default {
|
|
|
735
624
|
this.$xdHideLoading();
|
|
736
625
|
});
|
|
737
626
|
}
|
|
627
|
+
|
|
628
|
+
//转换卡跳转
|
|
629
|
+
else {
|
|
630
|
+
this.$xdUniHelper.navigateTo({
|
|
631
|
+
url: `${this.changeUrl}?card_number=${item["card_number"]}`
|
|
632
|
+
}, false);
|
|
633
|
+
}
|
|
738
634
|
},
|
|
739
635
|
|
|
740
636
|
|
|
@@ -817,22 +713,15 @@ export default {
|
|
|
817
713
|
},
|
|
818
714
|
|
|
819
715
|
toDetail(item, out=true) {
|
|
820
|
-
|
|
821
|
-
this
|
|
822
|
-
|
|
823
|
-
}, false);
|
|
824
|
-
} else {
|
|
825
|
-
this.$xdUniHelper.navigateTo({
|
|
826
|
-
url: `${this.detailUrl}?card_number=${item["card_number"]}`,
|
|
827
|
-
}, false);
|
|
828
|
-
}
|
|
716
|
+
this.$xdUniHelper.navigateTo({
|
|
717
|
+
url: `${this.detailUrl}?card_number=${item["card_number"]}`,
|
|
718
|
+
}, false);
|
|
829
719
|
},
|
|
830
720
|
|
|
831
721
|
onJfbLoad(options) {
|
|
832
722
|
if(options['x-test'] === 'jfb-console') this.showIndex = true;
|
|
833
723
|
this.options = options;
|
|
834
724
|
let { inCallback } = options;
|
|
835
|
-
this.force = inCallback?true:false;
|
|
836
725
|
if(!inCallback) this.$storage.remove("inCallback"); //作为入口
|
|
837
726
|
else {
|
|
838
727
|
this.$storage.set("inCallback", inCallback);
|
|
@@ -849,43 +738,12 @@ export default {
|
|
|
849
738
|
//登录成功调整地址优先级
|
|
850
739
|
this.inCallback = inCallback || this.allEntryPath || this.settings.index;
|
|
851
740
|
this.getContent();
|
|
852
|
-
if(this.tabIndex===1) {
|
|
853
|
-
this.getCardList(options);
|
|
854
|
-
} else {
|
|
855
|
-
this.getCouponList(options);
|
|
856
|
-
}
|
|
857
|
-
},
|
|
858
741
|
|
|
859
|
-
|
|
860
|
-
let params = {is_all: 'Y', is_show_entry_settings: 'Y', show_type: 'coupon'};
|
|
861
|
-
if(options['jfb_business_code']) {
|
|
862
|
-
params['card_business_code'] = options['jfb_business_code'];
|
|
863
|
-
}
|
|
864
|
-
if(this.entryGroupId) params['group_id'] = this.entryGroupId;
|
|
865
|
-
this.$xdShowLoading({});
|
|
866
|
-
jfbRootExec("getListEntryCardBind", {
|
|
867
|
-
vm: this,
|
|
868
|
-
data: params
|
|
869
|
-
}).then(res=>{
|
|
870
|
-
this.loadingCardList = false;
|
|
871
|
-
this.showDisabled = res.is_show_invalid_card_entrance;
|
|
872
|
-
if(this.isPreview) {
|
|
873
|
-
res.list = this.testCouponList
|
|
874
|
-
}
|
|
875
|
-
//过滤入口配置
|
|
876
|
-
res['site_entry_settings'] = this.filterNotSupportEntry(res['site_entry_settings']);
|
|
877
|
-
let newCardList = this.$xdUniHelper.cloneDeep(res.list);
|
|
878
|
-
this.couponList = this.getCardGroupItem(newCardList, res['site_entry_settings']);
|
|
879
|
-
console.log(this.couponList,'this.couponList');
|
|
880
|
-
|
|
881
|
-
this.$xdHideLoading({});
|
|
882
|
-
|
|
883
|
-
}) .catch(() => this.$xdHideLoading());
|
|
884
|
-
|
|
742
|
+
this.getCardList(options);
|
|
885
743
|
},
|
|
886
744
|
|
|
887
745
|
getCardList(options) {
|
|
888
|
-
let params = {is_all: 'Y', is_show_entry_settings: 'Y'
|
|
746
|
+
let params = {is_all: 'Y', is_show_entry_settings: 'Y'};
|
|
889
747
|
if(options['jfb_business_code']) {
|
|
890
748
|
params['card_business_code'] = options['jfb_business_code'];
|
|
891
749
|
}
|
|
@@ -919,17 +777,7 @@ export default {
|
|
|
919
777
|
this.hasChangeStatus = this.getCardGroupItem(this.ajaxCardList.list.filter((item) => {
|
|
920
778
|
return item["is_exchange"] === "Y";
|
|
921
779
|
}), res['site_entry_settings']).length > 0;
|
|
922
|
-
|
|
923
|
-
if(this.subTabIndex === 1) {
|
|
924
|
-
type = 'is_valid'
|
|
925
|
-
} else if(this.subTabIndex === 2) {
|
|
926
|
-
type = 'is_exchange'
|
|
927
|
-
} else {
|
|
928
|
-
type = 'is_transfering'
|
|
929
|
-
}
|
|
930
|
-
console.log(this.ajaxCardList, type, 'this.ajaxCardList, type');
|
|
931
|
-
|
|
932
|
-
this.handleCardInit(this.ajaxCardList, type);
|
|
780
|
+
this.handleCardInit(this.ajaxCardList, this.tabIndex === 1);
|
|
933
781
|
this.cardPageNum = 1;
|
|
934
782
|
this.$xdHideLoading();
|
|
935
783
|
})
|
|
@@ -1062,19 +910,6 @@ export default {
|
|
|
1062
910
|
|
|
1063
911
|
}
|
|
1064
912
|
|
|
1065
|
-
&-sub-tab {
|
|
1066
|
-
display: flex;
|
|
1067
|
-
align-items: center;
|
|
1068
|
-
margin-bottom: 32rpx;
|
|
1069
|
-
|
|
1070
|
-
&-item {
|
|
1071
|
-
font-size: 28rpx;
|
|
1072
|
-
padding: 8rpx 16rpx;
|
|
1073
|
-
border-radius: 8rpx;
|
|
1074
|
-
margin-right: 24rpx
|
|
1075
|
-
}
|
|
1076
|
-
}
|
|
1077
|
-
|
|
1078
913
|
&-tab {
|
|
1079
914
|
display: flex;
|
|
1080
915
|
align-items: center;
|
|
@@ -1386,18 +1221,6 @@ export default {
|
|
|
1386
1221
|
}
|
|
1387
1222
|
}
|
|
1388
1223
|
|
|
1389
|
-
.coupon_list{
|
|
1390
|
-
::v-deep .xd-coupon_item{
|
|
1391
|
-
margin: var(--card-list-margin) 0;
|
|
1392
|
-
}
|
|
1393
|
-
}
|
|
1394
|
-
.no_more_card{
|
|
1395
|
-
text-align: center;
|
|
1396
|
-
padding: 20rpx 0;
|
|
1397
|
-
color: #CCCCCC;
|
|
1398
|
-
font-size: 28rpx;
|
|
1399
|
-
}
|
|
1400
|
-
|
|
1401
1224
|
.computed-height {
|
|
1402
1225
|
position: fixed;
|
|
1403
1226
|
top:-999999px;
|