132 lines
2.7 KiB
Vue
132 lines
2.7 KiB
Vue
<script setup>
|
|
import AnalyticsAward from '@/views/dashboards/analytics/AnalyticsAward.vue'
|
|
import AnalyticsDepositWithdraw from '@/views/dashboards/analytics/AnalyticsDepositWithdraw.vue'
|
|
import AnalyticsPerformance from '@/views/dashboards/analytics/AnalyticsPerformance.vue'
|
|
import AnalyticsSalesByCountries from '@/views/dashboards/analytics/AnalyticsSalesByCountries.vue'
|
|
import AnalyticsSessionBarCharts from '@/views/dashboards/analytics/AnalyticsSessionsBarCharts.vue'
|
|
import AnalyticsTotalEarning from '@/views/dashboards/analytics/AnalyticsTotalEarning.vue'
|
|
import AnalyticsTotalProfit from '@/views/dashboards/analytics/AnalyticsTotalProfit.vue'
|
|
import AnalyticsTransactions from '@/views/dashboards/analytics/AnalyticsTransactions.vue'
|
|
import AnalyticsUserTable from '@/views/dashboards/analytics/AnalyticsUserTable.vue'
|
|
import AnalyticsWeeklyOverview from '@/views/dashboards/analytics/AnalyticsWeeklyOverview.vue'
|
|
|
|
const totalProfit = {
|
|
title: 'Total Profit',
|
|
color: 'secondary',
|
|
icon: 'ri-pie-chart-2-line',
|
|
stats: '$25.6k',
|
|
change: 42,
|
|
subtitle: 'Weekly Project',
|
|
}
|
|
|
|
const newProject = {
|
|
title: 'New Project',
|
|
color: 'primary',
|
|
icon: 'ri-file-word-2-line',
|
|
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"
|
|
sm="6"
|
|
>
|
|
<AnalyticsWeeklyOverview />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
sm="6"
|
|
>
|
|
<AnalyticsTotalEarning />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<VRow class="match-height">
|
|
<VCol
|
|
cols="12"
|
|
sm="6"
|
|
>
|
|
<AnalyticsTotalProfit />
|
|
</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"
|
|
>
|
|
<AnalyticsSessionBarCharts />
|
|
</VCol>
|
|
</VRow>
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<AnalyticsPerformance />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="8"
|
|
>
|
|
<AnalyticsDepositWithdraw />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="4"
|
|
>
|
|
<AnalyticsSalesByCountries />
|
|
</VCol>
|
|
|
|
<VCol
|
|
cols="12"
|
|
md="8"
|
|
>
|
|
<AnalyticsUserTable />
|
|
</VCol>
|
|
</VRow>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
@use "@core-scss/template/libs/apex-chart.scss";
|
|
</style>
|