Skip to content

REC-207: Implementa carga de medicamentos magistrales #3317

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ma7payne wants to merge 1 commit into
base: master
Choose a base branch
from
Open

REC-207: Implementa carga de medicamentos magistrales #3317

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 38 additions & 7 deletions src/app/modules/rup/components/elementos/recetaMedica.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
tiempoTratamiento: null,
serie: null,
numero: null,
esMagistral: false,
dosisDiaria: {
dosis: null,
frecuencia: null,
Expand Down Expand Up @@ -118,17 +119,39 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
@Unsubscribe()
loadMedicamentoGenerico(event) {
const input = event.query;
if (input && input.length > 2 && this.eclMedicamentos) {
const query: any = {
expression: this.eclMedicamentos.valor,
search: input
};
this.snomedService.get(query).subscribe(event.callback);
if (input && input.length > 2) {
if (this.medicamento.esMagistral) {
this.recetasService.getInsumos({ termino: input }).subscribe(insumos => {
const mappedInsumos = insumos.map(i => {
return {
...i,
term: i.nombre,
conceptId: i.id
};
});
event.callback(mappedInsumos);
});
} else if (this.eclMedicamentos) {
const query = {
expression: this.eclMedicamentos.valor,
search: input
};
this.snomedService.get(query).subscribe(event.callback);
} else {
event.callback([]);
}
} else {
event.callback([]);
}
}

onChangeMagistral() {
this.medicamento.generico = null;
this.medicamento.presentacion = null;
this.unidades = [];
this.deshacerCantidadManual();
}

loadRegistros() {
this.registros = [
...this.prestacion.ejecucion.registros
Expand All @@ -142,9 +165,16 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
loadPresentaciones() {
this.deshacerCantidadManual();
this.loading = true;
this.medicamento.cantidad = null;
this.medicamento.presentacion = null;
this.medicamento.cantEnvases = null;

if (this.medicamento.esMagistral) {
this.unidades = [];
this.ingresoCantidadManual = true;
this.loading = false;
return;
}

if (this.medicamento.generico && this.eclPresentaciones && this.eclMedicamentosComerciales) {
const queryPresentacion: any = {
expression: this.eclPresentaciones.valor.replace('#MG#', this.medicamento.generico.conceptId),
Expand Down Expand Up @@ -279,6 +309,7 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
tiempoTratamiento: null,
serie: null,
numero: null,
esMagistral: false,
dosisDiaria: {
frecuencia: null,
dias: null,
Expand Down
86 changes: 51 additions & 35 deletions src/app/modules/rup/components/elementos/recetaMedica.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
<ng-container *ngIf="!soloValores">
<form class="mt-1" #formMedicamento="ngForm">
<plex-select [(ngModel)]="medicamento.diagnostico" hintType="info" label="Diagnóstico" [data]="registros"
name="diagnostico" multiline="true" [required]="true" labelField="term" idField="conceptId"
hint="Se listaran los conceptos registrados en esta consulta" hintType="info" hintIcon="eye">
name="diagnostico" multiline="true" [required]="true" labelField="term" idField="conceptId"
hint="Se listaran los conceptos registrados en esta consulta" hintType="info" hintIcon="eye">
</plex-select>

<!-- Sección de selección de obra social -->
<div class="row" *ngIf="showSelector">
<div class="col-md-12">
<label class="form-label">Obra Social / Financiador</label>
<plex-radio name="financiador" [(ngModel)]="financiadorSeleccionado"
(change)="seleccionarFinanciador($event)" [data]="datosFinanciadores">
(change)="seleccionarFinanciador($event)" [data]="datosFinanciadores">
</plex-radio>
</div>
</div>
Expand All @@ -19,8 +19,9 @@
<div class="row" *ngIf="showListado">
<div class="col-md-12">
<label class="form-label">Seleccionar otro financiador</label>
<plex-select name="otroFinanciador" placeholder="Buscar financiador..." [(ngModel)]="otroFinanciadorSeleccionado" [data]="opcionesFinanciadores"
labelField="nombre" (change)="seleccionarOtroFinanciador($event)">
<plex-select name="otroFinanciador" placeholder="Buscar financiador..."
[(ngModel)]="otroFinanciadorSeleccionado" [data]="opcionesFinanciadores" labelField="nombre"
(change)="seleccionarOtroFinanciador($event)">
</plex-select>
</div>
</div>
Expand All @@ -29,104 +30,113 @@
<div class="row" *ngIf="prestacion?.paciente?.obraSocial && showSelector">
<div class="col-md-6">
<plex-text name="numeroAfiliado" label="Número de afiliado" [(ngModel)]="numeroAfiliado"
placeholder="Ingrese número de afiliado" [pattern]="patronNumerico"
(ngModelChange)="actualizarNumeroAfiliado()">
placeholder="Ingrese número de afiliado" [pattern]="patronNumerico"
(ngModelChange)="actualizarNumeroAfiliado()">
</plex-text>
</div>
</div>

<div class="mt-3">
<plex-bool [(ngModel)]="medicamento.esMagistral" name="esMagistral" type="slide"
label="Fórmula Magistral (Insumos)" (change)="onChangeMagistral()">
</plex-bool>
</div>
<plex-grid cols="2">
<plex-select [(ngModel)]="medicamento.generico" name="generico" (getData)="loadMedicamentoGenerico($event)"
placeholder="Medicamento genérico" label="Medicamento" idField="conceptId" labelField="term"
(change)="loadPresentaciones()" required="true">
<plex-select *ngIf="!medicamento.esMagistral" [(ngModel)]="medicamento.generico" name="generico"
(getData)="loadMedicamentoGenerico($event)" placeholder="Medicamento genérico" label="Medicamento"
idField="conceptId" labelField="term" (change)="loadPresentaciones()" required="true">
</plex-select>
<plex-select *ngIf="medicamento.esMagistral" [(ngModel)]="medicamento.generico" name="genericoMagistral"
(getData)="loadMedicamentoGenerico($event)" placeholder="Buscar Insumo Magistral"
label="Fórmula Magistral" idField="conceptId" labelField="term" (change)="loadPresentaciones()"
required="true">
</plex-select>

<div grow="full">
<plex-select *ngIf="!medicamento.generico || unidades.length || loading" class="formEditar w-100"
name="unidades" [(ngModel)]="medicamento.cantidad" [data]="unidades"
placeholder="Seleccione una opción" label="Cantidad" labelField="valor" required="true"
[disabled]="!unidades?.length || ingresoCantidadManual" (change)="onChange($event)">
name="unidades" [(ngModel)]="medicamento.cantidad" [data]="unidades"
placeholder="Seleccione una opción" label="Cantidad" labelField="valor" required="true"
[disabled]="!unidades?.length || ingresoCantidadManual" (change)="onChange($event)">
</plex-select>
<ng-container *ngIf="medicamento?.generico && !unidades.length && !loading || ingresoCantidadManual">
<plex-int class="formEditar" [ngClass]="{ 'w-100': !unidades.length }" name="comprimidos"
label="Cantidad" [(ngModel)]="valorCantidadManual" required="true" min="1" max="90">
label="Cantidad" [(ngModel)]="valorCantidadManual" required="true" min="1" max="90">
</plex-int>
</ng-container>
<plex-button *ngIf="ingresoCantidadManual && unidades.length" class="ml-1" name="deshacer"
type="warning" icon="undo" tooltip="Deshacer edición manual" size="md"
(click)="deshacerCantidadManual()">
type="warning" icon="undo" tooltip="Deshacer edición manual" size="md"
(click)="deshacerCantidadManual()">
</plex-button>
</div>
</plex-grid>

<plex-grid cols="2">
<plex-int name="envases" label="Cantidad de envases" [(ngModel)]="medicamento.cantEnvases" required="true"
min="1" max="90">
min="1" max="90">
</plex-int>

<plex-grid cols="2" class="grid-tratamiento">
<plex-bool [(ngModel)]="medicamento.tratamientoProlongado" name="tratamientoProlongado" type="slide"
label="Tratamiento prolongado" [readonly]="medicamento.tipoReceta === 'triplicado'">
label="Tratamiento prolongado" [readonly]="medicamento.tipoReceta === 'triplicado'">
</plex-bool>
<plex-select *ngIf="medicamento.tratamientoProlongado" [(ngModel)]="medicamento.tiempoTratamiento"
name="tiempoTratamiento" [data]="tiemposTratamiento" required="true">
name="tiempoTratamiento" [data]="tiemposTratamiento" required="true">
</plex-select>
</plex-grid>
</plex-grid>

<div class="mt-2">
<plex-title name="tipoReceta" titulo="Tipo de receta" size="sm"></plex-title>
<plex-bool [(ngModel)]="esDuplicado" name="Duplicado" type="slide" label="Duplicado"
(change)="onTipoRecetaChange('duplicado')">
(change)="onTipoRecetaChange('duplicado')">
</plex-bool>
<plex-bool [(ngModel)]="esTriplicado" name="triplicado" type="slide" label="Triplicado"
(change)="onTipoRecetaChange('triplicado')">
(change)="onTipoRecetaChange('triplicado')">
</plex-bool>
</div>

<div class="mb-2" *ngIf="medicamento.tipoReceta === 'triplicado'">
<plex-label size="lg" icon="alert-outline" titulo="Atención" type="warning"
subtitulo="Recuerde que sigue siendo obligatoria la entrega del formulario triplicado en papel">
subtitulo="Recuerde que sigue siendo obligatoria la entrega del formulario triplicado en papel">
</plex-label>
<plex-grid cols="2">
<plex-text [(ngModel)]="medicamento.serie" name="serie" label="Serie" [required]="true"
[pattern]="'^[A-Za-z]$'" placeholder="Ingrese una letra">
[pattern]="'^[A-Za-z]$'" placeholder="Ingrese una letra">
</plex-text>
<plex-int [(ngModel)]="medicamento.numero" name="numero" label="Número" [required]="true"
placeholder="Ingrese un número">
placeholder="Ingrese un número">
</plex-int>
</plex-grid>
</div>

<plex-title titulo="Indicaciones diarias" size="sm">
<plex-button name="botonCollapse" class="collapse-button" type="primary" size="sm"
icon="{{ collapse ? 'chevron-down' : 'chevron-up'}}"
title="{{ collapse ? 'Expandir' : 'Colapsar'}}" titlePosition="left" (click)="colapsar()">
icon="{{ collapse ? 'chevron-down' : 'chevron-up'}}" title="{{ collapse ? 'Expandir' : 'Colapsar'}}"
titlePosition="left" (click)="colapsar()">
</plex-button>
</plex-title>
<plex-wrapper>
<div [hidden]="collapse" class="w-100">
<div class="d-flex">
<plex-text name="dosis" label="Dosis" [(ngModel)]="medicamento.dosisDiaria.dosis"
[required]="requiereDosis" (change)="changeDosisIntervalo()">
[required]="requiereDosis" (change)="changeDosisIntervalo()">
</plex-text>
<plex-select name="frecuencia" label="Intervalo" [(ngModel)]="medicamento.dosisDiaria.intervalo"
[required]="requiereIntervalo" [data]="intervalos$ | async"
(change)="changeDosisIntervalo()">
[required]="requiereIntervalo" [data]="intervalos$ | async" (change)="changeDosisIntervalo()">
</plex-select>
<plex-int name=" duracion" label="Duración (días)" [(ngModel)]="medicamento.dosisDiaria.dias"
required="false" min="1" max="90">
required="false" min="1" max="90">
</plex-int>
<plex-text name="notaMedica" label="Notas médicas" [(ngModel)]="medicamento.dosisDiaria.notaMedica"
required="false" min="1" max="90">
required="false" min="1" max="90">
</plex-text>
</div>

</div>
</plex-wrapper>
<div class="d-flex justify-content-center">
<plex-button name="botonAgregar" type="info" [disabled]="!formMedicamento.valid"
(click)="preAgregarMedicamento($event)" [validateForm]="formMedicamento">
(click)="preAgregarMedicamento($event)" [validateForm]="formMedicamento">
Agregar
</plex-button>
</div>
Expand All @@ -142,29 +152,35 @@
<plex-item *ngFor="let item of registro.valor.medicamentos">
<plex-icon size="md" *ngIf="true" name="pildoras" class="icon icon--border--producto mr-2">
</plex-icon>
<plex-label [tituloBold]="true" titulo="{{ item.generico.term }}" subtitulo=" {{ item.cantEnvases}} envase(s) de {{ item.cantidad}} {{item.presentacion.term }}(s) {{ item.dosisDiaria.dosis? '| ' + item.dosisDiaria.dosis : '| ' }} {{ item.dosisDiaria.intervalo? ' cada ' + item.dosisDiaria.intervalo.nombre: '' }} {{ item.dosisDiaria.dias? ' durante ' + item.dosisDiaria.dias + ' día(s)':'' }}
<plex-label [tituloBold]="true" titulo="{{ item.generico.term }}" subtitulo=" {{ item.cantEnvases}} envase(s) de {{ item.cantidad}} {{item.presentacion?.term }}(s) {{ item.dosisDiaria.dosis? '| ' + item.dosisDiaria.dosis : '| ' }} {{ item.dosisDiaria.intervalo? ' cada ' + item.dosisDiaria.intervalo.nombre: '' }} {{ item.dosisDiaria.dias? ' durante ' + item.dosisDiaria.dias + ' día(s)':'' }}
"></plex-label>
<plex-badge *ngIf="item.diagnostico" size="sm" type="warning" hintType="warning">
{{ truncateDiagnostico(item.diagnostico.term) }}
</plex-badge>
<plex-badge *ngIf="item.esMagistral" size="sm" type="info" hintType="info">
Fórmula Magistral
</plex-badge>
<plex-badge *ngIf="item.tratamientoProlongado" type="info">Tratamiento prolongado
</plex-badge>
<plex-badge *ngIf="item.tipoReceta?.length" type="info">{{item.tipoReceta}}
</plex-badge>
<plex-button type="danger" size="sm" (click)="borrarMedicamento(item)" icon="delete"
tooltip="eliminar"></plex-button>
tooltip="eliminar"></plex-button>
</plex-item>
</plex-list>
</ng-container>
<div *ngIf="soloValores">
<div *ngIf="soloValores && alerta" class="alerta">{{alerta}}</div>
<plex-list size="md" *ngIf="registro.valor.medicamentos">
<plex-item *ngFor="let item of registro.valor.medicamentos">
<plex-label [tituloBold]="true" titulo="{{ item.generico.term }}" subtitulo=" {{ item.cantEnvases}} envase(s) de {{ item.cantidad}} {{item.presentacion.term }}(s) {{ item.dosisDiaria.dosis? '| ' + item.dosisDiaria.dosis : '| ' }} {{ item.dosisDiaria.intervalo? ' cada ' + item.dosisDiaria.intervalo.nombre: '' }} {{ item.dosisDiaria.dias ? ' durante ' + item.dosisDiaria.dias + ' día(s)':'' }}
<plex-label [tituloBold]="true" titulo="{{ item.generico.term }}" subtitulo=" {{ item.cantEnvases}} envase(s) de {{ item.cantidad}} {{item.presentacion?.term }}(s) {{ item.dosisDiaria.dosis? '| ' + item.dosisDiaria.dosis : '| ' }} {{ item.dosisDiaria.intervalo? ' cada ' + item.dosisDiaria.intervalo.nombre: '' }} {{ item.dosisDiaria.dias ? ' durante ' + item.dosisDiaria.dias + ' día(s)':'' }}
"></plex-label>
<plex-badge *ngIf="item.diagnostico" size="sm" type="warning" hintType="warning">
{{ truncateDiagnostico(item.diagnostico.term) }}
</plex-badge>
<plex-badge *ngIf="item.esMagistral" size="sm" type="info" hintType="info">
Fórmula Magistral
</plex-badge>
<plex-badge *ngIf="item.tratamientoProlongado" type="info">Tratamiento prolongado
</plex-badge>
<plex-badge *ngIf="item.tipoReceta?.length" type="info">{{item.tipoReceta}}
Expand Down
6 changes: 6 additions & 0 deletions src/app/modules/rup/components/huds/vistaReceta.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@
<plex-badge *ngIf="recetaPrincipal.medicamento" size="sm" type="default">
{{ recetaPrincipal.medicamento.tipoReceta }}
</plex-badge>
<plex-badge *ngIf="recetaPrincipal.medicamento?.esMagistral" size="sm" type="info">
Fórmula Magistral
</plex-badge>
</div>
<div case="capitalize"><b>{{ recetaPrincipal.medicamento.concepto.term }}</b></div>
<p *ngIf="recetaPrincipal.medicamento.cantidad && recetaPrincipal.medicamento.cantEnvases "><small>
Expand Down Expand Up @@ -157,6 +160,9 @@
<plex-badge size="sm" [type]="estadoDispensa[receta.estadoDispensaActual.tipo]">
{{ receta.estadoDispensaActual.tipo.replace('-', ' ') }}
</plex-badge>
<plex-badge *ngIf="receta.medicamento?.esMagistral" size="sm" type="info">
Fórmula Magistral
</plex-badge>
</div>
</td>
</tr>
Expand Down
4 changes: 4 additions & 0 deletions src/app/services/receta.service.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@ export class RecetaService {
return this.server.get(this.url, { params });
}

getInsumos(params): Observable<any[]> {
return this.server.get('/modules/insumos', { params });
}

getMotivosSuspension() {
return this.server.get(`${this.url}/motivos`);
}
Expand Down
Loading