<template>
  <a-row>
    <a-col :span="8">
      <a-statistic title="商户总数" :value="data.mchAllCount" style="margin-right: 50px" />
    </a-col>
    <a-col :span="8">
      <a-statistic title="新增商户数" :value="data.mchTodayAddCount" />
    </a-col>
    <a-col :span="8">
      <a-statistic title="商户交易总额" :precision="2" :value="(data.payAllAmount/100).toFixed(2)" />
    </a-col>
  </a-row>
  <a-row style="margin-top: 30px;">
    <a-col :span="8">
      <a-statistic title="入网商户总数" :value="data.mchOnNetCount" style="margin-right: 50px" />
    </a-col>
    <a-col :span="8">
      <a-statistic title="新增入网商户数" :value="data.mchOnNetNewCount" />
    </a-col>
    <a-col :span="8">
      <a-statistic title="商户交易额" :precision="2" :value="(data.payAmount/100).toFixed(2)" />
    </a-col>
  </a-row>
</template>

<script lang="ts" setup>
import { defineProps, reactive } from 'vue'

    const props = defineProps({
      data: { type: Object, default:null }
  })
</script>
