general-library-union 3.0.44 → 3.0.45

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

@@ -0,0 +1,206 @@
+<!--<p-confirmDialog header="'confirmar')" icon="pi pi-exclamation-triangle"></p-confirmDialog>-->
+<p-confirmPopup></p-confirmPopup>
+
+<div class="flex justify-content-between align-items-center mt-3 mb-3">
+    <h1 class="text-xl">{{'punto' | translate }} {{'proceso' | translate }} </h1>
+    <button pButton pRipple class="p-button-secondary font-semibold" icon="pi pi-plus" (click)="nuevoPuntoProceso()"
+        label="{{'link_nuevo' | translate}}" *ngIf="vistaVisualizar !='detalle'" >
+    </button>
+    <div class="flex justify-content-end  mb-1" *ngIf="vistaVisualizar =='detalle'">
+        <button pButton pRipple (click)="vistaVisualizar = null" label= "{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}" 
+            icon="pi pi-chevron-left" class="p-button-text font-semibold flex-shrink-0 "></button>
+    </div>
+</div>
+
+<p-table [value]="listaRecursoPunto" [scrollable]="true" responsiveLayout="scroll" selectionMode="single" dataKey="puntoProceso"
+    (onRowSelect)="verAction($event)" (onRowUnselect)="verAction($event)" [rows]="paginator.rows" [totalRecords]="paginator.totalRecords" *ngIf="vistaVisualizar != 'detalle'"
+    [paginator]="paginator.totalRecords > paginator.rows" [lazy]="true" (onLazyLoad)="cargar($event)">
+    <ng-template pTemplate="header">
+            
+        <tr class="fondoTablaPincipal">
+            <th>{{'punto' | translate }} {{'proceso' | translate }} </th>
+        </tr>
+        <th>
+    </ng-template>
+    <ng-template pTemplate="body" let-punto>
+        <tr [pSelectableRow]="punto">
+            <td>{{punto.puntoProcesoDescripcion}}</td>
+        </tr>
+    </ng-template>
+    <ng-template pTemplate="emptymessage">
+        <tr>
+            <td colspan="100" class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</td>
+        </tr>
+    </ng-template>
+</p-table>
+
+<div *ngIf="vistaVisualizar == 'detalle'">
+    <p-tabView class="mb-0">
+        <p-tabPanel [header]="'basica' | translate">
+            <div class="card col-md-12">
+                <div class="Detallereporte mt-3">
+
+                    <div class="field col-12 md:col-12">
+                        <p-floatLabel>
+                            <p-dropdown [options]="listaPuntosProceso" [autoDisplayFirst]="false"
+                                optionLabel="label" optionValue="key" [(ngModel)]="recursoPuntoDTO.puntoProceso"
+                                [class]="!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar  ? 'ng-invalid ng-dirty' : ''" >
+                            </p-dropdown>
+                            <label htmlFor="puntoProceso">{{'punto' | translate }} {{'proceso' | translate }} *</label>
+                        </p-floatLabel>
+                    </div>
+
+
+                    <!--BOTONES-->
+                    <div class="flex justify-content-end mb-3">
+                        <button pButton pRipple class="ml-2 p-button p-button-raised"
+                            icon="glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} " label ="{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}"
+                            (click)="guardar()">
+                        </button>
+                        <button pButton pRipple class="ml-2 mr-2 p-button-outlined" icon="glyphicons glyphicons-bin" *ngIf="!nuevo"
+                            label="{{'link_eliminar' | translate}}" (click)="eliminar($event)">
+                        </button>
+                    </div>
+                </div>
+
+            </div>
+        </p-tabPanel>
+        <p-tabPanel [header]="'cruce' | translate" *ngIf="!nuevo">
+            <div class="flex justify-content-end align-items-center mb-2">
+                <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevoCruce()" icon="pi pi-plus" [disabled]="habilitaCampo"
+                    class="p-ripple p-element p-button p-component p-button-secondary mb-2"></button>
+            </div>
+            <p-table #tablaGeneral [value]="listaCruce" responsiveLayout="scroll" styleClass="p-datatable-striped"
+                [rows]="10" [totalRecords]="listaCruce.length"
+                [paginator]="listaCruce.length > 10" 
+                [showCurrentPageReport]="true" currentPageReportTemplate="{first} al {last} de {totalRecords} registros" 
+                editMode="row" dataKey="llaveTabla">
+                <ng-template pTemplate="header">
+                    <tr class="fondoTablaPincipal">
+                        <th style="width: 45%;">{{'entrada' | translate}}</th>
+                        <th style="width: 45%;">{{'valor' | translate}}</th>
+                        <th style="width: 10%;"> </th>
+                    </tr>
+                    <tr class="TablaNuevoRegistro" *ngIf="vistaVisualizarDetalle === 'nuevoCruce'">
+                        <td style="width: 45%;">
+                            <p-dropdown [options]="listaEntrada" optionValue="llave"
+                                [class]="!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''"
+                                [autoDisplayFirst]="false "optionLabel="descripcion" appendTo="body" [autoZIndex]="false"
+                                [(ngModel)]="cruceRecursoPunto.reporteEntrada"></p-dropdown>
+                        </td>
+                        <td style="width: 45%;">
+                            <p-dropdown [options]="listadoAtributoPunto" optionValue="key"
+                                [class]="!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''"
+                                [autoDisplayFirst]="false" optionLabel="label" appendTo="body" [autoZIndex]="false"
+                                [(ngModel)]="cruceRecursoPunto.atributoPunto" ></p-dropdown>
+                        </td>
+                        <td style="width: 10%;">
+                            <div class="flex justify-content-end">
+                                <button pButton pRipple type="button" icon="pi pi-check" (click)="agregarCruce(null,true)"
+                                    class="p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                <button pButton pRipple type="button" (click)="cancelarCruce()" icon="pi pi-times"
+                                    class="p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                            </div>
+                        </td>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="body" let-cruce let-editing="editing" let-ri="rowIndex">
+                    <tr [pEditableRow]="cruce" >
+                        <td style="width: 45%;">
+                            <p-cellEditor>
+                                <ng-template pTemplate="input">
+                                    <p-dropdown [options]="listaEntrada" optionValue="llave"
+                                        [class]="!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''"
+                                        [autoDisplayFirst]="false "optionLabel="descripcion" appendTo="body" [autoZIndex]="false"
+                                        [(ngModel)]="cruce.reporteEntrada"></p-dropdown>
+                                </ng-template>
+                                <ng-template pTemplate="output">
+                                    {{cruce.descripcionEntrada}}
+                                </ng-template>
+                            </p-cellEditor>
+                        </td>
+                        <td style="width: 45%;">
+                            <p-cellEditor>
+                                <ng-template pTemplate="input">
+                                    <p-dropdown [options]="listadoAtributoPunto" optionValue="key"
+                                        [class]="!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''"
+                                        [autoDisplayFirst]="false" optionLabel="label" appendTo="body" [autoZIndex]="false"
+                                        [(ngModel)]="cruce.atributoPunto" ></p-dropdown>
+                                </ng-template>
+                                <ng-template pTemplate="output">
+                                    {{cruce.atributoPuntoDescripcion}}
+                                </ng-template>
+                            </p-cellEditor>
+                        </td>
+                        <td style="width: 10%;">
+                            <div class="flex justify-content-end">
+                                <!-- CHECK GUARDAR -->
+                                <button *ngIf="editing" pButton pRipple type="button" pSaveEditableRow
+                                    icon="pi pi-check" (click)="agregarCruce(cruce, false)"
+                                    class="p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                <!-- CANCELAR -->
+                                <button *ngIf="editing" pButton pRipple type="button" pCancelEditableRow
+                                    icon="pi pi-times" (click)="cancelarEdicion()"
+                                    class="p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                <!-- EDITAR -->
+                                <button *ngIf="!editing" pButton pRipple type="button" pInitEditableRow
+                                    icon="glyphicons glyphicons-pencil" [disabled]="habilitaCampo" (click)="iniciarEdicion()"
+                                    class="p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                <!-- ELIMINAR -->
+                                <button *ngIf="!editing" pButton pRipple type="button" pDeleteEditableRow
+                                    icon="pi pi-trash" (click)="eliminarCruce($event,cruce)" [disabled]="habilitaCampo"
+                                    class="p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                            </div>
+                        </td>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="emptymessage">
+                    <tr>
+                        <td colspan="100" class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</td>
+                    </tr>
+                </ng-template>
+            </p-table>
+        </p-tabPanel>
+        <p-tabPanel [header]="'filtro' | translate" *ngIf="!nuevo">
+            <div class="card">
+                <p-table  [value]="listaAtributoPunto" responsiveLayout="scroll" [scrollable]="true"
+                    scrollDirection="horizontal" styleClass="p-datatable-striped" >
+                    <ng-template pTemplate="header">
+                        <tr>
+                            <th class="w-6rem">{{'descripcion' | translate}}</th>
+                            <th class="w-6rem">{{'codigo' | translate}}</th> 
+                        </tr>
+                    </ng-template>
+                    <ng-template pTemplate="body" let-element>
+                        <tr>
+                            <td class="w-6rem">
+                                {{element.descripcion}}
+                            </td>
+                            <td class="w-6rem">
+                                {{element.codigo}}
+                            </td>
+                        </tr>
+                    </ng-template>
+                    <ng-template pTemplate="emptymessage">
+                        <tr>
+                            <td colspan="100" class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</td>
+                        </tr>
+                    </ng-template>
+                </p-table>
+
+                <div class="field col-12 md:col-12 lg:col-12 mt-3">
+                    <p-floatLabel>
+                        <textarea class="w-full min-h-150 max-h-200" rows="5" cols="30" pInputTextarea
+                            [(ngModel)]="recursoPuntoDTO.filtro" autofocus [autoResize]="true"> </textarea>
+                        <label class=" w-full" for="descripcion">{{'filtro' | translate}}</label>
+                    </p-floatLabel>
+                </div>
+                <div class="flex justify-content-end align-content-center mt-3">
+                    <button pButton pRipple class="ml-2 p-button-raised" (click)="guardar()"
+                        icon="glyphicons glyphicons-refresh" label="{{'link_actualizar' | translate}}" ></button>
+                </div>
+            </div>
+        </p-tabPanel>
+    </p-tabView>
+
+</div>

package/src/app/webcommon/pages/ejecucion-reporte/detalle-punto-proceso-reporte/detalle-punto-proceso-reporte.component.scss

@@ -0,0 +1,3 @@
+:host ::ng-deep .p-button {
+    width: auto;
+}

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

@@ -0,0 +1,330 @@
+import { Component, Input, OnChanges, OnInit } from '@angular/core';
+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 { RecursoPuntoModel } from '../../../../seguridad/modelos/RecursoPuntoModel';
+import { CruceRecursoPuntoModel } from '../../../../seguridad/modelos/CruceRecursoPuntoModel';
+import { AtributoPuntoModel } from '../../../../seguridad/modelos/AtributoPuntoModel';
+import { PuntoProcesoModel } from '../../../../seguridad/modelos/PuntoProcesoModel';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { UtilsService } from '../../../../core/servicios/utils.service';
+import { cargarmapasGlobal } from '../../../../shared/servicios/cargar-mapas.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { CommonModule } from '@angular/common';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { ButtonModule } from 'primeng/button';
+import { TableModule } from 'primeng/table';
+import { TabViewModule } from 'primeng/tabview';
+import { DropdownModule } from 'primeng/dropdown';
+import { FormsModule } from '@angular/forms';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import { FloatLabelModule } from 'primeng/floatlabel';
+
+@Component({
+  selector: 'detalle-punto-proceso-reporte',
+    imports: [TranslateModule, CommonModule, ConfirmPopupModule, ButtonModule, TableModule, TabViewModule, DropdownModule, FormsModule, InputTextareaModule, FloatLabelModule],
+    standalone: true,
+    templateUrl: './detalle-punto-proceso-reporte.component.html',
+  styleUrls: ['./detalle-punto-proceso-reporte.component.scss'],
+  providers: [ConfirmationService, MessageService]
+})
+export class DetallePuntoProcesoReporteComponent  implements OnInit {
+
+  public vistaVisualizar: string;
+  public vistaVisualizarDetalle: string;
+  public listaRecursoPunto: RecursoPuntoModel[] = []
+  
+  @Input() public modificarReporte : boolean;
+  @Input() public llaveReporte : string;
+  @Input() public llaveFuente : string;
+  @Input() public tipoRecurso : string;
+
+  recursoPuntoDTO: RecursoPuntoModel = new RecursoPuntoModel;
+  destino: String;
+  nuevo: boolean;
+  recursosValidar: RecursoPuntoModel[] = [];
+  cruces: CruceRecursoPuntoModel[] = [];
+  listaEntrada: any[] = [];
+  listaPuntosProceso: any[] = [];
+  listaAtributoPunto: AtributoPuntoModel[] = [];
+  listadoAtributoPunto: any[] = [];
+  listaCruce: CruceRecursoPuntoModel[] = [];
+  cruceRecursoPunto: CruceRecursoPuntoModel = new CruceRecursoPuntoModel();
+  clickGuardar: boolean;
+  clickGuardarCruce: boolean;
+  paginatorCruce = {
+    rows: 10,
+    totalRecords: 0,
+  };
+  paginator = {
+    rows: 10,
+    totalRecords: 0,
+  };
+  public habilitaCampo: boolean = false;
+
+  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();
+  }
+
+  verAction(event){
+    this.recursoPuntoDTO = event.data;
+    this.nuevo = false;
+    this.vistaVisualizar = 'detalle'  
+    this.ver(this.recursoPuntoDTO, this.llaveReporte, null, 'R').then(data =>{})
+    this.cancelarCruce()
+  }
+
+  nuevoPuntoProceso(){
+    this.ver(null, this.llaveReporte, null, 'R').then(data =>{})
+
+  }
+
+  cargar(event){
+      this.generalService.queryForList(new GeneralModel('RecursoPuntoDTO', null, false, {
+        reporteFuente: this.llaveReporte,
+        paginacionRegistroInicial: event.first,
+        paginacionRegistroFinal: event.rows,
+      })).subscribe(data => {
+        this.listaRecursoPunto = data;
+        this.generalService.cantidadRegistros(new GeneralModel('RecursoPuntoDTO', null, false, {
+          reporteFuente: this.llaveReporte
+        })).subscribe(data => {
+          this.paginator.totalRecords = data;
+        })
+      })
+      
+  }
+
+  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, destino: String, tipoRecurso) {
+      this.vistaVisualizar = 'detalle';
+      this.llaveReporte = llave;
+      this.tipoRecurso = tipoRecurso;
+      this.nuevo = recursoPuntoDTO == null;
+      this.recursoPuntoDTO = this.nuevo ? new RecursoPuntoModel() : recursoPuntoDTO;
+      await this.cargarRecursoPunto();
+      await this.cargarEntradas();
+      if (!this.nuevo) {
+        await this.loadCruce();
+        await this.cargarAtributos(recursoPuntoDTO.puntoProceso);
+      }
+  }
+
+  eliminar(event){
+    this.confirmationService.confirm({
+      target: event.target,
+      message: this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+      acceptLabel: this.generalPipe.SI_DESC,
+      accept: () => {
+        this.setRespuesta().then(data => {});
+      },
+      reject: () => {
+      }
+    });
+  }
+
+  async setRespuesta(){
+    if(this.validarEliminacion()){
+      this.recursoPuntoDTO.fechaAdicionado = null;
+    this.recursoPuntoDTO.fechaModificado = null;
+    await this.generalService.delete(new GeneralModel('RecursoPuntoDTO',null, false,this.recursoPuntoDTO)).toPromise();
+    await this.loadCruce();
+    this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_ELIMINAR);
+    this.ocultar();
+    return
+    }else {
+      this.notificacionesBusService.showWarning('Debe eliminar los cruces primero');
+    }
+  }
+  
+  validarEliminacion(){
+    console.log(this.listaCruce.length)
+    console.log(this.listaCruce.length <= 0)
+    
+    let validador = this.listaCruce.length <= 0;
+    return validador;
+  }
+
+  async cargarRecursoPunto() {
+    let verificar: RecursoPuntoModel = new RecursoPuntoModel();
+    if (this.tipoRecurso == 'F') {
+      verificar.fuente = this.llaveReporte;
+    } else if (this.tipoRecurso == 'R') {
+      verificar.reporteFuente = this.llaveReporte;
+    }
+    this.recursosValidar = await this.generalService.queryForList(new GeneralModel('RecursoPuntoDTO', null, false, verificar)).toPromise();
+
+  }
+
+  async cargarEntradas() {
+    this.listaEntrada = await this.generalService.queryForList(new GeneralModel('ReporteEntradaDTO', null, false, {reporteFuente: this.llaveReporte})).toPromise();
+  }
+
+  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() {
+    this.clickGuardar = true;
+      if (this.validar()) {
+        this.recursoPuntoDTO.fechaAdicionado = this.recursoPuntoDTO.fechaAdicionado ? new Date(this.recursoPuntoDTO.fechaAdicionado) : null;
+        this.recursoPuntoDTO.fechaModificado = this.recursoPuntoDTO.fechaModificado ? new Date(this.recursoPuntoDTO.fechaModificado) : null;
+        if (this.nuevo) {
+          if (this.tipoRecurso == 'F') {
+            this.recursoPuntoDTO.fuente = this.llaveReporte;
+          } else if (this.tipoRecurso == 'R') {
+            this.recursoPuntoDTO.reporteFuente = this.llaveReporte;
+          }
+          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);
+          await this.cargarAtributos(this.recursoPuntoDTO.puntoProceso);
+          this.nuevo = false;
+          this.clickGuardar = false;
+          return null
+        }
+        if ((await this.generalService.update(new GeneralModel('RecursoPuntoDTO', null, false, this.recursoPuntoDTO)).toPromise()) <= 0) {
+          this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_ACTUALIZAR_NO);
+          return null;
+        }
+        await this.cargarAtributos(this.recursoPuntoDTO.puntoProceso);
+        await this.loadCruce()
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_ACTUALIZAR);
+        this.clickGuardar = false;
+      }
+      return null;
+  }
+
+  nuevoCruce() {
+    this.habilitaCampo = true;
+    this.cruceRecursoPunto = new CruceRecursoPuntoModel();
+    this.vistaVisualizarDetalle = 'nuevoCruce'
+  }
+  cancelarCruce() {
+    this.vistaVisualizarDetalle = null;
+    this.habilitaCampo = false;
+  }
+
+  async agregarCruce(cruce?, nuevo?) {
+    this.clickGuardarCruce = true;
+      if (nuevo) {
+        if (!this.validarCruce(this.cruceRecursoPunto)) {
+          this.notificacionBusService.showError('Faltan campos obligatorios')
+          return;
+        }
+        this.clickGuardarCruce = false;
+        this.cruceRecursoPunto.recursoPunto = this.recursoPuntoDTO.llaveTabla;
+        this.cruceRecursoPunto.llaveTabla = this.utilsService.generarLlave();
+        await this.generalService.crearRegistro(new GeneralModel('CruceRecursoPuntoDTO', null, false, this.cruceRecursoPunto)).toPromise();
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_GUARDAR);
+        this.vistaVisualizarDetalle = null;
+      } else {
+        this.cruceRecursoPunto = cruce
+        if (!this.validarCruce(this.cruceRecursoPunto)) {
+          this.notificacionBusService.showError('Faltan campos obligatorios')
+          return;
+        }
+        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);
+      }
+      await this.cargarCruce();
+      await this.loadCruce();
+      this.habilitaCampo = false;
+  }
+  
+  eliminarCruce(event, cruce){
+    this.habilitaCampo = true;
+    this.confirmationService.confirm({
+      target: event.target,
+      message: this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+      acceptLabel: this.generalPipe.SI_DESC,
+      accept: () => {
+        this.setEliminarCruce(cruce).then(data => {});
+        this.habilitaCampo = false;
+      }
+    });
+  }
+
+  iniciarEdicion() {
+    this.habilitaCampo = true;
+  }
+
+  async cancelarEdicion() { 
+    await this.loadCruce();
+    this.habilitaCampo = false;
+    
+  }
+
+  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);
+    await 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
+      }
+    });
+    validar = validar && this.utilsService.validarCampoObligatorio(this.recursoPuntoDTO.puntoProceso)
+    return validar;
+  }
+  validarCruce(cruce: CruceRecursoPuntoModel) {
+    var validador: boolean = true;
+    validador = validador && this.utilsService.validarCampoObligatorio(cruce.reporteEntrada)
+    validador = validador && this.utilsService.validarCampoObligatorio(cruce.atributoPunto)
+    if(this.tipoRecurso == null){
+      this.notificacionBusService.showError('No se encuentra el recurso');
+      validador = validador && false
+    }
+    this.cruces.forEach(async element => {
+      if (this.tipoRecurso == 'F' && element.reporteEntrada == this.cruceRecursoPunto.reporteEntrada) {
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_PARAMETRO_REPETIDO);
+        validador = validador && false;
+      } else {
+        this.notificacionBusService.showInfo(this.generalPipe.MENSAJE_PARAMETRO_REPETIDO);
+        validador = validador && false;
+      }
+    });
+    return validador;
+  }
+
+  public ocultar() {
+    this.vistaVisualizar = null;
+  }
+
+
+}