jufubao-base 1.0.28-beta151 → 1.0.28-beta152

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jufubao-base",
3
- "version": "1.0.28-beta151",
3
+ "version": "1.0.28-beta152",
4
4
  "private": false,
5
5
  "description": "聚福宝业务组件基础插件包",
6
6
  "main": "index.js",
@@ -20,58 +20,67 @@
20
20
  <!-- #endif -->
21
21
  <view class="jfb-base-after-order-list__body">
22
22
  <view :style="{ padding: outMargin }">
23
- <view
24
- class="jfb-base-after-order-list__body-order"
25
- v-for="(item, index) in orderList"
26
- :key="index"
27
- @click="handleToLink(item)"
28
- :style="{
29
- background: backgroundColor,
30
- border: borderBox,
31
- borderRadius: radius + 'rpx',
32
- boxShadow: shadowBox,
33
- marginBottom: padding + 'rpx',
34
- }"
35
- >
36
- <view class="jfb-base-after-order-list__body-order-biz">
37
- <view
38
- v-if="item.business_icon"
39
- class="jfb-base-after-order-list__body-order-biz-icon"
40
- >
41
- <xd-font-icon
42
-
43
- :icon="item.business_icon"
44
- :size="item.business_icon_size"
45
- ></xd-font-icon>
23
+ <view v-if="orderList && orderList.length > 0">
24
+ <view
25
+ class="jfb-base-after-order-list__body-order"
26
+ v-for="(item, index) in orderList"
27
+ :key="index"
28
+ @click="handleToLink(item)"
29
+ :style="{
30
+ background: backgroundColor,
31
+ border: borderBox,
32
+ borderRadius: radius + 'rpx',
33
+ boxShadow: shadowBox,
34
+ marginBottom: padding + 'rpx',
35
+ }"
36
+ >
37
+ <view class="jfb-base-after-order-list__body-order-biz">
38
+ <view
39
+ v-if="item.business_icon"
40
+ class="jfb-base-after-order-list__body-order-biz-icon"
41
+ >
42
+ <xd-font-icon
43
+ :icon="item.business_icon"
44
+ :size="item.business_icon_size"
45
+ ></xd-font-icon>
46
+ </view>
47
+
48
+ <view>{{ item.business_name }}订单</view>
46
49
  </view>
47
-
48
- <view>{{ item.business_name }}订单</view>
49
- </view>
50
- <view class="jfb-base-after-order-list__body-order-title">
51
- <view>服务单号:{{ item.order_id }}</view>
52
- <view :style="{ color: mainColor }">
53
- <!-- <xd-font-icon
50
+ <view class="jfb-base-after-order-list__body-order-title">
51
+ <view>服务单号:{{ item.order_id }}</view>
52
+ <view :style="{ color: mainColor }">
53
+ <!-- <xd-font-icon
54
54
  style="margin-right: 16rpx"
55
55
  icon="iconqianbao-01"
56
56
  size="40rpx"
57
57
  :color="mainColor"
58
58
  ></xd-font-icon> -->
59
- {{ item.after_sale_method_name }}
59
+ {{ item.after_sale_method_name }}
60
+ </view>
61
+ </view>
62
+ <view
63
+ class="jfb-base-after-order-list__body-order-content"
64
+ v-for="(Sitem, Sindex) in item.sale_goods"
65
+ :key="Sindex"
66
+ >
67
+ <image
68
+ style="background: #ffffff"
69
+ mode="aspectFit"
70
+ :src="Sitem.thumb"
71
+ ></image>
72
+ <view>{{ Sitem.product_name }}</view>
60
73
  </view>
61
- </view>
62
- <view
63
- class="jfb-base-after-order-list__body-order-content"
64
- v-for="(Sitem, Sindex) in item.sale_goods"
65
- :key="Sindex"
66
- >
67
- <image
68
- style="background: #ffffff"
69
- mode="aspectFit"
70
- :src="Sitem.thumb"
71
- ></image>
72
- <view>{{ Sitem.product_name }}</view>
73
74
  </view>
74
75
  </view>
76
+ <view v-else class="jfb-base-after-order-list__body-no">
77
+ <xd-font-icon
78
+ size="120"
79
+ color="#B3C1C4"
80
+ icon="iconzanwudingdan"
81
+ ></xd-font-icon>
82
+ <view>暂无订单</view>
83
+ </view>
75
84
  </view>
76
85
  </view>
77
86
  </view>
@@ -239,7 +248,7 @@ export default {
239
248
  );
240
249
  this.orderList = this.orderList.concat(list);
241
250
  }
242
- this.hasNext = res.next_page_token !== '';
251
+ this.hasNext = res.next_page_token !== "";
243
252
  this.next_page_token = res.next_page_token;
244
253
  })
245
254
  .catch((err) => {
@@ -278,6 +287,18 @@ export default {
278
287
 
279
288
  .jfb-base-after-order-list {
280
289
  &__body {
290
+ &-no {
291
+ display: flex;
292
+ justify-content: center;
293
+ align-items: center;
294
+ flex-direction: column;
295
+ color: #b3c1c4;
296
+ font-size: unit(32, rpx);
297
+ margin-top: unit(360, rpx);
298
+ & > view {
299
+ margin-top: unit(30, rpx);
300
+ }
301
+ }
281
302
  &-order {
282
303
  border-radius: unit(20, rpx);
283
304
  padding: unit(30, rpx);
@@ -292,9 +313,9 @@ export default {
292
313
  border-bottom: unit(2, rpx) solid #eee;
293
314
  display: flex;
294
315
  align-items: center;
295
-
316
+
296
317
  &-icon {
297
- margin-right:unit(10, rpx);
318
+ margin-right: unit(10, rpx);
298
319
  }
299
320
  }
300
321