<template>
    <view class="flex flex-col h-screen">
        <w-navbarComp>
            <template #left>
                <view class="back-icon" @click="handleBack">
                    <TIcon name="icon-left" :size="30" />
                </view>
            </template>
            <template #title>
                <view class="w-4/5 flex items-center justify-center">
                    <date-picker :bindingDate="bindingDate" />
                </view>
            </template>
        </w-navbarComp>
        <view class="flex-1 overflow-auto px-[24rpx] pt-[24rpx] bg-[#F8F8F8]">
            <!-- <z-paging
                ref="paging"
                v-model="dataList"
                @query="queryList"
                :fixed="false"
                height="100%"
            > -->
            <summary-card v-for="(item, index) in cardList" :key="`unique-${index}`" :item="item" />
            <!-- </z-paging> -->
        </view>
    </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import summaryCard, { ISummaryCard } from './summary-card.vue'
import datePicker from '@/components/date-picker/date-picker.vue'
import { onLoad } from '@dcloudio/uni-app'

const cardList = ref<ISummaryCard[]>([
    {
        date: '2025-02-17 09:40',
        templateItems: [
            { formType: 1, formTitle: '今日打电话数量（包括不接、挂、空）', value: '10' },
            { formType: 1, formTitle: '今日打出多少条有效数据（可以加微信）', value: '20' },
            { formType: 1, formTitle: '家长主动加我们微信数据', value: '30' },
            { formType: 1, formTitle: '有遇到什么问题', value: '无' }
        ]
    },
    {
        date: '2025-02-17 09:40',
        templateItems: [
            { formType: 1, formTitle: '今日打电话数量（包括不接、挂、空）', value: '10' },
            { formType: 1, formTitle: '今日打出多少条有效数据（可以加微信）', value: '20' },
            { formType: 1, formTitle: '家长主动加我们微信数据', value: '30' },
            { formType: 1, formTitle: '有遇到什么问题', value: '无' }
        ]
    }
])
const handleBack = () => {
    uni.navigateBack()
}
const bindingDate = ref()
const bindingType = ref('')
onLoad(option => {
    bindingDate.value = option?.date || Date.now()
    bindingType.value = option?.type || ''
})
</script>
<style scoped></style>
