<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 flex-d">
					<view class="flex-a mb-12">
						<text class="font-13 mr-10">开始时间:</text>
						<uni-datetime-picker type="datetime" v-model="form.startTime" />
					</view>
					<view class="flex-a">
						<text class="font-13 mr-10">结束时间:</text>
						<uni-datetime-picker type="datetime" v-model="form.endTime" />
						<u-button type="primary" custom-style="width:160rpx;height:72rpx;margin-left:10px">查询</u-button>
					</view>
					<u-divider></u-divider>
					<view class="flex-a">
						<view class="text-item flex-1">审核日期</view>
						<view class="text-item flex-1">订单数量</view>
						<view class="text-item flex-1">审书数量</view>
						<view class="text-item flex-1">实际回收</view>
					</view>
				</view>
			</u-sticky>
			<view class="list-con">
				<view v-for="(item,index) in dataList" :key="index" class="flex-a">
					<view class="text-item flex-1">{{item.date}}</view>
					<view class="text-item flex-1">{{item.orderNum}}</view>
					<view class="text-item flex-1">{{item.auditNum}}</view>
					<view class="text-item flex-1">{{item.trueNum}}</view>
				</view>
			</view>
		</PageScroll>
	</view>
</template>

<script setup>
	import {
		reactive
	} from 'vue';
	import PageScroll from '@/components/pageScroll/index.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([{
		date: '2024-10-24',
		orderNum: 423,
		auditNum: 293,
		trueNum: 323
	}, {
		date: '2024-10-24',
		orderNum: 423,
		auditNum: 293,
		trueNum: 323
	}, {
		date: '2024-10-24',
		orderNum: 423,
		auditNum: 293,
		trueNum: 323
	}])
	const updateList = (data) => {
		dataList.value = data
	}

	const form = reactive({
		startTime: "",
		endTime: ''
	})
</script>
<style lang="scss">
	.search-area {
		padding: 24rpx;
		background-color: #ffffff;
		z-index: 9;
	}
</style>