nucleo000/analiticaNucleo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mejoras ui/Ux y refactorizacion del selector rapido de dateRange

Browse Source
This commit is contained in:
josedario87
2025-09-30 15:47:03 -06:00
parent 270dc5f0bd
commit aeaf30d1d1
9 changed files with 420 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
nuxt4-app/app/components/ingresos/TotalesIngresoCompra.vue
View File

@@ -11,7 +11,7 @@
Totales Generales (Pagado + Pendiente)
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="p-4 rounded-lg border transition-all bg-[#1c140c] border-[#c08040] text-[var(--brand-primary)]">
<div class="p-4 rounded-lg border transition-all bg-[#1c140c] border-red-600/40 text-red-400">
<div class="flex items-center justify-between mb-1">
<span class="text-xs uppercase tracking-wide opacity-80">Total Uva Ingresada</span>
<UButton
@@ -31,13 +31,13 @@
label="Total qq Seco Mojado"
:value="formatNumber(metrics.totalQqSecoMojadoIngresado.value)"
unit="qq"
variant="primary"
variant="info"
/>
<MetricCard
label="Total qq Seco Oreado"
:value="formatNumber(metrics.totalQqSecoOreadoIngresado.value)"
unit="qq"
variant="primary"
variant="warning"
/>
<MetricCard
label="Total qq Seco Ingresado"
@@ -54,7 +54,7 @@
Solo Pagados
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="p-4 rounded-lg border transition-all bg-[#1c140c] border-green-600/30 text-green-400">
<div class="p-4 rounded-lg border transition-all bg-[#1c140c] border-red-600/40 text-red-400">
<div class="flex items-center justify-between mb-1">
<span class="text-xs uppercase tracking-wide opacity-80">Total Uva Pagada</span>
<UButton
@@ -74,19 +74,19 @@
label="Total qq Seco Mojado Pagado"
:value="formatNumber(metrics.totalQqSecoMojadoPagado.value)"
unit="qq"
variant="success"
variant="info"
/>
<MetricCard
label="Total qq Seco Oreado Pagado"
:value="formatNumber(metrics.totalQqSecoOreadoPagado.value)"
unit="qq"
variant="success"
variant="warning"
/>
<MetricCard
label="Total qq Seco Comprado"
:value="formatNumber(metrics.totalQqSecoComprado.value)"
unit="qq"
variant="success"
variant="primary"
/>
</div>
</div>
@@ -97,7 +97,7 @@
Inventario en Depósito
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="p-4 rounded-lg border transition-all bg-[#1c140c] border-yellow-600/30 text-yellow-400">
<div class="p-4 rounded-lg border transition-all bg-[#1c140c] border-red-600/40 text-red-400">
<div class="flex items-center justify-between mb-1">
<span class="text-xs uppercase tracking-wide opacity-80">Total Uva en Depósito</span>
<UButton
@@ -117,7 +117,7 @@
label="Total qq Seco Mojado en Depósito"
:value="formatNumber(metrics.totalQqMojadoDeposito.value)"
unit="qq"
variant="warning"
variant="info"
/>
<MetricCard
label="Total qq Seco Oreado en Depósito"
@@ -129,7 +129,7 @@
label="Total qq Seco en Depósito"
:value="formatNumber(metrics.totalQqSecoDeposito.value)"
unit="qq"
variant="warning"
variant="primary"
/>
</div>
</div>
@@ -147,7 +147,7 @@ defineProps<{
type UnitDisplay = 'lb' | 'qq' | 'both'
const unitDisplay = ref<UnitDisplay>('both')
const unitDisplay = ref<UnitDisplay>('lb')
const unitDisplayLabel = computed(() => {
switch (unitDisplay.value) {