jufubao-base 1.0.76 → 1.0.77-beta2
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/JfbBaseAfterOrderList/JfbBaseAfterOrderList.vue +101 -44
- package/src/components/JfbBaseCard/JfbBaseCard.vue +75 -65
- package/src/components/JfbBaseCardDisabled/JfbBaseCardDisabled.vue +93 -43
- package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue +161 -92
- package/src/components/JfbBaseCardV2/JfbBaseCardV2.vue +101 -45
- package/src/components/JfbBaseCardV3/JfbBaseCardV3.vue +24 -14
- package/src/components/JfbBaseLogin/Attr.js +29 -6
- package/src/components/JfbBaseLogin/JfbBaseLogin.vue +112 -15
- package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue +176 -107
- package/src/components/JfbBasePoster/JfbBasePoster.vue +1 -1
- package/src/components/JfbBaseRechargeOrder/JfbBaseRechargeOrder.vue +95 -30
|
@@ -16,12 +16,8 @@
|
|
|
16
16
|
</view>
|
|
17
17
|
<!-- #endif -->
|
|
18
18
|
<view class="jfb-base-recharge-order__body">
|
|
19
|
-
<view v-if="
|
|
20
|
-
<view
|
|
21
|
-
v-for="(item, index) in orderList"
|
|
22
|
-
:key="index"
|
|
23
|
-
class="jfb-base-recharge-order__body-order"
|
|
24
|
-
@click="handleToDetail(item)"
|
|
19
|
+
<view v-if="loadingList" :style="{ padding: outMargin }" class="skeleton-wrap">
|
|
20
|
+
<view v-for="i in 3" :key="i" class="jfb-base-recharge-order__body-order"
|
|
25
21
|
:style="{
|
|
26
22
|
background: backgroundColor,
|
|
27
23
|
border: borderBox,
|
|
@@ -31,40 +27,72 @@
|
|
|
31
27
|
}"
|
|
32
28
|
>
|
|
33
29
|
<view class="jfb-base-recharge-order__body-order-header">
|
|
34
|
-
|
|
30
|
+
<view></view>
|
|
35
31
|
</view>
|
|
36
32
|
<view class="jfb-base-recharge-order__body-order-middle">
|
|
37
|
-
<view
|
|
38
|
-
|
|
39
|
-
{{ item.order_id }}
|
|
40
|
-
</view>
|
|
41
|
-
<view :style="{ color: item.textColor }">
|
|
42
|
-
{{ item.pay_status_name }}
|
|
43
|
-
</view>
|
|
33
|
+
<view></view>
|
|
34
|
+
<view></view>
|
|
44
35
|
</view>
|
|
45
36
|
<view class="jfb-base-recharge-order__body-order-bottom">
|
|
46
|
-
<view
|
|
37
|
+
<view></view>
|
|
47
38
|
</view>
|
|
39
|
+
<view class="jfb-base-recharge-order__body-order-bbb">
|
|
40
|
+
<view></view>
|
|
41
|
+
</view>
|
|
42
|
+
</view>
|
|
43
|
+
</view>
|
|
44
|
+
<template v-else>
|
|
45
|
+
<view v-if="orderList&&orderList.length>0" :style="{ padding: outMargin }">
|
|
48
46
|
<view
|
|
49
|
-
|
|
47
|
+
v-for="(item, index) in orderList"
|
|
48
|
+
:key="index"
|
|
49
|
+
class="jfb-base-recharge-order__body-order"
|
|
50
|
+
@click="handleToDetail(item)"
|
|
51
|
+
:style="{
|
|
52
|
+
background: backgroundColor,
|
|
53
|
+
border: borderBox,
|
|
54
|
+
borderRadius: radius + 'rpx',
|
|
55
|
+
boxShadow: shadowBox,
|
|
56
|
+
marginBottom: padding + 'rpx',
|
|
57
|
+
}"
|
|
50
58
|
>
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
<
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
<view class="jfb-base-recharge-order__body-order-header">
|
|
60
|
+
充值订单
|
|
61
|
+
</view>
|
|
62
|
+
<view class="jfb-base-recharge-order__body-order-middle">
|
|
63
|
+
<view
|
|
64
|
+
>订单编号：
|
|
65
|
+
{{ item.order_id }}
|
|
66
|
+
</view>
|
|
67
|
+
<view :style="{ color: item.textColor }">
|
|
68
|
+
{{ item.pay_status_name }}
|
|
69
|
+
</view>
|
|
70
|
+
</view>
|
|
71
|
+
<view class="jfb-base-recharge-order__body-order-bottom">
|
|
72
|
+
<view>交易日期：{{ item.created_time }} </view>
|
|
73
|
+
</view>
|
|
74
|
+
<view
|
|
75
|
+
style="margin-top: 32rpx; display: flex; justify-content: space-between"
|
|
62
76
|
>
|
|
63
|
-
|
|
64
|
-
|
|
77
|
+
<view style="display: flex; align-items: center;font-size: 24rpx;"
|
|
78
|
+
>合计：<xd-unit :fontSize="24" iconSize="0.24" :price="item.total_amount"></xd-unit
|
|
79
|
+
></view>
|
|
80
|
+
<xd-button
|
|
81
|
+
v-if="item.pay_status !== '3000'"
|
|
82
|
+
width="200rpx"
|
|
83
|
+
style="margin: 0"
|
|
84
|
+
size="mini"
|
|
85
|
+
type="primary"
|
|
86
|
+
:bgColor="mainColor"
|
|
87
|
+
@click="handleToPay(item)"
|
|
88
|
+
>
|
|
89
|
+
{{ item.pay_status === "3007" ? "去支付" : "重新支付" }}
|
|
90
|
+
</xd-button>
|
|
91
|
+
</view>
|
|
65
92
|
</view>
|
|
66
93
|
</view>
|
|
67
|
-
</
|
|
94
|
+
</template>
|
|
95
|
+
|
|
68
96
|
</view>
|
|
69
97
|
</view>
|
|
70
98
|
</template>
|
|
@@ -95,6 +123,7 @@ export default {
|
|
|
95
123
|
orderList: [],
|
|
96
124
|
detailPath: "",
|
|
97
125
|
payPath: "",
|
|
126
|
+
loadingList: false,
|
|
98
127
|
|
|
99
128
|
//基础
|
|
100
129
|
radius: 0,
|
|
@@ -211,6 +240,7 @@ export default {
|
|
|
211
240
|
}).value;
|
|
212
241
|
},
|
|
213
242
|
getList() {
|
|
243
|
+
this.loadingList = true;
|
|
214
244
|
jfbRootExec("getRechargeOrderList", {
|
|
215
245
|
vm: this,
|
|
216
246
|
data: {
|
|
@@ -219,6 +249,7 @@ export default {
|
|
|
219
249
|
},
|
|
220
250
|
})
|
|
221
251
|
.then((res) => {
|
|
252
|
+
this.loadingList = false;
|
|
222
253
|
this.orderList = res.list.map((item) => {
|
|
223
254
|
item.total_amount = item.total_amount / 100;
|
|
224
255
|
item["created_time"] = this.$xdUniHelper.getDate(
|
|
@@ -280,11 +311,45 @@ export default {
|
|
|
280
311
|
color: #333;
|
|
281
312
|
border-bottom: unit(2, rpx) solid #f2f2f2;
|
|
282
313
|
padding-bottom: unit(24, rpx);
|
|
314
|
+
|
|
315
|
+
& > view {
|
|
316
|
+
.skeleton-wrap &{
|
|
317
|
+
.skeleton-item(200rpx, 32rpx);
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
&-middle {
|
|
323
|
+
& > view:first-child {
|
|
324
|
+
.skeleton-wrap &{
|
|
325
|
+
.skeleton-item(400rpx, 32rpx);
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
& > view:last-child {
|
|
329
|
+
.skeleton-wrap &{
|
|
330
|
+
.skeleton-item(100rpx, 32rpx);
|
|
331
|
+
}
|
|
332
|
+
}
|
|
283
333
|
}
|
|
284
334
|
|
|
285
335
|
&-bottom {
|
|
286
336
|
border-bottom: unit(2, rpx) solid #f2f2f2;
|
|
287
337
|
padding-bottom: unit(32,rpx);
|
|
338
|
+
|
|
339
|
+
& > view:first-child {
|
|
340
|
+
.skeleton-wrap &{
|
|
341
|
+
.skeleton-item(400rpx, 32rpx);
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
&-bbb {
|
|
346
|
+
padding: unit(32,rpx) 0 0;
|
|
347
|
+
|
|
348
|
+
& > view:first-child {
|
|
349
|
+
.skeleton-wrap &{
|
|
350
|
+
.skeleton-item(100%, 32rpx);
|
|
351
|
+
}
|
|
352
|
+
}
|
|
288
353
|
}
|
|
289
354
|
|
|
290
355
|
&-middle,
|