/* ============================================================ vistorias-obras.jsx Módulo: Vistorias de Obras Descrição: Gerenciamento completo de vistorias com agendamento, documentação (PDF), imagens e rastreamento de vistoriadores ============================================================ */ function VistoriasObras({ obraId, obra, setRoute }) { const [vistorias, setVistorias] = React.useState([]); const [selectedVistoria, setSelectedVistoria] = React.useState(null); const [showForm, setShowForm] = React.useState(false); const [loading, setLoading] = React.useState(false); const [filterStatus, setFilterStatus] = React.useState('todas'); // Form state const [form, setForm] = React.useState({ data_agendada: '', vistoriador: '', tipo: 'vistoria', observacoes: '', documentos: [], imagens: [], }); // Load vistorias React.useEffect(() => { if (!obraId) return; loadVistorias(); }, [obraId]); const loadVistorias = async () => { try { setLoading(true); const sb = window.__VP_SB?.sb; if (!sb) return; const { data, error } = await sb .from('vistorias_obras') .select('*') .eq('obra_id', obraId) .order('data_agendada', { ascending: false }); if (error) throw error; setVistorias(data || []); } catch (error) { console.error('Erro ao carregar vistorias:', error); window.toast?.('Erro ao carregar vistorias', 'error'); } finally { setLoading(false); } }; const handleAddVistoria = async (e) => { e.preventDefault(); try { setLoading(true); if (!form.data_agendada || !form.vistoriador) { window.toast?.('Preencha todos os campos obrigatórios', 'warning'); return; } const sb = window.__VP_SB?.sb; if (!sb) return; const vistoriaData = { obra_id: obraId, data_agendada: form.data_agendada, vistoriador: form.vistoriador, tipo: form.tipo, status: 'agendada', observacoes: form.observacoes, documentos: form.documentos, imagens: form.imagens, criado_em: new Date().toISOString(), atualizado_em: new Date().toISOString(), }; const { error } = await sb .from('vistorias_obras') .insert([vistoriaData]); if (error) throw error; window.toast?.('Vistoria agendada com sucesso! 📋', 'success'); setForm({ data_agendada: '', vistoriador: '', tipo: 'vistoria', observacoes: '', documentos: [], imagens: [], }); setShowForm(false); await loadVistorias(); } catch (error) { console.error('Erro ao agendar vistoria:', error); window.toast?.('Erro ao agendar vistoria', 'error'); } finally { setLoading(false); } }; const handleFileUpload = (e, type) => { const files = Array.from(e.target.files || []); const maxFiles = type === 'imagens' ? 10 : 5; if (files.length + form[type].length > maxFiles) { window.toast?.( `Máximo de ${maxFiles} ${type === 'imagens' ? 'imagens' : 'documentos'} permitidos`, 'warning' ); return; } files.forEach((file) => { const reader = new FileReader(); reader.onload = (e) => { const base64 = e.target?.result; setForm((prev) => ({ ...prev, [type]: [ ...prev[type], { nome: file.name, tipo: file.type, tamanho: file.size, dados: base64 }, ], })); }; reader.readAsDataURL(file); }); }; const handleRemoveFile = (type, index) => { setForm((prev) => ({ ...prev, [type]: prev[type].filter((_, i) => i !== index), })); }; const handleCompleteVistoria = async (vistoriaId) => { try { const sb = window.__VP_SB?.sb; if (!sb) return; const { error } = await sb .from('vistorias_obras') .update({ status: 'concluida', atualizado_em: new Date().toISOString() }) .eq('id', vistoriaId); if (error) throw error; window.toast?.('Vistoria marcada como concluída! ✅', 'success'); await loadVistorias(); setSelectedVistoria(null); } catch (error) { console.error('Erro ao completar vistoria:', error); window.toast?.('Erro ao atualizar vistoria', 'error'); } }; const handleDeleteVistoria = async (vistoriaId) => { if (!confirm('Tem certeza que deseja deletar esta vistoria?')) return; try { const sb = window.__VP_SB?.sb; if (!sb) return; const { error } = await sb .from('vistorias_obras') .delete() .eq('id', vistoriaId); if (error) throw error; window.toast?.('Vistoria deletada com sucesso', 'success'); await loadVistorias(); setSelectedVistoria(null); } catch (error) { console.error('Erro ao deletar vistoria:', error); window.toast?.('Erro ao deletar vistoria', 'error'); } }; // Filtrar vistorias const vistoriasFiltered = filterStatus === 'todas' ? vistorias : vistorias.filter((v) => v.status === filterStatus); // Stats const stats = { total: vistorias.length, agendadas: vistorias.filter((v) => v.status === 'agendada').length, concluidas: vistorias.filter((v) => v.status === 'concluida').length, canceladas: vistorias.filter((v) => v.status === 'cancelada').length, }; const formatData = (dateStr) => { if (!dateStr) return '—'; return new Date(dateStr).toLocaleDateString('pt-BR'); }; const formatDataHora = (dateStr) => { if (!dateStr) return '—'; const d = new Date(dateStr); return `${d.toLocaleDateString('pt-BR')} às ${d.toLocaleTimeString('pt-BR', { hour: '2-digit', minute: '2-digit', })}`; }; const getStatusBadge = (status) => { const statusConfig = { agendada: { label: '📅 Agendada', color: '#0066ff' }, em_progresso: { label: '⏳ Em Progresso', color: '#ff9900' }, concluida: { label: '✅ Concluída', color: '#00aa00' }, cancelada: { label: '❌ Cancelada', color: '#cc0000' }, }; const config = statusConfig[status] || { label: status, color: '#666' }; return {config.label}; }; return (
{/* HEADER */}

🏗️ Vistorias de Obras

{obra && (

Projeto: {obra.nome || 'Sem nome'} {obra.endereco && ` • ${obra.endereco}`}

)}
{/* STATS CARDS */}
{stats.total}
Vistorias Totais
{stats.agendadas}
Agendadas
{stats.concluidas}
Concluídas
{/* FORM AGENDAR VISTORIA */} {showForm && (

📋 Agendar Nova Vistoria

{/* Data */}
setForm({ ...form, data_agendada: e.target.value })} style={{ width: '100%', padding: '0.75rem', border: '1px solid #ddd', borderRadius: '6px', fontSize: '0.95rem', }} required />
{/* Vistoriador */}
setForm({ ...form, vistoriador: e.target.value })} style={{ width: '100%', padding: '0.75rem', border: '1px solid #ddd', borderRadius: '6px', fontSize: '0.95rem', }} required />
{/* Tipo de Vistoria */}
{/* Observações */}