Jelajahi Sumber

feat: adiciona novo layout

ebagabee 1 bulan lalu
induk
melakukan
c3c0150a9a
1 mengubah file dengan 28 tambahan dan 28 penghapusan
  1. 28 28
      src/pages/dashboard/DashboardPage.vue

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

@@ -85,34 +85,6 @@
         />
       </div>
 
-      <div class="charts-row">
-        <DashboardChartCard title="Faturamento Serviço / Materiais">
-          <GroupedBarChart
-            :labels="faturamentoChart.labels"
-            :datasets="faturamentoChart.datasets"
-            label-y="R$"
-            :tick-formatter="formatCurrencyTick"
-            :tooltip-formatter="formatCurrencyTooltip"
-            class="full-width full-height"
-          />
-        </DashboardChartCard>
-
-        <DashboardChartCard title="Matrículas por Período">
-          <GroupedBarChart
-            :labels="matriculasChart.labels"
-            :datasets="matriculasChart.datasets"
-            :bar-radius="50"
-            :show-datalabels="true"
-            :max-bar-thickness="44"
-            :category-percentage="0.6"
-            :bar-percentage="0.85"
-            class="full-width full-height"
-          />
-        </DashboardChartCard>
-
-        <AniversariantesCard :people="aniversariantes" />
-      </div>
-
       <div class="stat-cards-row">
         <DashboardStatCard
           title="Frequência Média"
@@ -146,6 +118,34 @@
           @click="openTicketsAbertoDialog"
         />
       </div>
+
+      <div class="charts-row">
+        <DashboardChartCard title="Faturamento Serviço / Materiais">
+          <GroupedBarChart
+            :labels="faturamentoChart.labels"
+            :datasets="faturamentoChart.datasets"
+            label-y="R$"
+            :tick-formatter="formatCurrencyTick"
+            :tooltip-formatter="formatCurrencyTooltip"
+            class="full-width full-height"
+          />
+        </DashboardChartCard>
+
+        <DashboardChartCard title="Matrículas por Período">
+          <GroupedBarChart
+            :labels="matriculasChart.labels"
+            :datasets="matriculasChart.datasets"
+            :bar-radius="50"
+            :show-datalabels="true"
+            :max-bar-thickness="44"
+            :category-percentage="0.6"
+            :bar-percentage="0.85"
+            class="full-width full-height"
+          />
+        </DashboardChartCard>
+
+        <AniversariantesCard :people="aniversariantes" />
+      </div>
     </div>
 
     <div v-else class="flex flex-center full-width q-pa-xl">