Skip to content

F
formularioConformidad
Commit 0934b5f7 by Fernando José Palomino Aquino
Options

[ADD] NUEVA FORMA DE REGISTRO OS

parent 12f9daea
Showing with 313 additions and 235 deletions
src/app/pages/conformidad/conformidad.componente.css
...@@ -14,10 +14,6 @@ ...@@ -14,10 +14,6 @@
width: 20rem; width: 20rem;
} }
.contenedorRequerimiento{
padding: 0 20px;
}
.contenedor-general-botones { .contenedor-general-botones {
display: flex; display: flex;
} }
......
src/app/pages/conformidad/conformidad.componente.html
...@@ -14,9 +14,9 @@ ...@@ -14,9 +14,9 @@
<mat-card-content class="w-full my-2.5" [formGroup]="datos_personal"> <mat-card-content class="w-full my-2.5" [formGroup]="datos_personal">
<!------------------------------------------------------------------------- DATOS GENERALES ------------------------------------------------------------------------------> <!------------------------------------------------------------------------- DATOS GENERALES ------------------------------------------------------------------------------>
<div class="flex gap-4 mb-4"> <div class="flex gap-4 mb-4">
<mat-form-field class="basis-1/4" appearance="outline" floatLabel="always"> <mat-form-field class="lg:basis-1/4 sm:basis-2/4" appearance="outline" floatLabel="always">
<mat-label>TIPO TRABAJADOR</mat-label> <mat-label>Especialidad</mat-label>
<mat-select formControlName="tipoCargoPersonal" placeholder="[Seleccionar zona]" required> <mat-select formControlName="tipoCargoPersonal" placeholder="[Seleccionar especialidad]" required>
<mat-option *ngFor="let option of this.cargosU_list" [value]="option.cargou"> <mat-option *ngFor="let option of this.cargosU_list" [value]="option.cargou">
{{option.tipocargo}} {{option.tipocargo}}
</mat-option> </mat-option>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field class="w-full" appearance="outline" floatLabel="always"> <mat-form-field class="w-full" appearance="outline" floatLabel="always">
<mat-label>Especialidad</mat-label> <mat-label>Especialidad del técnico</mat-label>
<input formControlName="areaPersonal{{personal.index}}" matInput placeholder="[Área designada]" value="" readonly> <input formControlName="areaPersonal{{personal.index}}" matInput placeholder="[Área designada]" value="" readonly>
</mat-form-field> </mat-form-field>
</div> </div>
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<div class="w-full gap-4 mb-4"> <div class="w-full gap-4 mb-4">
<!-- <div class="basis-3/4"> --> <!-- <div class="basis-3/4"> -->
<div class="flex flex-row gap-x-2"> <div class="flex lg:flex-row sm:flex-col gap-x-2">
<mat-form-field class="w-full" appearance="outline" floatLabel="always"> <mat-form-field class="w-full" appearance="outline" floatLabel="always">
<mat-label>Zona</mat-label> <mat-label>Zona</mat-label>
<mat-select formControlName="zonaPersonal" placeholder="[Seleccionar zona]" required> <mat-select formControlName="zonaPersonal" placeholder="[Seleccionar zona]" required>
...@@ -115,7 +115,6 @@ ...@@ -115,7 +115,6 @@
<ngx-mat-timepicker #timepicker2></ngx-mat-timepicker> <ngx-mat-timepicker #timepicker2></ngx-mat-timepicker>
</mat-form-field> </mat-form-field>
</div> </div>
</div> </div>
<!--</div>--> <!--</div>-->
</div> </div>
...@@ -253,8 +252,8 @@ ...@@ -253,8 +252,8 @@
<mat-card-content class="w-full my-2.5"> <mat-card-content class="w-full my-2.5">
<div class="div-serviocisPrestados divisionGeneral" [formGroup]="datos_servicio"> <div class="div-serviocisPrestados divisionGeneral" [formGroup]="datos_servicio">
<div class="servicio-descripcion"> <div class="servicio-descripcion">
<div class="flex flex-col md:flex-row gap-5 pb-5"> <div class="flex md:flex-col lg:flex-row gap-5 pb-5">
<div class="w-full md:w-1/5"> <div class="lg:w-1/5 md:w-full">
<mat-form-field class="w-full" appearance="outline" floatLabel="always"> <mat-form-field class="w-full" appearance="outline" floatLabel="always">
<mat-label>Listado de Requerimientos</mat-label> <mat-label>Listado de Requerimientos</mat-label>
<input type="text" placeholder="Buscar requerimiento" matInput #inputBusqueda formControlName="busquedaReq" [matAutocomplete]="auto" maxlength="9" <input type="text" placeholder="Buscar requerimiento" matInput #inputBusqueda formControlName="busquedaReq" [matAutocomplete]="auto" maxlength="9"
...@@ -269,13 +268,13 @@ ...@@ -269,13 +268,13 @@
</div> </div>
<!-- <div class="grid grid-cols-2 md:grid-cols-5 gap-4 w-full md:w-4/5">--> <!-- <div class="grid grid-cols-2 md:grid-cols-5 gap-4 w-full md:w-4/5">-->
<div class="grid grid-cols-5 gap-4 basis-4/5"> <div class="grid lg:grid-cols-5 md:grid-cols-3 lg:gap-4 md:gap-y-3">
<div class="contenedorRequerimiento" *ngFor="let card of listRequerimientos" style="display: flex"> <div class="lg:px-5 md:px-0.5 w-fit" *ngFor="let card of listRequerimientos" style="display: flex">
<mat-card> <mat-card>
<mat-card-content> <mat-card-content>
<!-- <mat-card-subtitle class="text-base font-bold">{{ card.titulo }}</mat-card-subtitle> --> <!-- <mat-card-subtitle class="text-base font-bold">{{ card.titulo }}</mat-card-subtitle> -->
<mat-card-subtitle style="font-size: 1rem;font-weight: bold;align-content: center">{{ card.titulo }}</mat-card-subtitle> <mat-card-subtitle style="font-size: 1rem;font-weight: bold;align-content: center">{{ card.titulo }}</mat-card-subtitle>
<div class="w-fit py-2 px-3 flex space-x-4"> <div class="w-fit py-2 lg:px-3 flex space-x-4">
<button mat-fab aria-label="Eliminar" matTooltip="Eliminar" matTooltipPosition="above" (click)="deleteRequerimiento(card.id)"> <button mat-fab aria-label="Eliminar" matTooltip="Eliminar" matTooltipPosition="above" (click)="deleteRequerimiento(card.id)">
<mat-icon class="mat-icon-small">delete</mat-icon> <mat-icon class="mat-icon-small">delete</mat-icon>
</button> </button>
...@@ -290,7 +289,7 @@ ...@@ -290,7 +289,7 @@
</div> </div>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-5"> <div class="grid md:grid-cols-1 lg:grid-cols-2 gap-5">
<div> <div>
<mat-form-field class="w-full"> <mat-form-field class="w-full">
<mat-label>DESCRIPCIÓN DEL PROBLEMA</mat-label> <mat-label>DESCRIPCIÓN DEL PROBLEMA</mat-label>
...@@ -308,7 +307,7 @@ ...@@ -308,7 +307,7 @@
</div> </div>
</div> </div>
<div class="grid grid-flow-col md:grid-cols-2 gap-5"> <div class="grid lg:grid-cols-2 gap-5">
<div> <div>
<div><b class="md:text-[1rem] text-[1em] text-black/60">EVIDENCIAS DEL PROBLEMA: *</b></div> <div><b class="md:text-[1rem] text-[1em] text-black/60">EVIDENCIAS DEL PROBLEMA: *</b></div>
<button mat-fab class="!w-full" [color]="'blue'" (click)="file1.click()"> <button mat-fab class="!w-full" [color]="'blue'" (click)="file1.click()">
...@@ -363,18 +362,18 @@ ...@@ -363,18 +362,18 @@
</mat-card-header> </mat-card-header>
<mat-card-content class="w-full my-2.5"> <mat-card-content class="w-full my-2.5">
<div class="div-trabajosPrestados divisionGeneral" [formGroup]="datos_trabajo"> <div class="div-trabajosPrestados divisionGeneral" [formGroup]="datos_trabajo">
<label class="font-bold text-[1.2rem] pr-6">TIPO DE TRABAJO:</label> <div>
<mat-form-field class="w-full md:w-1/2"> <mat-form-field class="md:w-full lg:w-1/3" appearance="outline" floatLabel="always">
<mat-label>Seleccionar tipo de trabajo</mat-label> <mat-label>Tipo de trabajo</mat-label>
<mat-select formControlName="tipoTrabajo"> <mat-select formControlName="tipoTrabajo" placeholder="[Seleccionar tipo de trabajo]">
@for (tipoT of listTipoTrabajo; track tipoT) { @for (tipoT of listTipoTrabajo; track tipoT) {
<mat-option [value]="tipoT.codtipo">{{ tipoT.desctipo }}</mat-option> <mat-option [value]="tipoT.codtipo">{{ tipoT.desctipo }}</mat-option>
} }
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div>
<div class="w-full mt-5"> <div class="w-full mt-5">
<mat-form-field class="w-full"> <mat-form-field class="w-full" >
<mat-label>DESCRIPCIÓN DEL TRABAJO</mat-label> <mat-label>DESCRIPCIÓN DEL TRABAJO</mat-label>
<textarea matInput placeholder="Breve descripción del trabajo realizado" formControlName="descripcionTrabajo" <textarea matInput placeholder="Breve descripción del trabajo realizado" formControlName="descripcionTrabajo"
cdkTextareaAutosize cdkAutosizeMinRows="3" cdkAutosizeMaxRows="10" [required]="false"></textarea> cdkTextareaAutosize cdkAutosizeMinRows="3" cdkAutosizeMaxRows="10" [required]="false"></textarea>
...@@ -399,7 +398,7 @@ ...@@ -399,7 +398,7 @@
<ng-container *ngIf="existeMaterialS.get('existeMaterial')?.value === '1'"> <ng-container *ngIf="existeMaterialS.get('existeMaterial')?.value === '1'">
<!-- Componente a mostrar --> <!-- Componente a mostrar -->
<mat-card-content class="w-full"> <mat-card-content class="w-full">
<ordensalida-component></ordensalida-component> <ordensalida-component [datosDesdeConformidad]="unidades_list"></ordensalida-component>
</mat-card-content> </mat-card-content>
</ng-container> </ng-container>
</mat-card> </mat-card>
...@@ -413,14 +412,16 @@ ...@@ -413,14 +412,16 @@
</mat-card-header> </mat-card-header>
<mat-card-content class="w-full my-2.5"> <mat-card-content class="w-full my-2.5">
<div class="div-serviocisPrestados divisionGeneral"> <div class="div-serviocisPrestados divisionGeneral">
<div class="grid grid-flow-col md:grid-cols-2 gap-5"> <div class="grid lg:grid-cols-2 gap-5">
<div> <div>
<div><b class="md:text-[1rem] text-[1em] text-black/60">EVIDENCIA DE ATC: *</b></div> <div><b class="md:text-[1rem] text-[1em] text-black/60">EVIDENCIA DE ATC: *</b></div>
<div>
<button mat-fab class="!w-full" [color]="'blue'" (click)="fotoATC.click()"> <button mat-fab class="!w-full" [color]="'blue'" (click)="fotoATC.click()">
<mat-label>SUBIR FOTO DE LA ATC</mat-label> <mat-label>SUBIR FOTO DE LA ATC</mat-label>
<mat-icon>file_open</mat-icon> <mat-icon>file_open</mat-icon>
</button> </button>
<input type="file" #fotoATC (change)="onEventoSubirArchivo($event,3)" class="hidden" accept="image/png, image/jpeg"> <input type="file" #fotoATC (change)="onEventoSubirArchivo($event,3)" class="hidden" accept="image/png, image/jpeg">
</div>
<br> <br>
<div *ngFor="let archivo of archivosEvidencia; let i = index" class="flex mt-2"> <div *ngFor="let archivo of archivosEvidencia; let i = index" class="flex mt-2">
<div *ngIf="archivo.tipoEvidencia === 3" class="flex w-full"> <div *ngIf="archivo.tipoEvidencia === 3" class="flex w-full">
......
src/app/pages/conformidad/conformidad.componente.ts
...@@ -153,6 +153,7 @@ export class ConformidadComponent implements AfterViewInit { ...@@ -153,6 +153,7 @@ export class ConformidadComponent implements AfterViewInit {
sede_list: any = []; sede_list: any = [];
cargosU_list : any = []; cargosU_list : any = [];
zona_list: any = []; zona_list: any = [];
unidades_list : any = [];
requerimientosFiltrados: any[] = []; requerimientosFiltrados: any[] = [];
listSedesAtencion : lugaresTrabajo[] = []; listSedesAtencion : lugaresTrabajo[] = [];
listRequerimientos: interRequerimientos[] = []; listRequerimientos: interRequerimientos[] = [];
...@@ -210,15 +211,16 @@ export class ConformidadComponent implements AfterViewInit { ...@@ -210,15 +211,16 @@ export class ConformidadComponent implements AfterViewInit {
descripcionTrabajo : new FormControl<string>('' ,Validators.required), descripcionTrabajo : new FormControl<string>('' ,Validators.required),
}); });
existeMaterialS : FormGroup = new FormGroup({
existeMaterial : new FormControl(null ,Validators.required),
});
/*datos_pasajeAcumulado = new FormGroup<any>({}); /*datos_pasajeAcumulado = new FormGroup<any>({});
datos_lugarOrigen : FormGroup = new FormGroup<any>({}) ; datos_lugarOrigen : FormGroup = new FormGroup<any>({}) ;
datos_fechaPasaje : FormGroup = new FormGroup<any>({}) ;*/ datos_fechaPasaje : FormGroup = new FormGroup<any>({}) ;*/
existeMaterialS : FormGroup = new FormGroup({
existeMaterial : new FormControl(null ,Validators.required),
});
// GROUPO DE FORMULARIO // GROUPO DE FORMULARIO
...@@ -270,20 +272,24 @@ export class ConformidadComponent implements AfterViewInit { ...@@ -270,20 +272,24 @@ export class ConformidadComponent implements AfterViewInit {
personal, personal,
sede, sede,
tipoTrabajo, tipoTrabajo,
cargosUnidos cargosUnidos,
unidades
] = await Promise.all([ ] = await Promise.all([
this.conformidadHelper.cargarPersonal(), this.conformidadHelper.cargarPersonal(),
this.conformidadHelper.cargarSedes(), this.conformidadHelper.cargarSedes(),
this.conformidadHelper.gestionConformidad({opcion: 9}), this.conformidadHelper.gestionConformidad({opcion: 9}),
this.conformidadHelper.cargarCargosU() this.conformidadHelper.cargarCargosU(),
this.conformidadHelper.listadoGeneralHorizon({accion : 5})
]); ]);
//this.personal_list = personal; //this.personal_list = personal;
this.sede_list = sede; this.sede_list = sede;
this.cargosU_list = cargosUnidos; this.cargosU_list = cargosUnidos;
this.zona_list = [{ value: 1, viewValue: 'NORTE' },{ value: 2, viewValue: 'SUR' },{ value: 3, viewValue: 'ESTE' },{ value: 4, viewValue: 'CENTRO' }]; this.zona_list = [{ value: 1, viewValue: 'NORTE' },{ value: 2, viewValue: 'SUR' },{ value: 3, viewValue: 'ESTE' },{ value: 4, viewValue: 'CENTRO' }];
this.unidades_list = unidades;
//this.dataSource = []; // Inicializa la tabla de pasajes //this.dataSource = []; // Inicializa la tabla de pasajes
this.activarPasajes = false; //this.activarPasajes = false;
const jsonTipoTrabajo = JSON.parse(tipoTrabajo); const jsonTipoTrabajo = JSON.parse(tipoTrabajo);
this.listTipoTrabajo = jsonTipoTrabajo.data; this.listTipoTrabajo = jsonTipoTrabajo.data;
...@@ -394,6 +400,8 @@ export class ConformidadComponent implements AfterViewInit { ...@@ -394,6 +400,8 @@ export class ConformidadComponent implements AfterViewInit {
});*/ });*/
} }
}); });
} }
//AL SELECCIONAR UN REQUERIMIENTO //AL SELECCIONAR UN REQUERIMIENTO
...@@ -970,7 +978,7 @@ export class ConformidadComponent implements AfterViewInit { ...@@ -970,7 +978,7 @@ export class ConformidadComponent implements AfterViewInit {
return { return {
accion: 2, accion: 2,
codOrdenSalida: respuestaOrdenSalida.data.codordensalida, codOrdenSalida: respuestaOrdenSalida.data.codordensalida,
codArticulo: item.codigoArticulo, codArticulo: item.codigo,
nombreArticulo: item.nombre, nombreArticulo: item.nombre,
unidad: item.unidad, unidad: item.unidad,
cantidad: item.cantidad, cantidad: item.cantidad,
......
src/app/pages/conformidad/modalArticuloOC/modalArticuloOC.componente.html 0 → 100644
<h1 mat-dialog-title>Detalle Articulo</h1>
<mat-dialog-content [formGroup]="datos_Articulo" >
<mat-card appearance="outlined" >
<mat-card-content class="flex items-center gap-4 p-4 rounded-lg shadow-lg bg-blue-50" >
<div>
<mat-label>NOMBRE ARTÍCULO: </mat-label>
<mat-form-field class="w-full">
<mat-label>Ingrese artículo</mat-label>
<input type="text" formControlName="nombreArticulo" placeholder="" matInput>
</mat-form-field>
</div>
<div>
<mat-form-field appearance="outline" floatLabel="always" class="w-full">
<mat-label>Unidad de medida</mat-label>
<mat-select formControlName="unidadArticulo" placeholder="[Seleccionar Unidad]" required>
<mat-option *ngFor="let option of this.Unidades" [value]="option?.codigo">{{option?.nombre}}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div>
<mat-label>CANTIDAD : </mat-label>
<mat-form-field class="w-full">
<mat-label>Ingrese cantidad</mat-label>
<input formControlName="cantidadArticulo" matInput soloNumeros="entero" maxlength="2" placeholder="Máx. 2 dígitos">
</mat-form-field>
</div>
<div>
<mat-form-field appearance="outline" floatLabel="always" class="w-full">
<mat-label>Estado del artículo</mat-label>
<mat-select formControlName="estadoArticulo" placeholder="[Seleccionar estado del artículo]" required>
<mat-option *ngFor="let tipoT of Estados" [value]="tipoT.codigo">{{ tipoT.nombre }}</mat-option>
</mat-select>
</mat-form-field>
</div>
</mat-card-content>
</mat-card>
</mat-dialog-content>
<div mat-dialog-actions align="center">
<button mat-button (click)="onCancelar()">Cancelar</button>
<ng-container *ngIf="!Editar; else displayEditar">
<button mat-button color="green" (click)="onConfirmar()">Registrar</button>
</ng-container>
<ng-template #displayEditar>
<button mat-button color="green" (click)="onConfirmar()">Editar</button>
</ng-template>
</div>
src/app/pages/conformidad/modalArticuloOC/modalArticuloOC.componente.ts 0 → 100644
import {Component, ElementRef, inject, Inject, OnInit, ViewChild} from '@angular/core';
import {MatOption, provideNativeDateAdapter} from '@angular/material/core';
import {MatTableModule} from '@angular/material/table';
import { MatDialogActions, MatDialogClose, MatDialogContent, MatDialogTitle, MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
import {JsonPipe, NgForOf, NgIf} from "@angular/common";
import {Observable} from "rxjs";
import {MatFormField, MatLabel,MatFormFieldModule } from "@angular/material/form-field";
import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
import {MatIconModule} from '@angular/material/icon';
import {MatDividerModule} from '@angular/material/divider';
import {MatButtonModule} from '@angular/material/button';
import {MatCard, MatCardContent} from "@angular/material/card";
import {MatInput} from "@angular/material/input";
import {MatSelect} from "@angular/material/select";
import {SoloNumerosDirective} from "../../../service/directivas_service/soloNumeros/solo-numeros.directive";
import Notiflix from "notiflix";
import {MatSnackBar, MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition} from "@angular/material/snack-bar";
interface listadoComun {
codigo: string;
nombre: string;
}
@Component({
selector: 'app-modalArticuloOC',
standalone: true,
providers: [provideNativeDateAdapter()],
templateUrl: './modalArticuloOC.componente.html',
imports: [
MatDialogActions,
MatDialogClose,
MatDialogContent,
JsonPipe,
MatLabel,
ReactiveFormsModule,
MatFormField,
MatDialogTitle,
MatTableModule,
MatButtonModule,
MatDividerModule,
MatIconModule,
MatCard,
MatCardContent,
MatInput,
MatOption,
MatSelect,
NgForOf,
NgIf,
SoloNumerosDirective,
MatFormFieldModule
],
})
export class modalArticuloOC {
//INICIALIZANDO VARIABLES
private barraAlerta = inject(MatSnackBar);
alertaPosicionHorizontal: MatSnackBarHorizontalPosition = 'center';
alertaPosicionVertical: MatSnackBarVerticalPosition = 'bottom';
alertaDuracion : number = 3;
Estados : listadoComun[] = [];
Unidades : listadoComun[] = [];
Articulo : any = {};
Editar : boolean = false;
datos_Articulo = new FormGroup({
nombreArticulo : new FormControl<string>('' ,Validators.required),
unidadArticulo : new FormControl<string>('' ,Validators.required),
cantidadArticulo : new FormControl<number | null >(null,Validators.required),
estadoArticulo : new FormControl<string>('' ,Validators.required)
});
constructor(@Inject(MAT_DIALOG_DATA) public data: any ,public dialogRef: MatDialogRef<modalArticuloOC>) {
this.Estados = data.Estados;
this.Unidades = data.Unidades;
this.Articulo = data.DatoArticulo || {};
this.Editar = data.Editar || false;
if(this.Editar){
this.datos_Articulo.get('nombreArticulo')?.setValue(this.Articulo.nombre);
this.datos_Articulo.get('unidadArticulo')?.setValue(this.Articulo.unidad);
this.datos_Articulo.get('cantidadArticulo')?.setValue(this.Articulo.cantidad);
this.datos_Articulo.get('estadoArticulo')?.setValue(this.Articulo.estado);
}
}
onCancelar(): void {
this.Articulo = {};
this.dialogRef.close(this.Articulo);
}
onConfirmar(): void {
this.Articulo = {
codigoArticulo : '',
nombreArticulo : this.datos_Articulo.get('nombreArticulo')?.value,
unidadArticulo : this.datos_Articulo.get('unidadArticulo')?.value,
cantidadArticulo : this.datos_Articulo.get('cantidadArticulo')?.value,
estadoArticulo : this.datos_Articulo.get('estadoArticulo')?.value
}
const validacion = this.validarRegistroArticulo(this.Articulo) ;
if(validacion){
this.dialogRef.close(this.Articulo);
}else{
this.mostrarAlerta('VALIDAR DATOS INGRESADOS');
return;
}
}
validarRegistroArticulo(valores: any): boolean {
if (valores.nombreArticulo && valores.unidadArticulo && valores.cantidadArticulo && valores.estadoArticulo) {
return true;
} else {
return false;
}
}
mostrarAlerta(mensaje: string): void {
Notiflix.Loading.remove();
this.barraAlerta.open(mensaje, '', {
horizontalPosition: this.alertaPosicionHorizontal,
verticalPosition: this.alertaPosicionVertical,
duration: this.alertaDuracion * 1000,
panelClass: ['custom-snackbar'],
});
}
}
src/app/pages/conformidad/modalEliminarPasaje/eliminarPasaje.componente.ts
...@@ -27,9 +27,9 @@ import {MatTableModule} from "@angular/material/table"; ...@@ -27,9 +27,9 @@ import {MatTableModule} from "@angular/material/table";
], ],
standalone: true, standalone: true,
template: ` template: `
<h1 mat-dialog-title>Confirmar eliminación pasaje</h1> <h1 mat-dialog-title>Confirmar eliminación de articulo</h1>
<div mat-dialog-content> <div mat-dialog-content>
<p>¿Estás seguro de que deseas eliminar este pasaje?</p> <p>¿Estás seguro de que deseas quitar este artículo de la lista?</p>
</div> </div>
<div mat-dialog-actions> <div mat-dialog-actions>
<button mat-button (click)="onCancelar()">Cancelar</button> <button mat-button (click)="onCancelar()">Cancelar</button>
......
src/app/pages/conformidad/modalRequerimiento/modalRequerimiento.componente.ts
...@@ -11,14 +11,6 @@ import {MatDividerModule} from '@angular/material/divider'; ...@@ -11,14 +11,6 @@ import {MatDividerModule} from '@angular/material/divider';
import {MatButtonModule} from '@angular/material/button'; import {MatButtonModule} from '@angular/material/button';
import {MatCard, MatCardContent} from "@angular/material/card"; import {MatCard, MatCardContent} from "@angular/material/card";
export interface PeriodicElement {
position: number;
name: string;
weight: number;
symbol: string;
}
export interface interDetalleRequerimiento { export interface interDetalleRequerimiento {
posicion: string; posicion: string;
nombre : string; nombre : string;
...@@ -26,10 +18,6 @@ export interface interDetalleRequerimiento { ...@@ -26,10 +18,6 @@ export interface interDetalleRequerimiento {
cantidad: number; cantidad: number;
} }
//const ARTICULOS_DATA : detalleRequerimiento[] = [];
@Component({ @Component({
selector: 'app-modalRequerimiento', selector: 'app-modalRequerimiento',
standalone: true, standalone: true,
...@@ -54,18 +42,14 @@ export interface interDetalleRequerimiento { ...@@ -54,18 +42,14 @@ export interface interDetalleRequerimiento {
] ]
}) })
export class modalRequerimientoComponent implements OnInit{ export class modalRequerimientoComponent{
@ViewChild('datosPrincipales') datosPrincipales!: ElementRef;
detalleRequerimiento: any; detalleRequerimiento: any;
//filasRequerimientos: any;
columnasArticulos: string[] = ['posicion', 'nombre', 'unidad', 'cantidad']; columnasArticulos: string[] = ['posicion', 'nombre', 'unidad', 'cantidad'];
dataSource: interDetalleRequerimiento[] = []; dataSource: interDetalleRequerimiento[] = [];
constructor(@Inject(MAT_DIALOG_DATA) public data: any) { constructor(@Inject(MAT_DIALOG_DATA) public data: any) {
const datosPrincipales = data.requerimientoInfo?.map((item: any) => { const datosPrincipales = data.requerimientoInfo?.map((item: any) => {
return { return {
numeroDoc : item.numeroDoc, numeroDoc : item.numeroDoc,
...@@ -84,6 +68,7 @@ export class modalRequerimientoComponent implements OnInit{ ...@@ -84,6 +68,7 @@ export class modalRequerimientoComponent implements OnInit{
if(datosPrincipales[0]){ if(datosPrincipales[0]){
//Obtener los valores de descripcion, observacion, sede y empleado por separado y en un solo objeto //Obtener los valores de descripcion, observacion, sede y empleado por separado y en un solo objeto
this.detalleRequerimiento = { this.detalleRequerimiento = {
numeroDoc : datosPrincipales[0].numeroDoc, numeroDoc : datosPrincipales[0].numeroDoc,
tipoRequerimiento : datosPrincipales[0].tipoRequerimiento, tipoRequerimiento : datosPrincipales[0].tipoRequerimiento,
...@@ -95,16 +80,5 @@ export class modalRequerimientoComponent implements OnInit{ ...@@ -95,16 +80,5 @@ export class modalRequerimientoComponent implements OnInit{
this.dataSource = datosPrincipales; this.dataSource = datosPrincipales;
} }
//this.detalleRequerimiento = data.requerimientoInfo
//this.filasRequerimientos =
}
ngOnInit(): void {
//ARTICULOS_DATA.push(this.detalleRequerimiento);
} }
} }
src/app/pages/ordensalida/ordensalida.componente.html
...@@ -13,10 +13,10 @@ ...@@ -13,10 +13,10 @@
<!-- Título y botón de agregar artículo --> <!-- Título y botón de agregar artículo -->
<div class="grid gap-4 grid-cols-1 sm:grid-cols-2 items-center"> <div class="grid gap-4 grid-cols-1 sm:grid-cols-2 items-center">
<mat-label class="text-[1.1em] font-bold mb-4 flex items-center"> <mat-label class="text-[1.1em] font-bold mb-4 flex items-center">
LISTADO DE ARTÍCULOS LISTADO DE MATERIAL SOBRANTE
<mat-icon class="ml-2">attach_money</mat-icon> <mat-icon>deployed_code_update</mat-icon>
</mat-label> </mat-label>
<button [ngStyle]="{'visibility': activarNuevoArticulo ? 'visible' : 'hidden'}" [disabled]="!activarNuevoArticulo" mat-raised-button (click)="onAgregarArticulo($event)"> <button [ngStyle]="{'visibility': activarNuevoArticulo ? 'visible' : 'hidden'}" [disabled]="!activarNuevoArticulo" mat-raised-button (click)="onEventoAgregarArticulo($event)">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
<b>Agregar material</b> <b>Agregar material</b>
</button> </button>
...@@ -29,26 +29,14 @@ ...@@ -29,26 +29,14 @@
<ng-container matColumnDef="nombre"> <ng-container matColumnDef="nombre">
<th mat-header-cell *matHeaderCellDef> NOMBRE DE ARTÍCULO </th> <th mat-header-cell *matHeaderCellDef> NOMBRE DE ARTÍCULO </th>
<td mat-cell *matCellDef="let element"> <td mat-cell *matCellDef="let element">
<!-- DESBLOQUEAR DESPUES --> <!--<ng-container *ngIf="element.isNew; else displayOrigen">
<!-- <ng-container *ngIf="element.isNew; else displayOrigen">
<mat-form-field class="w-[25rem]">
<input type="text" placeholder="Buscar artículos" matInput formControlName="articulo{{element.index}}" [matAutocomplete]="auto" maxlength="9"
(input)="onBusquedaArticulo($event,element.index)">
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSeleccionArticulo($event,element.index)">
<mat-option *ngFor="let option of articulosList" [value]="option.codigo">
{{ option.nombre }}
</mat-option>
</mat-autocomplete>
</mat-form-field>
</ng-container> -->
<ng-container *ngIf="element.isNew; else displayOrigen">
<mat-form-field class="w-[25rem]"> <mat-form-field class="w-[25rem]">
<input type="text" placeholder="Buscar artículos" matInput formControlName="articulo{{element.index}}"> <input type="text" placeholder="Buscar artículos" matInput formControlName="articulo{{element.index}}">
</mat-form-field> </mat-form-field>
</ng-container> </ng-container>
<ng-template #displayOrigen> <ng-template #displayOrigen> -->
{{ element.nombre }} {{ element.nombre }}
</ng-template> <!--</ng-template>-->
</td> </td>
</ng-container> </ng-container>
...@@ -56,10 +44,7 @@ ...@@ -56,10 +44,7 @@
<ng-container matColumnDef="unidad"> <ng-container matColumnDef="unidad">
<th mat-header-cell *matHeaderCellDef> UNIDAD </th> <th mat-header-cell *matHeaderCellDef> UNIDAD </th>
<td mat-cell *matCellDef="let element"> <td mat-cell *matCellDef="let element">
<!-- <ng-container *ngIf="element.isNew; else displayOrigen"> <!--<ng-container *ngIf="element.isNew; else displayOrigen">
<mat-label>{{formGroupMS(2,'unidad'+element.index)?.value}}</mat-label>
</ng-container> -->
<ng-container *ngIf="element.isNew; else displayOrigen">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-select formControlName="unidad{{element.index}}" required> <mat-select formControlName="unidad{{element.index}}" required>
<mat-option *ngFor="let option of this.listUnidades" [value]="option?.codigo"> <mat-option *ngFor="let option of this.listUnidades" [value]="option?.codigo">
...@@ -68,9 +53,9 @@ ...@@ -68,9 +53,9 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</ng-container> </ng-container>
<ng-template #displayOrigen> <ng-template #displayOrigen>-->
{{ element.unidad }} {{ element.unidad }}
</ng-template> <!--</ng-template>-->
</td> </td>
</ng-container> </ng-container>
...@@ -78,14 +63,14 @@ ...@@ -78,14 +63,14 @@
<ng-container matColumnDef="cantidad"> <ng-container matColumnDef="cantidad">
<th mat-header-cell *matHeaderCellDef> CANTIDAD </th> <th mat-header-cell *matHeaderCellDef> CANTIDAD </th>
<td mat-cell *matCellDef="let element"> <td mat-cell *matCellDef="let element">
<ng-container *ngIf="element.isNew; else displayOrigen"> <!--<ng-container *ngIf="element.isNew; else displayOrigen">
<mat-form-field class="w-[10rem]" appearance="outline"> <mat-form-field class="w-[10rem]" appearance="outline">
<input matInput formControlName="cantidad{{element.index}}" soloNumeros="entero" maxlength="2"> <input matInput formControlName="cantidad{{element.index}}" soloNumeros="entero" maxlength="2">
</mat-form-field> </mat-form-field>
</ng-container> </ng-container>
<ng-template #displayOrigen> <ng-template #displayOrigen>-->
{{ element.cantidad }} {{ element.cantidad }}
</ng-template> <!--</ng-template>-->
</td> </td>
</ng-container> </ng-container>
...@@ -93,17 +78,17 @@ ...@@ -93,17 +78,17 @@
<ng-container matColumnDef="estado"> <ng-container matColumnDef="estado">
<th mat-header-cell *matHeaderCellDef> ESTADO ARTÍCULO </th> <th mat-header-cell *matHeaderCellDef> ESTADO ARTÍCULO </th>
<td mat-cell *matCellDef="let element"> <td mat-cell *matCellDef="let element">
<ng-container *ngIf="element.isNew; else displayOrigen"> <!--<ng-container *ngIf="element.isNew; else displayOrigen">
<mat-form-field class="w-full select-tipoTrabajo"> <mat-form-field class="w-full select-tipoTrabajo">
<mat-label>Seleccionar tipo de trabajo</mat-label> <mat-label>Seleccionar tipo de trabajo</mat-label>
<mat-select formControlName="estado{{element.index}}"> <mat-select formControlName="estado{{element.index}}">
<mat-option *ngFor="let tipoT of listEstadoArticulo" [value]="tipoT.valor">{{ tipoT.nombre }}</mat-option> <mat-option *ngFor="let tipoT of listEstadoArticulo" [value]="tipoT.codigo">{{ tipoT.nombre }}</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</ng-container> </ng-container>
<ng-template #displayOrigen> <ng-template #displayOrigen> -->
{{ formatoEstado(element.estado) }} {{ formatoEstado(element.estado) }}
</ng-template> <!--</ng-template>-->
</td> </td>
</ng-container> </ng-container>
...@@ -111,7 +96,13 @@ ...@@ -111,7 +96,13 @@
<ng-container matColumnDef="accion"> <ng-container matColumnDef="accion">
<th mat-header-cell *matHeaderCellDef> ACCIÓN </th> <th mat-header-cell *matHeaderCellDef> ACCIÓN </th>
<td mat-cell *matCellDef="let element"> <td mat-cell *matCellDef="let element">
<ng-container *ngIf="element.acciones; else sinAcciones"> <button mat-icon-button (click)="onEventoEditarArticulo($event, element)">
<mat-icon>edit</mat-icon>
</button>
<button mat-icon-button (click)="onEventoEliminarArticulo($event, element)">
<mat-icon>delete</mat-icon>
</button>
<!--<ng-container *ngIf="element.acciones; else sinAcciones">
<ng-container *ngIf="element.isNew; else accionesEditar"> <ng-container *ngIf="element.isNew; else accionesEditar">
<button mat-icon-button (click)="onEventoConfirmarArticulo($event, element)"> <button mat-icon-button (click)="onEventoConfirmarArticulo($event, element)">
<mat-icon>check_circle</mat-icon> <mat-icon>check_circle</mat-icon>
...@@ -129,7 +120,7 @@ ...@@ -129,7 +120,7 @@
</button> </button>
</ng-template> </ng-template>
</ng-container> </ng-container>
<ng-template #sinAcciones></ng-template> <ng-template #sinAcciones></ng-template> -->
</td> </td>
</ng-container> </ng-container>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment