Browse Source

[dev] 增加下拉刷新,上拉加载更多

天梦 2 years ago
parent
commit
2860deb116
3 changed files with 51 additions and 9225 deletions
  1. 2 1
      pages.json
  2. 49 2
      pages/index/index.vue
  3. 0 9222
      unpackage/dist/dev/app-plus/app-service.js

+ 2 - 1
pages.json

@@ -14,7 +14,8 @@
 			"path": "pages/index/index",
 			"style": {
 				// "navigationBarTitleText": "uni-app",
-				"navigationStyle": "custom"
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": true
 			}
 		}
         ,{

+ 49 - 2
pages/index/index.vue

@@ -71,7 +71,14 @@
 			</view>
 			<view class="tab-content">
 				<view class="order-list">
-					<scroll-view v-if="orderList.length > 0" class="order-list-wrap" scroll-y="true" :scroll-top="50">
+					<scroll-view 
+						v-if="orderList.length > 0" 
+						class="order-list-wrap" 
+						scroll-y="true" 
+						:scroll-top="50"
+						@scrolltoupper="loadPresList"
+						@scrolltolower="loadMoreList"
+					>
 						<template v-for="(v,i) in orderList" :key="i">
 							<orderCard v-if="v" :v="v" :index="i" :c=tabActive class="order-card"
 								@update-list="updateList"
@@ -149,7 +156,7 @@ const deployArr = ref([
 	{name:'打包', id: '5' },
 ])
 
-const page = ref(0)
+const page = ref(1)
 const total = ref(0)
 const pageSize = ref(10)
 const status = ref('')
@@ -404,6 +411,46 @@ const openTime = ()=>{
     proxy.$refs.timeslot.open()
 }
 
+const loadMoreList =async()=>{
+	console.log('loadMoreList>>>')
+	page.value = page.value +1
+	const params = {
+		token: uni.getStorageSync('token'),
+		data: JSON.stringify({
+			currentUserId: parseInt(uni.getStorageSync('userId')) || 0,
+			name: searchVal.value,
+			page: page.value,
+			pageSize: pageSize.value,
+			status: currentStatus.value
+		})
+	}
+	const {data:res} = await receiveOrderList(params)
+	if (res.code === 200) {
+		total.value = res.total
+		orderList.value = orderList.value.push(res.rows)
+	}
+}
+
+const loadPreList = async()=>{
+	console.log('loadPreList>>>')
+	page.value = 1
+	const params = {
+		token: uni.getStorageSync('token'),
+		data: JSON.stringify({
+			currentUserId: parseInt(uni.getStorageSync('userId')) || 0,
+			name: searchVal.value,
+			page: page.value,
+			pageSize: pageSize.value,
+			status: currentStatus.value
+		})
+	}
+	const {data:res} = await receiveOrderList(params)
+	if (res.code === 200) {
+		total.value = res.total
+		orderList.value = res.rows
+	}
+}
+
 
 </script>
 

File diff suppressed because it is too large
+ 0 - 9222
unpackage/dist/dev/app-plus/app-service.js


Some files were not shown because too many files changed in this diff