general-library-union 3.3.2 → 3.3.4

package/src/app/webcommon/popups/popup-recurso/popup-recurso.component.ts

@@ -0,0 +1,266 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { GeneralPipe } from '../../pipes/general.pipe';
+import { cargarmapasGlobal } from '../../../shared/servicios/cargar-mapas.service';
+import { GeneralService } from '../../../shared/servicios/general.service';
+import { GeneralModel } from '../../../seguridad/modelos/GeneralModel';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import {AtributoPuntoModel} from '../../../seguridad/modelos/AtributoPuntoModel';
+import {CruceRecursoPuntoModel} from '../../../seguridad/modelos/CruceRecursoPuntoModel';
+import {PuntoProcesoModel} from '../../../seguridad/modelos/PuntoProcesoModel';
+import {RecursoPuntoModel} from '../../../seguridad/modelos/RecursoPuntoModel';
+import { ToastService } from '../../../core/servicios/toast.service';
+import { UtilsService } from '../../../core/servicios/utils.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { CommonModule } from '@angular/common';
+import { DialogModule } from 'primeng/dialog';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { DropdownModule } from 'primeng/dropdown';
+import { ButtonModule } from 'primeng/button';
+import { AccordionModule } from 'primeng/accordion';
+import { FormsModule } from '@angular/forms';
+import { TableModule } from 'primeng/table';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+
+@Component({
+  selector: 'app-popup-recurso',
+  imports: [TranslateModule, CommonModule, DialogModule, ConfirmPopupModule, DropdownModule, ButtonModule, AccordionModule, FormsModule, TableModule, InputTextareaModule],
+    standalone: true,
+    providers: [MessageService],
+    templateUrl: './popup-recurso.component.html',
+  styleUrls: ['./popup-recurso.component.scss']
+})
+export class PopupRecursoComponent implements OnInit {
+
+  @Output() public regresar = new EventEmitter();
+
+  recursoPuntoDTO: RecursoPuntoModel = new RecursoPuntoModel;
+  llave: any;
+  destino: String;
+  tipoRecurso;
+  nuevo: boolean;
+  mostrarPopup: boolean;
+  recursosValidar: RecursoPuntoModel[] = [];
+  cruces: CruceRecursoPuntoModel[] = [];
+  listaEntrada: any[] = [];
+  listaPuntosProceso: any[] = [];
+  listaAtributoPunto: AtributoPuntoModel[] = [];
+  listadoAtributoPunto: any[] = [];
+  listaCruce: CruceRecursoPuntoModel[] = [];
+  cruceRecursoPunto: CruceRecursoPuntoModel = new CruceRecursoPuntoModel();
+  vistaVisualizar: String;
+  paginatorCruce = {
+    rows: 10,
+    totalRecords: 0,
+  };
+
+  
+
+
+
+  constructor(private generalService: GeneralService, private cargarMapas: cargarmapasGlobal, private notificacionBusService: ToastService, private generalPipe: GeneralPipe,
+    public utilsService: UtilsService,private notificacionesBusService: ToastService,private confirmationService: ConfirmationService) { }
+
+    ngOnInit(): void {
+    this.cargarListas();
+  }
+
+  async cargarListas() {
+    this.listaPuntosProceso = await this.cargarMapas.cargarSelectItemString('llaveTabla', 'descripcion', new GeneralModel('PuntoProcesoDTO', null, false, new PuntoProcesoModel));
+  }
+
+  async loadCruce() {
+    this.listaCruce = await this.generalService.queryForList(new GeneralModel('CruceRecursoPuntoDTO', 'CruceRecursoPunto.consultarCrucePorRecurso', false, {recursoPunto: this.recursoPuntoDTO.llaveTabla})).toPromise();
+  }
+
+
+
+  async ver(recursoPuntoDTO: RecursoPuntoModel, llave: any, nuevo: boolean, tipoRecurso) {
+      await this.ngOnInit();
+      this.mostrarPopup = true;
+      this.llave = llave;
+      this.tipoRecurso = tipoRecurso;
+      this.nuevo = nuevo;
+      this.recursoPuntoDTO = recursoPuntoDTO;
+      this.cargarRecursoPunto();
+      this.cargarEntradas();
+      if (!this.nuevo) {
+        this.loadCruce();
+        this.cargarAtributos(recursoPuntoDTO.puntoProceso);
+      }
+  }
+
+  eliminar(event){
+    this.confirmationService.confirm({
+      target: event.target,
+      message: this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+      acceptLabel:'Si',
+      accept: () => {
+        this.setRespuesta();
+      },
+      reject: () => {
+      }
+    });
+  }
+
+  async setRespuesta(){
+    if(this.validarEliminacion()){
+    await this.generalService.delete(new GeneralModel('RecursoPuntoDTO',null, false, {llaveTabla: this.recursoPuntoDTO.llaveTabla})).toPromise();
+    this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_ELIMINAR);
+    this.ocultar();
+    return
+    }else {
+      this.notificacionesBusService.showWarning('Debe eliminar los cruces primero');
+    }
+  }
+  async validarEliminacion(){
+    let validador =  await this.generalService.cantidadRegistros(new GeneralModel('CruceRecursoPuntoDTO', null, false,{puntoProceso: this.recursoPuntoDTO.puntoProceso , reporteFuente: this.recursoPuntoDTO.reporteFuente})).toPromise();
+    return true ? validador == 0 : false;
+  }
+
+  async cargarRecursoPunto() {
+    let verificar: RecursoPuntoModel = new RecursoPuntoModel();
+    if (this.tipoRecurso == 'F') {
+      verificar.fuente = this.llave;
+    } else if (this.tipoRecurso == 'R') {
+      verificar.reporteFuente = this.llave;
+    }
+    this.recursosValidar = await this.generalService.queryForList(new GeneralModel('RecursoPuntoDTO', null, false, verificar)).toPromise();
+  }
+
+  async cargarEntradas() {
+    if (this.tipoRecurso == 'F') {
+      this.listaEntrada = await this.cargarMapas.cargarSelectItemString('llaveTabla', 'descripcion', new GeneralModel('FuenteEntradaDTO', null, false, { fuente: this.llave }))
+    } else if (this.tipoRecurso == 'R') {
+      this.listaEntrada = await this.cargarMapas.cargarSelectItemString('llaveTabla', 'descripcion', new GeneralModel('FuenteEntradaDTO', null, false, { reporteFuente: this.llave }))
+    }
+  }
+
+  async cargarCruce() {
+    if (this.recursoPuntoDTO.llaveTabla == null) {
+      return;
+    }
+    this.cruces = await this.generalService.queryForList(new GeneralModel('CruceRecursoPuntoDTO', 'CruceRecursoPunto.consultarCrucePorRecurso', true, { recursoPunto: this.recursoPuntoDTO.llaveTabla })).toPromise();
+  }
+
+  async cargarAtributos(puntoProceso) {
+    this.listadoAtributoPunto = await this.cargarMapas.cargarSelectItemString('llaveTabla', 'descripcion', new GeneralModel('AtributoPuntoDTO', null, false, { puntoProceso: puntoProceso }));
+    this.listaAtributoPunto = await this.generalService.queryForList(new GeneralModel('AtributoPuntoDTO', null, false, { puntoProceso: puntoProceso })).toPromise();
+  }
+
+  async guardar() {
+      if (this.validar()) {
+        if (this.nuevo) {
+          if (this.tipoRecurso == 'F') {
+            this.recursoPuntoDTO.fuente = this.llave;
+          } else if (this.tipoRecurso == 'R') {
+            this.recursoPuntoDTO.reporteFuente = this.llave;
+          }
+          this.recursoPuntoDTO.tipo = this.tipoRecurso;
+          this.recursoPuntoDTO = await this.generalService.crearRegistro(new GeneralModel('RecursoPuntoDTO', null, false, this.recursoPuntoDTO)).toPromise();
+          this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_GUARDAR);
+          this.cargarAtributos(this.recursoPuntoDTO.puntoProceso);
+          this.nuevo = false;
+          return null
+        }
+        this.recursoPuntoDTO.tipo = this.tipoRecurso
+        if ((await this.generalService.update(new GeneralModel('RecursoPuntoDTO', null, false, this.recursoPuntoDTO)).toPromise()) <= 0) {
+          this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_ACTUALIZAR_NO);
+          return null;
+        }
+        this.cargarAtributos(this.recursoPuntoDTO.puntoProceso);
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_ACTUALIZAR);
+      }
+      return null;
+  }
+
+  nuevoCruce() {
+    this.vistaVisualizar = 'nuevoCruce'
+  }
+  cancelarCruce() {
+    this.vistaVisualizar = null;
+  }
+
+  async agregarCruce(cruce?, nuevo?) {
+      if (nuevo) {
+        if (!this.validarCruce()) {
+          return;
+        }
+        this.cruceRecursoPunto.recursoPunto = this.recursoPuntoDTO.llaveTabla;
+        this.cruceRecursoPunto = await this.generalService.crearRegistro(new GeneralModel('CruceRecursoPuntoDTO', null, false, this.cruceRecursoPunto)).toPromise();
+        //this.listaCruce.push(this.cruceRecursoPunto);
+        await this.cargarCruce();
+        await this.loadCruce();
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_GUARDAR);
+        this.vistaVisualizar = null;
+        this.cruceRecursoPunto = new CruceRecursoPuntoModel();
+        return null;
+      } else {
+        this.cruceRecursoPunto = cruce
+        if ((await this.generalService.update(new GeneralModel('CruceRecursoPuntoDTO', null, false, this.cruceRecursoPunto)).toPromise()) <= 0) {
+          this.notificacionBusService.showWarning(this.generalPipe.MENSAJE_ACTUALIZAR_NO);
+        }
+        this.notificacionBusService.showSuccess(this.generalPipe.MENSAJE_ACTUALIZAR);
+        return null;
+      }
+  }
+  
+  eliminarCruce(event, cruce){
+    this.confirmationService.confirm({
+      target: event.target,
+      message: this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+      acceptLabel: 'Si',
+      accept: () => {
+        this.setEliminarCruce(cruce);
+      },
+      reject: () => {
+        this.notificacionesBusService.showInfo('No se elimino el registro');
+      }
+    });
+  }
+  async setEliminarCruce(cruce){
+    if ((await this.generalService.delete(new GeneralModel('CruceRecursoPuntoDTO', null, false, cruce)).toPromise()) <= 0) {
+      this.notificacionesBusService.showWarning(this.generalPipe.MENSAJE_ELIMINAR_NO);
+      return
+    }
+    this.notificacionesBusService.showInfo(this.generalPipe.MENSAJE_ELIMINAR);
+    this.loadCruce();
+  }
+
+  validar() {
+    let validar = true;
+    if (this.recursosValidar == null || this.recursosValidar.length <= 0) {
+      return validar;
+    }
+    this.recursosValidar.forEach(element => {
+      if ((element.llaveTabla != this.recursoPuntoDTO.llaveTabla) && element.puntoProceso == this.recursoPuntoDTO.puntoProceso) {
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_PUNTO_PROCESO_REPETIDO);
+        validar = false
+      }
+    });
+    return validar;
+  }
+  validarCruce() {
+    if(this.tipoRecurso == null){
+      this.notificacionBusService.showError('No se encuentra el recurso');
+      return false
+    }
+    this.cruces.forEach(async element => {
+      if (this.tipoRecurso == 'F' && element.fuenteEntrada == this.cruceRecursoPunto.fuenteEntrada) {
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_PARAMETRO_REPETIDO);
+        return false;
+      } else {
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_PARAMETRO_REPETIDO);
+        return false;
+      }
+    });
+    return true;
+  }
+
+
+
+  public ocultar() {
+    this.mostrarPopup = false;
+    this.regresar.emit();
+  }
+
+}

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

@@ -0,0 +1,273 @@
+<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 mb-2"  *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" [maxFractionDigits]="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 mb-2" *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 mb-2" *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="{{'listado' | translate}} {{'segundoplano' | 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="w-full min-h-100 max-h-150"
+                                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'" >
+            <div class="flex justify-content-end mb-3">
+                <!-- Botones descarga -->
+                <button type="button" pButton pRipple icon="pi pi-file" (click)="exportArchivo('csv')"
+                class="p-button-raised p-button-export border-solid-1 border-color-400 ml-3 w-auto" pTooltip="CSV"
+                tooltipPosition="bottom"></button>
+              <button type="button" pButton pRipple icon="pi pi-file-excel"
+                (click)="exportArchivo('xls')"
+                class="p-button-outlined ml-2 background-100 w-auto" pTooltip="XLS" tooltipPosition="bottom"></button>
+              <button type="button" pButton pRipple icon="pi pi-file-pdf"
+                (click)="exportArchivo('pdf')"
+                class="p-button-outlined ml-2 w-auto" pTooltip="PDF" tooltipPosition="bottom"></button>
+            </div>
+            <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

@@ -0,0 +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);
+}
+