|
1 | 1 | <ng-container *ngIf="!soloValores"> |
2 | 2 | <form class="mt-1" #formMedicamento="ngForm"> |
3 | 3 | <plex-select [(ngModel)]="medicamento.diagnostico" hintType="info" label="Diagnóstico" [data]="registros" |
4 | | - name="diagnostico" multiline="true" [required]="true" labelField="term" idField="conceptId" |
5 | | - hint="Se listaran los conceptos registrados en esta consulta" hintType="info" hintIcon="eye"> |
| 4 | + name="diagnostico" multiline="true" [required]="true" labelField="term" idField="conceptId" |
| 5 | + hint="Se listaran los conceptos registrados en esta consulta" hintType="info" hintIcon="eye"> |
6 | 6 | </plex-select> |
7 | 7 |
|
8 | 8 | <!-- Sección de selección de obra social --> |
9 | 9 | <div class="row" *ngIf="showSelector"> |
10 | 10 | <div class="col-md-12"> |
11 | 11 | <label class="form-label">Obra Social / Financiador</label> |
12 | 12 | <plex-radio name="financiador" [(ngModel)]="financiadorSeleccionado" |
13 | | - (change)="seleccionarFinanciador($event)" [data]="datosFinanciadores"> |
| 13 | + (change)="seleccionarFinanciador($event)" [data]="datosFinanciadores"> |
14 | 14 | </plex-radio> |
15 | 15 | </div> |
16 | 16 | </div> |
|
19 | 19 | <div class="row" *ngIf="showListado"> |
20 | 20 | <div class="col-md-12"> |
21 | 21 | <label class="form-label">Seleccionar otro financiador</label> |
22 | | - <plex-select name="otroFinanciador" placeholder="Buscar financiador..." [(ngModel)]="otroFinanciadorSeleccionado" [data]="opcionesFinanciadores" |
23 | | - labelField="nombre" (change)="seleccionarOtroFinanciador($event)"> |
| 22 | + <plex-select name="otroFinanciador" placeholder="Buscar financiador..." |
| 23 | + [(ngModel)]="otroFinanciadorSeleccionado" [data]="opcionesFinanciadores" labelField="nombre" |
| 24 | + (change)="seleccionarOtroFinanciador($event)"> |
24 | 25 | </plex-select> |
25 | 26 | </div> |
26 | 27 | </div> |
|
29 | 30 | <div class="row" *ngIf="prestacion?.paciente?.obraSocial && showSelector"> |
30 | 31 | <div class="col-md-6"> |
31 | 32 | <plex-text name="numeroAfiliado" label="Número de afiliado" [(ngModel)]="numeroAfiliado" |
32 | | - placeholder="Ingrese número de afiliado" [pattern]="patronNumerico" |
33 | | - (ngModelChange)="actualizarNumeroAfiliado()"> |
| 33 | + placeholder="Ingrese número de afiliado" [pattern]="patronNumerico" |
| 34 | + (ngModelChange)="actualizarNumeroAfiliado()"> |
34 | 35 | </plex-text> |
35 | 36 | </div> |
36 | 37 | </div> |
37 | 38 |
|
| 39 | + <div class="mt-3"> |
| 40 | + <plex-bool [(ngModel)]="medicamento.esMagistral" name="esMagistral" type="slide" |
| 41 | + label="Fórmula Magistral (Insumos)" (change)="onChangeMagistral()"> |
| 42 | + </plex-bool> |
| 43 | + </div> |
38 | 44 | <plex-grid cols="2"> |
39 | | - <plex-select [(ngModel)]="medicamento.generico" name="generico" (getData)="loadMedicamentoGenerico($event)" |
40 | | - placeholder="Medicamento genérico" label="Medicamento" idField="conceptId" labelField="term" |
41 | | - (change)="loadPresentaciones()" required="true"> |
| 45 | + <plex-select *ngIf="!medicamento.esMagistral" [(ngModel)]="medicamento.generico" name="generico" |
| 46 | + (getData)="loadMedicamentoGenerico($event)" placeholder="Medicamento genérico" label="Medicamento" |
| 47 | + idField="conceptId" labelField="term" (change)="loadPresentaciones()" required="true"> |
| 48 | + </plex-select> |
| 49 | + <plex-select *ngIf="medicamento.esMagistral" [(ngModel)]="medicamento.generico" name="genericoMagistral" |
| 50 | + (getData)="loadMedicamentoGenerico($event)" placeholder="Buscar Insumo Magistral" |
| 51 | + label="Fórmula Magistral" idField="conceptId" labelField="term" (change)="loadPresentaciones()" |
| 52 | + required="true"> |
42 | 53 | </plex-select> |
43 | 54 |
|
44 | 55 | <div grow="full"> |
45 | 56 | <plex-select *ngIf="!medicamento.generico || unidades.length || loading" class="formEditar w-100" |
46 | | - name="unidades" [(ngModel)]="medicamento.cantidad" [data]="unidades" |
47 | | - placeholder="Seleccione una opción" label="Cantidad" labelField="valor" required="true" |
48 | | - [disabled]="!unidades?.length || ingresoCantidadManual" (change)="onChange($event)"> |
| 57 | + name="unidades" [(ngModel)]="medicamento.cantidad" [data]="unidades" |
| 58 | + placeholder="Seleccione una opción" label="Cantidad" labelField="valor" required="true" |
| 59 | + [disabled]="!unidades?.length || ingresoCantidadManual" (change)="onChange($event)"> |
49 | 60 | </plex-select> |
50 | 61 | <ng-container *ngIf="medicamento?.generico && !unidades.length && !loading || ingresoCantidadManual"> |
51 | 62 | <plex-int class="formEditar" [ngClass]="{ 'w-100': !unidades.length }" name="comprimidos" |
52 | | - label="Cantidad" [(ngModel)]="valorCantidadManual" required="true" min="1" max="90"> |
| 63 | + label="Cantidad" [(ngModel)]="valorCantidadManual" required="true" min="1" max="90"> |
53 | 64 | </plex-int> |
54 | 65 | </ng-container> |
55 | 66 | <plex-button *ngIf="ingresoCantidadManual && unidades.length" class="ml-1" name="deshacer" |
56 | | - type="warning" icon="undo" tooltip="Deshacer edición manual" size="md" |
57 | | - (click)="deshacerCantidadManual()"> |
| 67 | + type="warning" icon="undo" tooltip="Deshacer edición manual" size="md" |
| 68 | + (click)="deshacerCantidadManual()"> |
58 | 69 | </plex-button> |
59 | 70 | </div> |
60 | 71 | </plex-grid> |
61 | 72 |
|
62 | 73 | <plex-grid cols="2"> |
63 | 74 | <plex-int name="envases" label="Cantidad de envases" [(ngModel)]="medicamento.cantEnvases" required="true" |
64 | | - min="1" max="90"> |
| 75 | + min="1" max="90"> |
65 | 76 | </plex-int> |
66 | 77 |
|
67 | 78 | <plex-grid cols="2" class="grid-tratamiento"> |
68 | 79 | <plex-bool [(ngModel)]="medicamento.tratamientoProlongado" name="tratamientoProlongado" type="slide" |
69 | | - label="Tratamiento prolongado" [readonly]="medicamento.tipoReceta === 'triplicado'"> |
| 80 | + label="Tratamiento prolongado" [readonly]="medicamento.tipoReceta === 'triplicado'"> |
70 | 81 | </plex-bool> |
71 | 82 | <plex-select *ngIf="medicamento.tratamientoProlongado" [(ngModel)]="medicamento.tiempoTratamiento" |
72 | | - name="tiempoTratamiento" [data]="tiemposTratamiento" required="true"> |
| 83 | + name="tiempoTratamiento" [data]="tiemposTratamiento" required="true"> |
73 | 84 | </plex-select> |
74 | 85 | </plex-grid> |
75 | 86 | </plex-grid> |
76 | 87 |
|
77 | 88 | <div class="mt-2"> |
78 | 89 | <plex-title name="tipoReceta" titulo="Tipo de receta" size="sm"></plex-title> |
79 | 90 | <plex-bool [(ngModel)]="esDuplicado" name="Duplicado" type="slide" label="Duplicado" |
80 | | - (change)="onTipoRecetaChange('duplicado')"> |
| 91 | + (change)="onTipoRecetaChange('duplicado')"> |
81 | 92 | </plex-bool> |
82 | 93 | <plex-bool [(ngModel)]="esTriplicado" name="triplicado" type="slide" label="Triplicado" |
83 | | - (change)="onTipoRecetaChange('triplicado')"> |
| 94 | + (change)="onTipoRecetaChange('triplicado')"> |
84 | 95 | </plex-bool> |
85 | 96 | </div> |
86 | 97 |
|
87 | 98 | <div class="mb-2" *ngIf="medicamento.tipoReceta === 'triplicado'"> |
88 | 99 | <plex-label size="lg" icon="alert-outline" titulo="Atención" type="warning" |
89 | | - subtitulo="Recuerde que sigue siendo obligatoria la entrega del formulario triplicado en papel"> |
| 100 | + subtitulo="Recuerde que sigue siendo obligatoria la entrega del formulario triplicado en papel"> |
90 | 101 | </plex-label> |
91 | 102 | <plex-grid cols="2"> |
92 | 103 | <plex-text [(ngModel)]="medicamento.serie" name="serie" label="Serie" [required]="true" |
93 | | - [pattern]="'^[A-Za-z]$'" placeholder="Ingrese una letra"> |
| 104 | + [pattern]="'^[A-Za-z]$'" placeholder="Ingrese una letra"> |
94 | 105 | </plex-text> |
95 | 106 | <plex-int [(ngModel)]="medicamento.numero" name="numero" label="Número" [required]="true" |
96 | | - placeholder="Ingrese un número"> |
| 107 | + placeholder="Ingrese un número"> |
97 | 108 | </plex-int> |
98 | 109 | </plex-grid> |
99 | 110 | </div> |
100 | 111 |
|
101 | 112 | <plex-title titulo="Indicaciones diarias" size="sm"> |
102 | 113 | <plex-button name="botonCollapse" class="collapse-button" type="primary" size="sm" |
103 | | - icon="{{ collapse ? 'chevron-down' : 'chevron-up'}}" |
104 | | - title="{{ collapse ? 'Expandir' : 'Colapsar'}}" titlePosition="left" (click)="colapsar()"> |
| 114 | + icon="{{ collapse ? 'chevron-down' : 'chevron-up'}}" title="{{ collapse ? 'Expandir' : 'Colapsar'}}" |
| 115 | + titlePosition="left" (click)="colapsar()"> |
105 | 116 | </plex-button> |
106 | 117 | </plex-title> |
107 | 118 | <plex-wrapper> |
108 | 119 | <div [hidden]="collapse" class="w-100"> |
109 | 120 | <div class="d-flex"> |
110 | 121 | <plex-text name="dosis" label="Dosis" [(ngModel)]="medicamento.dosisDiaria.dosis" |
111 | | - [required]="requiereDosis" (change)="changeDosisIntervalo()"> |
| 122 | + [required]="requiereDosis" (change)="changeDosisIntervalo()"> |
112 | 123 | </plex-text> |
113 | 124 | <plex-select name="frecuencia" label="Intervalo" [(ngModel)]="medicamento.dosisDiaria.intervalo" |
114 | | - [required]="requiereIntervalo" [data]="intervalos$ | async" |
115 | | - (change)="changeDosisIntervalo()"> |
| 125 | + [required]="requiereIntervalo" [data]="intervalos$ | async" (change)="changeDosisIntervalo()"> |
116 | 126 | </plex-select> |
117 | 127 | <plex-int name=" duracion" label="Duración (días)" [(ngModel)]="medicamento.dosisDiaria.dias" |
118 | | - required="false" min="1" max="90"> |
| 128 | + required="false" min="1" max="90"> |
119 | 129 | </plex-int> |
120 | 130 | <plex-text name="notaMedica" label="Notas médicas" [(ngModel)]="medicamento.dosisDiaria.notaMedica" |
121 | | - required="false" min="1" max="90"> |
| 131 | + required="false" min="1" max="90"> |
122 | 132 | </plex-text> |
123 | 133 | </div> |
124 | 134 |
|
125 | 135 | </div> |
126 | 136 | </plex-wrapper> |
127 | 137 | <div class="d-flex justify-content-center"> |
128 | 138 | <plex-button name="botonAgregar" type="info" [disabled]="!formMedicamento.valid" |
129 | | - (click)="preAgregarMedicamento($event)" [validateForm]="formMedicamento"> |
| 139 | + (click)="preAgregarMedicamento($event)" [validateForm]="formMedicamento"> |
130 | 140 | Agregar |
131 | 141 | </plex-button> |
132 | 142 | </div> |
|
142 | 152 | <plex-item *ngFor="let item of registro.valor.medicamentos"> |
143 | 153 | <plex-icon size="md" *ngIf="true" name="pildoras" class="icon icon--border--producto mr-2"> |
144 | 154 | </plex-icon> |
145 | | - <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)':'' }} |
| 155 | + <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)':'' }} |
146 | 156 | "></plex-label> |
147 | 157 | <plex-badge *ngIf="item.diagnostico" size="sm" type="warning" hintType="warning"> |
148 | 158 | {{ truncateDiagnostico(item.diagnostico.term) }} |
149 | 159 | </plex-badge> |
| 160 | + <plex-badge *ngIf="item.esMagistral" size="sm" type="info" hintType="info"> |
| 161 | + Fórmula Magistral |
| 162 | + </plex-badge> |
150 | 163 | <plex-badge *ngIf="item.tratamientoProlongado" type="info">Tratamiento prolongado |
151 | 164 | </plex-badge> |
152 | 165 | <plex-badge *ngIf="item.tipoReceta?.length" type="info">{{item.tipoReceta}} |
153 | 166 | </plex-badge> |
154 | 167 | <plex-button type="danger" size="sm" (click)="borrarMedicamento(item)" icon="delete" |
155 | | - tooltip="eliminar"></plex-button> |
| 168 | + tooltip="eliminar"></plex-button> |
156 | 169 | </plex-item> |
157 | 170 | </plex-list> |
158 | 171 | </ng-container> |
159 | 172 | <div *ngIf="soloValores"> |
160 | 173 | <div *ngIf="soloValores && alerta" class="alerta">{{alerta}}</div> |
161 | 174 | <plex-list size="md" *ngIf="registro.valor.medicamentos"> |
162 | 175 | <plex-item *ngFor="let item of registro.valor.medicamentos"> |
163 | | - <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)':'' }} |
| 176 | + <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)':'' }} |
164 | 177 | "></plex-label> |
165 | 178 | <plex-badge *ngIf="item.diagnostico" size="sm" type="warning" hintType="warning"> |
166 | 179 | {{ truncateDiagnostico(item.diagnostico.term) }} |
167 | 180 | </plex-badge> |
| 181 | + <plex-badge *ngIf="item.esMagistral" size="sm" type="info" hintType="info"> |
| 182 | + Fórmula Magistral |
| 183 | + </plex-badge> |
168 | 184 | <plex-badge *ngIf="item.tratamientoProlongado" type="info">Tratamiento prolongado |
169 | 185 | </plex-badge> |
170 | 186 | <plex-badge *ngIf="item.tipoReceta?.length" type="info">{{item.tipoReceta}} |
|
0 commit comments