<template>
	<view class="my-data">
		<view class="my-data-mounth">
			<cardTitle :cardTitle="nounthName"></cardTitle>
			<cardData :cardData="nounthData"></cardData>
		</view>
	</view>

	<view class="my-data">
		<view class="my-data-total">
			<cardTitle :cardTitle="totalName"></cardTitle>
			<cardData :cardData="totalData"></cardData>
		</view>
	</view>

	<view class="bottom box-size child" :style="{ borderRadius: '16rpx' }">
		<view class="form_item">
			累积数据:即注册至今的累计数据
		</view>
		<view class="line1">
		</view>
		<view class="form_item">
			当月注册用户:在本月初至今，您成功邀请绑定的新用户数量
			<p>累积注册用户:您入驻合伙人至今，成功邀请绑定的用户数量</p>
		</view>
		<view class="line1">
		</view>
		<view class="form_item">
			当月下单用户:在本月初至今，成功邀请绑定的新用户中，截止今天成功下单的用户数;
			<p>累积下单用户:您入驻合伙人至今，成功邀请绑定的新用户中，截止今日，成功下单的用户数。</p>
		</view>
		<view class="line1">
		</view>
		<view class="form_item">
			当月有效用户:本月初至今下单的用户中，截止今日，订单已完成的用户数量;
			<p>累积有效用户:您入驻合伙人至今，成功下单的新用户中，截止今日，所有订单已完成的用户数</p>
		</view>
	</view>
</template>

<script setup>
	import cardTitle from '../../components/cardTitle.vue'
	import cardData from '../../components/cardData.vue'
	import {
		ref,
		reactive
	} from "vue"
	const nounthName = ref('当月数据')
	const totalName = ref('累计数据')
	const nounthData = reactive([{
			title: '当月注册用户',
			num: "0个"
		},
		{
			title: '当月下单用户',
			num: "0个"
		},
		{
			title: '当月有效用户',
			num: "0个"
		},
	])
	const totalData = reactive([{
			title: '累计注册用户',
			num: "0个"
		},
		{
			title: '累计下单用户',
			num: "0个"
		},
		{
			title: '累计有效用户',
			num: "0个",
			color:'red'
		},
	])
</script>

<style scoped lang="scss">
	@import "../index.scss";
</style>