From 4b80c98ef5fda8d6358778f2efe8bb35cb20ccf9 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Fri, 15 Jan 2021 16:18:21 +0800 Subject: [PATCH] gx --- hive-app/pages/workbench/orderList.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 47 insertions(+), 9 deletions(-) diff --git a/hive-app/pages/workbench/orderList.vue b/hive-app/pages/workbench/orderList.vue index 27d587b..d1c17a1 100644 --- a/hive-app/pages/workbench/orderList.vue +++ b/hive-app/pages/workbench/orderList.vue @@ -49,6 +49,10 @@ <text class="blue-btn small-btn" @click="cancelOrder(item.orderId)">取消订单</text> </view> </view> + <no-record :isShow="!list.length" txt="暂无订单记录"></no-record> + <view v-if="list.length"> + <uni-load-more :status="loadStatus" color="#a5abaf"></uni-load-more> + </view> </view> </view> </view> @@ -57,13 +61,16 @@ <script> import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue"; import searchBar from '../../components/searchBar/index.vue'; + import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'; export default { components: { HTabs, - searchBar + searchBar, + uniLoadMore }, data() { return { + queryKey: '', orderStatus: 0, tabs:[ { @@ -83,12 +90,17 @@ name: '欠款' }, ], - list: [] + list: [], + loadStatus: 'more', + pageNum: 1 } }, onLoad(options) { if(options.status){ this.orderStatus = Number(options.status); + } + if(options.queryKey){ + this.queryKey = options.queryKey; } this.loadList() @@ -102,6 +114,17 @@ } // #endif }, + onPullDownRefresh(){ + this.reloadData(); + let timer = setTimeout(function () { + uni.startPullDownRefresh(); + clearTimeout(timer); + timer = null; + }, 800); + }, + onReachBottom(){ + this.loadList() + }, onNavigationBarButtonTap(Object){ if(Object.key === 'add'){ uni.navigateTo({ @@ -110,28 +133,44 @@ } }, methods:{ + reloadData(){ + this.list = []; + this.pageNum = 1; + this.loadStatus = 'more'; + this.loadList(); + }, loadList(){ + if(this.loadStatus!=='more'){ + return; + } this.$httpUtils.request('/api/order/findOrderList', { - pageNum: 1, - pageSize: 100, + pageNum: this.pageNum, + pageSize: 10, queryKey: this.queryKey, orderStatus: this.orderStatus }, 'POST').then((res) => { if(res.status == 200){ - this.list = res.rows; + let result = res.rows; + if(result.length < 10){ + this.loadStatus = 'noMore'; + } else { + this.pageNum ++ ; + this.loadStatus = 'more'; + } + this.list = this.list.concat(result); } }) }, search(val){ this.queryKey = val; - this.loadList(); + this.reloadData(); }, tabChange(index){ if(this.orderStatus === index){ return; } this.orderStatus = index; - this.loadList(); + this.reloadData(); }, caculateColor(status){ if(status==='待付款'){ @@ -150,10 +189,9 @@ content: '确定取消订单吗?', success: (res) => { if (res.confirm) { - console.log('用户点击确定'); this.$httpUtils.request('/api/order/cancelOrder/'+id).then((res) => { if(res.status == 200){ - this.loadList() + this.reloadData() } this.$toast.info(res.info); }) -- Gitblit v1.9.1