100 lines
5.3 KiB
HTML
100 lines
5.3 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-6 md:col-3 lg:col-2 bg-blue-400 border-round ">
|
|
<div class="border-round font-bold ">
|
|
<div class="h-4rem">Filtro Empresa</div>
|
|
<select id="selectFiltroTipoCarga" class="w-full text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round outline-none focus:border-primary mt-1" style="appearance: auto">
|
|
<option selected>Seleccione...</option>
|
|
<option value="1">Opcion 1</option>
|
|
<option value="2">Opcion 2</option>
|
|
<option value="3">Opcion 3</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 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>
|
|
<select id="selectFiltroTipoCarga" class="w-full text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round outline-none focus:border-primary mt-1" style="appearance: auto">
|
|
<option selected>Seleccione...</option>
|
|
<option value="1">Opcion 1</option>
|
|
<option value="2">Opcion 2</option>
|
|
<option value="3">Opcion 3</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Tabla1 -->
|
|
<div class="font-bold my-2 text-black-alpha-90">Título de la tabla:</div>
|
|
<p-table class="mi-tabla-redondeada"
|
|
[value]="products"
|
|
showGridlines>
|
|
<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">
|
|
<select id="selectContieneObras" class="w-full p-2 border-1 border-solid surface-border border-round outline-none focus:border-primary"
|
|
style="appearance: auto;background-color: white; width: 228px !important;">
|
|
<option selected>Seleccione...</option>
|
|
<option value="true">Aprobado</option>
|
|
<option value="false">Rechazado</option>
|
|
</select>
|
|
</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">
|
|
<button type="button" class="bg-primary border-primary-500 mt-3 px-5 py-3 text-base border-1 border-solid border-round cursor-pointer transition-all transition-duration-200 hover:bg-primary-600 hover:border-primary-600 active:bg-primary-700 active:border-primary-700"><i class="pi pi-file-export"></i></button>
|
|
</div>
|
|
|
|
|
|
</div>
|