common/api/shop.js

@@ -271,12 +271,13 @@ export default {
 				});
 			},
 			// 我的优惠券(已有的)
-			getMemberCouponList({ store_id, gc_id, type, status }) {
+			getMemberCouponList({ store_id, gc_id, type, status, page }) {
 				return vm.$u.post('Coupon/getMemberCouponList', {
 					store_id: store_id,
 					gc_id: gc_id,
 					type: type,
 					status: status,
+					page: page,
 				});
 			},
 			// 获取直播列表

pageE/tool/MineCoupon.vue

@@ -3,13 +3,14 @@
 		<u-tabs-swiper ref="tabs" :list="list" :is-scroll="false" active-color="#FF780F" :current="current" font-size="32" :show-bar="false" @change="tabsChange" height="88" ></u-tabs-swiper>
 		<swiper :current="swiperCurrent" @animationfinish="animationfinish" :style="{ height: swiperHeight }">
 			<swiper-item class="swiper-item" v-for="(_, index) in list" :key="index">
-				<scroll-view scroll-y class="scroll-coupon">
+				<scroll-view scroll-y class="scroll-coupon" @scrolltolower="onreachBottom">
 					<view v-if="couponList[index]">
 						<view class="coupon-item" v-for="(coupon, c_index) in couponList[index]" :key="c_index">
 							<Coupon :couponInfo="coupon" :status='index' @use="useCoupon($event)" :goodsClass="goodsClass"></Coupon>
 						</view>
 					</view>
 					<u-empty text="暂无优惠券" mode="coupon" v-if="!couponList[index] || !couponList[index].length"></u-empty>
+					<u-loadmore :status="loadStatus[current]" bgColor="#FFFFFF" font-size="14" margin-top="20" margin-bottom="20" @loadmore="onreachBottom"></u-loadmore>
 				</scroll-view>
 			</swiper-item>
 		</swiper>
@@ -32,6 +33,9 @@ export default {
 			swiperHeight: '',
 			couponList: [],
 			goodsClass: [],
+			page: 0,
+			timer: true,
+			loadStatus: ['loadmore', 'loadmore', 'loadmore'],
 		}
 	},
 	components: {
@@ -46,8 +50,7 @@ export default {
 	},
 	watch: {
 		current(value) {
-			let status = value + 1;
-			this.getMemberCouponList(status);
+			this.getMemberCouponList(value);
 		}
 	},
 	methods: {
@@ -56,16 +59,31 @@ export default {
 				this.goodsClass = res.data;
 			})
 		},
-		getMemberCouponList(current) {
-			this.$u.api.getMemberCouponList({
-				status: current
-			}).then(res => {
+		async getMemberCouponList({ load = 'reload' }) {
+			const res = await this.$u.api.getMemberCouponList({
+				status: this.current + 1, // 代金券状态 1:未用 2:已用 3:过期 4:收回
+				page: this.page,
+			})
+			this.timer = true;
 			if(res.errCode == 0) {
-					this.couponList[this.current] = res.data;
-				} else {
-					this.couponList[this.current] = [];
+				if(load == 'reload') this.couponList[this.current] = res.data;
+				else if(load == 'loadmore') this.couponList[this.current].push(...res.data);
 			}
 			this.$forceUpdate();
+			return res.data.length;
+		},
+		onreachBottom() {
+			if(!this.timer) return false;
+			this.timer = false;
+			this.loadStatus.splice(this.current, 1, "loading");
+			this.page++;
+			this.getMemberCouponList({ load: 'loadmore' }).then(length => {
+				this.loadStatus.splice(this.current, 1, "nomore");
+				if(length == 0) this.page--;
+			}).catch(() => {
+				this.loadStatus.splice(this.current, 1, "nomore");
+				console.log(this.loadStatus[this.current]);
+				this.page--;
 			})
 		},
 		useCoupon(coupon) {

pageE/tool/WashOrder.vue

@@ -293,8 +293,12 @@ export default {
 			this.loadStatu = "loading";
 			this.page++;
 			this.getOrderList({ load: 'loadmore' }).then(length => {
+				if(length == 0) {
+					this.page--;
 					this.loadStatu = "nomore";
-				if(length == 0) this.page--;
+				} else {
+					this.loadStatu = "loadmore";
+				}
 			}).catch(() => {
 				this.loadStatu = "nomore";
 				this.page--;