feature/solicitar_reapertura_de_cuenta_20240206
parent
21a58970aa
commit
85f1e53abc
@ -0,0 +1,84 @@ |
||||
import React, { useState } from "react" |
||||
import { Button, Col, Form, FormLabel, Row } from "react-bootstrap" |
||||
import CTrafDataService from "../../../Services/Corresponsalias/Corresponsales.Trafico.Services" |
||||
import { MsgInformativo } from "../../Utils/Toast/msgInformativo" |
||||
import { ICorresponsalTraficoSolicitudReapertura } from "../../../Interfaces/Corresponsales/ICorresponsalTraficoSolicitudReapertura" |
||||
|
||||
interface IProps{ |
||||
idTrafico: number, |
||||
idUsuario: number |
||||
} |
||||
export const SolicitudReapertura:React.FC<IProps> = (props) => { |
||||
const [Motivo, setMotivo] = useState('') |
||||
const [showMsg, setShowMsg] = useState(false) |
||||
const [msg, setMsg] = useState('') |
||||
const [header, setHeader] = useState('') |
||||
|
||||
const SolicitarReapertura = (motivo: string) => { |
||||
if(!motivo){ |
||||
setHeader('Error'); |
||||
setMsg('Favor de capturar una razon válida.') |
||||
setShowMsg(true) |
||||
return; |
||||
} |
||||
if(motivo.length < 30){ |
||||
setHeader('Error'); |
||||
setMsg('La razón de su solicitud debe contener al menos 30 caracteres') |
||||
setShowMsg(true) |
||||
return; |
||||
} |
||||
var solicitud: ICorresponsalTraficoSolicitudReapertura = { |
||||
id: 0, |
||||
idTrafico: props.idTrafico, |
||||
idUsuarioSolicita: props.idUsuario, |
||||
fechaSolicita: "", |
||||
motivoSolicita: Motivo, |
||||
idUsuarioAutoriza: 0, |
||||
fechaAutoriza: "", |
||||
motivoRechazo: "", |
||||
estado: 1 |
||||
} |
||||
CTrafDataService.AppendSolicitudReapertura(solicitud) |
||||
.then((resp) => {}) |
||||
.catch(() => { |
||||
setHeader('Error'); |
||||
setMsg('Ocurrió un error. Favor de intentar nuevamente') |
||||
setShowMsg(true) |
||||
return; |
||||
}) |
||||
} |
||||
return( |
||||
<> |
||||
<h3>Solicitud de Reapertura de Cuenta</h3> |
||||
<hr/> |
||||
<Row> |
||||
<Col xs={12}> |
||||
<FormLabel style={{width:'100%'}}> |
||||
<Form.Control |
||||
as="textarea" |
||||
rows={5}
|
||||
onChange={(e) => setMotivo(e.target?.value)} |
||||
placeholder='ingrese el motivo de la solicitud' |
||||
/> |
||||
</FormLabel> |
||||
</Col> |
||||
</Row> |
||||
<Row className='justify-content-end'> |
||||
<Col xs={2} style={{textAlign:'end'}}> |
||||
<Button variant='primary' onClick={() => SolicitarReapertura(Motivo)}> |
||||
Guardar |
||||
</Button> |
||||
</Col> |
||||
</Row> |
||||
<MsgInformativo |
||||
show={showMsg} |
||||
msg={msg} |
||||
header={header} |
||||
msgColor={'primary'} |
||||
closeToast={() => { |
||||
setShowMsg(false) |
||||
}} |
||||
/> |
||||
</> |
||||
) |
||||
} |
@ -0,0 +1,11 @@ |
||||
export interface ICorresponsalTraficoSolicitudReapertura{ |
||||
id:number, |
||||
idTrafico: number, |
||||
idUsuarioSolicita: number, |
||||
fechaSolicita: string, |
||||
motivoSolicita: string, |
||||
idUsuarioAutoriza: number, |
||||
fechaAutoriza: string,
|
||||
motivoRechazo: string, |
||||
estado: number |
||||
} |
Loading…
Reference in new issue