// Modales / overlays function ModalNuevaSolicitud() { const close = () => window._desasfCloseModal && window._desasfCloseModal(); const u = DesasfAPI.getCurrentUser() || {}; const esCliente = u.rol === 'cliente'; const [step, setStep] = React.useState(1); const [empresas, setEmpresas] = React.useState([]); const [productos, setProductos] = React.useState([]); const [loading, setLoading] = React.useState(true); const [saving, setSaving] = React.useState(false); const [error, setError] = React.useState(''); const [empresaId, setEmpresaId] = React.useState(''); const [empresaSearch, setEmpresaSearch] = React.useState(''); const [productoId, setProductoId] = React.useState(''); const [volumen, setVolumen] = React.useState(''); const [unidad, setUnidad] = React.useState('m³'); const [ocNumero, setOcNumero] = React.useState(''); const [proyecto, setProyecto] = React.useState(''); const [diasVenc, setDiasVenc] = React.useState(''); const [creditoProy, setCreditoProy] = React.useState(''); const [direccionObra,setDireccionObra]= React.useState(''); const [ocArchivo, setOcArchivo] = React.useState(null); const [eta, setEta] = React.useState(''); const [notas, setNotas] = React.useState(''); const [notaCliente, setNotaCliente] = React.useState(''); const fileInputRef = React.useRef(null); React.useEffect(() => { Promise.all([ esCliente ? DesasfAPI.get('/auth/me/empresas').catch(() => ({ rows: [] })) : DesasfAPI.get('/clientes?limit=200').catch(() => ({ rows: [] })), DesasfAPI.get('/catalogo?activo=1&limit=100').catch(() => ({ rows: [] })), ]).then(([emp, prod]) => { const lista = emp.rows || []; setEmpresas(lista); setProductos(prod.rows || []); if (esCliente && lista.length === 1) setEmpresaId(lista[0].id); }).finally(() => setLoading(false)); }, []); const empresaSel = empresas.find(e => e.id === Number(empresaId)); const productoSel = productos.find(p => p.id === Number(productoId)); const empresasFiltradas = !empresaSearch.trim() ? empresas.slice(0, 12) : empresas.filter(e => e.razon_social.toLowerCase().includes(empresaSearch.toLowerCase()) || (e.ruc || '').includes(empresaSearch) ).slice(0, 12); const precioUnit = productoSel ? Number(productoSel.precio_base) : 0; const volNum = parseFloat(volumen) || 0; const subtotal = precioUnit * volNum; const igvPct = Number(window._appConfig?.igv_porcentaje ?? 18); const igv = subtotal * (igvPct / 100); const total = subtotal + igv; React.useEffect(() => { if (productoSel?.unidad) setUnidad(productoSel.unidad); }, [productoId]); function canNext() { if (step === 1) return !!empresaId; if (step === 2) return !!productoId && volNum >= 0.1; if (step === 3) return true; return false; } async function submit() { if (!empresaId || !productoId || !volumen) { setError('Completa cliente, producto y volumen.'); return; } setError(''); setSaving(true); try { const payload = { empresa_id: Number(empresaId), producto_id: Number(productoId), volumen: volNum, oc_numero: ocNumero.trim() || null, notas_tecnicas: notas.trim() || null, notas_cliente: notaCliente.trim()|| null, eta: eta || null, }; if (!esCliente) { payload.proyecto = proyecto.trim() || null; payload.dias_vencimiento = diasVenc !== '' ? Number(diasVenc) : null; payload.credito_proyecto = creditoProy !== '' ? Number(creditoProy) : null; payload.direccion_obra = direccionObra.trim() || null; } const res = await DesasfAPI.post('/solicitudes', payload); if (ocArchivo) { try { const fd = new FormData(); fd.append('file', ocArchivo); fd.append('tipo', 'orden_compra'); await DesasfAPI.upload(`/solicitudes/${res.id}/documentos`, fd); } catch (e) { console.error('Error subiendo OC:', e); alert('La solicitud se creó pero no se pudo adjuntar el archivo de OC: ' + e.message); } } close(); if (window._desasfNavigate) { window._desasfCurrentSolicitud = res.id; window._desasfNavigate('solicitud-detalle'); } } catch (err) { setError(err.message || 'No se pudo crear la solicitud.'); } finally { setSaving(false); } } function onOcFile(e) { const f = e.target.files?.[0]; if (!f) { setOcArchivo(null); return; } if (f.size > 50 * 1024 * 1024) { setError('El archivo supera 50 MB.'); e.target.value = ''; return; } setError(''); setOcArchivo(f); } function clearOcFile() { setOcArchivo(null); if (fileInputRef.current) fileInputRef.current.value = ''; } function fmtBytes(n) { if (!n) return '0 B'; if (n < 1024) return `${n} B`; if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`; return `${(n / 1024 / 1024).toFixed(2)} MB`; } function fmt(n) { return Number(n || 0).toLocaleString('es-PE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); } return (
Nueva solicitud · Paso {step} de 3
{step === 1 && 'Cliente'} {step === 2 && 'Producto y volumen'} {step === 3 && 'Logística y confirmación'}
×
{[ { l: '1. Cliente', state: step > 1 ? 'done' : step === 1 ? 'active' : '' }, { l: '2. Producto', state: step > 2 ? 'done' : step === 2 ? 'active' : '' }, { l: '3. Confirmar', state: step === 3 ? 'active' : '' }, ].map((s, i) => (
{s.l}
))}
{loading &&
Cargando…
} {!loading && step === 1 && (
{esCliente ? ( empresas.length === 0 ? (
No tienes empresas asociadas. Contacta al administrador para que te asigne al menos una empresa.
) : empresas.length === 1 ? (
Cliente
{empresas[0].razon_social}
{empresas[0].ruc &&
RUC {empresas[0].ruc}
}
) : ( <>
{empresas.map(e => (
setEmpresaId(e.id)} style={{ padding: '10px 14px', display: 'flex', alignItems: 'center', gap: 10, cursor: 'pointer', borderBottom: '1px solid var(--line)', background: Number(empresaId) === e.id ? 'var(--ink-9)' : '#fff' }}>
{(e.razon_social || '?').slice(0, 2).toUpperCase()}
{e.razon_social}
{e.ruc &&
RUC {e.ruc}
}
{Number(empresaId) === e.id &&
{Icon.check}
}
))}
) ) : ( <> setEmpresaSearch(e.target.value)}/>
{empresasFiltradas.length === 0 && (
Sin coincidencias.
)} {empresasFiltradas.map(e => (
setEmpresaId(e.id)} style={{ padding: '10px 14px', display: 'flex', alignItems: 'center', gap: 10, cursor: 'pointer', borderBottom: '1px solid var(--line)', background: Number(empresaId) === e.id ? 'var(--ink-9)' : '#fff' }}>
{(e.razon_social || '?').slice(0, 2).toUpperCase()}
{e.razon_social}
RUC {e.ruc}{e.sector ? ` · ${e.sector}` : ''}
{Number(empresaId) === e.id &&
{Icon.check}
}
))}
)}
)} {!loading && step === 2 && (
{productoSel && (
{productoSel.codigo} · {productoSel.especificacion || productoSel.categoria}
{productoSel.nombre}
Precio: S/ {Number(productoSel.precio_base).toLocaleString('es-PE')}/{productoSel.unidad}
)}
setVolumen(e.target.value)} style={{ flex: 1 }}/> {unidad}
{productoSel && volNum > 0 && (
≈ {(volNum * 1090).toLocaleString('es-PE')} kg estimados
)}