<script setup>
import AnalyticsAward from './AnalyticsAward.vue'
import AnalyticsBarCharts from './AnalyticsBarCharts.vue'
import AnalyticsTotalProfitLineCharts from './AnalyticsTotalProfitLineCharts.vue'
import AnalyticsTransactions from './AnalyticsTransactions.vue'
import AnalyticsUserTable from './AnalyticsUserTable.vue'
import AnalyticsWeeklyOverview from './AnalyticsWeeklyOverview.vue'
import { ref } from 'vue'

const totalProfit = {
  title: 'Total Profit',
  color: 'secondary',
  icon: 'mdi-chart-pie',
  stats: '$25.6k',
  change: 42,
  subtitle: 'Weekly Project',
}

const newProject = {
  title: 'New Project',
  color: 'primary',
  icon: 'mdi-file-word',
  stats: '862',
  change: -18,
  subtitle: 'Yearly Project',
}
const breadcrumbItems = [
	{ title: "首页" },
	{ title: "首页模版"},
];

</script>

<template>
    <VtkBreadcrumb :items="breadcrumbItems" class="pt-0" :show-back="false" />
    
  <v-row class="match-height">
    <v-col
      cols="12"
      md="4"
    >
      <analytics-award />
    </v-col>

    <v-col
      cols="12"
      md="8"
    >
      <analytics-transactions />
    </v-col>

    <v-col
      cols="12"
      md="4"
    >
      <analytics-weekly-overview />
    </v-col>

    <v-col
      cols="12"
      md="4"
    >
      <AnalyticsBarCharts />
    </v-col>

    <v-col
      cols="12"
      md="4"
    >
      <analytics-total-profit-line-charts />
    </v-col>
    <v-col cols="12">
      <analytics-user-table />
    </v-col>
  </v-row>
</template>