panorama facturador mejoras UI/UX
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user