ADUANASOFT/plantillas-proyectos
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update pedimento dates model, add PATCH method to API, and enhance edit forms

Browse Source
This commit is contained in:
acazares
2025-12-05 17:27:19 -06:00
parent 6eae26acf3
commit 0cb89ceeec
9 changed files with 310 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
frontend/src/lib/components/dashboard/pedimentos/edit/dates-tab-form.svelte
View File

@@ -62,57 +62,7 @@
<Card.Content>
<div class="space-y-6">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<!-- Fecha de Entrada -->
<div class="space-y-2">
<Label for="entry_date">Fecha de Entrada</Label>
<Input
id="entry_date"
type="date"
bind:value={formData.entry_date}
/>
</div>
<!-- Fecha de Presentación -->
<div class="space-y-2">
<Label for="pedimento_date">Fecha de Presentación</Label>
<Input
id="pedimento_date"
type="date"
bind:value={formData.pedimento_date}
/>
</div>
<!-- Fecha de Pago -->
<div class="space-y-2">
<Label for="payment_date">Fecha de Pago</Label>
<Input
id="payment_date"
type="date"
bind:value={formData.payment_date}
/>
</div>
<!-- Fecha de Pago Rectificación -->
<div class="space-y-2">
<Label for="rectification_payment_date">Fecha de Pago Rectificación</Label>
<Input
id="rectification_payment_date"
type="date"
bind:value={formData.rectification_payment_date}
/>
</div>
<!-- Fecha de Extracción -->
<div class="space-y-2">
<Label for="extraction_date">Fecha de Extracción</Label>
<Input
id="extraction_date"
type="date"
bind:value={formData.extraction_date}
/>
</div>
<!-- Fecha de Presentación (Submission) -->
<!-- Fecha de Envío -->
<div class="space-y-2">
<Label for="submission_date">Fecha de Envío</Label>
<Input
@@ -132,16 +82,6 @@
/>
</div>
<!-- Fecha Original -->
<div class="space-y-2">
<Label for="original_date">Fecha Original</Label>
<Input
id="original_date"
type="date"
bind:value={formData.original_date}
/>
</div>
<!-- Fecha de Inicio -->
<div class="space-y-2">
<Label for="start_date">Fecha de Inicio</Label>

259
frontend/src/lib/components/dashboard/pedimentos/edit/general-tab-form.svelte
View File

@@ -172,6 +172,7 @@
// Inicializar formData con los valores del pedimento (o vacío si es null)
if (!formData) {
const datesData = pedimento?.pedimento_dates;
formData = {
year: pedimento?.year || currentYear,
customs_office: pedimento?.customs_office || '',
@@ -186,7 +187,14 @@
usd_value: pedimento?.usd_value ?? null,
paid_price: pedimento?.paid_price ?? null,
gross_weight: pedimento?.gross_weight ?? null,
exchange_rate: pedimento?.exchange_rate ?? null
exchange_rate: pedimento?.exchange_rate ?? null,
// Date fields
entry_date: datesData?.entry_date ? datesData.entry_date.substring(0, 10) : '',
pedimento_date: datesData?.pedimento_date ? datesData.pedimento_date.substring(0, 10) : '',
extraction_date: datesData?.extraction_date ? datesData.extraction_date.substring(0, 10) : '',
rectification_payment_date: datesData?.rectification_payment_date ? datesData.rectification_payment_date.substring(0, 10) : '',
original_date: datesData?.original_date ? datesData.original_date.substring(0, 10) : '',
payment_date: datesData?.payment_date ? datesData.payment_date.substring(0, 10) : ''
};
}
@@ -229,35 +237,34 @@
</Card.Description>
</Card.Header>
<Card.Content>
<div class="space-y-6">
<!-- Fila 1: Año (2), Aduana (2), Patente (4), Número de Pedimento (7) -->
<div class="flex items-end gap-2">
<div class="space-y-6">
<div class="grid grid-cols-1 md:grid-cols-[auto_auto_auto_auto_auto_auto_auto_auto_auto_1fr_auto] md:items-end gap-4 md:gap-2">
<!-- Año -->
<div class="space-y-2 w-16">
<div class="space-y-2">
<Label for="year">Año</Label>
<Input
id="year"
bind:value={formData.year}
placeholder="23"
maxlength={2}
class="text-center"
class="text-center md:w-16"
disabled
readonly
/>
</div>
<!-- Separador -->
<div class="pb-2 text-2xl font-semibold text-muted-foreground">-</div>
<div class="hidden md:block pb-2 text-2xl font-semibold text-muted-foreground">-</div>
<!-- Aduana -->
<div class="space-y-2 w-20">
<div class="space-y-2">
<Label for="customs_office">Aduana</Label>
<Select.Root
type="single"
value={formData.customs_office || ''}
onValueChange={(v: string) => formData.customs_office = v ?? ''}
>
<Select.Trigger class="w-full">
<Select.Trigger class="w-full md:w-20">
<span class="truncate">
{formData.customs_office || 'Sel...'}
</span>
@@ -275,17 +282,17 @@
</div>
<!-- Separador -->
<div class="pb-2 text-2xl font-semibold text-muted-foreground">-</div>
<div class="hidden md:block pb-2 text-2xl font-semibold text-muted-foreground">-</div>
<!-- Patente -->
<div class="space-y-2 w-24">
<div class="space-y-2">
<Label for="license">Patente</Label>
<Select.Root
type="single"
value={formData.license || ''}
onValueChange={(v: string) => formData.license = v ?? ''}
>
<Select.Trigger class="w-full">
<Select.Trigger class="w-full md:w-24">
<span class="truncate">
{formData.license || 'Sel...'}
</span>
@@ -303,10 +310,10 @@
</div>
<!-- Separador -->
<div class="pb-2 text-2xl font-semibold text-muted-foreground">-</div>
<div class="hidden md:block pb-2 text-2xl font-semibold text-muted-foreground">-</div>
<!-- Número de Pedimento -->
<div class="space-y-2 flex-1">
<div class="space-y-2">
<Label for="pedimento_number">Número de Pedimento</Label>
<Input
id="pedimento_number"
@@ -316,6 +323,89 @@
class="text-left"
/>
</div>
<!-- Tipo de Cambio -->
<div class="space-y-2">
<Label for="exchange_rate">Tipo de Cambio</Label>
<Input
id="exchange_rate"
type="number"
step="0.0001"
bind:value={formData.exchange_rate}
placeholder="Ej: 17.5000"
/>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-2">
<!-- Clave del Pedimento -->
<div class="space-y-2">
<Label for="pedimento_code">Clave</Label>
<Select.Root
type="single"
value={formData.pedimento_code || ''}
onValueChange={(v: string) => formData.pedimento_code = v ?? ''}
>
<Select.Trigger class="w-full">
<span class="truncate">
{pedimentoCodes.find(o => o.code === formData.pedimento_code)?.code || 'Sel...'}
</span>
</Select.Trigger>
<Select.Content class="max-w-[200px]">
{#each pedimentoCodes as code}
<Select.Item value={code.code}>
<span class="truncate overflow-hidden text-ellipsis whitespace-nowrap" title={`${code.code} - ${code.description}`}>
{code.code} - {code.description}
</span>
</Select.Item>
{/each}
</Select.Content>
</Select.Root>
</div>
<!-- Régimen -->
<div class="space-y-2">
<Label for="regime">Régimen</Label>
<Select.Root
type="single"
value={formData.regime || ''}
onValueChange={(v: string) => formData.regime = v ?? ''}
>
<Select.Trigger class="w-full">
<span class="truncate">
{formData.regime || 'Sel...'}
</span>
</Select.Trigger>
<Select.Content class="max-w-[200px]">
{#each filteredRegimens() as regimen}
<Select.Item value={regimen.code}>
<span class="truncate overflow-hidden text-ellipsis whitespace-nowrap" title={regimen.code}>
{regimen.code}
</span>
</Select.Item>
{/each}
</Select.Content>
</Select.Root>
</div>
<!-- Tipo de Operación -->
<div class="space-y-2">
<Label for="operation_type">Tipo de Operación</Label>
<Select.Root
type="single"
value={String(formData.operation_type ?? '')}
onValueChange={(v: string) => formData.operation_type = v ? Number(v) : null}
>
<Select.Trigger class="w-full">
{operationOptions.find(o => o.value === formData.operation_type)?.label || 'Seleccionar...'}
</Select.Trigger>
<Select.Content>
{#each filteredOperationTypes() as option}
<Select.Item value={String(option.value)} label={option.label} />
{/each}
</Select.Content>
</Select.Root>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -356,80 +446,8 @@
</div>
</div>
<!-- Fila: Clave (2), Régimen (3), Tipo de Operación (11) -->
<div class="flex items-end gap-2">
<!-- Clave del Pedimento -->
<div class="space-y-2 w-20">
<Label for="pedimento_code">Clave</Label>
<Select.Root
type="single"
value={formData.pedimento_code || ''}
onValueChange={(v: string) => formData.pedimento_code = v ?? ''}
>
<Select.Trigger class="w-full">
<span class="truncate">
{pedimentoCodes.find(o => o.code === formData.pedimento_code)?.code || 'Sel...'}
</span>
</Select.Trigger>
<Select.Content class="max-w-[200px]">
{#each pedimentoCodes as code}
<Select.Item value={code.code}>
<span class="truncate overflow-hidden text-ellipsis whitespace-nowrap" title={`${code.code} - ${code.description}`}>
{code.code} - {code.description}
</span>
</Select.Item>
{/each}
</Select.Content>
</Select.Root>
</div>
<!-- Régimen -->
<div class="space-y-2 w-24">
<Label for="regime">Régimen</Label>
<Select.Root
type="single"
value={formData.regime || ''}
onValueChange={(v: string) => formData.regime = v ?? ''}
>
<Select.Trigger class="w-full">
<span class="truncate">
{formData.regime || 'Sel...'}
</span>
</Select.Trigger>
<Select.Content class="max-w-[200px]">
{#each filteredRegimens() as regimen}
<Select.Item value={regimen.code}>
<span class="truncate overflow-hidden text-ellipsis whitespace-nowrap" title={regimen.code}>
{regimen.code}
</span>
</Select.Item>
{/each}
</Select.Content>
</Select.Root>
</div>
<!-- Tipo de Operación -->
<div class="space-y-2 flex-1">
<Label for="operation_type">Tipo de Operación</Label>
<Select.Root
type="single"
value={String(formData.operation_type ?? '')}
onValueChange={(v: string) => formData.operation_type = v ? Number(v) : null}
>
<Select.Trigger class="w-full">
{operationOptions.find(o => o.value === formData.operation_type)?.label || 'Seleccionar...'}
</Select.Trigger>
<Select.Content>
{#each filteredOperationTypes() as option}
<Select.Item value={String(option.value)} label={option.label} />
{/each}
</Select.Content>
</Select.Root>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<!-- Estado -->
<div class="space-y-2">
@@ -484,17 +502,68 @@
bind:value={formData.gross_weight}
placeholder="Ej: 100.00"
/>
</div>
</div>
<!-- Fechas -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<!-- Fecha de Entrada -->
<div class="space-y-2">
<Label for="entry_date">Fecha de Entrada</Label>
<Input
id="entry_date"
type="date"
bind:value={formData.entry_date}
/>
</div>
<!-- Tipo de Cambio -->
<!-- Fecha de Presentación -->
<div class="space-y-2">
<Label for="exchange_rate">Tipo de Cambio</Label>
<Label for="pedimento_date">Fecha de Presentación</Label>
<Input
id="exchange_rate"
type="number"
step="0.0001"
bind:value={formData.exchange_rate}
placeholder="Ej: 17.5000"
id="pedimento_date"
type="date"
bind:value={formData.pedimento_date}
/>
</div>
<!-- Fecha de Extracción -->
<div class="space-y-2">
<Label for="extraction_date">Fecha de Extracción</Label>
<Input
id="extraction_date"
type="date"
bind:value={formData.extraction_date}
/>
</div>
<!-- Fecha de Pago Rectificación -->
<div class="space-y-2">
<Label for="rectification_payment_date">Fecha de Pago R1</Label>
<Input
id="rectification_payment_date"
type="date"
bind:value={formData.rectification_payment_date}
/>
</div>
<!-- Fecha Original -->
<div class="space-y-2">
<Label for="original_date">Fecha de Pago Original</Label>
<Input
id="original_date"
type="date"
bind:value={formData.original_date}
/>
</div>
<!-- Fecha de Pago -->
<div class="space-y-2">
<Label for="payment_date">Fecha de Pago</Label>
<Input
id="payment_date"
type="date"
bind:value={formData.payment_date}
/>
</div>
</div>