guosen-ldt-client/pages/order/comps/item.vue

<template>
	<MeScroll  :up="up" :down="down" @up="upFn" :fixed="false" @down="downFn" @init="initMeScroll">
		<card :list="list" @timeup='timeup'></card>
	</MeScroll>
</template>
<script>
	import MeScroll from '@/components/mescroll-body/mescroll-uni.vue'
	import card from './card.vue'
	export default {
		components:{
			MeScroll,card
		},
		props: {
			type: Number,
			i: Number,
			item:Object
		},
		data() {
			return {
				isInit: false, // 是否初始化
				list: [], // 列表数据
				mescroll: null, // mescroll 对象
				// 上拉配置参数
				up: {
					noMoreSize: 5, 
					auto: false,
					page: {
						page: 0,
						size: 10
					}
				},
				// 下拉配置参数
				down: {
					use: false, 
					auto: false
				}
			}
		},
		created() {
			
		},
		watch:{
			type(val) {
				if(!this.isInit && val === this.i) {
					this.mescroll.resetUpScroll()
				}
			}
		},
		mounted() {
			if(!this.isInit && this.i === 0) {
				this.mescroll.resetUpScroll()
			}
		},
		methods: {
			timeup(item){
				let order = this.$u.deepClone(item)
				order.payStatus = '取消付款'
				order.orderStatus = '取消付款'
				this.$api.goodsbills.submit(order).then(res => {
					if (res.success) {
						this.mescroll.resetUpScroll()
					}
				})
			},
			//初始化组件
			initMeScroll(mescroll) {
				this.mescroll = mescroll
			},
			//上拉回调
			upFn(mescroll) {
				let params={
					payId:this.vuex_userId,
					current:mescroll.num,
					size:mescroll.size
				}
				if (this.item.value==0) {
					params.createTime=this.$dateTime.format()
				}
				try{
					this.$api.goodsbills.list(params).then(res=>{
						let data=res.data.records
						let length=data.length
						let total=res.data.total
						mescroll.endBySize(length, total);
						if(mescroll.num == 1) this.list = []; //如果是第一页需手动制空列表
						this.list=this.list.concat(data); //追加新数据
					})
				}catch(e){
					mescroll.endErr();
				}
			},
			//下拉回调
			downFn(mescroll) {
				setTimeout(()=>{
					this.u.toast('刷新成功')
					this.mescroll.resetUpScroll()
				},1500)
			},
		}
	}
</script>

<style lang="scss" scoped>
	view{
		box-sizing: border-box;
	}
</style>