weixiari-124
/
agent-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

上拉加载更多

master
yangrz 2 years ago
parent
ae5dd1d893
commit
281e325bea
4 changed files with 123 additions and 53 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 87
      agentApp/pages/history/history.vue
  2. 30
      agentApp/pages/merchant-index/index.vue
  3. 27
      agentApp/pages/user-orders/user-orders.vue
  4. 24
      agentApp/pages/withdrawal-history/withdrawal-history.vue

87
agentApp/pages/history/history.vue
View File

@ -36,13 +36,14 @@
审核时间：{{item.reviewed_at}} 审核时间：{{item.reviewed_at}}
</view> </view>
</view> </view>
<!-- <view class="hit-right">
<!-- <view class="hit-right">
<view class="amount">提现金额：￥{{item.amount}}</view> <view class="amount">提现金额：￥{{item.amount}}</view>
<view class="fee">手续费：￥{{item.fee}}</view> <view class="fee">手续费：￥{{item.fee}}</view>
<view class="receive-amount">实到账：￥{{item.receive_amount}}</view> <view class="receive-amount">实到账：￥{{item.receive_amount}}</view>
</view> --> </view> -->
</view> </view>
</view> </view>
<view class="load-more" @click="getWithdrawList">{{ hasMore ? '加载更多数据...' : '已加载完毕' }}</view>
</view> </view>
</template> </template>
@ -55,65 +56,83 @@
data() { data() {
return { return {
withdrawList: [], withdrawList: [],
hasMore: true,
page: 0,
}; };
}, },
onLoad() { onLoad() {
this.getWithdrawList() this.getWithdrawList()
}, },
onReachBottom() {
this.getWithdrawList()
},
methods: { methods: {
getWithdrawList() { getWithdrawList() {
if (!this.hasMore) {
return
}
this.page++
agentWithdrawList({ agentWithdrawList({
page: 1,
page: this.page,
page_size: 15, page_size: 15,
}).then(data => this.withdrawList = data.list)
}).then(data => {
this.withdrawList = [...this.withdrawList, ...data.list]
this.hasMore = data.has_more
})
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.his-content {
padding: 0 30rpx;
.his-content {
padding: 0 30rpx;
.his-item {
display: flex;
justify-content: space-between;
padding: 30rpx 0 30rpx;
.his-item {
display: flex;
justify-content: space-between;
padding: 30rpx 0 30rpx;
.hit-left {
.hit-left {
.his-name {
color: #454545;
font-size: 12px;
line-height: 1.8;
font-weight: bold;
}
.his-name {
color: #454545;
font-size: 12px;
line-height: 1.8;
font-weight: bold;
}
.his-state {
color: #666;
font-size: 12px;
line-height: 1.8;
.his-state {
color: #666;
font-size: 12px;
line-height: 1.8;
}
.his-time {
color: #999;
font-size: 12px;
line-height: 1.8;
}
} }
.his-time {
color: #999;
font-size: 12px;
line-height: 1.8;
.hit-right {
height: 130rpx;
line-height: 130rpx;
font-size: 14px;
color: #454545;
font-weight: bold;
} }
} }
.hit-right {
height: 130rpx;
line-height: 130rpx;
font-size: 14px;
color: #454545;
font-weight: bold;
.u-border-bottom,
.u-border-top {
border-color: #eee !important;
} }
} }
.u-border-bottom,
.u-border-top {
border-color: #eee !important;
.load-more {
text-align: center;
font-size: 14px;
} }
}
</style> </style>

30
agentApp/pages/merchant-index/index.vue
View File

@ -73,12 +73,9 @@
<view class="divider-style"></view> <view class="divider-style"></view>
</view> </view>
</view> </view>
</view>
</view>
</view>
<view class="load-more" @click="getOrderList">{{ hasMore ? '加载更多数据...' : '已加载完毕' }}</view>
</view>
</view> </view>
</template> </template>
<script> <script>
@ -92,22 +89,34 @@
data() { data() {
return { return {
accountInfo: {}, accountInfo: {},
orderList: []
orderList: [],
hasMore: true,
page: 0,
} }
}, },
onLoad() { onLoad() {
this.getAccountInfo() this.getAccountInfo()
this.getOrderList() this.getOrderList()
}, },
onReachBottom() {
this.getOrderList()
},
methods: { methods: {
getAccountInfo() { getAccountInfo() {
merchantAccountInfo().then(data => this.accountInfo = data) merchantAccountInfo().then(data => this.accountInfo = data)
}, },
getOrderList() { getOrderList() {
if (!this.hasMore) {
return
}
this.page++
merchantOrderList({ merchantOrderList({
page: 1,
page: this.page,
page_size: 15 page_size: 15
}).then(data => this.orderList = data.list)
}).then(data => {
this.orderList = [...this.orderList, ...data.list]
this.hasMore = data.has_more
})
}, },
orderRefund(item) { orderRefund(item) {
uni.showModal({ uni.showModal({
@ -392,4 +401,9 @@
} }
} }
.load-more {
text-align: center;
font-size: 14px;
}
</style> </style>

27
agentApp/pages/user-orders/user-orders.vue
View File

@ -73,6 +73,8 @@
</view> </view>
</view> </view>
</view> </view>
<view class="load-more" @click="getOrderList">{{ hasMore ? '加载更多数据...' : '已加载完毕' }}</view>
</view> </view>
</view> </view>
@ -90,7 +92,9 @@
return { return {
accountInfo: {}, accountInfo: {},
queueList: [], queueList: [],
orderList: []
orderList: [],
hasMore: true,
page: 0,
} }
}, },
onLoad() { onLoad() {
@ -98,6 +102,9 @@
this.getQueueList(); this.getQueueList();
this.getOrderList(); this.getOrderList();
}, },
onReachBottom() {
this.getOrderList()
},
methods: { methods: {
getAccountInfo() { getAccountInfo() {
userAccountInfo().then(data => this.accountInfo = data) userAccountInfo().then(data => this.accountInfo = data)
@ -111,10 +118,17 @@
}).then(data => this.queueList = data.list) }).then(data => this.queueList = data.list)
}, },
getOrderList() { getOrderList() {
if (!this.hasMore) {
return
}
this.page++
userOrderList({ userOrderList({
page: 1,
page_size: 5
}).then(data => this.orderList = data.list)
page: this.page,
page_size: 15
}).then(data => {
this.orderList = [...this.orderList, ...data.list]
this.hasMore = data.has_more
})
}, },
} }
} }
@ -391,4 +405,9 @@
border-bottom: 1rpx solid #eee; border-bottom: 1rpx solid #eee;
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }
.load-more {
text-align: center;
font-size: 14px;
}
</style> </style>

24
agentApp/pages/withdrawal-history/withdrawal-history.vue
View File

@ -36,13 +36,14 @@
审核时间：{{item.reviewed_at}} 审核时间：{{item.reviewed_at}}
</view> </view>
</view> </view>
<!-- <view class="hit-right">
<!-- <view class="hit-right">
<view class="amount">提现金额：￥{{item.amount}}</view> <view class="amount">提现金额：￥{{item.amount}}</view>
<view class="fee">手续费：￥{{item.fee}}</view> <view class="fee">手续费：￥{{item.fee}}</view>
<view class="receive-amount">实到账：￥{{item.receive_amount}}</view> <view class="receive-amount">实到账：￥{{item.receive_amount}}</view>
</view> --> </view> -->
</view> </view>
</view> </view>
<view class="load-more" @click="getWithdrawList">{{ hasMore ? '加载更多数据...' : '已加载完毕' }}</view>
</view> </view>
</template> </template>
@ -55,17 +56,29 @@
data() { data() {
return { return {
withdrawList: [], withdrawList: [],
hasMore: true,
page: 0,
}; };
}, },
onLoad() { onLoad() {
this.getWithdrawList() this.getWithdrawList()
}, },
onReachBottom() {
this.getWithdrawList()
},
methods: { methods: {
getWithdrawList() { getWithdrawList() {
if (!this.hasMore) {
return
}
this.page++
userWithdrawList({ userWithdrawList({
page: 1,
page: this.page,
page_size: 15, page_size: 15,
}).then(data => this.withdrawList = data.list)
}).then(data => {
this.withdrawList = [...this.withdrawList, ...data.list]
this.hasMore = data.has_more
})
} }
} }
} }
@ -126,4 +139,9 @@
border-color: #eee !important; border-color: #eee !important;
} }
} }
.load-more {
text-align: center;
font-size: 14px;
}
</style> </style>
Write Preview
Loading…
Cancel
Save