general-library-union 3.3.2 → 3.3.4

package/src/app/webcommon/pages/ejecucion-reporte/detalle-campo-reporte/detalle-campo-reporte.component.ts

@@ -0,0 +1,189 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { GeneralPipe } from '../../../pipes/general.pipe';
+import { GeneralService } from '../../../../shared/servicios/general.service';
+import { GeneralModel } from '../../../../seguridad/modelos/GeneralModel';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { ReporteFuentePipe } from '../../../pipes/reporte-fuente.pipe';
+import { EjecucionReporteService } from '../../../services/ejecucionreporte.service';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { ReporteFuenteModel } from '../../../../seguridad/modelos/ReporteFuenteModel';
+import { ReporteColumnaModel } from '../../../../seguridad/modelos/ReporteColumna';
+import { ToastService } from '../../../../core/servicios/toast.service';
+import { CommonModule } from '@angular/common';
+import { ButtonModule } from 'primeng/button';
+import { DropdownModule } from 'primeng/dropdown';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { TableModule } from 'primeng/table';
+import { InputTextModule } from 'primeng/inputtext';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+
+@Component({
+  selector: 'detalle-campo-reporte',
+    imports: [TranslateModule, CommonModule, ButtonModule, FormsModule, ReactiveFormsModule, DropdownModule, ReporteFuentePipe, ConfirmPopupModule, TableModule, InputTextModule, InputTextareaModule],
+    standalone: true,
+    templateUrl: './detalle-campo-reporte.component.html',
+  styleUrls: ['./detalle-campo-reporte.component.scss'],
+  providers: [ConfirmationService, MessageService]
+})
+export class DetalleCampoReporteComponent implements OnInit {
+
+  public listaColumna: ReporteColumnaModel[] = [];
+  @Input() public reporteFuente: ReporteFuenteModel;
+  
+  public reporteColumna: ReporteColumnaModel;
+  public formReporteColumna: FormGroup;
+  public vistaVisualizar: string;
+  public nuevo: boolean;
+  public submitted: boolean;
+  items: ({ label: string; icon: string; command: () => void; url?: undefined; separator?: undefined; routerLink?: undefined; } | { label: string; icon: string; url: string; command?: undefined; separator?: undefined; routerLink?: undefined; } | { separator: boolean; label?: undefined; icon?: undefined; command?: undefined; url?: undefined; routerLink?: undefined; } | { label: string; icon: string; routerLink: string[]; command?: undefined; url?: undefined; separator?: undefined; })[];
+
+
+  paginador = {
+    rows: 10,
+    totalRecords: 0
+  }
+
+  public listaTipoDato;
+
+
+  constructor(private formBuilder: FormBuilder,
+              private notificacionesBusService: ToastService,
+              private generalService: GeneralService,
+              private confirmationService: ConfirmationService,
+              private reporteService: EjecucionReporteService,
+              private generalPipe: GeneralPipe,
+              private translateService: TranslateService,
+              private reporteFuentePipe: ReporteFuentePipe) {
+  }
+
+  ngOnInit(): void {
+    this.listaTipoDato = this.reporteFuentePipe.TIPOS_DATO_COLUMNA;
+    this.items = []
+    if (this.isFuente()){
+    this.items.push(
+      {label: this.translateService.instant('link_importar'),  icon: 'pi pi-refresh', command: () => {
+          this.importar();
+      }})
+    } else if (this.isSql){
+      this.items.push(
+        {label: this.translateService.instant('link_generar'),  icon: 'pi pi-refresh', command: () => {
+            this.generar();
+        }})
+    }
+  }
+
+  cargarListaColumna(event){
+    this.generalService.queryForList(new GeneralModel('ReporteColumnaDTO', null, false, {
+      reporteFuente: this.reporteFuente.llave,
+      paginacionRegistroInicial: event.first,
+      paginacionRegistroFinal: event.rows
+    })).subscribe(data => {
+      this.listaColumna = data;
+      this.generalService.cantidadRegistros(new GeneralModel('ReporteColumnaDTO', null, false, {reporteFuente: this.reporteFuente.llave})).subscribe(data => {
+        this.paginador.totalRecords = data;
+      })
+    })
+  }
+
+  public cargarFormulario(){
+    this.formReporteColumna = this.formBuilder.group({
+      nombre: new FormControl(this.reporteColumna.nombre, [Validators.required]),
+      sintaxis: new FormControl(this.reporteColumna.sintaxis, [Validators.required]),
+      tipoDato: new FormControl(this.reporteColumna.tipoDato, [Validators.required]),
+      llaveTabla: new FormControl(this.reporteColumna.llaveTabla),
+      reporteFuente: new FormControl(this.reporteFuente.llave)
+    });
+  }
+  public verAction(event){
+    this.reporteColumna = event.data;
+    this.vistaVisualizar = 'detalle';
+    this.nuevo = false;
+    this.cargarFormulario();
+  }
+
+  public nuevaColumna(){
+    this.vistaVisualizar = 'detalle';
+    this.nuevo = true;
+    this.reporteColumna = new ReporteColumnaModel();
+    this.cargarFormulario();
+  }
+
+  public actualizar(){
+    this.submitted = true;
+    if (!this.formReporteColumna.valid){
+      this.notificacionesBusService.showError('Faltan campos obligatorios');
+        Object.keys(this.formReporteColumna.controls).forEach((key) => {
+          if (this.formReporteColumna.get(key).errors) {
+            this.formReporteColumna.get(key).markAsDirty();
+          }
+        });
+      return;
+    }
+    if (this.nuevo){
+      this.generalService.crearRegistro(new GeneralModel('ReporteColumnaDTO', null, false, this.formReporteColumna.value)).subscribe(data => {
+        this.vistaVisualizar = null;
+      });
+    } else {
+      this.generalService.update(new GeneralModel('ReporteColumnaDTO', null, false, this.formReporteColumna.value)).subscribe(data => {
+        this.vistaVisualizar = null;
+      });
+    }
+    this.cargarListaColumna({first: 0, rows: 10})
+    this.notificacionesBusService.showSuccess( this.generalPipe.MENSAJE_ACTUALIZAR);
+  }
+
+  public importar(){
+    this.reporteService.cargarCampos(this.reporteFuente).subscribe(data => {
+      this.cargarListaColumna({first: 0, rows: 10})
+      this.notificacionesBusService.showInfo('Se importaron las columnas')
+    });
+  }
+
+
+  public generar(){
+    this.reporteService.construirColumnas(this.reporteFuente).subscribe(data => {
+      this.cargarListaColumna({first: 0, rows: 10})
+      this.notificacionesBusService.showInfo('Se generaron las columnas')
+    });
+  }
+
+  public eliminar(event: Event){
+    this.confirmationService.confirm({
+      target: event.target,
+      message:  this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+      acceptLabel: this.generalPipe.SI_DESC,
+      header: this.translateService.instant('confirmar'),
+      accept: () => {
+        let entradaEliminar:ReporteColumnaModel = this.formReporteColumna.value;
+        this.generalService.delete(new GeneralModel('ReporteColumnaDTO', null, false, entradaEliminar)).subscribe(data => {
+          if (data == 1) {
+            this.notificacionesBusService.showSuccess( this.generalPipe.MENSAJE_ELIMINAR);
+            this.vistaVisualizar = null;
+          } else {
+            this.notificacionesBusService.showSuccess( this.generalPipe.MENSAJE_ELIMINAR_NO);
+          }
+        });
+      }
+    });
+  }
+
+  public isFijo():boolean{
+    return this.filtroOrigenFuente(this.reporteFuentePipe.FIJO);
+  }
+
+  public isSql():boolean{
+    return this.filtroOrigenFuente(this.reporteFuentePipe.SQL);
+  }
+
+  public isFuente():boolean{
+    return this.filtroOrigenFuente(this.reporteFuentePipe.FUENTE);
+  }
+
+  public filtroOrigenFuente(tipo:string):boolean{
+    return this.reporteFuente.origenFuente == tipo;
+  }
+
+
+
+}

package/src/app/webcommon/pages/ejecucion-reporte/detalle-distribucion-reporte/detalle-distribucion-reporte.component.html

@@ -0,0 +1,117 @@
+<!--<p-confirmDialog header="'confirmar')" icon="pi pi-exclamation-triangle"></p-confirmDialog>-->
+<p-confirmPopup></p-confirmPopup>
+
+<div class="card col-md-12">
+    <h1 class="text-xl">{{'distribucion' | translate}}</h1>
+    <p-fieldset>
+        <ng-template pTemplate="header">
+            <div>
+                <span class="glyphicons glyphicons-list-alt" style="color:var(--color-400)"></span>
+                <span>{{'enviar' | translate }} {{'correo' | translate }}</span>
+            </div>
+        </ng-template>
+        
+        <div class="Detallereporte p-fluid p-formgrid grid">
+
+            <div class="field col-12 md:col-6">
+                <app-input-helper-seleccion-plantilla [readonly]="false" [showDialog]="false"
+                    [label]="reporteFuente.archivoHtml ? reporteFuente.archivoHtml: ''"
+                    [extensiones]="'html'" [labelrar]="'Archivo HTML'"  [mostraroblicargo]="true"
+                    (onSelected)="obtenerArchivo($event)"></app-input-helper-seleccion-plantilla>
+            </div>
+
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <p-dropdown [options]="listaColumnas" [autoDisplayFirst]="false" [showClear]="true"
+                        [(ngModel)]="reporteFuente.campoEmail" optionLabel="nombre"
+                        optionValue="llaveTabla"></p-dropdown>
+                    <label htmlFor="campoEmail">{{'campo' | translate }} {{'mail' | translate }}</label>
+                </span>
+            </div>
+
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <p-dropdown [options]="listaColumnas" [autoDisplayFirst]="false" [showClear]="true"
+                        [(ngModel)]="reporteFuente.campoClave" optionLabel="nombre"
+                        optionValue="llaveTabla"></p-dropdown>
+                    <label htmlFor="campoEmail">{{'campo' | translate }} {{'clave' | translate }}</label>
+                </span>
+            </div>
+
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <input pInputText id="asunto" type="text" [(ngModel)]="reporteFuente.asuntoEmail" size="25"
+                        maxlength="4000">
+                    <label htmlFor="asunto">{{'asunto' | translate }}</label>
+                </span>
+            </div>
+
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <input pInputText id="nombreAdjunto" type="text" [(ngModel)]="reporteFuente.nombreAdjunto"
+                        size="25" maxlength="4000">
+                    <label htmlFor="nombreAdjunto">{{'nombre' | translate }} {{'adjunto' | translate }}</label>
+                </span>
+            </div>
+        </div>
+    </p-fieldset>
+
+    <p-fieldset>
+        <ng-template pTemplate="header">
+            <div>
+                <span class="glyphicons glyphicons-list-alt" style="color:var(--color-400)"></span>
+                <span>{{'publicacion' | translate }}</span>
+            </div>
+        </ng-template>
+
+        <div class="Detallereporte p-fluid p-formgrid grid">
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <p-dropdown [options]="listaPublicaciones" [autoDisplayFirst]="false"
+                        [(ngModel)]="reporteFuente.publicacion" optionLabel="descripcion"
+                        optionValue="llave" [showClear]="true"></p-dropdown>
+                    <label htmlFor="publicacion">{{'publicacion' | translate }}</label>
+                </span>
+
+            </div>
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <p-dropdown [options]="listaColumnas" [autoDisplayFirst]="false"
+                        [(ngModel)]="reporteFuente.campoPublica" optionLabel="nombre"
+                        optionValue="llaveTabla" [showClear]="true"></p-dropdown>
+                    <label>{{'campo' | translate }} {{'publicacion' | translate }}</label>
+                </span>
+            </div>
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <p-dropdown [options]="listaColumnas" [autoDisplayFirst]="false"
+                        [(ngModel)]="reporteFuente.publicaCarpeta" optionLabel="nombre"
+                        optionValue="llaveTabla" [showClear]="true"></p-dropdown>
+                    <label>{{'campo' | translate }} {{'carpeta' | translate }}</label>
+                </span>
+            </div>
+
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <input pInputText type="text" [(ngModel)]="reporteFuente.publicaTitulo" size="25"
+                        maxlength="100">
+                    <label>{{'descripcion' | translate }}</label>
+                </span>
+            </div>
+
+            <div class="field col-12 md:col-6">
+                <span class="p-float-label">
+                    <input pInputText type="text" [(ngModel)]="reporteFuente.tablaDestino" size="25" maxlength="50">
+                    <label>{{'tabla' | translate }} {{'destino' | translate }}</label>
+                </span>
+            </div>
+
+        </div>
+    </p-fieldset>
+    <div class="flex justify-content-end mt-3 mb-2">
+        <button pButton pRipple class="ml-2 p-button p-button-raised"
+            icon="glyphicons glyphicons-refresh" label="{{'link_actualizar' | translate}}"
+            (click)="actualizar()">
+        </button>
+    </div>
+</div>

package/src/app/webcommon/pages/ejecucion-reporte/detalle-distribucion-reporte/detalle-distribucion-reporte.component.ts

@@ -0,0 +1,87 @@
+import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { GeneralPipe } from '../../../pipes/general.pipe';
+import { GeneralService } from '../../../../shared/servicios/general.service';
+import { ToastService } from '../../../../core/servicios/toast.service';
+import { GeneralModel } from '../../../../seguridad/modelos/GeneralModel';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { PublicacionWebModel } from '../../../../seguridad/modelos/PublicacionWebModel';
+import { ReporteFuenteModel } from '../../../../seguridad/modelos/ReporteFuenteModel';
+import { ReporteEntradaModel } from '../../../../seguridad/modelos/ReporteEntradaModel';
+import { ReporteColumnaModel } from '../../../../seguridad/modelos/ReporteColumna';
+import { TranslateModule } from '@ngx-translate/core';
+import { CommonModule } from '@angular/common';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { FieldsetModule } from 'primeng/fieldset';
+import { InputHelperSeleccionPlantillaComponent } from '../../../../shared/componentes/input-helper-seleccion-plantilla/input-helper-seleccion-plantilla.component';
+import { DropdownModule } from 'primeng/dropdown';
+import { FormsModule } from '@angular/forms';
+import { ButtonModule } from 'primeng/button';
+import { InputTextModule } from 'primeng/inputtext';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+
+@Component({
+  selector: 'detalle-distribucion-reporte',
+    imports: [TranslateModule, CommonModule, ConfirmPopupModule, FieldsetModule, InputHelperSeleccionPlantillaComponent, DropdownModule, FormsModule, ButtonModule, InputTextModule, InputTextareaModule ],
+    standalone: true,
+    templateUrl: './detalle-distribucion-reporte.component.html',
+  styleUrls: ['./detalle-distribucion-reporte.component.scss'],
+  providers: [ConfirmationService, MessageService]
+})
+export class DetalleDistribucionReporteComponent  implements OnInit, OnChanges {
+
+  public reporteEntrada:ReporteEntradaModel;
+  public vistaVisualizar: string;
+  public listaColumnas: ReporteColumnaModel[] = []
+  public listaPublicaciones: PublicacionWebModel[] = []
+
+  public reporteFuente : ReporteFuenteModel = new  ReporteFuenteModel;
+  @Input() public modificarReporte : boolean;
+  @Input() public llaveReporte : string;
+
+  constructor(private notificacionesBusService: ToastService,
+              private generalService: GeneralService,
+              private generalPipe: GeneralPipe) {
+  }
+
+  ngOnChanges(): void {
+    this.cargar()
+    
+  }
+
+
+  cargar(){
+    if (this.llaveReporte){
+      this.generalService.queryForObject(new GeneralModel('ReporteFuenteDTO', null, false, {llave: this.llaveReporte})).subscribe(data => {
+        this.reporteFuente = data;
+        this.generalService.queryForList(new GeneralModel('ReporteColumnaDTO', null, false, {reporteFuente: this.reporteFuente.llave})).subscribe(data => {
+          this.listaColumnas = data;
+          this.generalService.queryForList(new GeneralModel('PublicacionWebDTO', null, false, {diferente: '.'})).subscribe(data => {
+            this.listaPublicaciones = data;
+          })
+        })
+      })
+    }
+  }
+
+  ngOnInit(): void {
+    this.cargar()
+  }
+
+  obtenerArchivo(event){
+    this.reporteFuente.archivoHtml = event.data
+    console.log(event)
+  }
+
+ 
+  public actualizar(){
+    console.log(this.reporteFuente)
+    if (this.reporteFuente.llave){
+
+      this.generalService.update(new GeneralModel('ReporteFuenteDTO', null, false, this.reporteFuente)).subscribe(data => {
+        this.notificacionesBusService.showSuccess(this.generalPipe.MENSAJE_ACTUALIZAR);
+      });
+    }
+  }
+
+}

package/src/app/webcommon/pages/ejecucion-reporte/detalle-ejecucion-reporte/detalle-ejecucion-reporte.page.html

@@ -0,0 +1,158 @@
+<div class="flex justify-content-between align-items-center ml-2 mt-2 mb-2">
+  <h1 class="mb-1">Reportes</h1>
+  <button pButton pRipple icon="pi pi-chevron-left" class="p-button-text font-semibold flex-shrink-0 ml-4"
+    (click)="regresarAction()" label="{{'link_regresar' | translate}}" >
+  </button>
+</div>
+<p-confirmPopup></p-confirmPopup>
+  <p-menubar [model]="items" class="menu-accion-sara"></p-menubar>
+  <div class="card mt-3" *ngIf="vistaVisualizar != 'reporte'">
+    <h5 class="mt-3"><i class="glyphicons glyphicons-book"></i>{{'informacion' | translate}} {{'reporte' | translate}}</h5>
+    <div class="Inputgroup p-fluid p-formgrid grid">
+      <div class="field col-12 md:col-12 lg:col-12">
+        <p-floatLabel>
+          <input pInputText [disabled]="true" [(ngModel)]="reporte.descripcion">
+          <label >{{('descripcion') | translate}}</label>
+        </p-floatLabel>
+      </div>
+    </div>
+  </div>
+
+  <div class="col-12 mt-2" *ngIf="vistaVisualizar == 'reporte'">
+    <div id="reportesListado">
+        <div class="card col-md-12">
+          <div class="Detallereporte mt-4">
+            <div class="p-fluid p-formgrid grid">
+              <div class="field col-12 md:col-6">
+                <p-floatLabel>
+                  <input pInputText id="descripcion" type="text" [(ngModel)]="reporte.descripcion" 
+                    [class.ng-dirty]="!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar"
+                    [class.ng-invalid]="!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar" />
+                  <label>{{'descripcion' | translate }} *</label>
+                </p-floatLabel>
+              </div>
+
+              <div class="field col-12 md:col-6">
+                <p-floatLabel>
+                  <input pInputText id="titulo" type="text" [(ngModel)]="reporte.titulo" />
+                  <label>{{'titulo' | translate }}</label>
+                </p-floatLabel>
+              </div>
+
+              <div class="field col-12 md:col-6">
+                <p-floatLabel>
+                  <input pInputText id="procedimiento" type="text" [(ngModel)]="reporte.procedimiento" [disabled]="!isModificarReporte()" />
+                  <label>{{'procedimiento' | translate }}</label>
+                </p-floatLabel>
+              </div>
+
+              <div [ngClass]="isFuente() ? 'field col-12 md:col-6' : 'field col-12 md:col-2' ">
+                <p-floatLabel>
+                  <p-dropdown [options]="listaTipo" [autoDisplayFirst]="false" id="origenFuente"  [disabled]="reporte.llave != null || !controlFuncionService.getControlFuncionalidad('reporte:tipo')"
+                    [(ngModel)]="reporte.origenFuente" optionLabel="nombre" optionValue="codigo" ></p-dropdown>
+                  <label>{{'tipo' | translate }}*</label>
+                </p-floatLabel>
+              </div>
+              <div class="field col-12 md:col-6" *ngIf="isFuente()">
+                <p-floatLabel>
+                  <p-dropdown [options]="listaFuente" [autoDisplayFirst]="false" id="fuenteDato" [disabled]="!isModificarReporte()"
+                    [class.ng-dirty]="!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar"
+                    [class.ng-invalid]="!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar" 
+                    [(ngModel)]="reporte.fuenteDato" optionLabel="descripcion" optionValue="llave"></p-dropdown>
+                  <label>{{'fuente' | translate }} *</label>
+                </p-floatLabel>
+              </div>
+
+              <div class="field col-12 md:col-4">
+                <p-floatLabel>
+                  <p-dropdown [options]="listaMomento" [autoDisplayFirst]="false"  [(ngModel)]="reporte.momento"
+                    optionLabel="nombre" optionValue="codigo" [showClear]="true">
+                  </p-dropdown>
+                  <label>{{'momento' | translate }}</label>
+                </p-floatLabel>
+              </div>
+
+              <div class="field col-12 md:col-2">
+                <p-floatLabel>
+                  <p-dropdown [options]="listaSiNo" id="reporteExterno" [(ngModel)]="reporte.reporteExterno" [autoDisplayFirst]="false"
+                    [class.ng-dirty]="!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar"
+                    [class.ng-invalid]="!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar"
+                    optionLabel="nombre" optionValue="codigo" [disabled]="!isModificarReporte()" >
+                  </p-dropdown>
+                  <label>{{'reporte' | translate }} {{'externo' | translate }} *</label>
+                </p-floatLabel>
+              </div>
+              <div class="field col-12 md:col-4" *ngIf="isFijo()">
+                <app-input-helper-seleccion-plantilla [readonly]="false" [showDialog]="false"
+                  [label]="reporte.jasperFijo ? reporte.jasperFijo: ''" [mostrarX]="true"
+                  [extensiones]="'jrxml'" [mostraroblicargo]="!(!utilsService.validarCampoObligatorio(reporte.jasperFijo) && clickGuardar)" [labelrar]="'jasper' | translate"
+                  (onSelected)="setJasperFijo($event)"></app-input-helper-seleccion-plantilla>
+              </div>
+              <div class="field col-12 md:col-6" *ngIf="isFijo()">
+                <p-floatLabel>  
+                  <p-dropdown [options]="listaTipoCifrado" [autoDisplayFirst]="false" [showClear]="true"
+                    [(ngModel)]="reporte.cifradoJasperFijo" optionLabel="nombre" optionValue="llaveTabla"></p-dropdown>
+                  <label>{{'tipocifrado' | translate }}</label>
+                </p-floatLabel>
+              </div>
+
+              <div class="field col-12 md:col-12" *ngIf="isSql() || isFijo()">
+                <p-floatLabel>
+                  <textarea class="w-full min-h-150 max-h-300" rows="5"
+                    [class.ng-dirty]="!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()"
+                    [class.ng-invalid]="!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()"
+                    cols="30" pInputTextarea [(ngModel)]="reporte.query"></textarea>
+                  <label >{{'sql' | translate }} *</label>
+                </p-floatLabel>
+              </div>
+              <div class="field col-6 md:col-12" *ngIf="isFuente()">
+                <p-floatLabel>
+                  <textarea class="w-full min-h-150 max-h-300" rows="5"
+                    cols="30" pInputTextarea [(ngModel)]="reporte.whereSql"></textarea>
+                  <label>{{'where' | translate }}</label>
+                </p-floatLabel>
+              </div>
+              <div class="field col-6 md:col-12" *ngIf="isFuente()">
+                <p-floatLabel>
+                  <textarea class="w-full min-h-150 max-h-300" rows="5"
+                    cols="30" pInputTextarea [(ngModel)]="reporte.whereSqlReporte"></textarea>
+                  <label>{{'where' | translate }} {{'reporte' | translate }}</label>
+                </p-floatLabel>
+              </div>
+            </div>
+          </div>
+          <div class="flex justify-content-end mb-3">
+            <button pButton pRipple class="ml-2 p-button p-button-raised" *ngIf="isModificarReporte()"
+                icon="glyphicons {{reporte.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}" label="{{reporte.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}"
+                (click)="actualizar()">
+            </button>
+            <button pButton pRipple class="ml-2 p-button-outlined" icon="glyphicons glyphicons-bin" *ngIf="reporte.llave != null && isModificarReporte()"
+                label="{{'link_eliminar' | translate}}" (click)="eliminar($event)">
+            </button>
+          </div>
+        </div>
+    </div>
+  </div>
+
+  <div *ngIf="vistaVisualizar == 'entrada'"> 
+    <detalle-entrada-reporte [modificarReporte]="isModificarReporte()" [llaveReporte]="reporte.llave"></detalle-entrada-reporte>
+  </div>
+
+  <div *ngIf="vistaVisualizar == 'campo'">
+    <detalle-campo-reporte [reporteFuente]="reporte"> </detalle-campo-reporte>
+  </div>
+
+  <div *ngIf="vistaVisualizar == 'tipo'">
+    <detalle-tipo-reporte [listaFuentes]="listaFuente" [llaveReporte]="reporte.llave"></detalle-tipo-reporte>
+  </div>
+
+  <div *ngIf="vistaVisualizar == 'distribucion'">
+    <detalle-distribucion-reporte [llaveReporte]="reporte.llave"></detalle-distribucion-reporte>
+  </div>
+
+  <div *ngIf="vistaVisualizar == 'puntoproceso'">
+    <detalle-punto-proceso-reporte [llaveReporte]="reporte.llave" [tipoRecurso]="'R'"></detalle-punto-proceso-reporte>
+  </div>
+
+  <app-popup-reporte [mostrar]="mostrarPopupReporte" [reporte]="reporte" [aplicacion]=""
+    (regresar)="regresarPopupReporte($event)"></app-popup-reporte>

package/src/app/webcommon/pages/ejecucion-reporte/detalle-ejecucion-reporte/detalle-ejecucion-reporte.page.scss

@@ -0,0 +1,6 @@
+:host ::ng-deep .min-w-full{
+    min-height: 230px !important;
+    width: 100% !important;
+}
+
+