<template>
  <div class="row">

    <DashboardCard
      color_name="bg-primary"
      title="租户数"
      link_page="Tenants"
      :number="stats.total_tenants"
      />

    <DashboardCard
      color_name="bg-success"
      title="产品数"
      link_page="Products"
      :number="stats.total_products"
      />

    <DashboardCard
      color_name="bg-info"
      title="扫码次数"
      link_page="ScanData"
      :number="stats.total_scans"
      />
    
  </div>

</template>

<script>
import DashboardCard from './dashboard-card';

export default {
  name: 'AdminDashboard',
  props: ['stats'],
  components: {
    DashboardCard,
  },
  data: function () {
    return {
    };
  },
  computed: {
  },
  methods: {
  },
  mounted() {
  },
}
</script>

<style scoped>
</style>

