|
|
@@ -6,11 +6,18 @@
|
|
6
|
6
|
<div class="flex-item">
|
|
7
|
7
|
<div class="flex-h">
|
|
8
|
8
|
<div class="flex-item">
|
|
9
|
|
- <ul>
|
|
|
9
|
+ <!-- <ul>
|
|
10
|
10
|
<li v-for="(item,index) in orders.list" :key="index">
|
|
11
|
11
|
<orderListItem :data="item"></orderListItem>
|
|
12
|
12
|
</li>
|
|
13
|
|
- </ul>
|
|
|
13
|
+ </ul> -->
|
|
|
14
|
+ <scroll ref='scroll' :isloading='isloading' class='wrapper' :data='orders.list' :pullUpLoad='pullUpLoadObj' :startY='parseInt(startY)' @pullingUp='getList'>
|
|
|
15
|
+ <ul>
|
|
|
16
|
+ <li v-for="(item,index) in orders.list" :key="index">
|
|
|
17
|
+ <orderListItem :data="item"></orderListItem>
|
|
|
18
|
+ </li>
|
|
|
19
|
+ </ul>
|
|
|
20
|
+ </scroll>
|
|
14
|
21
|
</div>
|
|
15
|
22
|
</div>
|
|
16
|
23
|
</div>
|
|
|
@@ -18,6 +25,8 @@
|
|
18
|
25
|
</template>
|
|
19
|
26
|
|
|
20
|
27
|
<script>
|
|
|
28
|
+import scroll from '../../../components/scroll/scroll'
|
|
|
29
|
+import noMore from '../../../components/noMore/noMore'
|
|
21
|
30
|
import topCaseInfo from '../../../components/topCaseInfo/index'
|
|
22
|
31
|
import orderListItem from '../../../components/orderListItem/index'
|
|
23
|
32
|
import { mapState, createNamespacedHelpers } from 'vuex'
|
|
|
@@ -29,8 +38,13 @@ export default {
|
|
29
|
38
|
name: '',
|
|
30
|
39
|
data () {
|
|
31
|
40
|
return {
|
|
|
41
|
+ pullUpLoad: true,
|
|
|
42
|
+ pullUpLoadThreshold: 40,
|
|
|
43
|
+ startY: 0,
|
|
32
|
44
|
page: 1,
|
|
33
|
45
|
pagesize: 10,
|
|
|
46
|
+ isloading: true,
|
|
|
47
|
+ hasMore: true,
|
|
34
|
48
|
}
|
|
35
|
49
|
},
|
|
36
|
50
|
computed: {
|
|
|
@@ -40,10 +54,23 @@ export default {
|
|
40
|
54
|
...mapOrdersState({
|
|
41
|
55
|
orders: x => x.orders,
|
|
42
|
56
|
}),
|
|
|
57
|
+ pullUpLoadObj: function () {
|
|
|
58
|
+ return this.pullUpLoad
|
|
|
59
|
+ ? {
|
|
|
60
|
+ threshold: parseInt(this.pullUpLoadThreshold),
|
|
|
61
|
+ txt: {
|
|
|
62
|
+ more: this.pullUpLoadMoreTxt,
|
|
|
63
|
+ noMore: this.pullUpLoadNoMoreTxt
|
|
|
64
|
+ }
|
|
|
65
|
+ }
|
|
|
66
|
+ : false
|
|
|
67
|
+ }
|
|
43
|
68
|
},
|
|
44
|
69
|
components: {
|
|
45
|
70
|
topCaseInfo,
|
|
46
|
71
|
orderListItem,
|
|
|
72
|
+ scroll,
|
|
|
73
|
+ noMore,
|
|
47
|
74
|
},
|
|
48
|
75
|
created () {
|
|
49
|
76
|
this.getCustomerGoodsOrder({
|
|
|
@@ -54,7 +81,23 @@ export default {
|
|
54
|
81
|
methods: {
|
|
55
|
82
|
...mapOrdersActions([
|
|
56
|
83
|
'getCustomerGoodsOrder',
|
|
57
|
|
- ])
|
|
|
84
|
+ ]),
|
|
|
85
|
+ getList () {
|
|
|
86
|
+ var _that = this
|
|
|
87
|
+ Math.ceil(this.orders.pagenum / this.orders.pagesize) > this.page ? this.hasMore = true : this.hasMore = false
|
|
|
88
|
+ // this.list.length <= 8 ? this.hasMore = true : this.hasMore = false
|
|
|
89
|
+ if (this.hasMore) {
|
|
|
90
|
+ setTimeout(() => {
|
|
|
91
|
+ _that.getCustomerGoodsOrder({
|
|
|
92
|
+ page: _that.page,
|
|
|
93
|
+ pagesize: _that.pagesize,
|
|
|
94
|
+ })
|
|
|
95
|
+ }, 1000)
|
|
|
96
|
+ } else {
|
|
|
97
|
+ this.$refs.scroll.forceUpdate()
|
|
|
98
|
+ return false
|
|
|
99
|
+ }
|
|
|
100
|
+ },
|
|
58
|
101
|
}
|
|
59
|
102
|
}
|
|
60
|
103
|
</script>
|
