general-library-union 2.8.18 → 2.8.20

package/src/app/webcommon/popups/popup-reporte/popup-reporte.component.html

@@ -1,261 +1,261 @@
-<p-confirmPopup></p-confirmPopup>
-<p-dialog id='popupReporte' header="{{'reportesgenerales' | translate}}" [(visible)]="mostrar" (onShow)="mostrarPopup()"
-    [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{width: '50vw'}" (onHide)="ocultar()" [modal]="true">
-
-    <div *ngIf="panel == 'entrada'">
-        <!--Segundo plano-->
-        <p-accordion [multiple]="true">
-            <p-accordionTab [selected]="true" [header]="'segundoplano' | translate" *ngIf="listaSegundoPlano.length > 0">
-                <p-table [value]="listaSegundoPlano" responsiveLayout="scroll" [scrollable]="true" selectionMode="single"
-                    [rows]="paginator.rows" [totalRecords]="paginator.totalRecords"
-                    [paginator]="paginator.totalRecords > paginator.rows" (onRowSelect)="verSegundoPlano($event)">
-                    <ng-template pTemplate="header">
-
-                        <tr class="fondoTablaPincipal">
-                            <th>{{'estado' | translate }} </th>
-                            <th>{{'fechainicial' | translate }} </th>
-                        </tr>
-                        <th>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-entrada>
-                        <tr [pSelectableRow]="entrada">
-                            <td>{{entrada.nombreEstado}}</td>
-                            <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </p-accordionTab>
-        </p-accordion>
-        <p-fieldset class="mt-0"  *ngIf="mostrarParametros">
-            <ng-template pTemplate="header">
-                <div>
-                    <span class="glyphicons glyphicons-book" style="color:var(--color-400)"></span>
-                    <span>{{'entrada' | translate}}</span>
-                </div>
-            </ng-template>
-            <p-table [value]="parametros" >
-                <ng-template pTemplate="body" let-parametro>
-                    <tr [pSelectableRow]="parametro">
-                        <!--<td>
-                            <label *ngIf="parametro.unionDTO.solicitar == 'S'">{{ parametro.unionDTO.descripcion }}</label>
-                        </td>-->
-                        <td  *ngIf="parametro.unionDTO.solicitar == 'S'">
-                            <p-floatLabel>
-                                <input pInputText [(ngModel)]="parametro.unionDTO.valor"
-                                    *ngIf="(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'" />
-
-                                <input pInputText [(ngModel)]="parametro.unionDTO.valor"
-                                    *ngIf="parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'" />
-
-
-                                <p-inputNumber [(ngModel)]="parametro.unionDTO.valor"
-                                    *ngIf="parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'">
-                                </p-inputNumber>
-
-                                <p-inputNumber [(ngModel)]="parametro.unionDTO.valor" mode="decimal" [minFractionDigits]="2"
-                                    [maxFractionDigits]="16"
-                                    *ngIf="parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'">
-                                </p-inputNumber>
-
-                                <p-dropdown [options]="parametro.lista" [autoDisplayFirst]="false" appendTo="body"
-                                    (onChange)="cambioValorLista($event, parametro)" [(ngModel)]="parametro.unionDTO.llaveLista"
-                                    optionLabel="label" optionValue="value" *ngIf="parametro.unionDTO.tipo == 'L'">
-                                </p-dropdown>
-
-                                <p-calendar type="text" [(ngModel)]="parametro.unionDTO.valor" dateFormat="dd/mm/yy" appendTo="body"
-                                    *ngIf="parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'"></p-calendar>
-
-                                <label *ngIf="parametro.unionDTO.solicitar == 'S'">{{ parametro.unionDTO.descripcion }}</label>
-                            </p-floatLabel>
-                        </td>
-                    </tr>
-                </ng-template>
-            </p-table>
-        </p-fieldset>
-        <p-fieldset class="mt-0" *ngIf="generaciones.length > 0">
-            <ng-template pTemplate="header">
-                <div>
-                    <span class="glyphicons glyphicons-book" style="color:var(--color-400)"></span>
-                    <span>{{'generar' | translate}}</span>
-                </div>
-            </ng-template>
-            <div class="col-md-12">
-                <div class="p-fluid p-formgrid grid text-xs">
-                    <div class="field col-12 md:col-6 lg:col-3 align-items-center mb-0"  *ngFor="let valor of generaciones">
-                        <div class="field-radiobutton">
-                            <p-radioButton (onClick)="cambioTipoReporte($event)" [inputId]="valor.value" name="tipoReporte"
-                                [value]="valor.value" [(ngModel)]="tipoReporte" />
-                            <label [for]="valor.value" class="ml-2">
-                                {{ valor.label }}
-                            </label>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </p-fieldset>
-
-        <p-fieldset class="mt-0" *ngIf="'A' != tipoReporte && mostrarQueDeseaHacer" >
-            <ng-template pTemplate="header">
-                <div>
-                    <span class="glyphicons glyphicons-book" style="color:var(--color-400)"></span>
-                    <span>¿Qué desea hacer?</span>
-                </div>
-            </ng-template>
-            <label *ngIf="tipoReporte && 'F' == tipoReporte">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>
-
-            <div *ngIf="tipoReporte && 'F' == tipoReporte">
-                <div class="col-md-12">
-                    <div class="p-fluid p-formgrid grid text-xs">
-                        <div class="field col-12 md:col-6 lg:col-3 align-items-center mb-0"  *ngFor="let valor of mapaTipoArchivos">
-                            <div class="field-radiobutton">
-                                <p-radioButton (onClick)="cambioTipoArchivo($event)" [inputId]="valor.codigo" name="tipoArchivo"
-                                    [value]="valor.codigo"  [(ngModel)]="tipoArchivo" />
-                                <label [for]="valor.codigo" class="ml-2">
-                                    {{ valor.nombre }}
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div *ngIf="mostrarArchivosSoporte">
-                <div class="Detallereporte">
-                    <div class="p-fluid p-formgrid grid">
-                        <div class="field col-12 md:col-12">
-                            <p-floatLabel>
-                                <p-dropdown [options]="listadoArchivoSoporte" [autoDisplayFirst]="false" optionLabel="descripcion" appendTo="body"
-                                    optionValue="llaveTabla" [(ngModel)]="soporteBase" (onChange)="cambioSoporteBase($event)"></p-dropdown>
-                                <label>Soporte Base:</label>
-                            </p-floatLabel>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div *ngIf="tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' ">
-                <div class="col-md-12">
-                    <div class="p-fluid p-formgrid grid text-xs">
-                        <div class="field col-12 md:col-6 lg:col-3 align-items-center mb-0"  *ngFor="let valor of operaciones">
-                            <div class="field-radiobutton">
-                                <p-radioButton [inputId]="valor.value" name="operacion" [value]="valor.value"
-                                    [(ngModel)]="operacion" />
-                                <label [for]="valor.value" class="ml-2">
-                                    {{ valor.label }}
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div *ngIf="operacion == 'E'">
-                <p-floatLabel>
-                    <input pInputText [(ngModel)]="correo" type="text" [disabled]="bloquearCorreo" />
-                    <label>{{'correo' | translate}}</label>
-                </p-floatLabel>
-            </div>
-        </p-fieldset>
-        
-
-        <div class="flex justify-content-end">
-            <button pButton pRipple class="m-2 mt-4 p-button p-button-outlined background-100"
-                *ngIf="validarControlFuncionalidad('ejecrepo:sentencia')" label="Ver sentencia" icon="glyphicons glyphicons-eye-open"
-                (click)="sentencia()"></button>
-            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'E'" icon="glyphicons glyphicons-envelope"
-                label="{{'link_enviar' | translate}}" (click)="enviarSegundoPlano()"></button>
-            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'D' && reporte.momento != 'D'" icon="glyphicons glyphicons-check"
-                label="{{'generar' | translate}}" (click)="descargarReporte()"></button>
-            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'D' && reporte.momento == 'D'" icon="glyphicons glyphicons-check"
-                label="{{'generar' | translate}}" (click)="descargarReporteSinHilo()"></button>
-            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="tipoReporte == 'A'" icon="glyphicons glyphicons-check"
-                label="{{'generar' | translate}}" (click)="generarTabla()"></button>
-            <!--pte proceso externo-->
-            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'M' || operacion == 'MP'" icon="glyphicons glyphicons-envelope"
-                label="{{'link_enviar' | translate}}" (click)="enviarSegundoPlano()"></button>
-            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'P'" icon="glyphicons glyphicons-folder-open"
-                label="{{'link_publicar' | translate}}" (click)="enviarSegundoPlano()"></button>
-            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion =='S'"  icon="glyphicons glyphicons-check"
-                label="{{'link_generar' | translate}}" (click)="enviarSegundoPlano()"></button>
-
-        </div>
-    </div>
-    <div *ngIf="panel == 'resultado'">
-        <div *ngIf="operacion == 'historico'">
-            <div class="flex justify-content-between align-items-center mt-2 mb-2">
-                <h4 class="text-base mt-2 ml-2">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>
-                <button pButton pRipple icon="pi pi-chevron-left" class="p-button-text font-semibold flex-shrink-0 ml-4"
-                  (click)="regresarSegundoPlano()" label="{{'link_regresar' | translate}}" >
-                </button>
-              </div>
-            <div class=" Inputgroup">
-                <div class="col-md-12">
-                    <div class="p-fluid p-formgrid grid">
-                        <div class="field col-12 md:col-4 lg:col-4">
-                            <p-floatLabel>
-                                <p-calendar type="text" [(ngModel)]="elementoBorrar.inicia" [disabled]="true" appendTo="body"
-                                    [showTime]="true" [showSeconds]="true" dateFormat="dd/mm/yy"></p-calendar>
-                                <label>{{('fechainicial') | translate}}</label>
-                            </p-floatLabel>
-                        </div>
-
-                        <div class="field col-12 md:col-4 lg:col-4">
-                            <p-floatLabel>
-                                <p-calendar type="text" [(ngModel)]="elementoBorrar.termina" [disabled]="true" appendTo="body"
-                                    [showTime]="true" [showSeconds]="true" dateFormat="dd/mm/yy"></p-calendar>
-                                <label>{{('fechafinal') | translate}}</label>
-                            </p-floatLabel>
-                        </div>
-
-                        <div class="field col-12 md:col-4 lg:col-4">
-                            <p-floatLabel>
-                                <input pInputText type="text" [readonly]="false"
-                                    [(ngModel)]="elementoBorrar.nombreEstado" [disabled]="true" />
-                                <label>{{('estado') | translate}}</label>
-                            </p-floatLabel>
-                        </div>
-
-                        <div class="field col-12 md:col-12 lg:col-12" *ngIf="elementoBorrar.estado == 'E'">
-                            <label>{{('mensaje') | translate}}</label>
-                            <textarea class="min-w-full p-inputtextarea p-inputtext p-component p-element "
-                                rows="5" cols="30" pInputTextarea [(ngModel)]="elementoBorrar.archivo"
-                                [disabled]="true"></textarea>
-                        </div>
-                    </div>
-                    <div class="flex justify-content-end">
-                        <button pButton pRipple class="ml-2 p-button p-button-raised"
-                            *ngIf="elementoBorrar.estado == 'T'" icon="pi pi-download"
-                            label="{{'link_descargar' | translate}}" (click)="descargarArchivo()">
-                        </button>
-                        <button pButton pRipple class="ml-2 p-button-outlined" icon="glyphicons glyphicons-bin"
-                            label="{{'link_eliminar' | translate}}" (click)="eliminarSegundoPlano($event)">
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div *ngIf="tipoReporte == 'A'" >
-            <p-table [value]="listaRegistro" responsiveLayout="scroll" [scrollable]="true"
-                [rows]="10" [totalRecords]="listaRegistro.length" [paginator]="listaRegistro.length > 10" >
-                <ng-template pTemplate="header">
-                    <tr class="fondoTablaPincipal">
-                        <th [style.width.px]="col.width || 200" *ngFor="let col of columnas">{{ col.header }}</th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-entrada>
-                    <tr>
-                        <td [style.width.px]="col.width || 200" *ngFor="let col of columnas">{{ entrada[col.field] }}</td>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="emptymessage">
-                    <p class="p-3 font-medium emptymessage">
-                        {{'mensajetablavacia' | translate}}
-                    </p>
-                </ng-template>
-            </p-table>
-        </div>
-    </div>
-
-</p-dialog>
-<app-popup-sentencia [reporte]="reporte" [parametros]="parametros" [mostrarPopup]="mostrarPopupSentencia"
+<p-confirmPopup></p-confirmPopup>
+<p-dialog id='popupReporte' header="{{'reportesgenerales' | translate}}" [(visible)]="mostrar" (onShow)="mostrarPopup()"
+    [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{width: '50vw'}" (onHide)="ocultar()" [modal]="true">
+
+    <div *ngIf="panel == 'entrada'">
+        <!--Segundo plano-->
+        <p-accordion [multiple]="true">
+            <p-accordionTab [selected]="true" [header]="'segundoplano' | translate" *ngIf="listaSegundoPlano.length > 0">
+                <p-table [value]="listaSegundoPlano" responsiveLayout="scroll" [scrollable]="true" selectionMode="single"
+                    [rows]="paginator.rows" [totalRecords]="paginator.totalRecords"
+                    [paginator]="paginator.totalRecords > paginator.rows" (onRowSelect)="verSegundoPlano($event)">
+                    <ng-template pTemplate="header">
+
+                        <tr class="fondoTablaPincipal">
+                            <th>{{'estado' | translate }} </th>
+                            <th>{{'fechainicial' | translate }} </th>
+                        </tr>
+                        <th>
+                    </ng-template>
+                    <ng-template pTemplate="body" let-entrada>
+                        <tr [pSelectableRow]="entrada">
+                            <td>{{entrada.nombreEstado}}</td>
+                            <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>
+                        </tr>
+                    </ng-template>
+                </p-table>
+            </p-accordionTab>
+        </p-accordion>
+        <p-fieldset class="mt-0"  *ngIf="mostrarParametros">
+            <ng-template pTemplate="header">
+                <div>
+                    <span class="glyphicons glyphicons-book" style="color:var(--color-400)"></span>
+                    <span>{{'entrada' | translate}}</span>
+                </div>
+            </ng-template>
+            <p-table [value]="parametros" >
+                <ng-template pTemplate="body" let-parametro>
+                    <tr [pSelectableRow]="parametro">
+                        <!--<td>
+                            <label *ngIf="parametro.unionDTO.solicitar == 'S'">{{ parametro.unionDTO.descripcion }}</label>
+                        </td>-->
+                        <td  *ngIf="parametro.unionDTO.solicitar == 'S'">
+                            <p-floatLabel>
+                                <input pInputText [(ngModel)]="parametro.unionDTO.valor"
+                                    *ngIf="(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'" />
+
+                                <input pInputText [(ngModel)]="parametro.unionDTO.valor"
+                                    *ngIf="parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'" />
+
+
+                                <p-inputNumber [(ngModel)]="parametro.unionDTO.valor"
+                                    *ngIf="parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'">
+                                </p-inputNumber>
+
+                                <p-inputNumber [(ngModel)]="parametro.unionDTO.valor" mode="decimal" [minFractionDigits]="2"
+                                    [maxFractionDigits]="16"
+                                    *ngIf="parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'">
+                                </p-inputNumber>
+
+                                <p-dropdown [options]="parametro.lista" [autoDisplayFirst]="false" appendTo="body"
+                                    (onChange)="cambioValorLista($event, parametro)" [(ngModel)]="parametro.unionDTO.llaveLista"
+                                    optionLabel="label" optionValue="value" *ngIf="parametro.unionDTO.tipo == 'L'">
+                                </p-dropdown>
+
+                                <p-calendar type="text" [(ngModel)]="parametro.unionDTO.valor" dateFormat="dd/mm/yy" appendTo="body"
+                                    *ngIf="parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'"></p-calendar>
+
+                                <label *ngIf="parametro.unionDTO.solicitar == 'S'">{{ parametro.unionDTO.descripcion }}</label>
+                            </p-floatLabel>
+                        </td>
+                    </tr>
+                </ng-template>
+            </p-table>
+        </p-fieldset>
+        <p-fieldset class="mt-0" *ngIf="generaciones.length > 0">
+            <ng-template pTemplate="header">
+                <div>
+                    <span class="glyphicons glyphicons-book" style="color:var(--color-400)"></span>
+                    <span>{{'generar' | translate}}</span>
+                </div>
+            </ng-template>
+            <div class="col-md-12">
+                <div class="p-fluid p-formgrid grid text-xs">
+                    <div class="field col-12 md:col-6 lg:col-3 align-items-center mb-0"  *ngFor="let valor of generaciones">
+                        <div class="field-radiobutton">
+                            <p-radioButton (onClick)="cambioTipoReporte($event)" [inputId]="valor.value" name="tipoReporte"
+                                [value]="valor.value" [(ngModel)]="tipoReporte" />
+                            <label [for]="valor.value" class="ml-2">
+                                {{ valor.label }}
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </p-fieldset>
+
+        <p-fieldset class="mt-0" *ngIf="'A' != tipoReporte && mostrarQueDeseaHacer" >
+            <ng-template pTemplate="header">
+                <div>
+                    <span class="glyphicons glyphicons-book" style="color:var(--color-400)"></span>
+                    <span>¿Qué desea hacer?</span>
+                </div>
+            </ng-template>
+            <label *ngIf="tipoReporte && 'F' == tipoReporte">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>
+
+            <div *ngIf="tipoReporte && 'F' == tipoReporte">
+                <div class="col-md-12">
+                    <div class="p-fluid p-formgrid grid text-xs">
+                        <div class="field col-12 md:col-6 lg:col-3 align-items-center mb-0"  *ngFor="let valor of mapaTipoArchivos">
+                            <div class="field-radiobutton">
+                                <p-radioButton (onClick)="cambioTipoArchivo($event)" [inputId]="valor.codigo" name="tipoArchivo"
+                                    [value]="valor.codigo"  [(ngModel)]="tipoArchivo" />
+                                <label [for]="valor.codigo" class="ml-2">
+                                    {{ valor.nombre }}
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div *ngIf="mostrarArchivosSoporte">
+                <div class="Detallereporte">
+                    <div class="p-fluid p-formgrid grid">
+                        <div class="field col-12 md:col-12">
+                            <p-floatLabel>
+                                <p-dropdown [options]="listadoArchivoSoporte" [autoDisplayFirst]="false" optionLabel="descripcion" appendTo="body"
+                                    optionValue="llaveTabla" [(ngModel)]="soporteBase" (onChange)="cambioSoporteBase($event)"></p-dropdown>
+                                <label>Soporte Base:</label>
+                            </p-floatLabel>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div *ngIf="tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' ">
+                <div class="col-md-12">
+                    <div class="p-fluid p-formgrid grid text-xs">
+                        <div class="field col-12 md:col-6 lg:col-3 align-items-center mb-0"  *ngFor="let valor of operaciones">
+                            <div class="field-radiobutton">
+                                <p-radioButton [inputId]="valor.value" name="operacion" [value]="valor.value"
+                                    [(ngModel)]="operacion" />
+                                <label [for]="valor.value" class="ml-2">
+                                    {{ valor.label }}
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div *ngIf="operacion == 'E'">
+                <p-floatLabel>
+                    <input pInputText [(ngModel)]="correo" type="text" [disabled]="bloquearCorreo" />
+                    <label>{{'correo' | translate}}</label>
+                </p-floatLabel>
+            </div>
+        </p-fieldset>
+        
+
+        <div class="flex justify-content-end">
+            <button pButton pRipple class="m-2 mt-4 p-button p-button-outlined background-100"
+                *ngIf="validarControlFuncionalidad('ejecrepo:sentencia')" label="Ver sentencia" icon="glyphicons glyphicons-eye-open"
+                (click)="sentencia()"></button>
+            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'E'" icon="glyphicons glyphicons-envelope"
+                label="{{'link_enviar' | translate}}" (click)="enviarSegundoPlano()"></button>
+            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'D' && reporte.momento != 'D'" icon="glyphicons glyphicons-check"
+                label="{{'generar' | translate}}" (click)="descargarReporte()"></button>
+            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'D' && reporte.momento == 'D'" icon="glyphicons glyphicons-check"
+                label="{{'generar' | translate}}" (click)="descargarReporteSinHilo()"></button>
+            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="tipoReporte == 'A'" icon="glyphicons glyphicons-check"
+                label="{{'generar' | translate}}" (click)="generarTabla()"></button>
+            <!--pte proceso externo-->
+            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'M' || operacion == 'MP'" icon="glyphicons glyphicons-envelope"
+                label="{{'link_enviar' | translate}}" (click)="enviarSegundoPlano()"></button>
+            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion == 'P'" icon="glyphicons glyphicons-folder-open"
+                label="{{'link_publicar' | translate}}" (click)="enviarSegundoPlano()"></button>
+            <button pButton pRipple class="m-2 mt-4 p-button-raised" *ngIf="operacion =='S'"  icon="glyphicons glyphicons-check"
+                label="{{'link_generar' | translate}}" (click)="enviarSegundoPlano()"></button>
+
+        </div>
+    </div>
+    <div *ngIf="panel == 'resultado'">
+        <div *ngIf="operacion == 'historico'">
+            <div class="flex justify-content-between align-items-center mt-2 mb-2">
+                <h4 class="text-base mt-2 ml-2">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>
+                <button pButton pRipple icon="pi pi-chevron-left" class="p-button-text font-semibold flex-shrink-0 ml-4"
+                  (click)="regresarSegundoPlano()" label="{{'link_regresar' | translate}}" >
+                </button>
+              </div>
+            <div class=" Inputgroup">
+                <div class="col-md-12">
+                    <div class="p-fluid p-formgrid grid">
+                        <div class="field col-12 md:col-4 lg:col-4">
+                            <p-floatLabel>
+                                <p-calendar type="text" [(ngModel)]="elementoBorrar.inicia" [disabled]="true" appendTo="body"
+                                    [showTime]="true" [showSeconds]="true" dateFormat="dd/mm/yy"></p-calendar>
+                                <label>{{('fechainicial') | translate}}</label>
+                            </p-floatLabel>
+                        </div>
+
+                        <div class="field col-12 md:col-4 lg:col-4">
+                            <p-floatLabel>
+                                <p-calendar type="text" [(ngModel)]="elementoBorrar.termina" [disabled]="true" appendTo="body"
+                                    [showTime]="true" [showSeconds]="true" dateFormat="dd/mm/yy"></p-calendar>
+                                <label>{{('fechafinal') | translate}}</label>
+                            </p-floatLabel>
+                        </div>
+
+                        <div class="field col-12 md:col-4 lg:col-4">
+                            <p-floatLabel>
+                                <input pInputText type="text" [readonly]="false"
+                                    [(ngModel)]="elementoBorrar.nombreEstado" [disabled]="true" />
+                                <label>{{('estado') | translate}}</label>
+                            </p-floatLabel>
+                        </div>
+
+                        <div class="field col-12 md:col-12 lg:col-12" *ngIf="elementoBorrar.estado == 'E'">
+                            <label>{{('mensaje') | translate}}</label>
+                            <textarea class="min-w-full p-inputtextarea p-inputtext p-component p-element "
+                                rows="5" cols="30" pInputTextarea [(ngModel)]="elementoBorrar.archivo"
+                                [disabled]="true"></textarea>
+                        </div>
+                    </div>
+                    <div class="flex justify-content-end">
+                        <button pButton pRipple class="ml-2 p-button p-button-raised"
+                            *ngIf="elementoBorrar.estado == 'T'" icon="pi pi-download"
+                            label="{{'link_descargar' | translate}}" (click)="descargarArchivo()">
+                        </button>
+                        <button pButton pRipple class="ml-2 p-button-outlined" icon="glyphicons glyphicons-bin"
+                            label="{{'link_eliminar' | translate}}" (click)="eliminarSegundoPlano($event)">
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div *ngIf="tipoReporte == 'A'" >
+            <p-table [value]="listaRegistro" responsiveLayout="scroll" [scrollable]="true"
+                [rows]="10" [totalRecords]="listaRegistro.length" [paginator]="listaRegistro.length > 10" >
+                <ng-template pTemplate="header">
+                    <tr class="fondoTablaPincipal">
+                        <th [style.width.px]="col.width || 200" *ngFor="let col of columnas">{{ col.header }}</th>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="body" let-entrada>
+                    <tr>
+                        <td [style.width.px]="col.width || 200" *ngFor="let col of columnas">{{ entrada[col.field] }}</td>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="emptymessage">
+                    <p class="p-3 font-medium emptymessage">
+                        {{'mensajetablavacia' | translate}}
+                    </p>
+                </ng-template>
+            </p-table>
+        </div>
+    </div>
+
+</p-dialog>
+<app-popup-sentencia [reporte]="reporte" [parametros]="parametros" [mostrarPopup]="mostrarPopupSentencia"
     (regresar)="regresarSentencia($event)"></app-popup-sentencia>

package/src/app/webcommon/popups/popup-reporte/popup-reporte.component.scss

@@ -1,13 +1,13 @@
-:host ::ng-deep .p-button {
-    width: auto;
-}
-
-:host ::ng-deep .min-w-full2{
-    min-height: 150px;
-    min-width: 100%;
-}
-
-h4 {
-    color: var(--color-500);
-}
-
+:host ::ng-deep .p-button {
+    width: auto;
+}
+
+:host ::ng-deep .min-w-full2{
+    min-height: 150px;
+    min-width: 100%;
+}
+
+h4 {
+    color: var(--color-500);
+}
+