mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-06-08 17:20:38 +08:00
116 lines
2.4 KiB
Vue
116 lines
2.4 KiB
Vue
<script setup lang="ts">
|
|
import AnalyticsAward from '@/views/dashboard/AnalyticsAward.vue';
|
|
import AnalyticsBarCharts from '@/views/dashboard/AnalyticsBarCharts.vue';
|
|
import AnalyticsDepositWithdraw from '@/views/dashboard/AnalyticsDepositWithdraw.vue';
|
|
import AnalyticsSalesByCountries from '@/views/dashboard/AnalyticsSalesByCountries.vue';
|
|
import AnalyticsTotalEarning from '@/views/dashboard/AnalyticsTotalEarning.vue';
|
|
import AnalyticsTotalProfitLineCharts from '@/views/dashboard/AnalyticsTotalProfitLineCharts.vue';
|
|
import AnalyticsTransactions from '@/views/dashboard/AnalyticsTransactions.vue';
|
|
import AnalyticsUserTable from '@/views/dashboard/AnalyticsUserTable.vue';
|
|
import AnalyticsWeeklyOverview from '@/views/dashboard/AnalyticsWeeklyOverview.vue';
|
|
import CardStatisticsVertical from '@core/components/cards/CardStatisticsVertical.vue';
|
|
|
|
const totalProfit = {
|
|
title: 'Total Profit',
|
|
color: 'secondary',
|
|
icon: 'mdi-poll',
|
|
stats: '$25.6k',
|
|
change: 42,
|
|
subtitle: 'Weekly Project',
|
|
}
|
|
|
|
const newProject = {
|
|
title: 'New Project',
|
|
color: 'primary',
|
|
icon: 'mdi-briefcase-variant-outline',
|
|
stats: '862',
|
|
change: -18,
|
|
subtitle: 'Yearly Project',
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<VRow class="match-height">
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<AnalyticsAward />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="8"
|
|
>
|
|
<AnalyticsTransactions />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<AnalyticsWeeklyOverview />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<AnalyticsTotalEarning />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<VRow class="match-height">
|
|
<VCol
|
|
cols="12"
|
|
sm="6"
|
|
>
|
|
<AnalyticsTotalProfitLineCharts />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
sm="6"
|
|
>
|
|
<CardStatisticsVertical v-bind="totalProfit" />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
sm="6"
|
|
>
|
|
<CardStatisticsVertical v-bind="newProject" />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
sm="6"
|
|
>
|
|
<AnalyticsBarCharts />
|
|
</VCol>
|
|
</VRow>
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<AnalyticsSalesByCountries />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="8"
|
|
>
|
|
<AnalyticsDepositWithdraw />
|
|
</VCol>
|
|
|
|
<VCol cols="12">
|
|
<AnalyticsUserTable />
|
|
</VCol>
|
|
</VRow>
|
|
</template>
|