<template>
    <view class="common-page" style="padding: 0">
        <PageScroll
            requestStr="/app/orderStat/bookcheckStat"
            @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 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.orderNum }}</view>
                    <view class="text-item flex-1">{{
                        item.checkBookNum
                    }}</view>
                    <view class="text-item flex-1">{{
                        item.recycleBookNum
                    }}</view>
                </view>
            </view>
        </PageScroll>
    </view>
</template>

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

const scrollRef = ref(null);

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