Skip to main content

Visualización de Informes en el Pop-up

Este pop-up permite visualizar y gestionar los informes médicos generados, diferenciando entre informes aprobados y no aprobados. Ofrece opciones para ver el detalle de cada informe, editar y aprobar los informes no aprobados, y copiar la información de los informes aprobados.

Implementación del Pop-up​

Para integrar el pop-up de visualización de informes en tu sistema, utiliza la siguiente lógica:

  const response = await login(); // La función login() simula la función que obtiene el token.

  const data = {
    view: "reportList",
    token: response, // Se obtiene el token de la sentencia de login.
    doctorId: "", // ID del doctor que está generando el informe.
  };

  // Crea un objeto URLSearchParams para enviar los datos dentro de la URL.
  const urlParams = new URLSearchParams(data);

  // Dimensiones recomendadas para el Pop-Up.
    const width = 950;
    const height = 650;
    const left = (window.screen.width - width) / 2;
    const top = (window.screen.height - height) / 2.5

  // Defina la URL del Pop-Up de Speaknosis.
  const URLPopUp = "https://portal.speaknosis.com/#/pop-up/" // Url de producción.
  // "https://dev-portal.speaknosis.com/#/pop-up/" // Url de desarrollo.

  // Abre el modal con la función window.open
  const popup = window.open(
    {URLPopUp}?${urlParams}, // Añadir URL de Pop-Up de Speaknosis más el objeto creado con los datos de la consulta.
    "PopUp",
    width=${width},height=${height},top=${top},left=${left} // Entregar dimensiones del Pop-Up.
  );

  // Validacion para verificar si se abrio correctamente el Pop-Up.
  if (!popup) {
    console.error("No se pudo abrir el pop-up");
  }

Uso y Funcionamiento del Pop-up​

Si el Pop-Up recibió los datos de la consulta ( token y doctorId ) de manera correcta, se debería visualizar el componente del Pop-Up.

1. Historial de Informes​

Al abrir el pop-up, se muestra el "Historial de Informes", con opciones para filtrar por estado:

Historial de Informes

  • No aprobados: Muestra los informes que aún no han sido aprobados. Estos informes se pueden editar y aprobar.
  • Aprobados: Muestra los informes que ya han sido aprobados. Estos informes son finales y solo se pueden visualizar y copiar.

La tabla de informes muestra:

  • FECHA: Fecha de la consulta.
  • HORA: Hora de la consulta.
  • NOMBRE DEL DOCTOR: Nombre del doctor que generó el informe.
  • Acciones (ícono de ojo): Haz clic aquí ojo para ver el detalle del informe.

2. Detalle del Informe - No Aprobados​

Al hacer clic en el ícono de ojo de un informe no aprobado, se abre una ventana con el detalle del informe:

Detalle del Informe - No Aprobado

Esta vista muestra la siguiente información:

  • ID de consulta: Identificador único de la consulta.
  • Fecha: Fecha de la consulta.
  • Hora: Hora de la consulta.
  • Nombre del doctor: Nombre del doctor.
  • ID del doctor: ID del doctor en Speaknosis.
  • Resumen del paciente: Un breve resumen de la consulta.
  • Informe Consulta Médica: Sección desplegable con el detalle del informe. Contiene campos como "Motivo de Consulta", "Síntomas", etc.

Después de verificar el informe, puedes:

  • Editarlo (imagen Edición): Haz clic en botoón editar para editar los campos que requieran.

  • Aprobar el Informe: Haz clic en Aprobar Informe para generar el informe.

Importante: Una vez aprobado el informe, este se mueve a la sección de "Aprobados" y ya no se puede editar. Queda guardado definitivamente.

Al hacer clic en "Editar", los campos editables se desbloquearán, y la vista cambiará a la siguiente:

Edición de Informes

Después de realizar las modificaciones, puedes:

  • Cancelar: Haz clic en botoón cancelar para descartar los cambios.

  • Guardar: Haz clic en botoón guardar para confirmar los cambios.

3. Detalle del Informe - Aprobados​

Al hacer clic en el ícono de ojo ojo de un informe aprobado, se muestra una vista similar a la de los informes no aprobados, pero con la diferencia de que no se pueden editar. En su lugar, se muestra un botón para copiar el informe:

Detalle del Informe - Aprobado

  • Acciones (Botón Copiar): Debajo del informe encontrarás el botón copiar. Al hacer clic en este botón, se copiará el texto completo del reporte al portapapeles del sistema. Puedes entonces pegar este texto en otro documento o aplicación.