66 lines
2.4 KiB
Vue
66 lines
2.4 KiB
Vue
<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>
|