SESP/sgse-app
2
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: Implement Ata de Registro de Preços management and linking to objetos and pedidos

Browse Source
This commit is contained in:
killer-cf
2025-12-02 23:29:42 -03:00
parent 8a50fb6f61
commit 4d29501849
7 changed files with 200 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
apps/web/src/routes/(dashboard)/compras/+page.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { FileText, Package, ShoppingCart } from 'lucide-svelte';
import { Building2, FileText, Package, ShoppingCart } from 'lucide-svelte';
import { resolve } from '$app/paths';
import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
</script>
@@ -27,7 +27,7 @@
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
<a
href={resolve('/compras/produtos')}
href={resolve('/compras/objetos')}
class="card bg-base-100 border-base-200 hover:border-primary border shadow-md transition-shadow hover:shadow-lg"
>
<div class="card-body">
@@ -35,10 +35,44 @@
<div class="bg-primary/10 rounded-lg p-2">
<Package class="text-primary h-6 w-6" strokeWidth={2} />
</div>
<h4 class="font-semibold">Produtos</h4>
<h4 class="font-semibold">Objetos</h4>
</div>
<p class="text-base-content/70 text-sm">
Cadastro, listagem e edição de produtos e serviços disponíveis para compra.
Cadastro, listagem e edição de objetos e serviços disponíveis para compra.
</p>
</div>
</a>
<a
href={resolve('/compras/atas')}
class="card bg-base-100 border-base-200 hover:border-accent border shadow-md transition-shadow hover:shadow-lg"
>
<div class="card-body">
<div class="mb-2 flex items-center gap-3">
<div class="bg-accent/10 rounded-lg p-2">
<FileText class="text-accent h-6 w-6" strokeWidth={2} />
</div>
<h4 class="font-semibold">Atas de Registro</h4>
</div>
<p class="text-base-content/70 text-sm">
Gerencie Atas de Registro de Preços e seus vínculos com objetos.
</p>
</div>
</a>
<a
href={resolve('/licitacoes/empresas')}
class="card bg-base-100 border-base-200 hover:border-info border shadow-md transition-shadow hover:shadow-lg"
>
<div class="card-body">
<div class="mb-2 flex items-center gap-3">
<div class="bg-info/10 rounded-lg p-2">
<Building2 class="text-info h-6 w-6" strokeWidth={2} />
</div>
<h4 class="font-semibold">Empresas</h4>
</div>
<p class="text-base-content/70 text-sm">
Cadastro e gestão de empresas fornecedoras e seus contatos.
</p>
</div>
</a>

54
apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
View File

@@ -7,12 +7,15 @@
const client = useConvexClient();
// Reactive query
// Reactive queries
const objetosQuery = useQuery(api.objetos.list, {});
let objetos = $derived(objetosQuery.data || []);
let loading = $derived(objetosQuery.isLoading);
let error = $derived(objetosQuery.error?.message || null);
const atasQuery = useQuery(api.atas.list, {});
let atas = $derived(atasQuery.data || []);
// Modal state
let showModal = $state(false);
let editingId: string | null = $state(null);
@@ -23,13 +26,16 @@
codigoEfisco: '',
codigoCatmat: '',
codigoCatserv: '',
unidade: ''
unidade: '',
atas: [] as Id<'atas'>[]
});
let saving = $state(false);
function openModal(objeto?: Doc<'objetos'>) {
async function openModal(objeto?: Doc<'objetos'>) {
if (objeto) {
editingId = objeto._id;
// Fetch linked Atas
const linkedAtas = await client.query(api.objetos.getAtas, { objetoId: objeto._id });
formData = {
nome: objeto.nome,
valorEstimado: maskCurrencyBRL(objeto.valorEstimado || ''),
@@ -37,7 +43,8 @@
codigoEfisco: objeto.codigoEfisco || '',
codigoCatmat: objeto.codigoCatmat || '',
codigoCatserv: objeto.codigoCatserv || '',
unidade: objeto.unidade || ''
unidade: objeto.unidade || '',
atas: linkedAtas.map((a) => a._id)
};
} else {
editingId = null;
@@ -48,7 +55,8 @@
codigoEfisco: '',
codigoCatmat: '',
codigoCatserv: '',
unidade: ''
unidade: '',
atas: []
};
}
showModal = true;
@@ -70,7 +78,8 @@
codigoEfisco: formData.codigoEfisco,
codigoCatmat: formData.codigoCatmat || undefined,
codigoCatserv: formData.codigoCatserv || undefined,
unidade: formData.unidade
unidade: formData.unidade,
atas: formData.atas
};
if (editingId) {
@@ -97,6 +106,14 @@
alert('Erro ao excluir: ' + (e as Error).message);
}
}
function toggleAtaSelection(ataId: Id<'atas'>) {
if (formData.atas.includes(ataId)) {
formData.atas = formData.atas.filter((id) => id !== ataId);
} else {
formData.atas = [...formData.atas, ataId];
}
}
</script>
<div class="container mx-auto p-6">
@@ -303,6 +320,31 @@
/>
</div>
<div class="mb-6">
<label class="mb-2 block text-sm font-bold text-gray-700" for="atas">
Vincular Atas
</label>
<div class="max-h-40 overflow-y-auto rounded border p-2">
{#each atas as ata (ata._id)}
<div class="mb-2 flex items-center">
<input
type="checkbox"
id={`ata-${ata._id}`}
checked={formData.atas.includes(ata._id)}
onchange={() => toggleAtaSelection(ata._id)}
class="mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
/>
<label for={`ata-${ata._id}`} class="text-sm text-gray-700">
{ata.numero} ({ata.numeroSei})
</label>
</div>
{/each}
{#if atas.length === 0}
<p class="text-sm text-gray-500">Nenhuma ata disponível.</p>
{/if}
</div>
</div>
<div class="flex items-center justify-end">
<button
type="button"

49
apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
View File

@@ -30,6 +30,8 @@
quantidade: number;
modalidade: 'dispensa' | 'inexgibilidade' | 'adesao' | 'consumo';
acaoId?: Id<'acoes'>;
ataId?: Id<'atas'>;
ataNumero?: string; // For display
};
let selectedItems = $state<SelectedItem[]>([]);
@@ -42,19 +44,28 @@
quantidade: number;
modalidade: 'dispensa' | 'inexgibilidade' | 'adesao' | 'consumo';
acaoId: string; // using string to handle empty select
ataId: string; // using string to handle empty select
}>({
objeto: null,
quantidade: 1,
modalidade: 'consumo',
acaoId: ''
acaoId: '',
ataId: ''
});
function openItemModal(objeto: Doc<'objetos'>) {
let availableAtas = $state<Doc<'atas'>[]>([]);
async function openItemModal(objeto: Doc<'objetos'>) {
// Fetch linked Atas for this object
const linkedAtas = await client.query(api.objetos.getAtas, { objetoId: objeto._id });
availableAtas = linkedAtas;
itemConfig = {
objeto,
quantidade: 1,
modalidade: 'consumo',
acaoId: ''
acaoId: '',
ataId: ''
};
showItemModal = true;
searchQuery = ''; // Clear search
@@ -63,18 +74,23 @@
function closeItemModal() {
showItemModal = false;
itemConfig.objeto = null;
availableAtas = [];
}
function confirmAddItem() {
if (!itemConfig.objeto) return;
const selectedAta = availableAtas.find((a) => a._id === itemConfig.ataId);
selectedItems = [
...selectedItems,
{
objeto: itemConfig.objeto,
quantidade: itemConfig.quantidade,
modalidade: itemConfig.modalidade,
acaoId: itemConfig.acaoId ? (itemConfig.acaoId as Id<'acoes'>) : undefined
acaoId: itemConfig.acaoId ? (itemConfig.acaoId as Id<'acoes'>) : undefined,
ataId: itemConfig.ataId ? (itemConfig.ataId as Id<'atas'>) : undefined,
ataNumero: selectedAta?.numero
}
];
checkExisting();
@@ -191,7 +207,8 @@
valorEstimado: item.objeto.valorEstimado,
quantidade: item.quantidade,
modalidade: item.modalidade,
acaoId: item.acaoId
acaoId: item.acaoId,
ataId: item.ataId
})
)
);
@@ -287,6 +304,10 @@
<span class="ml-2 font-semibold text-gray-600">Ação:</span>
{getAcaoNome(item.acaoId)}
{/if}
{#if item.ataNumero}
<span class="ml-2 font-semibold text-gray-600">Ata:</span>
{item.ataNumero}
{/if}
</div>
</div>
<button
@@ -410,6 +431,24 @@
</select>
</div>
{#if availableAtas.length > 0}
<div class="mb-4">
<label class="mb-1 block text-sm font-bold text-gray-700" for="itemAta">
Ata de Registro de Preços (Opcional)
</label>
<select
id="itemAta"
class="w-full rounded border px-3 py-2"
bind:value={itemConfig.ataId}
>
<option value="">Selecione uma ata...</option>
{#each availableAtas as ata (ata._id)}
<option value={ata._id}>Ata {ata.numero} ({ata.numeroSei})</option>
{/each}
</select>
</div>
{/if}
<div class="mb-6">
<label class="mb-1 block text-sm font-bold text-gray-700" for="itemAcao">
Ação (Opcional)