<template>
	<a-card title="费用管理">
		<a-row>
			<a-col :span="6">
				<a-statistic title="总点数" :value="feeDetail.total_fee" style="margin-right: 50px" />
			</a-col>
			<a-col :span="6">
				<a-statistic title="剩余点数" :value="feeDetail.balance_fee" />
			</a-col>
			<a-col :span="6">
				<a-statistic title="开通日期" :value="feeDetail.start_date" />
			</a-col>
			<a-col :span="6">
				<a-statistic title="有效期限" :value="feeDetail.end_date" />
			</a-col>
		</a-row>
	</a-card>


</template>

<script setup lang="ts">
	import { ref, onMounted, computed, watch, defineEmits, defineProps } from 'vue';
	import { GetCompanyFee } from '@/apis/models';
	let feeDetail = ref<Object>({})
	onMounted(() => {
		GetCompanyFee().then(res => {
			feeDetail.value = res.data
		})
	})
</script>

<style>
</style>