Просмотр исходного кода

feat(dashboard): refactor stat cards layout by removing duplicates and ensuring proper display of unit metrics

ebagabee 1 неделя назад
Родитель
Сommit
7f2a553fe0
1 измененных файлов с 21 добавлено и 21 удалено
  1. 21 21
      src/pages/dashboard/DashboardPage.vue

+ 21 - 21
src/pages/dashboard/DashboardPage.vue

@@ -79,6 +79,27 @@
     </div>
 
     <div v-if="!isLoading" class="column gap q-pa-sm">
+      <div class="stat-cards-row">
+        <DashboardStatCard
+          title="Total de Unidades"
+          icon="mdi-store-outline"
+          :value="unitsSummary.total"
+          subtitle="Unidades cadastradas"
+        />
+        <DashboardStatCard
+          title="Faturamento das Unidades"
+          icon="mdi-cash-multiple"
+          :value="formatToBRLCurrency(unitsSummary.revenue)"
+          :subtitle="revenuePeriodLabel"
+        />
+        <DashboardStatCard
+          title="Contratos das Unidades"
+          icon="mdi-file-document-check-outline"
+          :value="`${unitsSummary.active_contracts} vigentes`"
+          :subtitle="`${unitsSummary.without_active_contract} sem contrato vigente`"
+        />
+      </div>
+
       <div class="stat-cards-row">
         <DashboardStatCard
           title="Total alunos (contratos ativos)"
@@ -143,27 +164,6 @@
         />
       </div>
 
-      <div class="stat-cards-row">
-        <DashboardStatCard
-          title="Total de Unidades"
-          icon="mdi-store-outline"
-          :value="unitsSummary.total"
-          subtitle="Unidades cadastradas"
-        />
-        <DashboardStatCard
-          title="Faturamento das Unidades"
-          icon="mdi-cash-multiple"
-          :value="formatToBRLCurrency(unitsSummary.revenue)"
-          :subtitle="revenuePeriodLabel"
-        />
-        <DashboardStatCard
-          title="Contratos das Unidades"
-          icon="mdi-file-document-check-outline"
-          :value="`${unitsSummary.active_contracts} vigentes`"
-          :subtitle="`${unitsSummary.without_active_contract} sem contrato vigente`"
-        />
-      </div>
-
       <div class="charts-row">
         <DashboardChartCard title="Faturamento Serviço / Materiais">
           <GroupedBarChart