portal: orden médica siempre muestra botón descarga (fix PDF/bin)

This commit is contained in:
Lizandro Guarnizo
2026-03-17 15:18:54 -05:00
parent 8e15ccc6b4
commit c781863cd4
+12 -11
View File
@@ -534,18 +534,19 @@ const portal = {
<!-- Orden médica --> <!-- Orden médica -->
${item.orden_local_file ? ` ${item.orden_local_file ? `
<div class="mt-2 mb-2"> <div class="mt-2 mb-2">
<a href="${resOrden(item.orden_local_file)}" target="_blank" title="Ver / descargar orden médica"> <!-- Vista previa solo para imágenes (falla silenciosamente para PDFs) -->
<img src="${resOrden(item.orden_local_file)}" <img src="${resOrden(item.orden_local_file)}"
style="max-width:100%;max-height:180px;border-radius:8px;border:1px solid #ddd;cursor:zoom-in" id="ord-img-${item.orden_id}"
alt="Orden médica #${item.orden_id_display || item.orden_id}" style="max-width:100%;max-height:180px;border-radius:8px;border:1px solid #ddd;cursor:zoom-in;display:block"
onerror="this.style.display='none';document.getElementById('ord-icon-${item.orden_id}').style.display=''"> alt="Orden"
<div id="ord-icon-${item.orden_id}" style="display:none;" onclick="window.open('${resOrden(item.orden_local_file)}','_blank')"
class="text-center py-3 border rounded"> onerror="this.style.display='none'">
<i class="fas fa-file-medical fa-2x text-danger"></i> <!-- Botón siempre visible: funciona para imágenes Y PDFs -->
<p class="small mt-1 mb-0 text-muted">Toca para ver / descargar</p> <a href="${resOrden(item.orden_local_file)}" target="_blank"
</div> class="btn btn-sm btn-outline-danger w-100 mt-1">
<i class="fas fa-file-medical me-1"></i>
Ver / Descargar orden #${item.orden_id_display || item.orden_id || ''}
</a> </a>
<div class="small text-muted mt-1"><i class="fas fa-file-medical me-1"></i>Orden #${item.orden_id_display || item.orden_id}</div>
</div>` : ''} </div>` : ''}
<!-- Servicios extra registrados --> <!-- Servicios extra registrados -->
${seSuf ? `<div class="d-flex flex-wrap gap-1 mb-2">${seSuf}</div>` : ''} ${seSuf ? `<div class="d-flex flex-wrap gap-1 mb-2">${seSuf}</div>` : ''}