jufubao-base 1.0.77-beta7 → 1.0.77

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.
@@ -29,161 +29,130 @@
29
29
  ></xd-tab>
30
30
  </view>
31
31
  <view style="height: 100rpx;"></view>
32
- <view v-if="loadingList" class="jfb-base-order-list__body-order skeleton-wrap">
33
- <view class="jfb-base-order-list__body-order-item"
34
- v-for="i in 5" :key="i"
32
+ <view
33
+ v-if="orderList && orderList.length > 0"
34
+ class="jfb-base-order-list__body-order"
35
+ :style="{ padding: outMargin }"
36
+ >
37
+ <view
38
+ @click="handleToLink(detailPath, item)"
39
+ class="jfb-base-order-list__body-order-item"
40
+ v-for="item in orderList"
41
+ :key="item.main_order_id"
42
+ :style="{
43
+ background: backgroundColor,
44
+ border: borderBox,
45
+ borderRadius: radius + 'rpx',
46
+ boxShadow: shadowBox,
47
+ marginBottom: padding + 'rpx',
48
+ }"
35
49
  >
36
- <view class="jfb-base-order-list__body-order-item-biz"><view></view></view>
50
+ <view class="jfb-base-order-list__body-order-item-biz">
51
+ <xd-font-icon
52
+ v-if="item.biz_code_icon"
53
+ :icon="item.biz_code_icon"
54
+ :size="item['biz_code_icon_size']"
55
+ ></xd-font-icon>
56
+ <view :class="{ marginLeft: item.biz_code_icon }">{{
57
+ item.biz_code_name
58
+ }}</view>
59
+ </view>
37
60
  <view class="jfb-base-order-list__body-order-item-title">
38
- <view></view>
39
- <view></view>
61
+ <view>订单编号:{{ item.main_order_id }}</view>
62
+ <view
63
+ :style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}"
64
+ >{{ item.status.status_name }}</view>
40
65
  </view>
41
66
  <view class="order-list">
42
67
  <view
43
- class="jfb-base-order-list__body-order-item-content">
44
- <image></image>
68
+ class="jfb-base-order-list__body-order-item-content"
69
+ v-for="(Sitem, Sindex) in item.products"
70
+ :key="Sitem.product_id + Sindex"
71
+ v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']">
72
+ <image
73
+ :src="Sitem.product_thumb"
74
+ style="background: #ffffff"
75
+ mode="aspectFit"
76
+ ></image>
45
77
  <view class="jfb-base-order-list__body-order-item-content-info">
46
- <view class="jfb-base-order-list__body-order-item-content-info-name"></view>
47
- <view class="jfb-base-order-list__body-order-item-content-info-price">
48
- <view></view>
49
- <view class="info-price"></view>
78
+ <view
79
+ class="jfb-base-order-list__body-order-item-content-info-name"
80
+ >{{ Sitem.product_name }}</view
81
+ >
82
+ <view
83
+ v-if="Sitem.product_sku_name"
84
+ class="jfb-base-order-list__body-order-item-content-info-skuname"
85
+ >规格:{{ Sitem.product_sku_name }}</view
86
+ >
87
+ <view
88
+ class="jfb-base-order-list__body-order-item-content-info-price"
89
+ >
90
+ <view :style="{ fontSize: '32rpx', color: mainColor }">
91
+ <xd-unit
92
+ :isOld="false"
93
+ :price="Sitem.sale_price"
94
+ :color="mainColor"
95
+ :fontSize="32"
96
+ v-if="item.biz_code !== 'gift'"
97
+ ></xd-unit>
98
+ </view>
99
+ <view class="info-price">
100
+ <text>X</text>
101
+ <text>{{ Sitem.product_num }}</text>
102
+ </view>
50
103
  </view>
51
104
  </view>
52
105
  </view>
106
+ <view
107
+ class="order-list-icon"
108
+ :style="{ bottom: item['isOpen'] ? '-30rpx' : '-54rpx' }"
109
+ v-if="item.products.length > showLen"
110
+ @click.stop="item['isOpen'] = !item['isOpen']"
111
+ >
112
+ <view :style="{ background: backgroundColor }">
113
+ <xd-font-icon
114
+ color="#666"
115
+ :icon="item['isOpen'] ? 'iconshang_up' : 'iconxia_down'"
116
+ size="24"
117
+ ></xd-font-icon>
118
+ </view>
119
+ </view>
53
120
  </view>
54
121
  <view class="jfb-base-order-list__body-order-item-bottom">
55
- <view></view>
56
- <view></view>
122
+ <view>下单时间:{{ item.created_time_text }}</view>
123
+ <view v-if="item.biz_code !== 'gift'">
124
+ <text>合计:</text>
125
+ <xd-unit
126
+ :isOld="false"
127
+ :price="item.total_amount"
128
+ :color="mainColor"
129
+ :fontSize="28"
130
+ ></xd-unit>
131
+ </view>
57
132
  </view>
58
- </view>
59
- </view>
60
- <template v-else>
61
- <view
62
- v-if="orderList && orderList.length > 0"
63
- class="jfb-base-order-list__body-order"
64
- :style="{ padding: outMargin }"
65
- >
66
133
  <view
67
- @click="handleToLink(detailPath, item)"
68
- class="jfb-base-order-list__body-order-item"
69
- v-for="item in orderList"
70
- :key="item.main_order_id"
71
- :style="{
72
- background: backgroundColor,
73
- border: borderBox,
74
- borderRadius: radius + 'rpx',
75
- boxShadow: shadowBox,
76
- marginBottom: padding + 'rpx',
77
- }"
134
+ class="jfb-base-order-list__body-order-item-pay"
135
+ v-if="item.buttons.length"
78
136
  >
79
- <view class="jfb-base-order-list__body-order-item-biz">
80
- <xd-font-icon
81
- v-if="item.biz_code_icon"
82
- :icon="item.biz_code_icon"
83
- :size="item['biz_code_icon_size']"
84
- ></xd-font-icon>
85
- <view :class="{ marginLeft: item.biz_code_icon }">{{
86
- item.biz_code_name
87
- }}</view>
88
- </view>
89
- <view class="jfb-base-order-list__body-order-item-title">
90
- <view>订单编号:{{ item.main_order_id }}</view>
91
- <view
92
- :style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}"
93
- >{{ item.status.status_name }}</view>
94
- </view>
95
- <view class="order-list">
96
- <view
97
- class="jfb-base-order-list__body-order-item-content"
98
- v-for="(Sitem, Sindex) in item.products"
99
- :key="Sitem.product_id + Sindex"
100
- v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']">
101
- <image
102
- :src="Sitem.product_thumb"
103
- style="background: #ffffff"
104
- mode="aspectFit"
105
- ></image>
106
- <view class="jfb-base-order-list__body-order-item-content-info">
107
- <view
108
- class="jfb-base-order-list__body-order-item-content-info-name"
109
- >{{ Sitem.product_name }}</view
110
- >
111
- <view
112
- v-if="Sitem.product_sku_name"
113
- class="jfb-base-order-list__body-order-item-content-info-skuname"
114
- >规格:{{ Sitem.product_sku_name }}</view
115
- >
116
- <view
117
- class="jfb-base-order-list__body-order-item-content-info-price"
118
- >
119
- <view :style="{ fontSize: '32rpx', color: mainColor }">
120
- <xd-unit
121
- :isOld="false"
122
- :price="Sitem.sale_price"
123
- :color="mainColor"
124
- :fontSize="32"
125
- v-if="item.biz_code !== 'gift'"
126
- ></xd-unit>
127
- </view>
128
- <view class="info-price">
129
- <text>X</text>
130
- <text>{{ Sitem.product_num }}</text>
131
- </view>
132
- </view>
133
- </view>
134
- </view>
135
- <view
136
- class="order-list-icon"
137
- :style="{ bottom: item['isOpen'] ? '-30rpx' : '-54rpx' }"
138
- v-if="item.products.length > showLen"
139
- @click.stop="item['isOpen'] = !item['isOpen']"
140
- >
141
- <view :style="{ background: backgroundColor }">
142
- <xd-font-icon
143
- color="#666"
144
- :icon="item['isOpen'] ? 'iconshang_up' : 'iconxia_down'"
145
- size="24"
146
- ></xd-font-icon>
147
- </view>
148
- </view>
149
- </view>
150
- <view class="jfb-base-order-list__body-order-item-bottom">
151
- <view>下单时间:{{ item.created_time_text }}</view>
152
- <view v-if="item.biz_code !== 'gift'">
153
- <text>合计:</text>
154
- <xd-unit
155
- :isOld="false"
156
- :price="item.total_amount"
157
- :color="mainColor"
158
- :fontSize="28"
159
- ></xd-unit>
160
- </view>
161
- </view>
162
- <view
163
- class="jfb-base-order-list__body-order-item-pay"
164
- v-if="item.buttons.length"
165
- >
166
- <view v-for="(btn,index) in item.buttons" :key="btn.action+index">
167
- <xd-button
168
- :type="getBtnType(btn.action)"
169
- size="mini"
170
- @click="handleBtnEvent(btn.action, item)"
171
- >{{ btn.text }}
172
- </xd-button>
173
- </view>
137
+ <view v-for="(btn,index) in item.buttons" :key="btn.action+index">
138
+ <xd-button
139
+ :type="getBtnType(btn.action)"
140
+ size="mini"
141
+ @click="handleBtnEvent(btn.action, item)"
142
+ >{{ btn.text }}
143
+ </xd-button>
174
144
  </view>
175
145
  </view>
176
146
  </view>
177
- <view v-else class="jfb-base-order-list__body-no">
178
- <xd-font-icon
179
- size="120"
180
- color="#ccc"
181
- icon="iconzanwudingdan"
182
- ></xd-font-icon>
183
- <view>暂无订单</view>
184
- </view>
185
- </template>
186
-
147
+ </view>
148
+ <view v-else class="jfb-base-order-list__body-no">
149
+ <xd-font-icon
150
+ size="120"
151
+ color="#ccc"
152
+ icon="iconzanwudingdan"
153
+ ></xd-font-icon>
154
+ <view>暂无订单</view>
155
+ </view>
187
156
  </view>
188
157
  </view>
189
158
  </template>
@@ -223,7 +192,6 @@ export default {
223
192
  payPath: "",
224
193
  status: null, //全部、已完成、已取消
225
194
  initStatus: false,
226
- loadingList: false,
227
195
 
228
196
  //基础
229
197
  radius: 0,
@@ -422,7 +390,6 @@ export default {
422
390
  this.$xdShowLoading({});
423
391
  let tab = "all";
424
392
  if (status) tab = this.tabList[this.tabIndex].status;
425
- this.loadingList = true;
426
393
  jfbRootExec("getBaseOrderList", {
427
394
  vm: this,
428
395
  data: {
@@ -432,7 +399,6 @@ export default {
432
399
  },
433
400
  })
434
401
  .then((res) => {
435
- this.loadingList = false;
436
402
  this.$xdHideLoading();
437
403
  console.log(res.list, "list");
438
404
  let list = res.list.map((item) => {
@@ -541,12 +507,6 @@ export default {
541
507
  }
542
508
  &-order {
543
509
  &-item {
544
- .skeleton-wrap & {
545
- background-color: #FFFFFF;
546
- border: 1px solid #EEEEEE;
547
- border-radius: 10rpx;
548
- margin: 20rpx;
549
- }
550
510
  &-biz {
551
511
  color: #333333;
552
512
  font-size: unit(28, rpx);
@@ -555,12 +515,6 @@ export default {
555
515
  border-bottom: unit(2, rpx) solid #eee;
556
516
  display: flex;
557
517
  align-items: center;
558
-
559
- & > view{
560
- .skeleton-wrap &{
561
- .skeleton-item(100rpx, 28rpx);
562
- }
563
- }
564
518
  }
565
519
 
566
520
  &-title {
@@ -574,15 +528,9 @@ export default {
574
528
 
575
529
  & > view:first-child {
576
530
  color: #333;
577
- .skeleton-wrap &{
578
- .skeleton-item(300rpx, 28rpx);
579
- }
580
531
  }
581
532
 
582
533
  & > view:nth-child(2) {
583
- .skeleton-wrap &{
584
- .skeleton-item(100rpx, 28rpx);
585
- }
586
534
  }
587
535
  }
588
536
 
@@ -597,9 +545,6 @@ export default {
597
545
  height: unit(160, rpx);
598
546
  border-radius: unit(8, rpx);
599
547
  flex-shrink: 0;
600
- .skeleton-wrap &{
601
- .skeleton-item(160rpx, 160rpx);
602
- }
603
548
  }
604
549
 
605
550
  &-info {
@@ -615,10 +560,6 @@ export default {
615
560
  font-weight: 500;
616
561
  .uni-max-cut(1, 64);
617
562
  line-height: unit(64, rpx);
618
-
619
- .skeleton-wrap &{
620
- .skeleton-item(160rpx, 48rpx);
621
- }
622
563
  }
623
564
 
624
565
  &-skuname {
@@ -643,10 +584,6 @@ export default {
643
584
  display: flex;
644
585
  justify-content: space-between;
645
586
  align-items: center;
646
- .skeleton-wrap &{
647
- .skeleton-item(100%, 32rpx);
648
- margin-top: 20rpx;
649
- }
650
587
  }
651
588
  }
652
589
  }
@@ -662,9 +599,6 @@ export default {
662
599
 
663
600
  & > view:first-child {
664
601
  color: #999;
665
- .skeleton-wrap &{
666
- .skeleton-item(300rpx, 28rpx);
667
- }
668
602
  }
669
603
 
670
604
  & > view:nth-child(2) {
@@ -673,9 +607,6 @@ export default {
673
607
  & > view {
674
608
  margin-left: unit(10, rpx);
675
609
  }
676
- .skeleton-wrap &{
677
- .skeleton-item(300rpx, 28rpx);
678
- }
679
610
  }
680
611
  }
681
612
 
@@ -116,7 +116,7 @@
116
116
  mixins: [componentsMixins,extsMixins,JfbBasePosterMixin],
117
117
  data() {
118
118
  return {
119
- selfMask: false,
119
+ selfMask: true,
120
120
  params: {},
121
121
 
122
122
  //Swiper 配置
@@ -16,8 +16,12 @@
16
16
  </view>
17
17
  <!-- #endif -->
18
18
  <view class="jfb-base-recharge-order__body">
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"
19
+ <view v-if="orderList&&orderList.length>0" :style="{ padding: outMargin }">
20
+ <view
21
+ v-for="(item, index) in orderList"
22
+ :key="index"
23
+ class="jfb-base-recharge-order__body-order"
24
+ @click="handleToDetail(item)"
21
25
  :style="{
22
26
  background: backgroundColor,
23
27
  border: borderBox,
@@ -27,72 +31,40 @@
27
31
  }"
28
32
  >
29
33
  <view class="jfb-base-recharge-order__body-order-header">
30
- <view></view>
34
+ 充值订单
31
35
  </view>
32
36
  <view class="jfb-base-recharge-order__body-order-middle">
33
- <view></view>
34
- <view></view>
37
+ <view
38
+ >订单编号:
39
+ {{ item.order_id }}
40
+ </view>
41
+ <view :style="{ color: item.textColor }">
42
+ {{ item.pay_status_name }}
43
+ </view>
35
44
  </view>
36
45
  <view class="jfb-base-recharge-order__body-order-bottom">
37
- <view></view>
46
+ <view>交易日期:{{ item.created_time }} </view>
38
47
  </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 }">
46
48
  <view
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
- }"
49
+ style="margin-top: 32rpx; display: flex; justify-content: space-between"
58
50
  >
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"
51
+ <view style="display: flex; align-items: center;font-size: 24rpx;"
52
+ >合计:<xd-unit :fontSize="24" iconSize="0.24" :price="item.total_amount"></xd-unit
53
+ ></view>
54
+ <xd-button
55
+ v-if="item.pay_status !== '3000'"
56
+ width="200rpx"
57
+ style="margin: 0"
58
+ size="mini"
59
+ type="primary"
60
+ :bgColor="mainColor"
61
+ @click="handleToPay(item)"
76
62
  >
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>
63
+ {{ item.pay_status === "3007" ? "去支付" : "重新支付" }}
64
+ </xd-button>
92
65
  </view>
93
66
  </view>
94
- </template>
95
-
67
+ </view>
96
68
  </view>
97
69
  </view>
98
70
  </template>
@@ -123,7 +95,6 @@ export default {
123
95
  orderList: [],
124
96
  detailPath: "",
125
97
  payPath: "",
126
- loadingList: false,
127
98
 
128
99
  //基础
129
100
  radius: 0,
@@ -240,7 +211,6 @@ export default {
240
211
  }).value;
241
212
  },
242
213
  getList() {
243
- this.loadingList = true;
244
214
  jfbRootExec("getRechargeOrderList", {
245
215
  vm: this,
246
216
  data: {
@@ -249,7 +219,6 @@ export default {
249
219
  },
250
220
  })
251
221
  .then((res) => {
252
- this.loadingList = false;
253
222
  this.orderList = res.list.map((item) => {
254
223
  item.total_amount = item.total_amount / 100;
255
224
  item["created_time"] = this.$xdUniHelper.getDate(
@@ -311,45 +280,11 @@ export default {
311
280
  color: #333;
312
281
  border-bottom: unit(2, rpx) solid #f2f2f2;
313
282
  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
- }
333
283
  }
334
284
 
335
285
  &-bottom {
336
286
  border-bottom: unit(2, rpx) solid #f2f2f2;
337
287
  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
- }
353
288
  }
354
289
 
355
290
  &-middle,
@@ -98,9 +98,6 @@
98
98
  <view class="jfb-base-success__body-cashier-text">
99
99
  {{ info.codes[0].can_read_code }}
100
100
  </view>
101
- <view v-if="info.codes[0].refund_tip_text" style="color:red;font-size:24rpx;text-align:center;margin-top:10rpx">
102
- {{info.codes[0].refund_tip_text}}
103
- </view>
104
101
  <view
105
102
  v-if="info.codes[0].code_end_time"
106
103
  class="jfb-base-success__body-cashier-code"