mono/ToldoConjunto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

feat: implementar jornadas y validar aliases

Browse Source
This commit is contained in:
mono
2026-10-25 17:20:48 -05:00
parent 89390b5bed
commit 4ffce3e3cd
27 changed files with 537 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
apps/toldo-app/src/views/Gastos.vue
View File

@@ -1,6 +1,8 @@
<template>
<div>
<h2>Gastos</h2>
<p v-if="!jornadaAbierta" style="color: orange">Sin jornada abierta - debe abrir jornada para registrar gastos</p>
<p v-else style="color: green">Jornada abierta</p>
<section>
<input v-model="concepto" placeholder="Concepto (cinta, lapicero, bolsas...)" />
<input v-model.number="monto" type="number" placeholder="Monto" />
@@ -8,7 +10,7 @@
<option value="EFECTIVO">Efectivo</option>
<option value="QR">QR</option>
</select>
<button @click="registrar">Registrar Gasto</button>
<button @click="registrar" :disabled="!jornadaAbierta">Registrar Gasto</button>
</section>
<section>
<h3>Gastos del día</h3>
@@ -21,32 +23,43 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { GastosService } from '@toldo/services';
import { GastosService, JornadaService } from '@toldo/services';
const gastosService = new GastosService();
const jornadaService = new JornadaService();
const concepto = ref('');
const monto = ref(0);
const formaPago = ref<'EFECTIVO' | 'QR'>('EFECTIVO');
const gastos = ref<any[]>([]);
const jornadaAbierta = ref<any>(null);
async function cargar() {
gastos.value = await gastosService.getGastosDelDia(new Date());
jornadaAbierta.value = await jornadaService.getJornadaAbierta();
}
async function registrar() {
if (!concepto.value || monto.value <= 0) return;
await gastosService.registrarGasto({
id: crypto.randomUUID(),
fecha: new Date(),
concepto: concepto.value,
monto: monto.value,
formaPago: formaPago.value,
createdAt: new Date()
} as any);
concepto.value = '';
monto.value = 0;
await cargar();
alert('Gasto registrado');
if (!jornadaAbierta.value) {
alert('Debe abrir una jornada primero (Jornada > Apertura)');
return;
}
try {
await jornadaService.registrarGastoEnJornada(jornadaAbierta.value.id, {
id: crypto.randomUUID(),
fecha: new Date(),
concepto: concepto.value,
monto: monto.value,
formaPago: formaPago.value,
createdAt: new Date()
} as any);
concepto.value = '';
monto.value = 0;
await cargar();
alert('Gasto registrado');
} catch (e: any) {
alert(e.message);
}
}
onMounted(cargar);

12
apps/toldo-app/src/views/Home.vue
View File

@@ -35,11 +35,18 @@
</v-card>
</v-col>
</v-row>
<v-row class="mt-4">
<v-col cols="12">
<v-alert v-if="jornada" type="success">Jornada ACTIVA | Responsables: {{ (jornada.responsables||[]).join(', ') }} | Base: ${{ jornada.baseInicial }}</v-alert>
<v-alert v-else type="warning">Sin jornada activa. <router-link to="/jornada">Abrir jornada</router-link></v-alert>
</v-col>
</v-row>
<v-row class="mt-4">
<v-col>
<v-card>
<v-card-title>Acciones Rápidas</v-card-title>
<v-card-text>
<v-btn to="/jornada" color="success" class="mr-2">Jornada (Apertura/Cierre)</v-btn>
<v-btn to="/ventas" color="primary" class="mr-2">Nueva Venta</v-btn>
<v-btn to="/gastos" color="secondary" class="mr-2">Registrar Gasto</v-btn>
<v-btn to="/inventario" color="accent">Gestionar Inventario</v-btn>
@@ -53,18 +60,21 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { db } from '@toldo/data';
import { VentasService, GastosService } from '@toldo/services';
import { VentasService, GastosService, JornadaService } from '@toldo/services';
const ventasService = new VentasService();
const gastosService = new GastosService();
const jornadaService = new JornadaService();
const totalVentas = ref(0);
const totalGastos = ref(0);
const productos = ref<any[]>([]);
const productores = ref<any[]>([]);
const jornada = ref<any>(null);
onMounted(async () => {
productos.value = await db.productos.toArray();
productores.value = await db.productores.toArray();
jornada.value = await jornadaService.getJornadaAbierta();
const ventas = await ventasService.getVentasDelDia(new Date());
const gastos = await gastosService.getGastosDelDia(new Date());
totalVentas.value = ventas.reduce((acc, v) => acc + v.total, 0);

88
apps/toldo-app/src/views/Jornada.vue Normal file
View File

@@ -0,0 +1,88 @@
<template>
<div>
<h1 class="text-h4 mb-4">Jornada del Toldo (Apertura/Cierre)</h1>
<v-alert v-if="jornadaAbierta" type="success" class="mb-4">
Jornada ABIERTA desde {{ formatFecha(jornadaAbierta.fechaApertura) }} | Responsables: {{ (jornadaAbierta.responsables||[]).join(', ') }} | Base inicial: ${{ jornadaAbierta.baseInicial }}
</v-alert>
<v-alert v-else type="info" class="mb-4">No hay jornada abierta</v-alert>
<v-row>
<v-col cols="12" md="6">
<v-card>
<v-card-title>Apertura de Jornada</v-card-title>
<v-card-text>
<v-text-field v-model="responsablesStr" label="Responsables (separados por coma)" placeholder="Ana, Luis"></v-text-field>
<v-text-field v-model.number="baseInicial" type="number" label="Base inicial (efectivo)" class="mt-2"></v-text-field>
<v-btn @click="abrir" color="primary" block class="mt-2" :disabled="!!jornadaAbierta">Abrir Jornada</v-btn>
</v-card-text>
</v-card>
</v-col>
<v-col cols="12" md="6">
<v-card>
<v-card-title>Cierre de Jornada</v-card-title>
<v-card-text>
<div v-if="resumen">
<div class="mb-2">Ventas: ${{ resumen.totalVentas }}</div>
<div class="mb-2">Gastos: ${{ resumen.totalGastos }}</div>
<div class="mb-2 font-weight-bold">Saldo esperado: ${{ jornadaAbierta ? jornadaAbierta.baseInicial + resumen.totalVentas - resumen.totalGastos : 0 }}</div>
</div>
<v-btn @click="cerrar" color="error" block class="mt-2" :disabled="!jornadaAbierta">Cerrar Jornada (generar cuadre)</v-btn>
</v-card-text>
</v-card>
</v-col>
</v-row>
</div>
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { JornadaService } from '@toldo/services';
const service = new JornadaService();
const jornadaAbierta = ref<any>(null);
const responsablesStr = ref('');
const baseInicial = ref(0);
const resumen = ref<any>(null);
function formatFecha(d: any) {
try { return new Date(d).toLocaleString(); } catch { return d; }
}
async function cargar() {
jornadaAbierta.value = await service.getJornadaAbierta();
if (jornadaAbierta.value) {
resumen.value = await service.getResumenJornada(jornadaAbierta.value.id);
} else {
resumen.value = null;
}
}
async function abrir() {
if (!responsablesStr.value.trim()) return alert('Ingrese responsables');
const responsables = responsablesStr.value.split(',').map(r => r.trim()).filter(r => r);
try {
await service.abrirJornada(responsables, Number(baseInicial.value) || 0);
responsablesStr.value = '';
baseInicial.value = 0;
await cargar();
alert('Jornada abierta');
} catch (e: any) {
alert(e.message);
}
}
async function cerrar() {
if (!jornadaAbierta.value) return;
try {
const cid = await service.cerrarJornada(jornadaAbierta.value.id);
await cargar();
alert(`Jornada cerrada. Cuadre: ${cid}`);
} catch (e: any) {
alert(e.message);
}
}
onMounted(cargar);
</script>

21
apps/toldo-app/src/views/Ventas.vue
View File

@@ -24,6 +24,8 @@
<v-card>
<v-card-title>Carrito de Compras</v-card-title>
<v-card-text>
<v-alert v-if="!jornadaAbierta" type="warning" density="compact" class="mb-2">Sin jornada abierta</v-alert>
<v-alert v-else type="success" density="compact" class="mb-2">Jornada abierta</v-alert>
<v-list v-if="lineas.length">
<v-list-item v-for="(l, i) in lineas" :key="i">
<v-list-item-title>{{ getProdNombre(l.productoId) }}</v-list-item-title>
@@ -55,15 +57,18 @@
<script setup lang="ts">
import { ref, computed, onMounted } from 'vue';
import { db } from '@toldo/data';
import { VentasService } from '@toldo/services';
import { VentasService, JornadaService } from '@toldo/services';
const ventasService = new VentasService();
const jornadaService = new JornadaService();
const productos = ref<any[]>([]);
const lineas = ref<any[]>([]);
const formaPago = ref('EFECTIVO');
const jornadaAbierta = ref<any>(null);
async function cargar() {
productos.value = await db.productos.toArray();
jornadaAbierta.value = await jornadaService.getJornadaAbierta();
}
function getProdNombre(id: string) {
@@ -100,6 +105,10 @@ const total = computed(() => lineas.value.reduce((acc, l) => acc + l.subtotal, 0
async function registrarVenta() {
if (lineas.value.length === 0) return;
if (!jornadaAbierta.value) {
alert('Debe abrir una jornada primero (Jornada > Apertura)');
return;
}
const ventaId = crypto.randomUUID();
const lineasVenta = lineas.value.map(l => ({ ...l, ventaId, formaPago: formaPago.value }));
const venta = {
@@ -110,9 +119,13 @@ async function registrarVenta() {
total: total.value,
createdAt: new Date()
};
await ventasService.registrarVenta(venta, lineasVenta);
lineas.value = [];
alert(`Venta registrada por $${total.value} - ${formaPago.value}`);
try {
await jornadaService.registrarVentaEnJornada(jornadaAbierta.value.id, venta, lineasVenta);
lineas.value = [];
alert(`Venta registrada por $${total.value} - ${formaPago.value}`);
} catch (e: any) {
alert(e.message);
}
}
onMounted(cargar);