jufubao-base 1.0.77-beta7 → 1.0.78-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/common/authorize.js +5 -1
- package/src/components/JfbBaseAfterOrderList/JfbBaseAfterOrderList.vue +44 -101
- package/src/components/JfbBaseCard/JfbBaseCard.vue +65 -75
- package/src/components/JfbBaseCardDisabled/JfbBaseCardDisabled.vue +43 -93
- package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue +92 -161
- package/src/components/JfbBaseCardV2/JfbBaseCardV2.vue +45 -101
- package/src/components/JfbBaseCardV3/JfbBaseCardV3.vue +14 -24
- package/src/components/JfbBaseEntry/JfbBaseEntry.vue +1 -19
- package/src/components/JfbBaseFastLink/JfbBaseFastLink.vue +1 -1
- package/src/components/JfbBaseLogin/JfbBaseLogin.vue +1 -42
- package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue +0 -3
- package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue +107 -176
- package/src/components/JfbBaseRechargeOrder/JfbBaseRechargeOrder.vue +30 -95
- package/src/components/JfbBaseSuccess/JfbBaseSuccess.vue +0 -3
- package/src/components/JfbBaseUserInfo/JfbBaseUserInfo.vue +1 -1
|
@@ -123,144 +123,114 @@
|
|
|
123
123
|
v-if="tabIndex === 2"
|
|
124
124
|
>* 目前仅支持电影票兑换券进行转换</view>
|
|
125
125
|
<view class="card-content">
|
|
126
|
-
<view
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
<view class="card-list__content"> </view>
|
|
131
|
-
<view class="card-list__date"> </view>
|
|
132
|
-
<view class="card-list__yue"> </view>
|
|
133
|
-
<view class="card-list__entrys">
|
|
134
|
-
<view class="card-list__entrys-title">
|
|
135
|
-
<view></view>
|
|
136
|
-
<view></view>
|
|
137
|
-
</view>
|
|
138
|
-
<view class="card-list__entrys-list">
|
|
139
|
-
<scroll-view scroll-x class="card-list__entrys-scroll">
|
|
140
|
-
<view class="card-list__entrys-item">
|
|
141
|
-
<view v-for="ii in 5" :key="ii">
|
|
142
|
-
<view></view>
|
|
143
|
-
<view></view>
|
|
144
|
-
<view></view>
|
|
145
|
-
</view>
|
|
146
|
-
</view>
|
|
147
|
-
</scroll-view>
|
|
148
|
-
</view>
|
|
149
|
-
</view>
|
|
150
|
-
</view>
|
|
151
|
-
</view>
|
|
152
|
-
</view>
|
|
153
|
-
<template v-else>
|
|
126
|
+
<view
|
|
127
|
+
v-if="tabIndex === 2 || tabIndex === 1 && (cardList && cardList.length > 0)"
|
|
128
|
+
class="jfb-base-card-entry__body-card"
|
|
129
|
+
>
|
|
154
130
|
<view
|
|
155
|
-
v-
|
|
156
|
-
|
|
131
|
+
v-for="(item,index) in cardList"
|
|
132
|
+
:data-index="item.card_number"
|
|
133
|
+
:data-idx="index"
|
|
134
|
+
:data-top="item.top"
|
|
135
|
+
class="card-list"
|
|
136
|
+
:key="item.card_number"
|
|
137
|
+
@click="toDetail(item)"
|
|
138
|
+
v-if="setCardItemShow(item,index)"
|
|
139
|
+
:style="{
|
|
140
|
+
background: item['theme']['color'],
|
|
141
|
+
backgroundSize: '100%',
|
|
142
|
+
height: item.height + 'px'
|
|
143
|
+
}"
|
|
157
144
|
>
|
|
158
|
-
<view
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
v-if="setCardItemShow(item,index)"
|
|
167
|
-
:style="{
|
|
168
|
-
background: item['theme']['color'],
|
|
169
|
-
backgroundSize: '100%',
|
|
170
|
-
height: item.height + 'px'
|
|
171
|
-
}"
|
|
172
|
-
>
|
|
173
|
-
<view class="card-list-warp" :style="{backgroundImage: 'url('+ item['theme']['image'] +')'}">
|
|
174
|
-
<view class="card-list__title"><view>1{{item['card_type_name']}}</view></view>
|
|
175
|
-
<view class="card-list__content">
|
|
145
|
+
<view class="card-list-warp" :style="{backgroundImage: 'url('+ item['theme']['image'] +')'}">
|
|
146
|
+
<view class="card-list__title"><view>{{item['card_type_name']}}</view></view>
|
|
147
|
+
<view class="card-list__content">
|
|
148
|
+
<view>
|
|
149
|
+
<text>券号：</text>
|
|
150
|
+
<text>{{item.card_number}}</text>
|
|
151
|
+
</view>
|
|
152
|
+
<view @click.stop="toDetail(item)" v-if="0">
|
|
176
153
|
<view>
|
|
177
|
-
<
|
|
178
|
-
<text>{{item.card_number}}</text>
|
|
154
|
+
<xd-font-icon icon="iconerweima" width="56" height="56" size="50" color="#fff"></xd-font-icon>
|
|
179
155
|
</view>
|
|
180
|
-
<view
|
|
181
|
-
<view>
|
|
182
|
-
<xd-font-icon icon="iconerweima" width="56" height="56" size="50" color="#fff"></xd-font-icon>
|
|
183
|
-
</view>
|
|
184
|
-
<view>点击查看</view>
|
|
185
|
-
</view>
|
|
186
|
-
</view>
|
|
187
|
-
<view class="card-list__date">
|
|
188
|
-
<text>有效期：</text>
|
|
189
|
-
<text>{{item.end_time}}</text>
|
|
190
|
-
</view>
|
|
191
|
-
<view class="card-list__yue">
|
|
192
|
-
<text>余额：</text>
|
|
193
|
-
<text>{{item.card_point}} {{ item.unit }}</text>
|
|
156
|
+
<view>点击查看</view>
|
|
194
157
|
</view>
|
|
195
|
-
|
|
196
|
-
|
|
158
|
+
</view>
|
|
159
|
+
<view class="card-list__date">
|
|
160
|
+
<text>有效期：</text>
|
|
161
|
+
<text>{{item.end_time}}</text>
|
|
162
|
+
</view>
|
|
163
|
+
<view class="card-list__yue">
|
|
164
|
+
<text>余额：</text>
|
|
165
|
+
<text>{{item.card_point}} {{ item.unit }}</text>
|
|
166
|
+
</view>
|
|
167
|
+
<view class="card-list__other" v-if="item.other_card_point && item.card_point_type === 2">
|
|
168
|
+
<view><text>购买其他物品可抵：</text><text>{{item.other_card_point}} {{ item.unit }}</text></view>
|
|
169
|
+
</view>
|
|
170
|
+
<template v-if="tabIndex === 1">
|
|
171
|
+
<view class="card-list__entry" v-if="item.entries.length === 1">
|
|
172
|
+
<view
|
|
173
|
+
@click.stop="handleBindLogin(item,item['entries'][0])"
|
|
174
|
+
:style="{color: item['theme']['color']}"
|
|
175
|
+
>进入{{item['entries'][0]['entry_name']}}</view>
|
|
197
176
|
</view>
|
|
198
|
-
<
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
<view class="card-list__nodata" v-if="item.entries.length === 0">暂无支持服务列表</view>
|
|
206
|
-
<view class="card-list__entrys" v-if="item.entries.length > 1" @click.stop>
|
|
207
|
-
<view class="card-list__entrys-title">
|
|
208
|
-
<view>可兑换权益</view>
|
|
209
|
-
<view @click.stop="toDetail(item, false)">
|
|
210
|
-
<text>查看详情</text>
|
|
211
|
-
<xd-font-icon icon="iconxiangyou_xian" color="#999" size="20"></xd-font-icon>
|
|
212
|
-
</view>
|
|
177
|
+
<view class="card-list__nodata" v-if="item.entries.length === 0">暂无支持服务列表</view>
|
|
178
|
+
<view class="card-list__entrys" v-if="item.entries.length > 1" @click.stop>
|
|
179
|
+
<view class="card-list__entrys-title">
|
|
180
|
+
<view>可兑换权益</view>
|
|
181
|
+
<view @click.stop="toDetail(item, false)">
|
|
182
|
+
<text>查看详情</text>
|
|
183
|
+
<xd-font-icon icon="iconxiangyou_xian" color="#999" size="20"></xd-font-icon>
|
|
213
184
|
</view>
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
185
|
+
</view>
|
|
186
|
+
<view class="card-list__entrys-list">
|
|
187
|
+
<scroll-view scroll-x class="card-list__entrys-scroll">
|
|
188
|
+
<view class="card-list__entrys-item">
|
|
189
|
+
<view
|
|
190
|
+
v-for="(entry,idx) in item.entries"
|
|
191
|
+
:key="idx"
|
|
192
|
+
@click.stop="handleBindLogin(item, entry)"
|
|
193
|
+
>
|
|
194
|
+
<view><image :src="entry.image_url"></image></view>
|
|
195
|
+
<view>{{entry|cutstr}}</view>
|
|
196
|
+
<view>
|
|
197
|
+
<text>去兑换</text>
|
|
198
|
+
<xd-font-icon icon="iconxiangyou_xian" color="#999" size="20"></xd-font-icon>
|
|
228
199
|
</view>
|
|
229
200
|
</view>
|
|
230
|
-
</
|
|
231
|
-
</view>
|
|
201
|
+
</view>
|
|
202
|
+
</scroll-view>
|
|
232
203
|
</view>
|
|
233
|
-
</template>
|
|
234
|
-
<view class="card-list__entry" v-else>
|
|
235
|
-
<view
|
|
236
|
-
@click.stop="handleBindLogin(item,item['entries'][0])"
|
|
237
|
-
:style="{color: item['theme']['color']}"
|
|
238
|
-
>票券转换</view>
|
|
239
204
|
</view>
|
|
205
|
+
</template>
|
|
206
|
+
<view class="card-list__entry" v-else>
|
|
207
|
+
<view
|
|
208
|
+
@click.stop="handleBindLogin(item,item['entries'][0])"
|
|
209
|
+
:style="{color: item['theme']['color']}"
|
|
210
|
+
>票券转换</view>
|
|
240
211
|
</view>
|
|
241
212
|
</view>
|
|
242
|
-
<view
|
|
243
|
-
class="card-content-empty card-list"
|
|
244
|
-
:data-index="item.card_number"
|
|
245
|
-
:data-idx="index"
|
|
246
|
-
:data-top="item.top"
|
|
247
|
-
v-else
|
|
248
|
-
:style="{
|
|
249
|
-
height: item.height + 'px',
|
|
250
|
-
backgroundImage: 'url('+ (tabIndex===2 || item.entries.length <= 1 ? cardItem: cardItemEntry) +')'
|
|
251
|
-
}"
|
|
252
|
-
></view>
|
|
253
213
|
</view>
|
|
254
|
-
<view
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
214
|
+
<view
|
|
215
|
+
class="card-content-empty card-list"
|
|
216
|
+
:data-index="item.card_number"
|
|
217
|
+
:data-idx="index"
|
|
218
|
+
:data-top="item.top"
|
|
219
|
+
v-else
|
|
220
|
+
:style="{
|
|
221
|
+
height: item.height + 'px',
|
|
222
|
+
backgroundImage: 'url('+ (tabIndex===2 || item.entries.length <= 1 ? cardItem: cardItemEntry) +')'
|
|
223
|
+
}"
|
|
224
|
+
></view>
|
|
225
|
+
</view>
|
|
226
|
+
<view v-else-if="cardList !== null && cardList.length === 0">
|
|
227
|
+
<view class="jfb-base-card-entry__body-empty">
|
|
228
|
+
<view class="jfb-base-card-entry__body-empty-wrap">
|
|
229
|
+
<image :src="emptyBg"></image>
|
|
230
|
+
暂无票券
|
|
260
231
|
</view>
|
|
261
232
|
</view>
|
|
262
|
-
</
|
|
263
|
-
|
|
233
|
+
</view>
|
|
264
234
|
<view
|
|
265
235
|
v-if="showDisabled==='Y'"
|
|
266
236
|
@click="handleToDisabled"
|
|
@@ -428,7 +398,6 @@ export default {
|
|
|
428
398
|
notice: "",
|
|
429
399
|
isPreview: false,
|
|
430
400
|
noticeStatus: false,
|
|
431
|
-
loadingCardList: false,
|
|
432
401
|
|
|
433
402
|
isWx: true,
|
|
434
403
|
cutIndex: 1,
|
|
@@ -681,14 +650,12 @@ export default {
|
|
|
681
650
|
if(options['jfb_business_code']) {
|
|
682
651
|
params['card_business_code'] = options['jfb_business_code'];
|
|
683
652
|
}
|
|
684
|
-
this.loadingCardList = true;
|
|
685
653
|
this.$xdShowLoading({});
|
|
686
654
|
jfbRootExec("getListEntryCardBind", {
|
|
687
655
|
vm: this,
|
|
688
656
|
data: params
|
|
689
657
|
})
|
|
690
658
|
.then((res) => {
|
|
691
|
-
this.loadingCardList = false;
|
|
692
659
|
this.showDisabled = res.is_show_invalid_card_entrance;
|
|
693
660
|
res.list = res.list.map((item) => {
|
|
694
661
|
return {
|
|
@@ -877,9 +844,6 @@ export default {
|
|
|
877
844
|
overflow: hidden;
|
|
878
845
|
border-radius: unit(16, rpx);
|
|
879
846
|
margin-bottom: unit(30, rpx);
|
|
880
|
-
.skeleton-card &{
|
|
881
|
-
background: #F6F6F6;
|
|
882
|
-
}
|
|
883
847
|
|
|
884
848
|
&:last-child {
|
|
885
849
|
margin-bottom: 0;
|
|
@@ -899,10 +863,6 @@ export default {
|
|
|
899
863
|
background: rgba(102, 102, 102, 0.4);
|
|
900
864
|
color: #fff;
|
|
901
865
|
border-radius: 0 0 unit(16, rpx) 0;
|
|
902
|
-
|
|
903
|
-
.skeleton-card &{
|
|
904
|
-
.skeleton-item(120rpx, 50rpx, 0 0 16rpx 0, #EEEEEE);
|
|
905
|
-
}
|
|
906
866
|
}
|
|
907
867
|
|
|
908
868
|
}
|
|
@@ -914,11 +874,6 @@ export default {
|
|
|
914
874
|
justify-content: space-between;
|
|
915
875
|
align-items: center;
|
|
916
876
|
|
|
917
|
-
.skeleton-card &{
|
|
918
|
-
.skeleton-item(500rpx, 40rpx, 20rpx, #EEEEEE);
|
|
919
|
-
margin: 20rpx 40rpx;
|
|
920
|
-
}
|
|
921
|
-
|
|
922
877
|
& > view:first-child {
|
|
923
878
|
font-size: unit(36, rpx);
|
|
924
879
|
line-height: unit(86, rpx);
|
|
@@ -942,10 +897,6 @@ export default {
|
|
|
942
897
|
font-size: unit(28, rpx);
|
|
943
898
|
line-height: unit(32, rpx);
|
|
944
899
|
color: #fff;
|
|
945
|
-
.skeleton-card &{
|
|
946
|
-
.skeleton-item(300rpx, 40rpx, 20rpx, #EEEEEE);
|
|
947
|
-
margin-left: 40rpx;
|
|
948
|
-
}
|
|
949
900
|
}
|
|
950
901
|
|
|
951
902
|
&__yue {
|
|
@@ -953,11 +904,6 @@ export default {
|
|
|
953
904
|
font-size: unit(28, rpx);
|
|
954
905
|
line-height: unit(32, rpx);
|
|
955
906
|
color: #fff;
|
|
956
|
-
.skeleton-card &{
|
|
957
|
-
.skeleton-item(300rpx, 28rpx, 20rpx, #EEEEEE);
|
|
958
|
-
margin-top: 8rpx;
|
|
959
|
-
margin-left: 40rpx;
|
|
960
|
-
}
|
|
961
907
|
|
|
962
908
|
& > text:nth-child(2) {
|
|
963
909
|
font-weight: 700;
|
|
@@ -1025,10 +971,6 @@ export default {
|
|
|
1025
971
|
font-size: unit(28, rpx);
|
|
1026
972
|
font-weight: 500;
|
|
1027
973
|
flex: 1;
|
|
1028
|
-
|
|
1029
|
-
.skeleton-card &{
|
|
1030
|
-
.skeleton-item(100rpx, 28rpx);
|
|
1031
|
-
}
|
|
1032
974
|
}
|
|
1033
975
|
|
|
1034
976
|
& > view:nth-child(2) {
|
|
@@ -1071,10 +1013,6 @@ export default {
|
|
|
1071
1013
|
justify-content: center;
|
|
1072
1014
|
align-items: center;
|
|
1073
1015
|
|
|
1074
|
-
.skeleton-card &{
|
|
1075
|
-
.skeleton-item(76rpx, 76rpx, 50%);
|
|
1076
|
-
}
|
|
1077
|
-
|
|
1078
1016
|
& > image {
|
|
1079
1017
|
height: 100%;
|
|
1080
1018
|
width: 100%;
|
|
@@ -1086,10 +1024,6 @@ export default {
|
|
|
1086
1024
|
font-size: unit(24, rpx);
|
|
1087
1025
|
line-height: unit(36, rpx);
|
|
1088
1026
|
margin-bottom: unit(10, rpx);
|
|
1089
|
-
|
|
1090
|
-
.skeleton-card &{
|
|
1091
|
-
.skeleton-item(50rpx, 20rpx);
|
|
1092
|
-
}
|
|
1093
1027
|
}
|
|
1094
1028
|
|
|
1095
1029
|
& > view:nth-child(3) {
|
|
@@ -1099,9 +1033,6 @@ export default {
|
|
|
1099
1033
|
flex-shrink: 0;
|
|
1100
1034
|
font-size: unit(20, rpx);
|
|
1101
1035
|
color: #999;
|
|
1102
|
-
.skeleton-card &{
|
|
1103
|
-
.skeleton-item(70rpx, 20rpx);
|
|
1104
|
-
}
|
|
1105
1036
|
}
|
|
1106
1037
|
|
|
1107
1038
|
&:last-child {
|
|
@@ -14,97 +14,63 @@
|
|
|
14
14
|
</view>
|
|
15
15
|
<!-- #endif -->
|
|
16
16
|
<view class="jfb-base-card-v2__body">
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
<view
|
|
18
|
+
class="jfb-base-card__body-card"
|
|
19
|
+
:style="{
|
|
20
|
+
margin: marginUi,
|
|
21
|
+
}"
|
|
22
|
+
>
|
|
19
23
|
<view
|
|
20
|
-
|
|
21
|
-
:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
v-for="(item, index) in cardList"
|
|
25
|
+
:key="index"
|
|
26
|
+
@click="handleBindLogin(item)"
|
|
27
|
+
class="jfb-base-card__body-card-item"
|
|
24
28
|
>
|
|
25
|
-
<view
|
|
26
|
-
<
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
<view class="jfb-base-card__body-card-item-left">
|
|
30
|
+
<xd-font-icon
|
|
31
|
+
size="100"
|
|
32
|
+
color="#8D5F18"
|
|
33
|
+
icon="iconyouhuiquan1-011"
|
|
34
|
+
></xd-font-icon>
|
|
35
|
+
<view>{{login_name}}</view>
|
|
36
|
+
</view>
|
|
37
|
+
<view class="jfb-base-card__body-card-item-right">
|
|
38
|
+
<view class="jfb-base-card__body-card-item-right-top">
|
|
39
|
+
<view>
|
|
40
|
+
<xd-font-icon
|
|
41
|
+
icon="iconkaquan"
|
|
42
|
+
size="30"
|
|
43
|
+
:style="{marginRight: '10rpx'}"
|
|
44
|
+
></xd-font-icon>
|
|
45
|
+
<view>{{ item.card_type_name }}</view>
|
|
36
46
|
</view>
|
|
37
|
-
<view
|
|
38
|
-
<view
|
|
39
|
-
|
|
40
|
-
<view class="jfb-base-card__body-card-item-right-bottom-info-deduction"></view>
|
|
41
|
-
</view>
|
|
42
|
-
<view :style="{ background: mainColor }"></view>
|
|
47
|
+
<view>
|
|
48
|
+
<view>ID:{{ item.card_number }}</view>
|
|
49
|
+
<view>有效期至:{{ item.end_time }}</view>
|
|
43
50
|
</view>
|
|
44
51
|
</view>
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
:style="{
|
|
52
|
-
margin: marginUi,
|
|
53
|
-
}"
|
|
54
|
-
>
|
|
55
|
-
<view
|
|
56
|
-
v-for="(item, index) in cardList"
|
|
57
|
-
:key="index"
|
|
58
|
-
@click="handleBindLogin(item)"
|
|
59
|
-
class="jfb-base-card__body-card-item"
|
|
60
|
-
>
|
|
61
|
-
<view class="jfb-base-card__body-card-item-left">
|
|
62
|
-
<xd-font-icon
|
|
63
|
-
size="100"
|
|
64
|
-
color="#8D5F18"
|
|
65
|
-
icon="iconyouhuiquan1-011"
|
|
66
|
-
></xd-font-icon>
|
|
67
|
-
<view>{{login_name}}</view>
|
|
68
|
-
</view>
|
|
69
|
-
<view class="jfb-base-card__body-card-item-right">
|
|
70
|
-
<view class="jfb-base-card__body-card-item-right-top">
|
|
71
|
-
<view>
|
|
72
|
-
<xd-font-icon
|
|
73
|
-
icon="iconkaquan"
|
|
74
|
-
size="30"
|
|
75
|
-
:style="{marginRight: '10rpx'}"
|
|
76
|
-
></xd-font-icon>
|
|
77
|
-
<view>{{ item.card_type_name }}</view>
|
|
78
|
-
</view>
|
|
79
|
-
<view>
|
|
80
|
-
<view>ID:{{ item.card_number }}</view>
|
|
81
|
-
<view>有效期至:{{ item.end_time }}</view>
|
|
82
|
-
</view>
|
|
83
|
-
</view>
|
|
84
|
-
<view class="jfb-base-card__body-card-item-right-bottom">
|
|
85
|
-
<view class="jfb-base-card__body-card-item-right-bottom-info">
|
|
86
|
-
<view
|
|
87
|
-
class="jfb-base-card__body-card-item-right-bottom-info-residue"
|
|
88
|
-
>
|
|
89
|
-
剩余{{ item.unit }}数：{{ item.card_point }}{{ item.unit }}
|
|
90
|
-
</view>
|
|
91
|
-
<view
|
|
92
|
-
class="jfb-base-card__body-card-item-right-bottom-info-deduction"
|
|
93
|
-
>
|
|
94
|
-
购买其他物品可抵：{{ item.other_card_point }}
|
|
95
|
-
</view>
|
|
52
|
+
<view class="jfb-base-card__body-card-item-right-bottom">
|
|
53
|
+
<view class="jfb-base-card__body-card-item-right-bottom-info">
|
|
54
|
+
<view
|
|
55
|
+
class="jfb-base-card__body-card-item-right-bottom-info-residue"
|
|
56
|
+
>
|
|
57
|
+
剩余{{ item.unit }}数：{{ item.card_point }}{{ item.unit }}
|
|
96
58
|
</view>
|
|
97
59
|
<view
|
|
98
|
-
|
|
99
|
-
:style="{ background: mainColor }"
|
|
100
|
-
>查看</view
|
|
60
|
+
class="jfb-base-card__body-card-item-right-bottom-info-deduction"
|
|
101
61
|
>
|
|
62
|
+
购买其他物品可抵：{{ item.other_card_point }}
|
|
63
|
+
</view>
|
|
102
64
|
</view>
|
|
65
|
+
<view
|
|
66
|
+
@click.stop="toDetail(item)"
|
|
67
|
+
:style="{ background: mainColor }"
|
|
68
|
+
>查看</view
|
|
69
|
+
>
|
|
103
70
|
</view>
|
|
104
71
|
</view>
|
|
105
72
|
</view>
|
|
106
|
-
</
|
|
107
|
-
|
|
73
|
+
</view>
|
|
108
74
|
<view :style="{height: '50rpx'}"></view>
|
|
109
75
|
<view class="bottom_fix" :style="button_bottom">
|
|
110
76
|
<view>
|
|
@@ -150,7 +116,6 @@
|
|
|
150
116
|
bottom: 0,
|
|
151
117
|
right: 0
|
|
152
118
|
},
|
|
153
|
-
loadingCardList: false
|
|
154
119
|
}
|
|
155
120
|
},
|
|
156
121
|
watch: {
|
|
@@ -189,12 +154,10 @@
|
|
|
189
154
|
params['card_business_code'] = options['jfb_business_code'];
|
|
190
155
|
}
|
|
191
156
|
|
|
192
|
-
this.loadingCardList = true;
|
|
193
157
|
jfbRootExec("getListCardBind", {
|
|
194
158
|
vm: this,
|
|
195
159
|
data: params,
|
|
196
160
|
}).then((res) => {
|
|
197
|
-
this.loadingCardList = false;
|
|
198
161
|
this.cardList = res.list.map((item) => {
|
|
199
162
|
item['card_point'] = this.$xdUniHelper.divisionFloatNumber(item.card_point,100);
|
|
200
163
|
item['other_card_point'] = this.$xdUniHelper.divisionFloatNumber(item.other_card_point,100);
|
|
@@ -311,12 +274,6 @@
|
|
|
311
274
|
align-items: center;
|
|
312
275
|
justify-content: center;
|
|
313
276
|
font-size: unit(24, rpx);
|
|
314
|
-
|
|
315
|
-
& > view{
|
|
316
|
-
.skeleton-card &{
|
|
317
|
-
.skeleton-item(100rpx, 100rpx, 20rpx);
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
277
|
}
|
|
321
278
|
|
|
322
279
|
&-right {
|
|
@@ -331,10 +288,6 @@
|
|
|
331
288
|
display: flex;
|
|
332
289
|
font-size: unit(28, rpx);
|
|
333
290
|
margin-bottom: unit(20, rpx);
|
|
334
|
-
|
|
335
|
-
.skeleton-card &{
|
|
336
|
-
.skeleton-item(auto, 28rpx);
|
|
337
|
-
}
|
|
338
291
|
}
|
|
339
292
|
|
|
340
293
|
& > view:nth-child(2) {
|
|
@@ -342,9 +295,6 @@
|
|
|
342
295
|
/*align-items: center;*/
|
|
343
296
|
font-size: unit(18, rpx);
|
|
344
297
|
color: #777777;
|
|
345
|
-
.skeleton-card &{
|
|
346
|
-
.skeleton-item(auto, 70rpx);
|
|
347
|
-
}
|
|
348
298
|
|
|
349
299
|
& > view:nth-child(1) {
|
|
350
300
|
margin-right: unit(30, rpx);
|
|
@@ -362,17 +312,11 @@
|
|
|
362
312
|
&-residue {
|
|
363
313
|
font-size: unit(24, rpx);
|
|
364
314
|
margin-bottom: unit(8, rpx);
|
|
365
|
-
.skeleton-card &{
|
|
366
|
-
.skeleton-item(200rpx, 34rpx, 20rpx);
|
|
367
|
-
}
|
|
368
315
|
}
|
|
369
316
|
|
|
370
317
|
&-deduction {
|
|
371
318
|
font-size: unit(18, rpx);
|
|
372
319
|
color: #777777;
|
|
373
|
-
.skeleton-card &{
|
|
374
|
-
.skeleton-item(auto, 18rpx);
|
|
375
|
-
}
|
|
376
320
|
}
|
|
377
321
|
}
|
|
378
322
|
|
|
@@ -15,24 +15,19 @@
|
|
|
15
15
|
<!-- #endif -->
|
|
16
16
|
<view class="jfb-base-card-v3__body">
|
|
17
17
|
<view class="v3_title">选择登入票券</view>
|
|
18
|
-
<view v-if="
|
|
19
|
-
<xd-card-v2
|
|
18
|
+
<view class="card_list" v-if="cardList.length">
|
|
19
|
+
<xd-card-v2 v-for="(item, index) in cardList"
|
|
20
|
+
:mainColor="mainColor"
|
|
21
|
+
:login-name="login_name"
|
|
22
|
+
:key="index"
|
|
23
|
+
:cardInfo="item"
|
|
24
|
+
:tabIndex="1"
|
|
25
|
+
:showLeft="false"
|
|
26
|
+
@toDetail="toDetail(item)"
|
|
27
|
+
@bindLogin="handleBindLogin(item)"
|
|
28
|
+
></xd-card-v2>
|
|
20
29
|
</view>
|
|
21
|
-
<
|
|
22
|
-
<view class="card_list" v-if="cardList.length">
|
|
23
|
-
<xd-card-v2 v-for="(item, index) in cardList"
|
|
24
|
-
:mainColor="mainColor"
|
|
25
|
-
:login-name="login_name"
|
|
26
|
-
:key="index"
|
|
27
|
-
:cardInfo="item"
|
|
28
|
-
:tabIndex="1"
|
|
29
|
-
:showLeft="false"
|
|
30
|
-
@toDetail="toDetail(item)"
|
|
31
|
-
@bindLogin="handleBindLogin(item)"
|
|
32
|
-
></xd-card-v2>
|
|
33
|
-
</view>
|
|
34
|
-
<view v-else class="empty_data">暂时没有票券</view>
|
|
35
|
-
</template>
|
|
30
|
+
<view v-else class="empty_data">暂时没有票券</view>
|
|
36
31
|
<view class="bottom_fix" :style="button_bottom">
|
|
37
32
|
<xd-button type="primary" @click="toBindCard">绑定新票券</xd-button>
|
|
38
33
|
</view>
|
|
@@ -43,7 +38,6 @@
|
|
|
43
38
|
<script>
|
|
44
39
|
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
45
40
|
import XdCardV2 from "@/components/XdCardV2/XdCardV2";
|
|
46
|
-
import XdCardV2Skeleton from "@/components/XdCardV2/XdCardV2Skeleton"
|
|
47
41
|
import XdButton from "@/components/XdButton/XdButton";
|
|
48
42
|
import { jfbRootExec } from "@/utils/xd.event";
|
|
49
43
|
import JfbBaseCardV3Mixin from "./JfbBaseCardV3Mixin";
|
|
@@ -56,8 +50,7 @@
|
|
|
56
50
|
components: {
|
|
57
51
|
XdFontIcon,
|
|
58
52
|
XdCardV2,
|
|
59
|
-
XdButton
|
|
60
|
-
XdCardV2Skeleton
|
|
53
|
+
XdButton
|
|
61
54
|
},
|
|
62
55
|
mixins: [
|
|
63
56
|
componentsMixins, extsMixins, JfbBaseCardV3Mixin
|
|
@@ -70,8 +63,7 @@
|
|
|
70
63
|
cardBindPath: "",
|
|
71
64
|
changeUrl: "",
|
|
72
65
|
detailUrl: "",
|
|
73
|
-
login_name:''
|
|
74
|
-
loadingCardList: false,
|
|
66
|
+
login_name:''
|
|
75
67
|
}
|
|
76
68
|
},
|
|
77
69
|
watch: {
|
|
@@ -108,12 +100,10 @@
|
|
|
108
100
|
params['card_business_code'] = options['jfb_business_code'];
|
|
109
101
|
}
|
|
110
102
|
|
|
111
|
-
this.loadingCardList = true;
|
|
112
103
|
jfbRootExec("getListCardBind", {
|
|
113
104
|
vm: this,
|
|
114
105
|
data: params,
|
|
115
106
|
}).then((res) => {
|
|
116
|
-
this.loadingCardList = false;
|
|
117
107
|
this.cardList = res.list.map((item) => {
|
|
118
108
|
item['card_point'] = this.$xdUniHelper.divisionFloatNumber(item.card_point,100);
|
|
119
109
|
item['other_card_point'] = this.$xdUniHelper.divisionFloatNumber(item.other_card_point,100);
|