poptong/music-admin
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
yagnikvamja
2024-07-08 17:16:10 +05:30
parent 4fa50c088f
commit d098e5341d
496 changed files with 47210 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
typescript-version/pages/dashboard.vue Normal file
View File

@@ -0,0 +1,153 @@
<script setup lang="ts">
import AnalyticsCongratulations from '@/views/dashboard/AnalyticsCongratulations.vue'
import AnalyticsFinanceTabs from '@/views/dashboard/AnalyticsFinanceTab.vue'
import AnalyticsOrderStatistics from '@/views/dashboard/AnalyticsOrderStatistics.vue'
import AnalyticsProfitReport from '@/views/dashboard/AnalyticsProfitReport.vue'
import AnalyticsTotalRevenue from '@/views/dashboard/AnalyticsTotalRevenue.vue'
import AnalyticsTransactions from '@/views/dashboard/AnalyticsTransactions.vue'
// 👉 Images
import chart from '@images/cards/chart-success.png'
import card from '@images/cards/credit-card-primary.png'
import paypal from '@images/cards/paypal-error.png'
import wallet from '@images/cards/wallet-info.png'
</script>
<template>
<VRow>
<!-- 👉 Congratulations -->
<VCol
cols="12"
md="8"
>
<AnalyticsCongratulations />
</VCol>
<VCol
cols="12"
sm="4"
>
<VRow>
<!-- 👉 Profit -->
<VCol
cols="12"
md="6"
>
<CardStatisticsVertical
v-bind="{
title: 'Profit',
image: chart,
stats: '$12,628',
change: 72.80,
}"
/>
</VCol>
<!-- 👉 Sales -->
<VCol
cols="12"
md="6"
>
<CardStatisticsVertical
v-bind="{
title: 'Sales',
image: wallet,
stats: '$4,679',
change: 28.42,
}"
/>
</VCol>
</VRow>
</VCol>
<!-- 👉 Total Revenue -->
<VCol
cols="12"
md="8"
order="2"
order-md="1"
>
<AnalyticsTotalRevenue />
</VCol>
<VCol
cols="12"
sm="8"
md="4"
order="1"
order-md="2"
>
<VRow>
<!-- 👉 Payments -->
<VCol
cols="12"
sm="6"
>
<CardStatisticsVertical
v-bind=" {
title: 'Payments',
image: paypal,
stats: '$2,468',
change: -14.82,
}"
/>
</VCol>
<!-- 👉 Revenue -->
<VCol
cols="12"
sm="6"
>
<CardStatisticsVertical
v-bind="{
title: 'Transactions',
image: card,
stats: '$14,857',
change: 28.14,
}"
/>
</VCol>
</VRow>
<VRow>
<!-- 👉 Profit Report -->
<VCol
cols="12"
sm="12"
>
<AnalyticsProfitReport />
</VCol>
</VRow>
</VCol>
<!-- 👉 Order Statistics -->
<VCol
cols="12"
md="4"
sm="6"
order="3"
>
<AnalyticsOrderStatistics />
</VCol>
<!-- 👉 Tabs chart -->
<VCol
cols="12"
md="4"
sm="6"
order="3"
>
<AnalyticsFinanceTabs />
</VCol>
<!-- 👉 Transactions -->
<VCol
cols="12"
md="4"
sm="6"
order="3"
>
<AnalyticsTransactions />
</VCol>
</VRow>
</template>