Select estado aprobacion

Ahora oculta el input de la columna "Observación", de la fila correspondiente
This commit is contained in:
JuanSanhueza 2025-05-07 15:04:01 -04:00
parent 37da6197f9
commit 287bc16819
5 changed files with 29 additions and 23 deletions

View File

@ -5,7 +5,7 @@
<div class="col-12 md:col-3 lg:col-2 tablaAzul border-round"> <div class="col-12 md:col-3 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">Filtro Empresa</div> <div class="h-4rem">Filtro Empresa</div>
<p-select <p-select appendTo="body"
[options]="empresas" [options]="empresas"
[(ngModel)]="selectedCity" [(ngModel)]="selectedCity"
optionLabel="name" optionLabel="name"
@ -17,7 +17,7 @@
<div class="col-12 md:col-3 lg:col-2 tablaAzul border-round"> <div class="col-12 md:col-3 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">Filtro C&oacute;digo Cronograma</div> <div class="h-4rem">Filtro C&oacute;digo Cronograma</div>
<p-select <p-select appendTo="body"
[options]="empresas" [options]="empresas"
[(ngModel)]="selectedCity" [(ngModel)]="selectedCity"
optionLabel="name" optionLabel="name"
@ -81,16 +81,18 @@
<td>{{ product.estadoRevision }}</td> <td>{{ product.estadoRevision }}</td>
<td>{{ product.estadoRevision }}</td> <td>{{ product.estadoRevision }}</td>
<td>{{ product.fechaIngreso }}</td> <td>{{ product.fechaIngreso }}</td>
<td>{{ product.dato13 }}</td> <td>{{ product.estadoRevision }}</td>
<td>{{ product.dato9 }}</td> <td>{{ product.dato9 }}</td>
<td>{{ product.dato10 }}</td> <td>{{ product.dato10 }}</td>
<td>{{ product.dato11 }}</td> <td>{{ product.dato11 }}</td>
<td>{{ product.dato12 }}</td> <td>{{ product.dato12 }}</td>
<td class="bg-verde"> <td class="bg-verde">
<div class="border-round font-bold"> <div class="border-round font-bold">
<p-select <p-select appendTo="body"
[options]="estadoAprobacion" [options]="estadoAprobacion"
optionValue="value"
[(ngModel)]="product.dato13" [(ngModel)]="product.dato13"
appendTo="body"
optionLabel="name" optionLabel="name"
placeholder="Seleccione..." placeholder="Seleccione..."
class="selectTabla" class="selectTabla"
@ -101,7 +103,7 @@
<input <input
type="analista" type="analista"
pInputText pInputText
pTool [hidden]="product.dato13"
[(ngModel)]="product.analista" [(ngModel)]="product.analista"
placeholder="Analista" placeholder="Analista"
name="analista" name="analista"

View File

@ -28,8 +28,8 @@ export class ActualizacionPdComponent {
selectedCity: any = ''; selectedCity: any = '';
empresas: any[] = [{ name: 'Empresa A' }, { name: 'Empresa B' }, { name: 'Empresa C' }]; empresas: any[] = [{ name: 'Empresa A' }, { name: 'Empresa B' }, { name: 'Empresa C' }];
estadoAprobacion = [ estadoAprobacion = [
{ name: 'Aprobado', value: 'Aprobado' }, { name: 'Aprobado', value: true },
{ name: 'Rechazado', value: 'Rechazado' }, { name: 'Rechazado', value: false },
]; ];
products: any[] = [ products: any[] = [
{ {
@ -195,6 +195,4 @@ export class ActualizacionPdComponent {
FileSaver.saveAs(blob, fileName); FileSaver.saveAs(blob, fileName);
} }
} }

View File

@ -5,7 +5,7 @@
<div class="col-6 md:col-3 lg:col-2 tablaAzul border-round"> <div class="col-6 md:col-3 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">Filtro Empresa</div> <div class="h-4rem">Filtro Empresa</div>
<p-select <p-select appendTo="body"
[options]="empresas" [options]="empresas"
[(ngModel)]="selectedCity" [(ngModel)]="selectedCity"
optionLabel="name" optionLabel="name"
@ -17,7 +17,7 @@
<div class="col-6 md:col-3 lg:col-2 tablaAzul border-round"> <div class="col-6 md:col-3 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">Filtro C&oacute;digo Cronograma</div> <div class="h-4rem">Filtro C&oacute;digo Cronograma</div>
<p-select <p-select appendTo="body"
[options]="empresas" [options]="empresas"
[(ngModel)]="selectedCity" [(ngModel)]="selectedCity"
optionLabel="name" optionLabel="name"
@ -108,9 +108,11 @@
<td>{{ product.dato12 }}</td> <td>{{ product.dato12 }}</td>
<td class="bg-verde"> <td class="bg-verde">
<div class="border-round font-bold"> <div class="border-round font-bold">
<p-select <p-select appendTo="body"
[options]="estadoAprobacion" [options]="estadoAprobacion"
[(ngModel)]="select1" optionValue="value"
[(ngModel)]="product.dato13"
appendTo="body"
optionLabel="name" optionLabel="name"
placeholder="Seleccione..." placeholder="Seleccione..."
class="selectTabla" class="selectTabla"
@ -121,6 +123,7 @@
<input <input
type="analista" type="analista"
pInputText pInputText
[hidden]="product.dato13"
[(ngModel)]="product.analista" [(ngModel)]="product.analista"
placeholder="Analista" placeholder="Analista"
name="analista" name="analista"

View File

@ -25,7 +25,10 @@ export class AjustePdComponent {
selectedCity: any = ''; selectedCity: any = '';
empresas: any[] = [{ name: 'Empresa A' }, { name: 'Empresa B' }, { name: 'Empresa C' }]; empresas: any[] = [{ name: 'Empresa A' }, { name: 'Empresa B' }, { name: 'Empresa C' }];
select1: any = ''; select1: any = '';
estadoAprobacion: any[] = [{ name: 'Rechazado' }, { name: 'Aprobado' }]; estadoAprobacion = [
{ name: 'Aprobado', value: true },
{ name: 'Rechazado', value: false },
];
products: any[] = [ products: any[] = [
{ {
empresa: 'Empresa A', empresa: 'Empresa A',

View File

@ -56,25 +56,25 @@
<div class="col-12 md:col-5 lg:col-2 tablaAzul border-round "> <div class="col-12 md:col-5 lg:col-2 tablaAzul border-round ">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">Filtro Empresa</div> <div class="h-4rem">Filtro Empresa</div>
<p-select [options]="empresas" [(ngModel)]="select1" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" /> <p-select appendTo="body" [options]="empresas" [(ngModel)]="select1" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div> </div>
</div> </div>
<div class="col-12 md:col-5 lg:col-2 tablaAzul border-round"> <div class="col-12 md:col-5 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">Filtro C&oacute;digo Cronograma SINAR</div> <div class="h-4rem">Filtro C&oacute;digo Cronograma SINAR</div>
<p-select [options]="empresas" [(ngModel)]="select2" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" /> <p-select appendTo="body" [options]="empresas" [(ngModel)]="select2" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div> </div>
</div> </div>
<div class="col-12 md:col-5 lg:col-2 tablaAzul border-round"> <div class="col-12 md:col-5 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">Filtro tipo de carga</div> <div class="h-4rem">Filtro tipo de carga</div>
<p-select [options]="tipoCarga" [(ngModel)]="select3" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" /> <p-select appendTo="body" [options]="tipoCarga" [(ngModel)]="select3" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div> </div>
</div> </div>
<div class="col-12 md:col-5 lg:col-2 tablaAzul border-round"> <div class="col-12 md:col-5 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold"> <div class="border-round font-bold">
<div class="h-4rem">¿Contiene obras del a&ntilde;o?</div> <div class="h-4rem">¿Contiene obras del a&ntilde;o?</div>
<p-select [options]="contieneObras" [(ngModel)]="select4" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" /> <p-select appendTo="body" [options]="contieneObras" [(ngModel)]="select4" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div> </div>
</div> </div>
<div class="col-12 md:col-5 lg:col-2 tablaAzul border-round"> <div class="col-12 md:col-5 lg:col-2 tablaAzul border-round">