|
|
|
@ -37,6 +37,10 @@ export default function RptConsultaTraficoDetalle( |
|
|
|
|
const mInvoices = useSelector( |
|
|
|
|
(state: RootState) => state.AmazonInvoices.Invoice |
|
|
|
|
) |
|
|
|
|
const mConceptosConsulta = useSelector( |
|
|
|
|
(state: RootState) => state.AmazonCatConceptosConsulta.CatConcetosConsulta |
|
|
|
|
) |
|
|
|
|
const [IDConceptoConsulta, setIDConceptoConsulta] = useState(1) |
|
|
|
|
const [ShowModal, setShowModal] = useState(false) |
|
|
|
|
const [EstatusSwith, setEstatusSwitch] = useState(props.detail.swConsulta) |
|
|
|
|
const [UserChanged, setUserChanged] = useState(false) |
|
|
|
@ -49,6 +53,7 @@ export default function RptConsultaTraficoDetalle( |
|
|
|
|
const [ComentariosConsulta, setComentariosConsulta] = useState( |
|
|
|
|
props.detail.comentariosConsulta ? props.detail.comentariosConsulta : '' |
|
|
|
|
) |
|
|
|
|
const [ConceptoConsulta, setConceptoConsulta] = useState('') |
|
|
|
|
const [ShowModalEdit, setShowModalEdit] = useState(false) |
|
|
|
|
const [IDGrupoRegulatorio, setIDGrupoRegulatorio] = useState( |
|
|
|
|
props.detail.grupoRegulatorio |
|
|
|
@ -59,6 +64,7 @@ export default function RptConsultaTraficoDetalle( |
|
|
|
|
const data: DTODataTraficoConsulta = { |
|
|
|
|
id: props.detail.id, |
|
|
|
|
swConsulta: EstatusSwith, |
|
|
|
|
conceptoConsulta: IDConceptoConsulta, |
|
|
|
|
grupoRegulatorio: IDGrupoRegulatorio, |
|
|
|
|
regulacionConsulta: RegulacionConsulta, |
|
|
|
|
comentariosConsulta: ComentariosConsulta |
|
|
|
@ -82,6 +88,11 @@ export default function RptConsultaTraficoDetalle( |
|
|
|
|
} |
|
|
|
|
}, [EstatusSwith, UserChanged]) |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
let selected = mConceptosConsulta.filter((a)=>{if(a.id==IDConceptoConsulta){return a}}); |
|
|
|
|
if (selected.length) setConceptoConsulta(selected[0].spanishDescription) |
|
|
|
|
}, [IDConceptoConsulta]) |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<> |
|
|
|
|
<tr> |
|
|
|
@ -245,61 +256,7 @@ export default function RptConsultaTraficoDetalle( |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
</td> |
|
|
|
|
{/* <td |
|
|
|
|
style={{ |
|
|
|
|
visibility: |
|
|
|
|
CumplimientoNormativo.length === 0 ? 'hidden' : 'visible' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<OverlayTrigger |
|
|
|
|
placement="bottom" |
|
|
|
|
overlay={ |
|
|
|
|
<Tooltip id="button-tooltip-2">{CumplimientoNormativo}</Tooltip> |
|
|
|
|
} |
|
|
|
|
> |
|
|
|
|
{({ ref, ...triggerHandler }) => ( |
|
|
|
|
<Button variant="light" {...triggerHandler}> |
|
|
|
|
<IconContext.Provider |
|
|
|
|
value={{ |
|
|
|
|
color: 'blue', |
|
|
|
|
size: '25px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<AiOutlineFileSearch /> |
|
|
|
|
</IconContext.Provider> |
|
|
|
|
<span className="ms-1"></span> |
|
|
|
|
</Button> |
|
|
|
|
)} |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
</td> |
|
|
|
|
<td |
|
|
|
|
style={{ |
|
|
|
|
visibility: |
|
|
|
|
CumplimientoNormativo.length === 0 ? 'hidden' : 'visible' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<OverlayTrigger |
|
|
|
|
placement="bottom" |
|
|
|
|
overlay={<Tooltip id="button-tooltip-2">{Comentarios}</Tooltip>} |
|
|
|
|
> |
|
|
|
|
{({ ref, ...triggerHandler }) => ( |
|
|
|
|
<Button variant="light" {...triggerHandler}> |
|
|
|
|
<IconContext.Provider |
|
|
|
|
value={{ |
|
|
|
|
color: 'green', |
|
|
|
|
size: '25px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<BsFillChatRightTextFill /> |
|
|
|
|
</IconContext.Provider> |
|
|
|
|
<span className="ms-1"></span> |
|
|
|
|
</Button> |
|
|
|
|
)} |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
</td> */} |
|
|
|
|
</tr> |
|
|
|
|
</tr> |
|
|
|
|
<Modal |
|
|
|
|
show={ShowModal} |
|
|
|
|
onHide={() => { |
|
|
|
@ -309,10 +266,10 @@ export default function RptConsultaTraficoDetalle( |
|
|
|
|
dialogClassName={'modal-50w'} |
|
|
|
|
> |
|
|
|
|
<Modal.Header> |
|
|
|
|
<Modal.Title className="primary">Consulta Amazon {IDGrupoRegulatorio}</Modal.Title> |
|
|
|
|
<Modal.Title className="primary">Consulta Amazon {/* {IDGrupoRegulatorio} */}</Modal.Title> |
|
|
|
|
</Modal.Header> |
|
|
|
|
<Modal.Body> |
|
|
|
|
<div style={{ height: '230px' }}> |
|
|
|
|
<div style={{ height: '320px' }}> |
|
|
|
|
<Row style={{ paddingTop: '15px' }}> |
|
|
|
|
<Col xs={3}>Grupo Regulatorio</Col> |
|
|
|
|
<Col xs={8}> |
|
|
|
@ -334,6 +291,36 @@ export default function RptConsultaTraficoDetalle( |
|
|
|
|
</Col> |
|
|
|
|
<Col> </Col> |
|
|
|
|
</Row> |
|
|
|
|
<Row style={{ paddingTop: '15px' }}> |
|
|
|
|
<Col></Col> |
|
|
|
|
<Col xs={2}> |
|
|
|
|
<Form.Control |
|
|
|
|
as="select" |
|
|
|
|
defaultValue={IDConceptoConsulta} |
|
|
|
|
onChange={(e) => { |
|
|
|
|
setIDConceptoConsulta(parseInt(e.target.value)) |
|
|
|
|
}} |
|
|
|
|
className="form-select form-select-sm" |
|
|
|
|
> |
|
|
|
|
{mConceptosConsulta |
|
|
|
|
? mConceptosConsulta.map((c) => { |
|
|
|
|
return <option value={c.id}>{c.siglas}</option> |
|
|
|
|
}) |
|
|
|
|
: null} |
|
|
|
|
</Form.Control> |
|
|
|
|
</Col> |
|
|
|
|
<Col xs={8}> |
|
|
|
|
<Form.Control |
|
|
|
|
as="textarea" |
|
|
|
|
id="ConceptoConsulta" |
|
|
|
|
size="sm" |
|
|
|
|
disabled={true} |
|
|
|
|
style={{fontSize:'11px', height:'80px'}} |
|
|
|
|
value={ConceptoConsulta} |
|
|
|
|
/> |
|
|
|
|
</Col> |
|
|
|
|
<Col> </Col> |
|
|
|
|
</Row> |
|
|
|
|
<Row style={{ paddingTop: '15px' }}> |
|
|
|
|
<Col xs={3}>Regulacion</Col> |
|
|
|
|
<Col xs={8}> |
|
|
|
|