核销列表

api/groupon.js

@@ -1,8 +1,19 @@
 import request from "@/utils/request.js";
 
 
+commitAppoint
 
-// 查询个人消息
+// 团长相关履约单列表
+export function commitAppoint(id) {
+    return request.post("/v1/commitAppoint?appointId="+id);
+}
+
+// 团长相关履约单列表
+export function appointList(data) {
+    return request.post("/v1/appointList?type="+data.type,data);
+}
+
+// 查询系统消息
 export function getNotice(data) {
     return request.post("/v1/getNotice",data);
 }

components/cancelVerificationList/cancelVerificationList.vue

@@ -0,0 +1,501 @@
+<template>
+	<view>
+
+		<view class="list" v-for="(item,index) in list" :key="index">
+			<view class="myclient_list">
+				<view class="myclient_list_name ">
+					<view class=" nv">
+						{{item.storeName}}
+					</view>
+					<view v-if="item.state===0" class=" status">待发货</view>
+					<view v-if="item.state===1" class=" status">已发货</view>
+					<view v-if="item.state===2" class=" status">已完成</view>
+				</view>
+				<view class="myclient_list_content">
+					<view class="phone">
+						<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/日期@2x.png" />
+						<text>
+							团购结束日期:{{item.grouponEndTime}}
+						</text>
+					</view>
+					<view class="time">
+						<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
+						<text>
+							收货码:{{item.arrivalCode}}
+						</text>
+					</view>
+				</view>
+			</view>
+			<view class="all-products-body">
+				<view class="all-products-item" @click="addGoodPopupShow = true" v-for="(item1,index1) in item.appointGoodsList" :key="index1">
+					<image
+							:src="item1.goodsImage"
+							mode="scaleToFill" />
+
+					<view class="all-products-item-content">
+						<view class="all-products-item-content-t">
+							{{item1.goodsName}}
+						</view>
+						<view class="all-products-item-content-b">
+							<view style="display:flex;">
+								<text class="red"> 共{{item1.goodsNum}}件</text>
+							</view>
+
+						</view>
+					</view>
+				</view>
+
+			</view>
+
+			<view class="self-pickup-point">
+
+				<view class="a-b">
+					<view class="a-b1">
+						自提点:
+						<text class="red">
+							{{item.takeName}}
+						</text>
+					</view>
+					<view class="a-b2">
+
+					</view>
+				</view>
+			</view>
+			<view v-if="item.state===1" class="op-area">
+				<button class="action-btn" @click="cancelVerification(item)">确认核销</button>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	import { commitAppoint} from '@/api/groupon.js'
+	export default {
+		name:"cancelVerificationList",
+		props: {
+			list: {
+				type: Array,
+				default () {
+					return []
+				}
+			}
+
+		},
+		data() {
+			return {
+
+			};
+		},
+		methods:{
+
+			cancelVerification: function (e) {
+				let that = this;
+
+				uni.showModal({
+					title: that.$t(`核销订单`),
+					content: that.$t(`确定核销订单`),
+					success: function (res) {
+						if (res.confirm) {
+							commitAppoint(e.id)
+									.then(res => {
+										e.status = 2;
+										return that.$util.Tips({
+											title: res.msg,
+											icon: 'success'
+										});
+									})
+									.catch(err => {
+										return that.$util.Tips({
+											title: err
+										});
+									});
+						} else if (res.cancel) {
+							return that.$util.Tips({
+								title: that.$t(`已取消`)
+							});
+						}
+					}
+				});
+
+			},
+
+		},
+	}
+</script>
+
+<style scoped lang="scss">
+	@import '/static/css/common.css';
+
+	.popup-view{
+		border-radius: 10rpx;
+		width: 475rpx;
+		height: 375rpx;
+		background-color: white;
+		.popup-text{
+			width: 475rpx;
+			height: 300rpx;
+			text-align: center;
+		}
+		.popup-button{
+			width: 475rpx;
+			height: 75rpx;
+			.button-view{
+				width: 200rpx;
+				height: 75rpx;
+				.button-left{
+
+				}
+				.button-right{
+
+				}
+			}
+
+		}
+	}
+
+
+
+	.my-order .nav {
+		background-color: #F9F9F9;
+		width: 100%;
+		// height: 140rpx;
+	}
+
+	.my-order .nav .item {
+		text-align: center;
+		font-size: 26rpx;
+		color: #282828;
+		padding: 27rpx 0;
+		border-bottom: 5rpx solid transparent;
+	}
+
+	.my-order .nav .item.on {
+		/* #ifdef H5 || MP */
+		font-weight: bold;
+		/* #endif */
+		/* #ifdef APP-PLUS */
+		color: #000;
+		/* #endif */
+		border-color: var(--view-theme);
+	}
+
+	.my-order .nav .item .num {
+		margin-top: 18rpx;
+	}
+
+	.list {
+		width: 100%;
+		background: white;
+		margin: 14rpx auto 0 auto;
+		padding-bottom: 30rpx;
+	}
+
+	.noCart {
+		margin-top: 171rpx;
+		padding-top: 0.1rpx;
+	}
+
+	.noCart .pictrue {
+		width: 414rpx;
+		height: 336rpx;
+		margin: 78rpx auto 56rpx auto;
+	}
+
+	.noCart .pictrue image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.my-order .list .item .item-info .text .money .return {
+		// color: var(--view-priceColor);
+		margin-top: 10rpx;
+		font-size: 24rpx;
+	}
+
+
+	.myclient_list {
+		padding: 30rpx;
+		background: #FFFFFF;
+
+		.myclient_list_name {
+			margin-bottom: 15rpx;
+			min-height: 44rpx;
+			font-size: 28rpx;
+			font-weight: 500;
+			color: #111111;
+			line-height: 44rpx;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+
+			.nv {
+				flex-grow: 1;
+				width: 590rpx;
+			}
+
+			.status {
+				width: 100rpx;
+				text-align: right;
+				color: #75BE00;
+			}
+		}
+
+		.myclient_list_content {
+			.subtitle {
+				height: 44rpx;
+				margin: 20rpx 0;
+				font-size: 28rpx;
+				font-weight: 400;
+				color: #666666;
+				line-height: 44rpx;
+			}
+
+			image {
+				width: 24rpx;
+				height: 24rpx;
+				margin-right: 20rpx;
+			}
+
+			.phone {
+				margin-bottom: 15rpx;
+				height: 44rpx;
+				font-size: 24rpx;
+				font-weight: 400;
+				color: #999999;
+				line-height: 44rpx;
+			}
+
+			.time {
+				height: 44rpx;
+				font-size: 24rpx;
+				font-weight: 400;
+				color: #999999;
+				line-height: 44rpx;
+			}
+		}
+	}
+
+	.all-products-body {
+		background: white;
+
+		.all-products-item {
+			display: flex;
+			margin-bottom: 20rpx;
+
+			image {
+				width: 128rpx;
+				height: 128rpx;
+				margin-right: 20rpx;
+				border: 2rpx solid #FFFFFF;
+			}
+
+			.all-products-item-content {
+				flex-grow: 1;
+				display: flex;
+				flex-direction: column;
+
+
+				.all-products-item-content-t {
+					flex: 1;
+					font-size: 24rpx;
+					font-weight: 400;
+					color: #333333;
+					line-height: 40rpx;
+				}
+
+				.all-products-item-content-b {
+					flex: 1;
+					font-size: 28rpx;
+					font-weight: 500;
+					line-height: 80rpx;
+					display: flex;
+					justify-content: space-between;
+
+					.red {
+						display: block;
+						font-size: 28rpx;
+						font-weight: 500;
+						color: #999999 !important;
+						margin-right: 10rpx;
+					}
+
+					.line-thr {
+						display: block;
+						font-size: 28rpx;
+						font-weight: 400;
+						color: #999999;
+						text-decoration: line-through;
+					}
+
+					.count {
+						font-size: 24rpx;
+						font-weight: 400;
+						color: #999999;
+						margin-right: 30rpx;
+					}
+				}
+			}
+		}
+	}
+
+
+	.a-t {
+		padding: 0 30rpx;
+		display: flex;
+		justify-content: space-between;
+		height: 44rpx;
+		margin-bottom: 20rpx;
+
+	}
+
+	.a-m {
+		padding: 0 30rpx;
+
+		.am1 {
+			display: flex;
+			justify-content: space-between;
+			margin-bottom: 20rpx;
+
+			.am1-1 {
+				height: 40rpx;
+				font-size: 28rpx;
+				font-weight: 400;
+				color: #111111;
+				line-height: 40rpx;
+
+			}
+
+			.am1-2 {
+				height: 36rpx;
+				font-size: 20rpx;
+				font-weight: 400;
+				color: #666666;
+				line-height: 36rpx;
+
+				image {
+					margin-left: 30rpx;
+					vertical-align: middle;
+					height: 34rpx;
+					width: 34rpx;
+				}
+			}
+		}
+
+		.am2 {
+			margin-bottom: 20rpx;
+			height: 34rpx;
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #999999;
+			line-height: 34rpx;
+		}
+
+
+	}
+
+	.a-b {
+		padding: 0 30rpx;
+		width: 100%;
+		background: #FFF7F8;
+		border: 1px solid dashed #333333;
+		height: 60rpx;
+		line-height: 60rpx;
+		display: flex;
+		justify-content: space-between;
+
+		.a-b1 {
+			font-size: 20rpx;
+			font-weight: 400;
+			color: #666666;
+
+			.red {
+				font-size: 20rpx;
+				font-weight: 500;
+				color: #B22338;
+			}
+		}
+
+		.a-b2 {
+			image {
+				vertical-align: middle;
+				margin-right: 30rpx;
+				margin-left: 30rpx;
+				height: 34rpx;
+				width: 34rpx;
+			}
+		}
+	}
+
+	.self-pickup-point {
+		background: #FFF7F8;
+		margin: 0 30rpx;
+	}
+
+	.op-area {
+		margin-top: 20rpx;
+		height: 64rpx;
+		display: flex;
+		justify-content: flex-end;
+		line-height: 64rpx;
+		text-align: right;
+
+		.action-btn {
+			min-width: 200rpx;
+			background: #FFF7F8;
+			border-radius: 32rpx;
+			border: 2rpx solid #B22338;
+			margin-right: 30rpx;
+			height: 64rpx;
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #B22338;
+			line-height: 64rpx;
+		}
+
+		.info-btn {
+			width: 200rpx;
+			background: #F5F5F5;
+			border-radius: 32rpx;
+			margin-right: 30rpx;
+			height: 64rpx;
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #666666;
+			line-height: 64rpx;
+		}
+	}
+
+	.Ended {
+		color: #666666 !important;
+	}
+
+	.Refused {
+		color: #B42A3E !important;
+	}
+	.success {
+		color: #75BE00 !important;
+	}
+
+	.publish {
+		position: fixed;
+		bottom: 0;
+		height: 100rpx;
+		width: 100%;
+		background: #F9F9F9;
+
+		button {
+			width: 90%;
+			height: 84rpx;
+			background: #B42A3E;
+			border-radius: 8rpx;
+			position: relative;
+			top: 0;
+			margin: auto;
+			font-size: 28rpx;
+			font-weight: 400;
+			color: #FFFFFF;
+			line-height: 84rpx;
+		}
+	}
+</style>

components/normalMsg/normalMsg.vue

@@ -15,7 +15,7 @@
 				<view class="time">
 					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
 					<text>
-						绑定时间:{{item.createTime}}
+						时间:{{item.createTime}}
 					</text>
 				</view>
 			</view>

components/sysMsg/sysMsg.vue

@@ -14,7 +14,7 @@
 				<view class="time">
 					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
 					<text>
-						绑定时间:{{item.releaseTime}}
+						时间:{{item.releaseTime}}
 					</text>
 				</view>
 			</view>

pages/groupbuying/arrival_verification_list/index.vue

@@ -3,196 +3,29 @@
 		<view class="my-order">
 			<view class="header-group">
 				<view class="tabs index_tabs">
-					<u-tabs  :is-scroll="true" :list="navigationList" @change="statusClick()" lineColor="#B22338"
-						:inactiveStyle="{ color: '#999999' }" :activeStyle="{ color: '#B22338', fontWeight: 'bold' }" 
+					<u-tabs  :is-scroll="true" :list="navigationList" @change="statusClick()" lineColor="#B22338" :current="tabIndex"
+						:inactiveStyle="{ color: '#999999' }" :activeStyle="{ color: '#B22338', fontWeight: 'bold' }"
 						keyName="title"></u-tabs>
 				</view>
-			</view>
-			<view class="list" @click="goOrderDetails()">
-				<view class="myclient_list">
-					<view class="myclient_list_name">
-						<view class="nl">
-							重磅集合！花王系列、宝洁洗衣液等好物全重磅集合！
-						</view>
-						<view class="status">
-							发布中
-						</view>
-					</view>
-					<view class="myclient_list_content">
-						<view class="phone">
-							<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/日期@2x.png" />
-							<text>
-								团购日期:04/26 10:15 至 04/26
-							</text>
-						</view>
-						<view class="time">
-							<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
-							<text>
-								履约编号:02023042616510560470
-							</text>
-						</view>
-					</view>
-				</view>
-				<view class="all-products-body">
-					<view class="all-products-item" @click="addGoodPopupShow = true">
-						<image
-							src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/38e693de009644aa9de2dc6d6f7e747a_mergeImage.png"
-							mode="scaleToFill" />
-
-						<view class="all-products-item-content">
-							<view class="all-products-item-content-t">
-								宫中秘策（GOONGBE）进口儿童韩国进口儿童防晒霜80g
-							</view>
-							<view class="all-products-item-content-b">
-								<view style="display:flex;">
-									<text class="red"> 共2件</text>
-								</view>
-
-							</view>
-						</view>
-					</view>
-					<view class="all-products-item" @click="addGoodPopupShow = true">
-						<image
-							src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/38e693de009644aa9de2dc6d6f7e747a_mergeImage.png"
-							mode="scaleToFill" />
-
-						<view class="all-products-item-content">
-							<view class="all-products-item-content-t">
-								宫中秘策（GOONGBE）进口儿童韩国进口儿童防晒霜80g
-							</view>
-							<view class="all-products-item-content-b">
-								<view style="display:flex;">
-									<text class="red"> 共2件</text>
-								</view>
-
-							</view>
-						</view>
-					</view>
-	
 
+				<view :style="{ height: height }" >
+					<swiper :style="{ height: height }" :current="tabIndex" @change="swiperChange">
+						<swiper-item v-for="(tab,index) in navigationList" :key="index">
+							<mescroll-item ref="MescrollItem"  :i="tabIndex" :index="tabIndex" :tabs="navigationList" :height="height">
+							</mescroll-item>
+						</swiper-item>
+					</swiper>
 				</view>
 
-				<view class="self-pickup-point">
 
-					<view class="a-b">
-						<view class="a-b1">
-							自提点:
-							<text class="red">
-								上海市浦东新区秀浦路29号三层303室
-							</text>
-						</view>
-						<view class="a-b2">
-
-						</view>
-					</view>
-				</view>
-				<view class="op-area">
-					<button class="action-btn" @click="goPay()">确认核销</button>
-				</view>
 			</view>
-			<view class="list" @click="goOrderDetails()">
-				<view class="myclient_list">
-					<view class="myclient_list_name">
-						<view class="nl">
-							重磅集合！花王系列、宝洁洗衣液等好物全重磅集合！
-						</view>
-						<view class="status success">
-							已发货
-						</view>
-					</view>
-					<view class="myclient_list_content">
-						<view class="phone">
-							<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/日期@2x.png" />
-							<text>
-								团购日期:04/26 10:15 至 04/26
-							</text>
-						</view>
-						<view class="time">
-							<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
-							<text>
-								履约编号:02023042616510560470
-							</text>
-						</view>
-					</view>
-				</view>
-				<view class="all-products-body">
-					<view class="all-products-item" @click="addGoodPopupShow = true">
-						<image
-							src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/38e693de009644aa9de2dc6d6f7e747a_mergeImage.png"
-							mode="scaleToFill" />
-
-						<view class="all-products-item-content">
-							<view class="all-products-item-content-t">
-								宫中秘策（GOONGBE）进口儿童韩国进口儿童防晒霜80g
-							</view>
-							<view class="all-products-item-content-b">
-								<view style="display:flex;">
-									<text class="red"> 共2件</text>
-								</view>
-
-							</view>
-						</view>
-					</view>
-					<view class="all-products-item" @click="addGoodPopupShow = true">
-						<image
-							src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/38e693de009644aa9de2dc6d6f7e747a_mergeImage.png"
-							mode="scaleToFill" />
-
-						<view class="all-products-item-content">
-							<view class="all-products-item-content-t">
-								宫中秘策（GOONGBE）进口儿童韩国进口儿童防晒霜80g
-							</view>
-							<view class="all-products-item-content-b">
-								<view style="display:flex;">
-									<text class="red"> 共2件</text>
-								</view>
-
-							</view>
-						</view>
-					</view>
-	
 
-				</view>
-
-				<view class="self-pickup-point">
-
-					<view class="a-b">
-						<view class="a-b1">
-							自提点:
-							<text class="red">
-								上海市浦东新区秀浦路29号三层303室
-							</text>
-						</view>
-						<view class="a-b2">
-
-						</view>
-					</view>
-				</view>
-				<view class="op-area">
-				</view>
-			</view>
-
-
-			<view class="loadingicon acea-row row-center-wrapper" v-if="orderList.length > 0">
-				<text class="loading iconfont icon-jiazai" :hidden="loading == false"></text>
-				{{ loadTitle }}
-			</view>
-			<view v-if="orderList.length == 0">
-				<emptyPage v-if="!loading" :title="$t(`暂无订单`)"></emptyPage>
-				<view class="loadingicon acea-row row-center-wrapper">
-					<text class="loading iconfont icon-jiazai" :hidden="loading == false"></text>
-				</view>
-			</view>
 		</view>
-		<!-- #ifndef MP -->
-		<home></home>
-		<!-- #endif -->
-		<payment :payMode="payMode" :pay_close="pay_close" @onChangeFun="onChangeFun" :order_id="pay_order_id"
-			:totalPrice="totalPrice"></payment>
 	</view>
 </template>
 
 <script>
+	import MescrollItem from "./module/mescrollUni-item.vue";
 import {
 	getUserOrderPage,
 	postUserOrderCancel,
@@ -226,6 +59,7 @@ import emptyPage from '@/components/emptyPage.vue';
 import colors from '@/mixins/color.js';
 export default {
 	components: {
+		MescrollItem,
 		payment,
 		home,
 		emptyPage,
@@ -236,11 +70,13 @@ export default {
 	mixins: [colors],
 	data () {
 		return {
+			tabIndex:0,
+			height:'',
 			navigationList: [{
 				title: '全部',
 				id: 0
 			}
-			, 
+			,
 			{
 				title: '待发货',
 				id: 1
@@ -301,6 +137,10 @@ export default {
 	},
 	computed: mapGetters(['isLogin']),
 	onShow () {
+		let sysInfo = uni.getSystemInfoSync()
+		this.height= sysInfo.windowHeight -(sysInfo.screenWidth/750) * (100) +'px';
+		console.log(this.height)
+
 		if (this.isLogin) {
 			this.page = 1;
 			this.orderList = []
@@ -532,13 +372,11 @@ export default {
 		/**
 		 * 切换类型
 		 */
-		statusClick: function (status) {
-			if (status == this.orderStatus) return;
-			this.orderStatus = status;
-			this.loadend = false;
-			this.page = 1;
-			this.$set(this, 'orderList', []);
-			this.getOrderList();
+		statusClick: function (e) {
+			this.tabIndex = e.index
+		},
+		swiperChange(e) {
+			this.tabIndex = e.detail.current
 		},
 		/**
 		 * 获取订单列表
@@ -615,6 +453,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
+	.bord{
+		border: 1px solid red;
+	}
 .my-order .nav {
 	background-color: #F9F9F9;
 	width: 100%;

pages/groupbuying/arrival_verification_list/module/mescrollUni-item.vue

@@ -0,0 +1,119 @@
+<template>
+	<!--
+    swiper中的transfrom会使fixed失效,此时用height固定高度;
+    swiper中无法触发mescroll-mixins.js的onPageScroll和onReachBottom方法,只能用mescroll-uni,不能用mescroll-body
+    -->
+	<!-- ref动态生成: 字节跳动小程序编辑器不支持一个页面存在相同的ref (如不考虑字节跳动小程序可固定值为 ref="mescrollRef") -->
+	<!-- top的高度等于悬浮菜单tabs的高度 -->
+	<mescroll-uni :ref="'mescrollRef' + i" @init="mescrollInit" :height="height" :down="downOption" @down="downCallback"
+		:up="upOption" @up="upCallback" @emptyclick="emptyClick">
+		<!-- 数据列表 -->
+		<cancelVerificationList :list="list" @downCallback="downCallback"></cancelVerificationList>
+	</mescroll-uni>
+</template>
+
+<script>
+	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+	import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js";
+	import cancelVerificationList from '@/components/cancelVerificationList/cancelVerificationList.vue'
+	import { appointList} from '@/api/groupon.js'
+	export default {
+		mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
+		components: {
+			cancelVerificationList
+		},
+
+		data() {
+			return {
+				downOption: {
+					auto: true // 不自动加载 (mixin已处理第一个tab触发downCallback)
+				},
+				upOption: {
+					auto: true, // 不自动加载
+					// page: {
+					// 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
+					// 	size: 10 // 每页数据的数量
+					// },
+					noMoreSize: 3, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
+					empty: {
+						icon: '/static/images/empty.png',
+						tip: '暂无内容', // 提示
+						// btnText: '去看看'
+					},
+					textNoMore: '没有更多了'
+				},
+				list: [],
+			}
+		},
+		props: {
+			i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+			index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+				type: Number,
+				default () {
+					return 0
+				}
+			},
+
+			tabs: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			height: [Number, String], // mescroll的高度
+
+		},
+		watch:{
+			index(newVal,oldVal){
+				// this.downCallback();
+			}
+		},
+
+		methods: {
+
+			/*下拉刷新的回调 */
+			downCallback() {
+				// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
+				// loadSwiper();
+				// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
+				this.mescroll.resetUpScroll()
+			},
+			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+			upCallback(page) {
+				//联网加载数据
+				let httpData = {
+					type: this.index,
+					current: page.num,
+					size: 10,
+				}
+				appointList(httpData).then((res) => {
+
+					console.log(res)
+						//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+						this.mescroll.endSuccess(res.data.length,res.data.length === 10);
+						//设置列表数据
+						if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
+						if (res.data.length > 0){
+							this.list = this.list.concat(res.data); //追加新数据
+						}
+						console.log("+++++++++++++++++++++",this.list)
+					}).catch((err) => {
+						//联网失败, 结束加载
+						this.mescroll.endErr();
+					})
+
+			},
+			//点击空布局按钮的回调
+			emptyClick() {
+				uni.showToast({
+					title: '点击了按钮,具体逻辑自行实现'
+				})
+			},
+			// 搜索
+			doSearch() {
+				this.list = []; // 先清空列表,显示加载进度
+				this.mescroll.resetUpScroll();
+			},
+		}
+	}
+</script>