diff --git a/frontend/admin/src/components/TopLead.vue b/frontend/admin/src/components/TopLead.vue index 62ba02e..3838dc3 100644 --- a/frontend/admin/src/components/TopLead.vue +++ b/frontend/admin/src/components/TopLead.vue @@ -17,28 +17,41 @@
- Количество заказов + + Количество заказов +
+ class="tw:text-surface-700 tw:dark:text-surface-100 tw:mt-1 tw:text-sm tw:font-semibold" + > {{ stats.items.orders_count ?? '-' }}
- Общая сумма + Общая сумма
- {{ stats.items.orders_total_amount ?? '-' }} + {{ rub(stats.items.orders_total_amount ?? 0) }}
- Уникальные товары + Кол-во посетителей
- {{ stats.items.order_products_count ?? '-' }} + {{ stats.items.customers_count ?? 0 }}
- Статус магазина + Статус магазина
@@ -102,6 +115,7 @@ import OcImagePicker from "@/components/OcImagePicker.vue"; import {apiGet} from "@/utils/http.js"; import ResetCacheBtn from "@/components/Form/ResetCacheBtn.vue"; import {Button, ButtonGroup} from "primevue"; +import {rub} from "@/utils/helpers.js"; const settings = useSettingsStore(); const stats = useStatsStore(); diff --git a/frontend/admin/src/stores/stats.js b/frontend/admin/src/stores/stats.js index 2afac9a..16f361b 100644 --- a/frontend/admin/src/stores/stats.js +++ b/frontend/admin/src/stores/stats.js @@ -6,7 +6,7 @@ export const useStatsStore = defineStore('stats', { items: { orders_count: null, orders_total_amount: null, - order_products_count: null, + customers_count: null, } }), @@ -15,7 +15,7 @@ export const useStatsStore = defineStore('stats', { const response = await apiPost('getDashboardStats'); this.items.orders_count = response.data?.data?.orders_count; this.items.orders_total_amount = response.data?.data?.orders_total_amount; - this.items.order_products_count = response.data?.data?.order_products_count; + this.items.customers_count = response.data?.data?.customers_count; } }, diff --git a/frontend/admin/src/utils/helpers.js b/frontend/admin/src/utils/helpers.js index 338adc0..1aea486 100644 --- a/frontend/admin/src/utils/helpers.js +++ b/frontend/admin/src/utils/helpers.js @@ -5,3 +5,11 @@ export function getThumb(imageUrl) { const filename = imageUrl.substring(0, extIndex); return `/image/cache/${filename}-100x100${ext}`; } + +export function rub(value) { + return new Intl.NumberFormat('ru-RU', { + style: 'currency', + currency: 'RUB', + maximumFractionDigits: 0 + }).format(value); +} diff --git a/frontend/admin/src/views/CustomersView.vue b/frontend/admin/src/views/CustomersView.vue index 14a992d..13215ea 100644 --- a/frontend/admin/src/views/CustomersView.vue +++ b/frontend/admin/src/views/CustomersView.vue @@ -140,6 +140,9 @@ + -