HUDS - Visualizar Derivaciones del COM

src/app/modules/com/com.module.ts

@@ -24,7 +24,7 @@ import { HistorialDerivacionComponent } from './components/historial-derivacion.
 import { NuevaDerivacionComponent } from './components/nueva-derivacion/nueva-derivacion.component';
 import { ComPuntoInicioComponent } from './components/punto-inicio.component';
 import { TipoTrasladoComponent } from './components/tipo-traslado/tipo-traslado';
-import { PuntoInicioService } from './services/punto-inicio.service';
+import { PuntoInicioService } from 'src/app/services/puntoInicio/punto-inicio.service';
 
 
 export const COM_COMPONENTS = [

src/app/modules/com/components/punto-inicio.component.ts

@@ -11,7 +11,7 @@ import { OrganizacionService } from '../../../services/organizacion.service';
 import { SemaforoService } from '../../semaforo-priorizacion/service/semaforo.service';
 import { IDerivacion } from '../interfaces/IDerivacion.interface';
 import { DerivacionesService } from './../../../services/com/derivaciones.service';
-import { PuntoInicioService } from './../services/punto-inicio.service';
+import { PuntoInicioService } from './../../../services/puntoInicio/punto-inicio.service';
 
 @Component({
     selector: 'com-punto-inicio',

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

@@ -21,6 +21,7 @@ import { HUDSService } from '../../services/huds.service';
 import { PrestacionesService } from './../../services/prestaciones.service';
 import { CDAService } from '../../services/CDA.service';
 
+import { PuntoInicioService } from 'src/app/services/puntoInicio/punto-inicio.service';
 
 @Component({
     selector: 'rup-hudsBusqueda',
@@ -32,6 +33,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
     laboratoriosFS: any;
     laboratorios: any = [];
     vacunas: any = [];
+    derivaciones: any = [];
     ordenDesc = true;
     searchTerm: string;
     hallazgosCronicosAux: any[];
@@ -116,6 +118,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         elementoderegistro: ['elemento de registro'],
         laboratorios: ['laboratorios'],
         vacunas: ['vacunas'],
+        recc: ['recc']
     };
     public prestacionesTotales;
     public registrosTotales = {
@@ -163,7 +166,8 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         { key: 'recetas', titulo: 'recetas', icono: 'listado-receta' },
         { key: 'producto', titulo: 'productos', icono: 'pildoras' },
         { key: 'laboratorios', titulo: 'laboratorios', icono: 'recipiente' },
-        { key: 'vacunas', titulo: 'vacunas', icono: 'vacuna' }
+        { key: 'vacunas', titulo: 'vacunas', icono: 'vacuna' },
+        { key: 'recc', titulo: 'recc', icono: 'account-switch' }
     ];
 
     public estadoReceta = {
@@ -201,6 +205,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         private recetasService: RecetaService,
         private cdaService: CDAService,
         private profesionalService: ProfesionalService,
+        private puntoInicioService: PuntoInicioService
     ) {
     }
 
@@ -214,6 +219,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
             this.listarInternaciones();
             this.listarPrestaciones();
             this.listarConceptos();
+            this.listarDerivaciones();
         }
         this.token = this.huds.getHudsToken();
         // Cuando se inicia una prestación debemos volver a consultar si hay CDA nuevos al ratito.
@@ -402,6 +408,11 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                 registro.tipo = 'solicitud';
                 registro.class = 'plan';
                 break;
+            case 'recc':
+                gtag('huds-open', tipo, registro.organizacionOrigen.nombre, index);
+                registro = registro;
+                registro.class = 'recc';
+                break;
             case 'ficha-epidemiologica':
                 gtag('huds-open', tipo, registro.prestacion.term, index);
                 registro = registro.data;
@@ -571,6 +582,19 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         });
     }
 
+    listarDerivaciones() {
+        const query = {
+            paciente: `^${this.paciente.documento}`
+        };
+
+        this.puntoInicioService.get(query).subscribe((data) => {
+
+            if (data.length > 0) {
+                this.derivaciones = data.filter(d => d.estado === 'finalizada');
+            }
+        });
+    }
+
     private cargarSolicitudesMezcladas() {
         this.solicitudesMezcladas = this.solicitudes.concat(this.solicitudesTOP);
 
@@ -727,6 +751,8 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                 return this.laboratorios.length;
             case 'vacunas':
                 return this.vacunas.length;
+            case 'recc':
+                return this.derivaciones.length;
             case 'solicitudes':
                 return this.solicitudesMezcladas.length;
             case 'recetas':
@@ -888,6 +914,10 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         this.emitTabs(registro, (registro.evoluciones ? 'concepto' : 'solicitud'), index);
     }
 
+    clickDerivacion(registro, index) {
+        this.emitTabs(registro, 'recc', index);
+    }
+
     normalizarCadena(cadena) {
         return cadena
             .normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase().replace(/\s+/g, ' ').trim();

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

@@ -877,5 +877,68 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 </div>
             </div>
         </ng-container>
+
+        <!-- Vista: RECC -->
+        <ng-container *ngIf="filtroActual === 'recc'">
+            <ul class="hover listado list-unstyled mb-0">
+                <ng-container *ngFor="let registro of derivaciones; let iDerivacion = index">
+                    <li>
+                        <div class="rup-card mini recc"
+                             [ngClass]="{'active': huds.isOpen(registro, 'recc'), 'recc': true}"
+                             (click)="clickDerivacion(registro, iDerivacion)">
+                            <div class="rup-header">
+                                <div class="rup-border rup-border-recc"
+                                     [ngClass]="{'active': huds.isOpen(registro, 'recc') , 'rup-border-recc': true}">
+                                    <div class="row p-0 m-0 border-secondary border-left-0">
+                                        <div class="col-10 p-0 m-0">
+                                            <div class="row m-0 p-0">
+                                                <div class="col-2 icon-rup drag-handle">
+                                                    <i class='adi adi-mano-corazon'></i>
+                                                </div>
+                                                <div class="col p-0 pl-2 float-left">
+                                                    <ng-container *ngIf='registro.organizacionOrigen'>
+                                                        {{ registro.organizacionOrigen.nombre }}</ng-container>
+                                                    <div class="row p-0 m-0">
+                                                        <div class="col-10 p-0 m-0">
+                                                            <div class="sugerido">
+                                                                <small>Organización Destino:
+                                                                    <ng-container>
+                                                                        {{ registro.organizacionDestino?.nombre }}
+                                                                    </ng-container>
+                                                                </small>
+                                                                <br>
+                                                                <small>Profesional:
+                                                                    <ng-container
+                                                                                  *ngIf='registro.profesionalSolicitante'>
+                                                                        {{ registro.profesionalSolicitante |
+                                                                        nombre }}
+                                                                    </ng-container>
+                                                                    <ng-container
+                                                                                  *ngIf='!registro.profesionalSolicitante'>
+                                                                        No existe
+                                                                    </ng-container>
+                                                                </small>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ng-container>
+            </ul>
+            <div *ngIf="!derivaciones.length">
+                <hr class="mt-0">
+                <div class="item-lista-vacia">
+                    <plex-label size="sm" justify="center" icon="adi adi-mano-corazon"
+                                titulo="No hay derivaciones registradas">
+                    </plex-label>
+                </div>
+            </div>
+        </ng-container>
     </div>
 </div>

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

@@ -132,6 +132,10 @@
             @include card-estilo($vacuna);
         }
 
+        .recc {
+            @include card-estilo($recc);
+        }
+
         .dominios {
             @include card-estilo($dominiosNac);
         }
@@ -286,6 +290,10 @@
         color: $vacuna
     }
 
+    &.recc {
+        color: $recc
+    }
+
     &.dominios {
         color: $dominiosNac
     }

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

@@ -98,6 +98,10 @@
                         <vista-cda [registro]="registro"></vista-cda>
                     </plex-tab>
 
+                    <plex-tab *ngIf="registro.tipo === 'recc'" [allowClose]="true" label="recc" [class]="registro.class"
+                              color="recc">
+                        <vista-derivacion [registro]="registro.data"></vista-derivacion>
+                    </plex-tab>
 
                     <plex-tab [allowClose]="true" label="Ficha Epidemilógica"
                               *ngIf="registro.tipo === 'ficha-epidemiologica'">

src/app/modules/rup/components/huds/vistaDerivacion.html

@@ -0,0 +1,93 @@
+<ng-container *ngIf="registro">
+    <plex-title titulo=" DATOS DE DERIVACIÓN " size="lg">
+        <div class="titulo-badges">
+            <plex-button size="sm" class="pr-1" type="info" [icon]="'printer'" title="Imprimir histórico de derivación"
+                         [disabled]="requestInProgress" (click)="imprimirHistorial()">
+            </plex-button>
+            <plex-badge *ngIf="registro.estado === 'solicitada' || registro.estado === 'asignada' || registro.estado === 'finalizada' "
+                        type="info">
+                {{registro.estado}}
+            </plex-badge>
+            <plex-badge *ngIf="registro.estado === 'habilitada'|| registro.estado === 'aceptada' || registro.estado === 'encomendada'"
+                        type="success" class="pr-1">
+                {{registro.estado}}
+            </plex-badge>
+            <plex-badge *ngIf="registro.estado === 'inhabilitada' || registro.estado === 'rechazada'" type="danger">
+                {{registro.estado}}
+            </plex-badge>
+        </div>
+    </plex-title>
+
+    <plex-grid class="mt-4" type="full" cols="2">
+        <div>
+            <plex-label titulo="Fecha creación"
+                        subtitulo="{{registro.createdAt | fecha}} {{registro.createdAt | hora}}">
+            </plex-label>
+        </div>
+        <div>
+            <plex-label titulo="Creada por" subtitulo="{{registro.createdBy | nombre}}">
+            </plex-label>
+        </div>
+        <div>
+            <plex-label titulo="Organización destino" subtitulo="{{registro.organizacionDestino.nombre}}">
+            </plex-label>
+        </div>
+        <div *ngIf="fechaAceptada">
+            <plex-label titulo="Fecha aceptada"
+                        subtitulo="{{ (fechaAceptada | fecha) + ' ' + (fechaAceptada | hora)  }}">
+            </plex-label>
+        </div>
+        <div *ngIf="registro.motivoDerivacion">
+            <plex-label titulo="Motivo" subtitulo="{{ registro.motivoDerivacion }}">
+            </plex-label>
+        </div>
+        <div *ngIf="registro.diagnosticoActual">
+            <plex-label titulo="Diagnostico Actual" subtitulo="{{ registro.diagnosticoActual }}">
+            </plex-label>
+        </div>
+        <div *ngIf="registro.estadoClinico">
+            <plex-label titulo="Estado Clínico" subtitulo="{{ registro.estadoClinico }}">
+            </plex-label>
+        </div>
+        <div *ngIf="registro.condicion">
+            <plex-label titulo="Condición" subtitulo="{{ registro.condicion }}">
+            </plex-label>
+        </div>
+        <div *ngIf="registro.necesidad">
+            <plex-label titulo="Necesidad" subtitulo="{{ registro.necesidad }}">
+            </plex-label>
+        </div>
+    </plex-grid>
+
+    <ng-container *ngIf="registro.dispositivo">
+        <plex-title size="sm" titulo="Dispositivo"></plex-title>
+        <plex-grid class="mt-4" type="full" cols="3">
+            <div><plex-label titulo="Fecha creación"
+                            subtitulo="{{registro.dispositivo.createdAt | fecha}} {{registro.createdAt | hora}}">
+                </plex-label></div>
+            <div><plex-label titulo="Nombre" subtitulo="{{registro.dispositivo.nombre}}">
+                </plex-label></div>
+            <div><plex-label titulo="Tipo" subtitulo="{{registro.dispositivo.tipo}}">
+                </plex-label></div>
+        </plex-grid>
+    </ng-container>
+
+    <ng-container *ngIf="registro.tipoTraslado">
+        <plex-title size="sm" titulo="Tipo de Traslado"></plex-title>
+        <plex-grid class="mt-4" type="full" cols="3">
+            <div><plex-label titulo="Fecha creación"
+                            subtitulo="{{registro.tipoTraslado.createdAt | fecha}} {{registro.createdAt | hora}}">
+                </plex-label></div>
+            <div><plex-label titulo="Creada por" subtitulo="{{registro.tipoTraslado.createdBy | nombre}}">
+                </plex-label></div>
+            <div><plex-label titulo="Nombre" subtitulo="{{registro.tipoTraslado.nombre}}">
+                </plex-label></div>
+        </plex-grid>
+    </ng-container>
+    <plex-title size="sm" titulo="Nota"></plex-title>
+    <plex-grid type="full" cols="1">
+        {{registro.detalle}}
+    </plex-grid>
+    <shared-galeria-archivos [files]="adjuntosUrl" [readonly]="true">
+    </shared-galeria-archivos>
+</ng-container>

src/app/modules/rup/components/huds/vistaDerivacion.scss

@@ -0,0 +1,53 @@
+.titulo-badges {
+    display: flex;
+    column-gap: 5px;
+    align-items: center;
+}
+
+.registros {
+    display: flex;
+    align-items: center;
+    grid-gap: 20px;
+
+    .icon-info {
+        color: var(--nav-bar-color);
+        padding: 10px;
+        border: 1px solid var(--nav-bar-color);
+        border-radius: 100%;
+        width: 60px;
+        height: 60px;
+        align-items: center;
+        display: flex;
+        justify-content: center;
+    }
+
+    .info-registro {
+        display: flex;
+        flex-direction: column;
+
+        plex-badge {
+            margin-bottom: 10px;
+        }
+
+        hr {
+            float: left;
+            margin: 0.75rem 0;
+            width: 35px;
+            border: solid 0.5px var(--nav-bar-color);
+        }
+    }
+}
+
+.texto-detalle {
+    text-transform: capitalize;
+    font-size: 80%;
+    line-height: normal;
+}
+
+.subtitulo {
+    font-size: 1.4em;
+    font-weight: 300;
+    margin-bottom: -5px;
+    text-transform: uppercase;
+    color: var(--nav-bar-color);
+}