<template>
	<view class="common-page" style="padding:0">
		<PageScroll requestStr="/app/stock/godownSignStat" @updateList="updateList" ref="scrollRef">
			<u-sticky :customNavHeight="0">
				<view class="search-area flex-a">
					<view class="text-item flex-1">月份</view>
					<view class="text-item flex-1">收货单量</view>
					<view class="text-item flex-1">收货仓库</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.statDate }}</view>
					<view class="text-item flex-1">{{ item.num }}</view>
					<view class="text-item flex-1">{{ item.godownName }}</view>
				</view>
			</view>
		</PageScroll>
	</view>
</template>

<script setup>
import PageScroll from '@/components/pageScroll/index.vue'
import { ref } from 'vue';

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: 10rpx 0;
	background-color: #ffffff;
	z-index: 9;

}
.common-page{
	min-height: 100vh;
	background-color: #f5f5f5;
}
.text-item {
	text-align: center;
	font-size: 28rpx;
	line-height: 60rpx;
}

.list-con {
	padding-top: 10rpx;
	.flex-a {
		border-bottom: 1rpx solid #f5f5f5;
	}
}
</style>
