panorama facturador mejoras UI/UX

This commit is contained in:
2025-09-30 13:44:12 -06:00
parent b171fbdb21
commit a5941c4a43
10 changed files with 289 additions and 64 deletions

View File

@@ -6,21 +6,21 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<MetricCard
label="Total QQ Seco en Depósito"
label="Total qq Seco en Depósito"
:value="metrics.totalQqSecoDeposito.value.toFixed(2)"
unit="QQ"
unit="qq"
variant="warning"
/>
<MetricCard
label="Total QQ Mojado en Depósito"
label="Total qq Mojado en Depósito"
:value="metrics.totalQqMojadoDeposito.value.toFixed(2)"
unit="QQ"
unit="qq"
variant="info"
/>
<MetricCard
label="Total QQ Oreado en Depósito"
label="Total qq Oreado en Depósito"
:value="metrics.totalQqOreadoDeposito.value.toFixed(2)"
unit="QQ"
unit="qq"
variant="info"
/>
<MetricCard

View File

@@ -38,9 +38,11 @@ defineProps<{
}>()
const formatCurrency = (value: number) => {
return new Intl.NumberFormat('es-GT', {
return new Intl.NumberFormat('es-HN', {
style: 'currency',
currency: 'GTQ'
}).format(value)
currency: 'HNL',
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(value).replace('HNL', 'L')
}
</script>

View File

@@ -38,9 +38,11 @@ defineProps<{
}>()
const formatCurrency = (value: number) => {
return new Intl.NumberFormat('es-GT', {
return new Intl.NumberFormat('es-HN', {
style: 'currency',
currency: 'GTQ'
}).format(value)
currency: 'HNL',
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(value).replace('HNL', 'L')
}
</script>

View File

@@ -36,9 +36,11 @@ defineProps<{
}>()
const formatCurrency = (value: number) => {
return new Intl.NumberFormat('es-GT', {
return new Intl.NumberFormat('es-HN', {
style: 'currency',
currency: 'GTQ'
}).format(value)
currency: 'HNL',
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(value).replace('HNL', 'L')
}
</script>

View File

@@ -6,31 +6,31 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<MetricCard
label="Total QQ Seco Ingresado"
label="Total qq Seco Ingresado"
:value="metrics.totalQqSecoIngresado.value.toFixed(2)"
unit="QQ"
unit="qq"
variant="primary"
/>
<MetricCard
label="Total QQ Seco Comprado"
label="Total qq Seco Comprado"
:value="metrics.totalQqSecoComprado.value.toFixed(2)"
unit="QQ"
unit="qq"
variant="success"
/>
<MetricCard
label="Precio Promedio Ponderado Uva"
:value="metrics.precioPromedioUvaPorQqLb.value.toFixed(2)"
unit="$/lb"
unit="L./lb"
/>
<MetricCard
label="Precio Promedio Ponderado Oreado"
:value="metrics.precioPromedioOreadoPorQq.value.toFixed(2)"
unit="$/QQ"
unit="L./qq"
/>
<MetricCard
label="Precio Promedio Ponderado Mojado"
:value="metrics.precioPromedioMojadoPorQq.value.toFixed(2)"
unit="$/QQ"
unit="L./qq"
/>
</div>
</UCard>

View File

@@ -13,7 +13,7 @@
<MetricCard
label="Precio Promedio Ponderado Pagado"
:value="metrics.precioPromedioVerdePagado.value.toFixed(2)"
unit="$/lb"
unit="L./lb"
/>
<MetricCard
label="Total Lb Neto de Verde en Depósito"
@@ -48,9 +48,11 @@ defineProps<{
}>()
const formatCurrency = (value: number) => {
return new Intl.NumberFormat('es-GT', {
return new Intl.NumberFormat('es-HN', {
style: 'currency',
currency: 'GTQ'
}).format(value)
currency: 'HNL',
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(value).replace('HNL', 'L')
}
</script>

View File

@@ -45,9 +45,11 @@ const borderColor = computed(() => {
})
const formatCurrency = (value: number) => {
return new Intl.NumberFormat('es-GT', {
return new Intl.NumberFormat('es-HN', {
style: 'currency',
currency: 'GTQ'
}).format(value)
currency: 'HNL',
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(value).replace('HNL', 'L')
}
</script>

View File

@@ -61,9 +61,11 @@ const props = defineProps<{
const totalRechazos = computed(() => props.metrics.totalRechazos)
const formatCurrency = (value: number) => {
return new Intl.NumberFormat('es-GT', {
return new Intl.NumberFormat('es-HN', {
style: 'currency',
currency: 'GTQ'
}).format(value)
currency: 'HNL',
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(value).replace('HNL', 'L')
}
</script>