89 lines
4.4 KiB
HTML
89 lines
4.4 KiB
HTML
<div class="p-3 text-white">
|
|
<div class="flex justify-content-center flex-wrap">
|
|
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Resumen</div>
|
|
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-400 font-bold border-round my-1 mr-2">Revisión de actualizaciones de PD</div>
|
|
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Revision de ajustes de PD</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flex align-content-start flex-wrap gap-2 border-round border-blue-400 my-2 lg:px-0 py-3 my-1">
|
|
<div class="col-12 md:col-3 lg:col-2 bg-blue-400 border-round ">
|
|
<div class="border-round font-bold ">
|
|
<div class="h-4rem">Filtro Empresa</div>
|
|
<p-select [options]="empresas" [(ngModel)]="selectedCity" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
|
|
</div>
|
|
</div>
|
|
<div class="col-12 md:col-3 lg:col-2 bg-blue-400 border-round">
|
|
<div class="border-round font-bold">
|
|
<div class="h-4rem">Filtro Código Cronograma</div>
|
|
<p-select [options]="empresas" [(ngModel)]="selectedCity" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Tabla1 -->
|
|
<div class="font-bold my-2 tituloTabla">Título de la tabla:</div>
|
|
<p-table class="mi-tabla-redondeada"
|
|
[value]="products" stripedRows
|
|
showGridlines
|
|
[paginator]="true"
|
|
[rows]="5"
|
|
[showCurrentPageReport]="true"
|
|
currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
|
|
[rowsPerPageOptions]="[5, 10, 20]">
|
|
<ng-template #header>
|
|
<tr>
|
|
<th class="bg-blue-400 font-bold text-white">Empresa</th>
|
|
<th class="bg-blue-400 font-bold text-white">Código de cronograma</th>
|
|
<th class="bg-blue-400 font-bold text-white">Etapa del Servicio</th>
|
|
<th class="bg-blue-400 font-bold text-white">Nombre sistema</th>
|
|
<th class="bg-blue-400 font-bold text-white">Tipo de inversión</th>
|
|
<th class="bg-blue-400 font-bold text-white">Código de glosa PD</th>
|
|
<th class="bg-blue-400 font-bold text-white">Descripción glosa</th>
|
|
<th class="bg-blue-400 font-bold text-white">Monto Inversión Total (UF)</th>
|
|
<th class="bg-blue-400 font-bold text-white">Año de Inicio</th>
|
|
<th class="bg-blue-400 font-bold text-white">Año de Término</th>
|
|
<th class="bg-blue-400 font-bold text-white">Mes de Término</th>
|
|
<th class="bg-blue-400 font-bold text-white">Nota</th>
|
|
<th class="bg-green-400 font-bold text-white">Estado aprobación</th>
|
|
<th class="bg-green-400 font-bold text-white">Observación</th>
|
|
</tr>
|
|
</ng-template>
|
|
<ng-template #body let-product>
|
|
<tr>
|
|
<td>{{ product.empresa }}</td>
|
|
<td>{{ product.codigoCronograma }}</td>
|
|
<td>{{ product.codigoCronogramaAjuste }}</td>
|
|
<td>{{ product.tipoCarga }}</td>
|
|
<td>{{ product.estadoRevision }}</td>
|
|
<td>{{ product.estadoRevision }}</td>
|
|
<td>{{ product.fechaIngreso }}</td>
|
|
<td>{{ product.estadoRevision }}</td>
|
|
<td>{{ product.dato9 }}</td>
|
|
<td>{{ product.dato10 }}</td>
|
|
<td>{{ product.dato11 }}</td>
|
|
<td>{{ product.dato12 }}</td>
|
|
<td>
|
|
<div class="border-round font-bold">
|
|
<p-select [options]="estadoAprobacion" [(ngModel)]="select1" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<input
|
|
type="analista"
|
|
pInputText
|
|
[(ngModel)]="product.analista"
|
|
placeholder="Analista"
|
|
name="analista"
|
|
class="input-with-icon w-full"
|
|
style="background-color: white; color: black;width: 228px !important;"
|
|
/></td>
|
|
</tr>
|
|
</ng-template>
|
|
</p-table>
|
|
<div class="col-12 text-right">
|
|
<i class="fa-solid fa-file-excel" style="color: #007239;font-size: 24px;"></i>
|
|
</div>
|
|
|
|
</div>
|