crm-app-vue3/pages/index/personage/index.vue

<template>
	<view>
		<working-achievement :list="clueStateList" type="2" ref="workingAchievementRef"></working-achievement>
		<briefReport ref="teamReport" type="2"></briefReport>
	</view>
</template>

<script>
	import workingAchievement from "../components/workingAchievement/index.vue";
	import briefReport from "../components/briefReport/index.vue";
	import dayjs from "dayjs";
	import { cloneDeep } from "lodash";
	export default {
		components : {
			workingAchievement,
			briefReport
		},
		data() {
			return {
				sumStatData: {
					statCost: "-",
					attributionConvertCnt: "-",
					conversionCost: "-",
					tboCost: "-",
					tboCnt: "-",
					tboRate: "-",
					invalidCnt: "-",
					invalidRate: "-"
				},
				clueStateList : [],
			}
		},
		methods: {
			async teamReportInit(){
				this.$refs.teamReport.handleInit();
			},
			refresh(){
				this.$refs.workingAchievementRef.dateSelectChange({type : "2"});
				this.$refs.teamReport.dateSelectChange({type : "2"});
			}
		},
		mounted() {
		}
	}
</script>

<style scoped lang="scss">
	.main_warp {
		.promotion_stats_wrap {
			display: flex;
			flex-wrap: wrap;

			.promotion_stats {
				box-sizing: border-box;
				width: 33%;
				text-align: left;
				padding: 20rpx;

				.stats_label {
					font-size: 26rpx;
					color: #666666;
				}

				.stats_value {
					font-size: 30rpx;
					font-weight: bold;
				}
			}
		}
	}
</style>