|
|
|
@ -4,6 +4,7 @@ import DataTable from 'react-data-table-component' |
|
|
|
|
import I2096NoParte from '../Interfaces/I2096NoParte' |
|
|
|
|
import AmazonDS from '../Services/Amazon.Services' |
|
|
|
|
import { |
|
|
|
|
deleteNoPartes, |
|
|
|
|
populateNoPartes, |
|
|
|
|
updateNoPartes |
|
|
|
|
} from '../../../../store/features/Clientes/2096/AmazonNoPartes' |
|
|
|
@ -12,7 +13,7 @@ import { useDispatch, useSelector } from 'react-redux' |
|
|
|
|
import { useEffect, useState } from 'react' |
|
|
|
|
import { MsgInformativo } from '../../../Utils/Toast/msgInformativo' |
|
|
|
|
import { IconContext } from 'react-icons' |
|
|
|
|
import { BsFillPencilFill } from 'react-icons/bs' |
|
|
|
|
import { BsFillPencilFill, BsFillXCircleFill } from 'react-icons/bs' |
|
|
|
|
|
|
|
|
|
import I2096PaisClave from '../Interfaces/I2096PaisClave' |
|
|
|
|
import DTO2096PerfilesParecidos from '../DTO/DTO2096PerfilesParecidos' |
|
|
|
@ -42,6 +43,7 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) { |
|
|
|
|
const [ShowModalLog, setShowModalLog] = useState(false) |
|
|
|
|
const [ShowModalNoParteVerificacion, setShowModalNoParteVerificacion] = |
|
|
|
|
useState(false) |
|
|
|
|
const [ShowModalDelete, setShowModalDelete] = useState(false) |
|
|
|
|
const [header, setHeader] = useState('') |
|
|
|
|
const [msgColor, setMsgColor] = useState('primary') |
|
|
|
|
const [show, setShowMsg] = useState(false) |
|
|
|
@ -76,6 +78,30 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) { |
|
|
|
|
), |
|
|
|
|
sortable: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
width: '60px', |
|
|
|
|
cell: (row: I2096NoParte) => ( |
|
|
|
|
<Row> |
|
|
|
|
<Col> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
cursor: 'pointer' |
|
|
|
|
}} |
|
|
|
|
onClick={() => { |
|
|
|
|
setIDParte(row.id) |
|
|
|
|
setShowModalDelete(true) |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<IconContext.Provider value={{ color: 'red', size: '25px' }}> |
|
|
|
|
<BsFillXCircleFill /> |
|
|
|
|
</IconContext.Provider> |
|
|
|
|
</div> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
), |
|
|
|
|
sortable: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
width: '60px', |
|
|
|
@ -427,19 +453,32 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) { |
|
|
|
|
setMsg('La informacion se guardo correctamente') |
|
|
|
|
setShowMsg(true) |
|
|
|
|
}) |
|
|
|
|
.catch(function(error) { |
|
|
|
|
.catch(function (error) { |
|
|
|
|
console.log(error.toJSON()) |
|
|
|
|
if (error.message == 'Request failed with status code 400') { |
|
|
|
|
setHeader('Error') |
|
|
|
|
setMsg('Fraccion no valida!') |
|
|
|
|
setShowMsg(true) |
|
|
|
|
} |
|
|
|
|
/* console.log(error.toJSON()) |
|
|
|
|
const errorMessage = error?.response?.data?.message |
|
|
|
|
const message = errorMessage |
|
|
|
|
return |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const deleteNoParte = () => { |
|
|
|
|
AmazonDS.DeleteNoParte(IDParte) |
|
|
|
|
.then((response) => { |
|
|
|
|
dispatch(deleteNoPartes(IDParte)) |
|
|
|
|
setHeader('Informativo') |
|
|
|
|
setMsg('La informacion se guardo correctamente') |
|
|
|
|
setShowMsg(true) |
|
|
|
|
}) |
|
|
|
|
.catch(function (error) { |
|
|
|
|
console.log(error.toJSON()) |
|
|
|
|
if (error.message == 'Request failed with status code 400') { |
|
|
|
|
setHeader('Error') |
|
|
|
|
setMsg(message) |
|
|
|
|
setShowMsg(true) */ |
|
|
|
|
setMsg('Fraccion no valida!') |
|
|
|
|
setShowMsg(true) |
|
|
|
|
} |
|
|
|
|
return |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
@ -690,6 +729,41 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) { |
|
|
|
|
{/* </div> */} |
|
|
|
|
</Modal.Body> |
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
|
|
<Modal |
|
|
|
|
show={ShowModalDelete} |
|
|
|
|
onHide={() => { |
|
|
|
|
setShowModalDelete(false) |
|
|
|
|
}} |
|
|
|
|
size={'sm'} |
|
|
|
|
dialogClassName={'modal-50w'} |
|
|
|
|
> |
|
|
|
|
<Modal.Header> |
|
|
|
|
<Modal.Title> |
|
|
|
|
<Row> |
|
|
|
|
<Col xs={12}> |
|
|
|
|
<Alert variant="warning"> |
|
|
|
|
<h3>¿Esta seguro de eliminar el no parte: {Parte}</h3> |
|
|
|
|
</Alert> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</Modal.Title> |
|
|
|
|
</Modal.Header> |
|
|
|
|
<Modal.Body> |
|
|
|
|
<Row style={{ paddingTop: '15px' }}> |
|
|
|
|
<Col></Col> |
|
|
|
|
<Col xs={5}> |
|
|
|
|
<Button variant={'danger'} onClick={()=>{deleteNoParte()}}>Elimina</Button> |
|
|
|
|
</Col> |
|
|
|
|
<Col xs={5}> |
|
|
|
|
<Button variant={'secondary'} onClick={()=>{setShowModalDelete(false)}}>Salir</Button> |
|
|
|
|
</Col> |
|
|
|
|
<Col></Col> |
|
|
|
|
</Row> |
|
|
|
|
{/* </div> */} |
|
|
|
|
</Modal.Body> |
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
|
|
<MsgInformativo |
|
|
|
|
show={show} |
|
|
|
|
msg={msg} |
|
|
|
|