|
@@ -12,12 +12,21 @@ import "./style.less";
|
12
|
12
|
export default withLayout((props) => {
|
13
|
13
|
const { router, person } = props;
|
14
|
14
|
const [list, setList] = useState([]);
|
|
15
|
+ const [IsPull, setPull] = useState(false);
|
15
|
16
|
const [pageNum, setNumber] = useState(1);
|
16
|
17
|
const [HasNextPage, setHasNextPage] = useState(true);
|
|
18
|
+ const [isFirst, setFirst] = useState(true)
|
|
19
|
+ useDidShow(() => {
|
|
20
|
+ if (!isFirst) {
|
|
21
|
+ getList();
|
|
22
|
+ }
|
|
23
|
+ })
|
|
24
|
+
|
17
|
25
|
const [loading, setLoading] = useState(false)
|
18
|
26
|
|
19
|
27
|
const getList = () => {
|
20
|
28
|
setLoading(true)
|
|
29
|
+ setFirst(false)
|
21
|
30
|
setHasNextPage(false);
|
22
|
31
|
getOrderSub({
|
23
|
32
|
pageNum,
|
|
@@ -29,14 +38,15 @@ export default withLayout((props) => {
|
29
|
38
|
pageNum === 1 ? res.records || [] : list.concat(res.records || [])
|
30
|
39
|
);
|
31
|
40
|
setHasNextPage(res.current < res.pages);
|
|
41
|
+ setPull(false);
|
32
|
42
|
setLoading(false)
|
33
|
|
-
|
34
|
43
|
}).catch(e => {
|
35
|
44
|
setLoading(false)
|
36
|
45
|
})
|
37
|
46
|
};
|
38
|
47
|
|
39
|
48
|
|
|
49
|
+
|
40
|
50
|
const pageLoadMore = () => {
|
41
|
51
|
// 页面上拉加载更多
|
42
|
52
|
if (HasNextPage) {
|
|
@@ -56,26 +66,22 @@ export default withLayout((props) => {
|
56
|
66
|
<view className='index-navbar'>
|
57
|
67
|
<CustomNav title='售后退款' />
|
58
|
68
|
</view>
|
59
|
|
- <scroll-view
|
60
|
|
- scrollY
|
61
|
|
- style='height: calc(100vh - 176rpx);'
|
62
|
|
- onscrolltolower={pageLoadMore}
|
63
|
|
- >
|
64
|
|
- <SpinBox loading={loading} className='index-container' >
|
65
|
|
-
|
|
69
|
+ <SpinBox loading={loading} className='index-container' >
|
|
70
|
+ <scroll-view
|
|
71
|
+ scrollY
|
|
72
|
+ style='height: calc(100vh - 176rpx);'
|
|
73
|
+ onscrolltolower={pageLoadMore}
|
|
74
|
+ >
|
66
|
75
|
<view className='View-box-Card'>
|
67
|
|
-
|
68
|
76
|
{(list || []).map((item) => {
|
69
|
77
|
return (
|
70
|
78
|
<OrderCard item={item} key={item.orderId} sh='1' />
|
71
|
79
|
)
|
72
|
80
|
})}
|
73
|
81
|
<view className='foot'>这是我的底线</view>
|
74
|
|
-
|
75
|
82
|
</view>
|
76
|
|
- </SpinBox>
|
77
|
|
-
|
78
|
|
- </scroll-view>
|
|
83
|
+ </scroll-view>
|
|
84
|
+ </SpinBox>
|
79
|
85
|
</view>
|
80
|
86
|
);
|
81
|
87
|
});
|