<template>
<el-row :gutter="10">
	<el-col :span="4">
		<el-card shadow="hover" header="今日数量">
			<sc-statistic :value="count.today" groupSeparator></sc-statistic>
		</el-card>
	</el-col>
	<el-col :span="4">
		<el-card shadow="hover" header="昨日数量">
			<sc-statistic :value="count.yesterday" groupSeparator></sc-statistic>
		</el-card>
	</el-col>
	<el-col :span="4">
		<el-card shadow="hover" header="本周数量">
			<sc-statistic :value="count.week" groupSeparator></sc-statistic>
		</el-card>
	</el-col>
	<el-col :span="4">
		<el-card shadow="hover" header="上周数量">
			<sc-statistic :value="count.last_week" groupSeparator></sc-statistic>
		</el-card>
	</el-col>
	<el-col :span="4">
		<el-card shadow="hover" header="今年数量">
			<sc-statistic :value="count.year" groupSeparator></sc-statistic>
		</el-card>
	</el-col>
	<el-col :span="4">
		<el-card shadow="hover" header="总数量">
			<sc-statistic :value="count.all" groupSeparator></sc-statistic>
		</el-card>
	</el-col>
</el-row>
</template>

<script>
import scStatistic from '@/components/scStatistic';

export default {
	title: "短信统计",
	icon: "el-icon-present",
	description: "短信统计",
	data() {
		return {
			count: {}
		}
	},
	components: {
		scStatistic
	},
	mounted() {
		// this.getSmsCount()
	},
	methods: {
		async getSmsCount(){
			let res = await this.$API.system.sms.count.get()
			if(res.code == 1){
				this.count = res.data
			}
		}
	}
}
</script>
