feat(RUP): implementa renovacion de receta

Author: ma7payne

projects/portal/src/app/services/receta.service.ts

@@ -1,7 +1,7 @@
-import { Auth } from '@andes/auth';
 import { Server } from '@andes/shared';
 import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
+import * as moment from 'moment';
+import { forkJoin, Observable } from 'rxjs';
 import { IProfesional } from 'src/app/interfaces/IProfesional';
 
 @Injectable({
@@ -12,8 +12,7 @@ export class RecetaService {
     private url = '/modules/recetas';
 
     constructor(
-        private server: Server,
-        private auth: Auth
+        private server: Server
     ) { }
 
 
@@ -29,6 +28,21 @@ export class RecetaService {
         return this.server.patch(`${this.url}`, { op: 'suspender', recetas, motivo, observacion, profesional });
     }
 
+    renovar(recetas: any[], profesional: IProfesional, organizacion: any): Observable<any[]> {
+        const requests = recetas.map(receta => this.server.post(`${this.url}`, {
+            idPrestacion: receta.idPrestacion,
+            idRegistro: receta.idRegistro,
+            idRecetaOriginal: receta,
+            medicamento: receta.medicamento,
+            paciente: receta.paciente,
+            diagnostico: receta.diagnostico,
+            profesional,
+            organizacion
+        }));
+
+        return forkJoin(requests);
+    }
+
     getUltimaReceta(recetas) {
         return recetas?.reduce((mostRecent, receta) => {
             const recetaDate = moment(receta.fechaRegistro);

src/app/modules/rup/components/core/_rup.scss

@@ -17,6 +17,7 @@ $rotate: -90deg;
     margin-bottom: 10px;
     transition: 200ms all;
     -webkit-transition: 200ms all;
+    overflow-x: hidden;
 
     &.mini {
         margin-bottom: 2px;

src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts

@@ -193,6 +193,31 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit {
     ) {
     }
 
+    public mostrarRenovacion = false;
+    public mostrarSuspension = false;
+
+    abrirRenovacion() {
+        this.mostrarRenovacion = true;
+    }
+
+    cerrarRenovacion() {
+        this.mostrarRenovacion = false;
+    }
+
+    cerrarSuspension() {
+        this.mostrarSuspension = false;
+    }
+
+    abrirSuspension() {
+        this.mostrarSuspension = true;
+    }
+
+    resetEstado() {
+        this.mostrarRenovacion = false;
+        this.mostrarSuspension = false;
+        this.seleccionRecetas = [];
+    }
+
     /**
      * buscamos y listamos las prestaciones o hallazgos del paciente
      *
@@ -857,16 +882,6 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit {
         this.emitTabs(group, 'receta', 0);
     }
 
-    esRecetaSeleccionable(receta) {
-        const estadosPermitidos = ['vigente'];
-        const dispensasPermitidas = ['sin-dispensa', 'dispensa-parcial'];
-
-        const estadoValido = estadosPermitidos.includes(receta.estadoActual?.tipo);
-        const dispensaValida = dispensasPermitidas.includes(receta.estadoDispensaActual?.tipo);
-
-        return estadoValido && dispensaValida && this.profesionalValido;
-    }
-
     getProfesional() {
         const profesionalId = this.auth.profesional;
 
@@ -890,11 +905,32 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit {
             .sort((a, b) => moment(b.fechaRegistro).diff(moment(a.fechaRegistro)))[0];
 
         if (isSelected) {
-            this.seleccionRecetas[index] = true;
-            this.seleccionSuspender.push(recetaSeleccionada);
+            this.seleccionRecetas[index] = recetas[0];
         } else {
             this.seleccionRecetas[index] = null;
             this.seleccionSuspender = this.seleccionSuspender.filter(r => r.id !== recetaSeleccionada.id);
         }
     }
+
+    esRecetaRenovable(receta) {
+        const fechaLimite = moment().subtract(6, 'months');
+        const fechaRegistroValida = moment(receta.fechaRegistro).isAfter(fechaLimite);
+        const estadoValido = receta.estadoActual?.tipo !== 'vigente' || receta.estadoDispensaActual?.tipo === 'dispensada';
+
+        return fechaRegistroValida && estadoValido;
+    }
+
+    esRecetaSuspendible(receta) {
+        const estadosPermitidos = ['vigente'];
+        const dispensasPermitidas = ['sin-dispensa', 'dispensa-parcial'];
+
+        const estadoValido = estadosPermitidos.includes(receta.estadoActual?.tipo);
+        const dispensaValida = dispensasPermitidas.includes(receta.estadoDispensaActual?.tipo);
+
+        return estadoValido && dispensaValida && this.profesionalValido;
+    }
+
+    esRecetSeleccionable(receta) {
+        return (this.mostrarRenovacion && !this.esRecetaRenovable(receta)) || (this.mostrarSuspension && !this.esRecetaSuspendible(receta));
+    }
 }

src/app/modules/rup/components/ejecucion/hudsBusqueda.html

@@ -21,11 +21,35 @@
         </div>
     </div>
     <div class="menu-titulo">
-        <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercase }}</h6>
-        <suspender-medicacion *ngIf="filtroActual==='recetas' && seleccionRecetas.length > 0"
-                              [seleccionRecetas]="seleccionSuspender" [motivoSelector]="motivoSuspensionSelector"
-                              [motivosSuspension]="motivosSuspension" [profesional]="profesional"
-                              (reset)="resetSeleccionRecetas()"></suspender-medicacion>
+        <ng-container>
+            <h6 class="titulo-filtro {{filtroActual}}">
+                <ng-container *ngIf="mostrarRenovacion">RENOVAR RECETAS</ng-container>
+                <ng-container *ngIf="mostrarSuspension">SUSPENDER RECETAS</ng-container>
+                <ng-container *ngIf="!mostrarRenovacion && !mostrarSuspension">{{ getTitulo(filtroActual) | uppercase
+                    }}</ng-container>
+            </h6>
+        </ng-container>
+        <div class="icon-wrapper" *ngIf="filtroActual==='recetas'">
+            <ng-container *ngIf="!mostrarRenovacion && !mostrarSuspension">
+                <plex-button type="info" class="mr-1" icon="refresh" label="Renovar" (click)="abrirRenovacion()" size="sm">
+                </plex-button>
+                <plex-button type="danger" icon="stop" label="Suspender" (click)="abrirSuspension()" size="sm">
+                </plex-button>
+            </ng-container>
+            <renovar-medicacion *ngIf="mostrarRenovacion" [seleccionRecetas]="seleccionRecetas"
+                                [motivoSelector]="motivoSuspensionSelector" [motivosSuspension]="motivosSuspension"
+                                [profesional]="profesional" (cerrar)="cerrarRenovacion()"
+                                (reset)="resetSeleccionRecetas()">
+            </renovar-medicacion>
+            <suspender-medicacion *ngIf="mostrarSuspension" [seleccionRecetas]="seleccionRecetas"
+                                  [motivoSelector]="motivoSuspensionSelector" [motivosSuspension]="motivosSuspension"
+                                  [profesional]="profesional" (cerrar)="cerrarSuspension()"
+                                  (reset)="resetSeleccionRecetas()">
+            </suspender-medicacion>
+            <plex-button *ngIf="mostrarRenovacion || mostrarSuspension" type="danger" size="sm" icon="arrow-left"
+                         (click)="resetEstado()" class="ml-1" tooltip="Volver" tooltipPosition="top">
+            </plex-button>
+        </div>
     </div>
     <div class="grow" *ngIf="filtroActual === 'planes'">
         <plex-options class="filtros-ambitos" (activated)='setAmbitoOrigen($event)' [items]="filtrosAmbitos">
@@ -52,7 +76,6 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
         </plex-bool>
     </div>
 
-
     <!-- Vista Recetas -->
     <ng-container *ngIf="filtroActual === 'recetas'">
         <plex-text [(ngModel)]="searchRecetas" name="searchRecetas" (change)="filtrarRecetas()"
@@ -62,7 +85,8 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
             <ul *ngIf="busquedaRecetas.length" class="hover listado list-unstyled">
                 <ng-container *ngFor="let grupo of busquedaRecetas; let iReceta = index">
                     <li>
-                        <plex-bool [readonly]="!esRecetaSeleccionable(grupo?.recetas[0])"
+                        <plex-bool *ngIf="mostrarRenovacion || mostrarSuspension"
+                                   [readonly]="esRecetSeleccionable(grupo?.recetas[0])"
                                    [ngModel]="seleccionRecetas[iReceta]" name="seleccionada" type="checkbox"
                                    (change)="seleccionarReceta($event, grupo.recetas, iReceta)">
                         </plex-bool>
@@ -79,7 +103,8 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                                 </div>
                                                 <div class="col p-0 pl-2 float-left">
                                                     <div class="row p-0 m-0 titulo">
-                                                        {{ grupo.recetas[0].medicamento.concepto.term }}</div>
+                                                        {{ grupo.recetas[0].medicamento.concepto.term }}
+                                                    </div>
                                                     <div class="row p-0 m-0">
                                                         <div class="col-10 p-0 m-0">
                                                             <div class="sugerido">

src/app/modules/rup/components/ejecucion/hudsBusqueda.scss

@@ -245,6 +245,11 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+
+    .icon-wrapper {
+        display: flex;
+        margin-bottom: 5px;
+    }
 }
 
 .titulo-filtro {

src/app/modules/rup/components/ejecucion/prestacionEjecucion.component.ts

@@ -516,7 +516,7 @@ export class PrestacionEjecucionComponent implements OnInit, OnDestroy {
         }
 
         const esAsociado = this.prestacion.ejecucion.registros.some(r =>
-            r.valor?.medicamentos?.length && r.valor.medicamentos.some(m => m.diagnostico.conceptId === registro.concepto.conceptId)
+            r.valor?.medicamentos?.length && r.valor.medicamentos.some(m => m.diagnostico?.conceptId === registro.concepto?.conceptId)
         );
 
         return !esAsociado;

src/app/modules/rup/components/ejecucion/recetas/renovarMedicacion.html

@@ -0,0 +1,29 @@
+<plex-button *ngIf="!seleccionRecetas.length" type="success" icon="check" size="sm" tooltip="Renovar"
+             tooltipPosition="left" disabled="true">
+</plex-button>
+
+<plex-help *ngIf="seleccionRecetas.length" size="sm" class="ml-2" btnType="success" icon="check" tooltip="Renovar"
+           tooltipPosition="left">
+    <plex-title titulo="Renovar Medicamento" size="sm">
+        <plex-button type="success" icon="check" size="sm" tooltip="Confirmar" tooltipPosition="left"
+                     (click)="renovarMedicacion()">
+        </plex-button>
+    </plex-title>
+
+    <table class="table">
+        <thead>
+            <tr>
+                <th>Indicacion</th>
+                <th>Profesional</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr *ngFor="let receta of seleccionRecetas" [style.display]="receta ? 'table-row' : 'none'">
+                <td>{{ receta?.medicamento.concepto.term }}</td>
+                <td>{{ receta?.profesional.nombre }} {{ receta?.profesional.apellido }}
+            </tr>
+        </tbody>
+    </table>
+    <plex-label *ngIf="!seleccionRecetas?.length" titulo="No hay recetas seleccionadas">
+    </plex-label>
+</plex-help>

src/app/modules/rup/components/ejecucion/recetas/renovarMedicacion.ts

@@ -0,0 +1,40 @@
+import { Auth } from '@andes/auth';
+import { Plex } from '@andes/plex';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { RecetaService } from 'projects/portal/src/app/services/receta.service';
+
+@Component({
+    selector: 'renovar-medicacion',
+    templateUrl: 'renovarMedicacion.html',
+})
+
+export class RenovarMedicacionComponent {
+    constructor(
+        public plex: Plex,
+        private recetasService: RecetaService,
+        private auth: Auth,
+    ) { }
+
+    @Input() seleccionRecetas: any[];
+    @Input() profesional: any;
+
+    @Output() reset: EventEmitter<any> = new EventEmitter<any>();
+    @Output() cerrar: EventEmitter<any> = new EventEmitter<any>();
+
+    public renovarMedicacion() {
+        const organizacion = { id: this.auth.organizacion.id, nombre: this.auth.organizacion.nombre };
+        const recetaIds = this.seleccionRecetas
+            .filter(receta => receta !== null);
+
+        this.recetasService.renovar(recetaIds, this.profesional, organizacion).subscribe({
+            next: () => {
+                this.reset.emit();
+                this.cerrar.emit();
+                this.plex.toast('success', 'Medicaciones renovadas correctamente');
+            },
+            error: () => {
+                this.plex.toast('danger', 'Error al renovar las medicaciones');
+            }
+        });
+    }
+}

src/app/modules/rup/components/ejecucion/recetas/suspenderMedicacion.html

@@ -1,4 +1,9 @@
-<plex-help size="sm" class="ml-2" btnType="danger" icon="stop" tooltip="Suspender" tooltipPosition="left">
+<plex-button *ngIf="!seleccionRecetas.length" type="success" icon="check" size="sm" tooltip="Suspender"
+             tooltipPosition="left" disabled="true">
+</plex-button>
+
+<plex-help *ngIf="seleccionRecetas.length" size="sm" class="ml-2" btnType="success" icon="check" tooltip="Suspender"
+           tooltipPosition="left">
     <plex-title titulo="Suspender Medicamento" size="sm">
         <plex-button type="success" icon="check" size="sm" tooltip="Confirmar" tooltipPosition="left"
                      [disabled]="!formSuspension.valid" (click)="suspenderMedicacion()">
@@ -25,8 +30,8 @@
         <plex-select label="Motivo de suspensión" name="motivo" [(ngModel)]="motivoSelector" [data]="motivosSuspension"
                      required>
         </plex-select>
-        <plex-text label="Observación" name="observacion" [(ngModel)]="observacion" placeholder="Ingrese una observación"
-                   [required]="motivoSelector?.nombre === 'Otro'">
+        <plex-text label="Observación" name="observacion" [(ngModel)]="observacion"
+                   placeholder="Ingrese una observación" [required]="motivoSelector?.nombre === 'Otro'">
         </plex-text>
     </form>
 </plex-help>

src/app/modules/rup/components/ejecucion/recetas/suspenderMedicacion.ts

@@ -19,25 +19,26 @@ export class SuspenderMedicacionComponent {
     @Input() profesional: any;
 
     @Output() reset: EventEmitter<any> = new EventEmitter<any>();
+    @Output() cerrar: EventEmitter<any> = new EventEmitter<any>();
 
     public motivoSelector: any;
     public observacion: string;
 
     public suspenderMedicacion() {
-        const medicamento = this.seleccionRecetas[0]?.medicamento.concepto.term;
-        this.plex.confirm(`¿Está seguro que desea suspender ${this.seleccionRecetas.length > 1 ? `las (${this.seleccionRecetas.length}) medicaciones seleccionadas` : `<br><b>"${medicamento}"</b>`}?`, 'Atención').then(confirmacion => {
-            if (confirmacion) {
-                const recetaIds = this.seleccionRecetas.map(receta => receta.id);
-                this.recetasService.suspender(recetaIds, this.profesional, this.motivoSelector.nombre, this.observacion).subscribe({
-                    next: () => {
-                        this.reset.emit();
-                        this.plex.toast('success', 'Medicaciones suspendidas correctamente');
-                    },
-                    error: () => {
-                        this.plex.toast('danger', 'Error al suspender las medicaciones');
-                    }
-                });
+        const recetaIds = this.seleccionRecetas
+            .filter(receta => receta !== null)
+            .map(({ id }) => id);
+
+        this.recetasService.suspender(recetaIds, this.profesional, this.motivoSelector.nombre, this.observacion).subscribe({
+            next: () => {
+                this.reset.emit();
+                this.cerrar.emit();
+                this.plex.toast('success', 'Medicaciones suspendidas correctamente');
+            },
+            error: () => {
+                this.plex.toast('danger', 'Error al suspender las medicaciones');
             }
         });
+
     }
 }