<template>
	<view class="common-page" style="padding: 0;">
		<PageScroll requestStr="/team/token/shop/invite/page" @updateList="updateList" ref="scrollRef"
			:otherParams="otherParams">
			<u-sticky :customNavHeight="0">
				<view class="search-area">
					<u-search placeholder="请输入发件人姓名或电话" :searchIconSize="18" bgColor="#f6f7f6" @search="refreshList"
						v-model="otherParams.sender" :clearabled="true" :focus="false" :showAction="false"
						:height="36"></u-search>
				</view>
			</u-sticky>

			<order-item style="margin-top:10px"></order-item>
			<order-item></order-item>

			<view class="list-con" v-if="dataList.length">
				<OrderItem v-for="cell in dataList" :key="cell.id" :item="cell" class="mt-20">
				</OrderItem>
			</view>
		</PageScroll>
	</view>
</template>

<script setup>
	import {
		reactive
	} from 'vue';
	import PageScroll from '@/components/pageScroll/index.vue'
	import OrderItem from '@/pages/my/components/orderItem.vue';
	import {
		ref
	} from 'vue';
	import {
		onLoad
	} from '@dcloudio/uni-app'

	const otherParams = ref({
		sender: '',
	})
	const scrollRef = ref(null)
	const refreshList = () => {
		scrollRef.value?.resetUpScroll()
	}

	let dataList = ref([])
	const updateList = (data) => {
		dataList.value = data
	}
</script>
<style lang="scss">
	.search-area {
		padding: 24rpx;
		background-color: #ffffff;
		z-index: 9;
	}
</style>