diff --git a/healthmanager/src/DescargaRecetas.jsx b/healthmanager/src/DescargaRecetas.jsx index 7e900c0..88f64cf 100644 --- a/healthmanager/src/DescargaRecetas.jsx +++ b/healthmanager/src/DescargaRecetas.jsx @@ -62,7 +62,7 @@ function DescargaRecetas(props) { } } - const generarPdf= (idReceta,nombreMedico,contactoMedico,fecha) =>{ + /*const generarPdf= (idReceta,nombreMedico,contactoMedico,fecha) =>{ var doc = new jsPDF(); const docWidth = doc.internal.pageSize.getWidth(); doc.text(10, 10,'Receta No.'+ idReceta); @@ -71,8 +71,46 @@ function DescargaRecetas(props) { doc.text(10, 30,'Contacto: '+contactoMedico) doc.text(10, 40,'Fecha: '+fecha) doc.save('Receta '+ fecha + ' .pdf'); - } + }*/ + //nuevo + const generarPdf = (idReceta, nombreMedico, contactoMedico, fecha) => { + const doc = new jsPDF(); + const docWidth = doc.internal.pageSize.getWidth(); + + //por su usamos imagen como la que viene en la imagen que me pasast + const imgData = 'datos/de/la/imagen/'; + doc.addImage(imgData, 'PNG', 10, 10, 50, 15); + + doc.setFontSize(18); + doc.setFont('helvetica', 'bold'); + const tituloX = 70; + const tituloY = 15; + doc.text(`Receta No. ${idReceta}`, tituloX, tituloY); + + const lineaY = tituloY + 6; + doc.line(tituloX - 5, lineaY, docWidth - 10, lineaY); + + doc.setFontSize(12); + doc.setFont('helvetica', 'normal'); + const contenidoX = tituloX; + const contenidoY = lineaY + 10; + const separacionLineas = 8; + + doc.text(`Medico: ${nombreMedico}`, contenidoX, contenidoY); + doc.text(`Contacto: ${contactoMedico}`, contenidoX, contenidoY + separacionLineas); + doc.text(`Fecha: ${fecha}`, contenidoX, contenidoY + separacionLineas * 2); + + const camposY = contenidoY + separacionLineas * 4; + doc.setFontSize(10); + doc.text('Paciente:', 10, camposY); + doc.text('Edad:', 60, camposY); + doc.text('Diagnostico:', 10, camposY + 10); + doc.text('Fecha:', 60, camposY + 10); + + doc.save(`Receta_${fecha}.pdf`); + }; + return ( <>