index.pug 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. div(class="admin-dashboard")
  2. h1 Дашборд
  3. div(class="dashboard-stats")
  4. div(class="stat-card")
  5. div(class="stat-card__icon") 🛍️
  6. div(class="stat-card__content")
  7. div(class="stat-card__value") {{ stats.products }}
  8. div(class="stat-card__label") Товаров
  9. div(class="stat-card")
  10. div(class="stat-card__icon") 📂
  11. div(class="stat-card__content")
  12. div(class="stat-card__value") {{ stats.categories }}
  13. div(class="stat-card__label") Категорий
  14. div(class="stat-card")
  15. div(class="stat-card__icon") 📦
  16. div(class="stat-card__content")
  17. div(class="stat-card__value") {{ stats.orders }}
  18. div(class="stat-card__label") Заказов
  19. div(class="stat-card")
  20. div(class="stat-card__icon") 👥
  21. div(class="stat-card__content")
  22. div(class="stat-card__value") {{ stats.users }}
  23. div(class="stat-card__label") Пользователей
  24. div(class="dashboard-actions")
  25. h2 Быстрые действия
  26. div(class="action-grid")
  27. router-link(to="/admin/products" class="action-card")
  28. div(class="action-card__icon") ➕
  29. div(class="action-card__text") Добавить товар
  30. router-link(to="/admin/import" class="action-card")
  31. div(class="action-card__icon") 📥
  32. div(class="action-card__text") Импорт товаров
  33. router-link(to="/admin/categories" class="action-card")
  34. div(class="action-card__icon") 📂
  35. div(class="action-card__text") Управление категориями
  36. router-link(to="/admin/media" class="action-card")
  37. div(class="action-card__icon") 🖼️
  38. div(class="action-card__text") Медиа-менеджер
  39. div(class="dashboard-activity")
  40. h2 Последняя активность
  41. div(v-if="loading" class="activity-loading") Загрузка...
  42. div(v-else class="activity-list")
  43. div(
  44. v-for="(activity, index) in recentActivity"
  45. :key="index"
  46. class="activity-item"
  47. )
  48. span(class="activity-icon") {{ activity.type === 'product' ? '🛍️' : activity.type === 'order' ? '📦' : '👤' }}
  49. div(class="activity-content")
  50. strong {{ activity.name }}
  51. span {{ activity.action }}
  52. span(class="activity-time") {{ activity.time }}