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[] = [
{ {
@ -107,7 +107,7 @@ export class ActualizacionPdComponent {
this.configureWorksheet(worksheet); this.configureWorksheet(worksheet);
this.saveExcelFile(workbook); this.saveExcelFile(workbook);
} }
/** /**
* Añade los datos de la tabla al worksheet * Añade los datos de la tabla al worksheet
@ -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"
@ -29,7 +29,7 @@
</div> </div>
<!-- Tabla1 --> <!-- Tabla1 -->
<!-- <div class="font-bold text-black-alpha-90 my-2">T&iacute;tulo de la tabla:</div> --> <!-- <div class="font-bold text-black-alpha-90 my-2">T&iacute;tulo de la tabla:</div> -->
<!-- Botón de exportar a Excel (movido arriba) --> <!-- Botón de exportar a Excel (movido arriba) -->
<div class="flex justify-content-end align-items-center my-2 py-2"> <div class="flex justify-content-end align-items-center my-2 py-2">
<button <button
@ -44,7 +44,7 @@
[tooltipOptions]="{showDelay: 100, appendTo: 'body'}" [tooltipOptions]="{showDelay: 100, appendTo: 'body'}"
></button> ></button>
</div> </div>
<p-table <p-table
#dt #dt
id="azul" id="azul"
@ -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"
@ -136,4 +139,4 @@
</ng-template> </ng-template>
</p-table> </p-table>
<!-- Se eliminó el botón que estaba aquí abajo --> <!-- Se eliminó el botón que estaba aquí abajo -->
</div> </div>

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">