alfonso
/
CORRESPONSALFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature responsividad de interfaz de captura

Browse Source
feature/ConsolidarPedimentos_20231229
Felix Morales 1 year ago
parent 0bf28d24eb
commit 463a70d266
1 changed files with 1088 additions and 979 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 373
      src/Components/Corresponsales/TraficoCorresponsales.tsx

373
src/Components/Corresponsales/TraficoCorresponsales.tsx
Unescape View File

@ -1095,7 +1095,7 @@ export default function TraficoCorresponsales (props:IProps) {
<Col xs={9}></Col> <Col xs={9}></Col>
<Col xs={1} style={{ textAlign: 'right' }}> <Col xs={1} style={{ textAlign: 'right' }}>
<div <div
style={{ paddingLeft: '35px', cursor: 'pointer' }} style={{ /*paddingLeft: '35px',*/ cursor: 'pointer' }}
onClick={() => { onClick={() => {
props.onClose(true) props.onClose(true)
}} }}
@ -1112,13 +1112,15 @@ export default function TraficoCorresponsales (props:IProps) {
<Card.Body className={StatusColor}> <Card.Body className={StatusColor}>
<Card.Text> <Card.Text>
<Container fluid="md"> <Container fluid="md">
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={4} xl={2} xxl={2}>
<Row> <Row>
<Col xs={1}> <Col sm={3} md={2} lg={4}>
<Form.Label <Form.Label
onClick={() => { onClick={() => {
showModalBox(11) showModalBox(11)
}} }}
style={{ cursor: 'pointer' }} style={{ cursor: 'pointer', display: 'flex'}}
> >
<IconContext.Provider <IconContext.Provider
value={{ color: 'blue', size: '15px' }} value={{ color: 'blue', size: '15px' }}
@ -1128,7 +1130,7 @@ export default function TraficoCorresponsales (props:IProps) {
&nbsp;Trafico &nbsp;Trafico
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={3} md={3} lg={8}>
<InputGroup size="sm"> <InputGroup size="sm">
<input <input
type="hidden" type="hidden"
@ -1144,11 +1146,14 @@ export default function TraficoCorresponsales (props:IProps) {
/> />
</InputGroup> </InputGroup>
</Col> </Col>
<Col xs={2}></Col> </Row>
<Col xs={2} style={{ textAlign: 'right' }}> </Col>
<Col sm={12} md={12} lg={8} xl={6} xxl={6}>
<Row>
<Col sm={3} md={2} lg={2}>
<Form.Label>Fecha registro</Form.Label> <Form.Label>Fecha registro</Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={3} md={3} lg={3}>
<Form.Control <Form.Control
type="date" type="date"
id="FechaRegistro" id="FechaRegistro"
@ -1157,10 +1162,10 @@ export default function TraficoCorresponsales (props:IProps) {
value={FechaRegistro} value={FechaRegistro}
/> />
</Col> </Col>
<Col xs={1} style={{ textAlign: 'right' }}> <Col sm={2} md={1} lg={1}>
<Form.Label>Usuario</Form.Label> <Form.Label>Usuario</Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={4} md={3} lg={3}>
<Form.Control <Form.Control
type="text" type="text"
id="UsuarioRegistro" id="UsuarioRegistro"
@ -1170,11 +1175,15 @@ export default function TraficoCorresponsales (props:IProps) {
/> />
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> </Col>
<Col> </Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={6} lg={5}>
<Row>
<Col sm={3} md={2} lg={1}>
<Form.Label>Cliente</Form.Label> <Form.Label>Cliente</Form.Label>
</Col> </Col>
<Col xs={5}> <Col sm={9} md={10} lg={11}>
<Form.Control <Form.Control
as="select" as="select"
id="CmbCliente" id="CmbCliente"
@ -1197,7 +1206,11 @@ export default function TraficoCorresponsales (props:IProps) {
: null} : null}
</Form.Control> </Form.Control>
</Col> </Col>
<Col xs={1}> </Row>
</Col>
<Col sm={12} md={6} lg={6}>
<Row>
<Col sm={3} md={4} lg={2}>
<Form.Label <Form.Label
onClick={() => { onClick={() => {
return (Depto === 'Corresponsalias' || Depto === 'Sistemas') return (Depto === 'Corresponsalias' || Depto === 'Sistemas')
@ -1214,7 +1227,7 @@ export default function TraficoCorresponsales (props:IProps) {
&nbsp;Precuenta &nbsp;Precuenta
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={4}> <Col sm={9} md={8} lg={6}>
<Form.Control <Form.Control
as="select" as="select"
disabled={true} disabled={true}
@ -1236,29 +1249,16 @@ export default function TraficoCorresponsales (props:IProps) {
: null} : null}
</Form.Control> </Form.Control>
</Col> </Col>
<Col </Row>
style={{ visibility: Proceso < 2 ? 'visible' : 'hidden' }}
>
{ChangePermission ? (
<Button
id="BtnSave1"
variant="primary"
size="sm"
style={{ paddingLeft: '25px', paddingRight: '25px' }}
onClick={() => saveForm()}
>
Guardar
</Button>
) : (
''
)}
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> <Row style={{padding: "5px 0"}}>
<Col xs={1}> <Col sm={12} md={12} lg={7}>
<Row>
<Col sm={3} md={3} lg={2}>
<Form.Label>T. Operacion</Form.Label> <Form.Label>T. Operacion</Form.Label>
</Col> </Col>
<Col xs={1}> <Col sm={3} md={3} lg={3}>
<Form.Control <Form.Control
as="select" as="select"
onChange={(e) => onChange={(e) =>
@ -1272,7 +1272,7 @@ export default function TraficoCorresponsales (props:IProps) {
<option value="2">Exportacion</option> <option value="2">Exportacion</option>
</Form.Control> </Form.Control>
</Col> </Col>
<Col xs={2}> <Col sm={3} md={3} lg={3}>
<Form.Control <Form.Control
as="select" as="select"
id="CmbOpEntrada" id="CmbOpEntrada"
@ -1288,7 +1288,7 @@ export default function TraficoCorresponsales (props:IProps) {
<option value="4">Terrestre</option> <option value="4">Terrestre</option>
</Form.Control> </Form.Control>
</Col> </Col>
<Col xs={2}> <Col sm={3} md={3} lg={3}>
<Form.Control <Form.Control
as="select" as="select"
id="CmbOpSalida" id="CmbOpSalida"
@ -1304,7 +1304,11 @@ export default function TraficoCorresponsales (props:IProps) {
<option value="4">Terrestre</option> <option value="4">Terrestre</option>
</Form.Control> </Form.Control>
</Col> </Col>
<Col xs={1}> </Row>
</Col>
<Col sm={12} md={12} lg={5}>
<Row>
<Col sm={4} md={4} lg={4}>
<Form.Label <Form.Label
onClick={() => { onClick={() => {
return Depto === 'Corresponsalias' return Depto === 'Corresponsalias'
@ -1321,7 +1325,7 @@ export default function TraficoCorresponsales (props:IProps) {
&nbsp;Nombre Corresponsal &nbsp;Nombre Corresponsal
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={5}> <Col sm={8} md={8} lg={8}>
<Form.Control <Form.Control
as="select" as="select"
id="CmbIDCorresponsal" id="CmbIDCorresponsal"
@ -1345,6 +1349,27 @@ export default function TraficoCorresponsales (props:IProps) {
</Form.Control> </Form.Control>
</Col> </Col>
</Row> </Row>
</Col>
</Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={12}
style={{ visibility: Proceso < 2 ? 'visible' : 'hidden', textAlign: 'end'}}
>
{ChangePermission ? (
<Button
id="BtnSave1"
variant="primary"
size="sm"
style={{ paddingLeft: '25px', paddingRight: '25px' }}
onClick={() => saveForm()}
>
Guardar
</Button>
) : (
''
)}
</Col>
</Row>
</Container> </Container>
</Card.Text> </Card.Text>
</Card.Body> </Card.Body>
@ -1366,18 +1391,23 @@ export default function TraficoCorresponsales (props:IProps) {
<Card.Body className={StatusColor}> <Card.Body className={StatusColor}>
<Card.Text> <Card.Text>
<Container fluid="md"> <Container fluid="md">
<Row style={{padding: "5px 0"}}>
<Col sm={6} md={6} lg={2}>
<Row> <Row>
<Col xs="2"> <Col xs={12}>
<SelectGuias <SelectGuias
IDTrafico={IDTrafico} IDTrafico={IDTrafico}
Editable={Depto === 'Corresponsalias'} Editable={Depto === 'Corresponsalias'}
/> />
</Col> </Col>
<Col xs={1}></Col> </Row>
<Col> </Col>
<Col sm={6} md={6} lg={6}>
<Row className='justify-content-around'>
<Col lg={1} md={2} sm={2}>
<Form.Label>Bultos</Form.Label> <Form.Label>Bultos</Form.Label>
</Col> </Col>
<Col xs={2}> <Col lg={2} md={4} sm={4}>
<CurrencyFormat <CurrencyFormat
value={Bultos} value={Bultos}
displayType={ displayType={
@ -1409,10 +1439,10 @@ export default function TraficoCorresponsales (props:IProps) {
} }
/> />
</Col> </Col>
<Col> <Col lg={1} md={2} sm={2}>
<Form.Label>Kilos</Form.Label> <Form.Label>Kilos</Form.Label>
</Col> </Col>
<Col xs={2}> <Col lg={2} md={4} sm={4}>
<CurrencyFormat <CurrencyFormat
value={Kilos} value={Kilos}
displayType={ displayType={
@ -1429,7 +1459,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '15px', fontSize: '15px',
backgroundColor: '#FFFFFF', backgroundColor: '#FFFFFF',
border: '1px solid #000000', border: '1px solid #000000',
width: '100px', width: '100%',
borderRadius: '3px' borderRadius: '3px'
} }
: { : {
@ -1438,16 +1468,20 @@ export default function TraficoCorresponsales (props:IProps) {
paddingLeft: '20px', paddingLeft: '20px',
paddingRight: '5px', paddingRight: '5px',
border: '1px solid #000000', border: '1px solid #000000',
width: '100px', width: '100%',
borderRadius: '3px' borderRadius: '3px'
} }
} }
/> />
</Col> </Col>
</Row>
</Col>
<Col sm={12} md={12} lg={4}>
<Row className='justify-content-around'>
<Col> <Col>
<Form.Label>Estatus</Form.Label> <Form.Label>Estatus</Form.Label>
</Col> </Col>
<Col xs="2"> <Col sm={8}>
<Form.Control <Form.Control
as="select" as="select"
className="form-select form-select-sm" className="form-select form-select-sm"
@ -1471,13 +1505,16 @@ export default function TraficoCorresponsales (props:IProps) {
: null} : null}
</Form.Control> </Form.Control>
</Col> </Col>
<Col xs={3}></Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> </Col>
<Col> </Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={6}>
<Row className='justify-content-around' style={{alignItems:'center'}}>
<Col sm={2} md={1} lg={1}>
<Form.Label>Trafico</Form.Label> <Form.Label>Trafico</Form.Label>
</Col> </Col>
<Col> <Col sm={3} md={3} lg={3}>
<Form.Control <Form.Control
type="text" type="text"
id="Trafico" id="Trafico"
@ -1491,10 +1528,10 @@ export default function TraficoCorresponsales (props:IProps) {
}} }}
/> />
</Col> </Col>
<Col> <Col sm={1} md={1} lg={2}>
<Form.Label>Aduana</Form.Label> <Form.Label>Aduana</Form.Label>
</Col> </Col>
<Col> <Col sm={2} md={3} lg={2}>
<Form.Control <Form.Control
type="text" type="text"
id="Aduana" id="Aduana"
@ -1503,10 +1540,10 @@ export default function TraficoCorresponsales (props:IProps) {
value={Aduana} value={Aduana}
/> />
</Col> </Col>
<Col> <Col sm={1} md={1} lg={2}>
<Form.Label>Patente</Form.Label> <Form.Label>Patente</Form.Label>
</Col> </Col>
<Col> <Col sm={2} md={3} lg={2}>
<Form.Control <Form.Control
type="text" type="text"
id="Patente" id="Patente"
@ -1515,7 +1552,11 @@ export default function TraficoCorresponsales (props:IProps) {
value={Patente} value={Patente}
/> />
</Col> </Col>
<Col> </Row>
</Col>
<Col sm={12} md={12} lg={6}>
<Row className='justify-content-around' style={{alignItems:'center'}}>
<Col sm={2} md={2}>
<Form.Label <Form.Label
onClick={() => { onClick={() => {
openSOIA() openSOIA()
@ -1525,7 +1566,7 @@ export default function TraficoCorresponsales (props:IProps) {
Pedimento Pedimento
</Form.Label> </Form.Label>
</Col> </Col>
<Col> <Col sm={2} md={2}>
<CurrencyFormat <CurrencyFormat
value={Pedimento} value={Pedimento}
displayType={ displayType={
@ -1543,7 +1584,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#FEFDF5', backgroundColor: '#FEFDF5',
border: '2px solid #837F5D', border: '2px solid #837F5D',
width: '100px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
} }
@ -1551,17 +1592,17 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '16px', fontSize: '16px',
backgroundColor: '#FEFDF5', backgroundColor: '#FEFDF5',
border: '2px solid #837F5D', border: '2px solid #837F5D',
width: '100px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
} }
} }
/> />
</Col> </Col>
<Col> <Col sm={1} md={1}>
<Form.Label>Clave</Form.Label> <Form.Label>Clave</Form.Label>
</Col> </Col>
<Col> <Col sm={3} md={3}>
<Form.Control <Form.Control
type="text" type="text"
id="Clave" id="Clave"
@ -1573,10 +1614,10 @@ export default function TraficoCorresponsales (props:IProps) {
onChange={(e) => setClavePedimento(e.target.value)} onChange={(e) => setClavePedimento(e.target.value)}
/> />
</Col> </Col>
<Col> <Col sm={1} md={1}>
<Form.Label>Fec. Pago</Form.Label> <Form.Label>Fec. Pago</Form.Label>
</Col> </Col>
<Col> <Col sm={3} md={3}>
<Form.Control <Form.Control
type="date" type="date"
id="FechaPago" id="FechaPago"
@ -1589,14 +1630,18 @@ export default function TraficoCorresponsales (props:IProps) {
/> />
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> </Col>
<Col xs={2} style={{visibility: !(AduanaH.length>0 && PatenteH.length>0 && PedimentoH.length>0 && FechaPagoH.length>0) ? 'visible' : 'hidden' }}> </Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={6}>
<Row className='justify-content-around' style={{alignItems:'center'}}>
<Col sm={5} md={4} lg={4} style={{visibility: !(AduanaH.length>0 && PatenteH.length>0 && PedimentoH.length>0 && FechaPagoH.length>0) ? 'visible' : 'hidden' }}>
<Button variant="success" onClick={()=>{generaRectificacion()}}>Genera rectificacion</Button> <Button variant="success" onClick={()=>{generaRectificacion()}}>Genera rectificacion</Button>
</Col> </Col>
<Col> <Col sm={1} md={1} lg={2}>
<Form.Label>Aduana</Form.Label> <Form.Label>Aduana</Form.Label>
</Col> </Col>
<Col> <Col sm={2} md={3} lg={2}>
<CurrencyFormat <CurrencyFormat
value={AduanaH} value={AduanaH}
disabled={true} disabled={true}
@ -1606,16 +1651,16 @@ export default function TraficoCorresponsales (props:IProps) {
backgroundColor: '#F1EEF9', backgroundColor: '#F1EEF9',
border: '2px solid #5923F6', border: '2px solid #5923F6',
color: '#5923F6', color: '#5923F6',
width: '70px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}
/> />
</Col> </Col>
<Col> <Col sm={1} md={1} lg={2}>
<Form.Label>Patente</Form.Label> <Form.Label>Patente</Form.Label>
</Col> </Col>
<Col> <Col sm={2} md={3} lg={2}>
<CurrencyFormat <CurrencyFormat
value={PatenteH} value={PatenteH}
disabled={true} disabled={true}
@ -1625,18 +1670,22 @@ export default function TraficoCorresponsales (props:IProps) {
backgroundColor: '#F1EEF9', backgroundColor: '#F1EEF9',
border: '2px solid #5923F6', border: '2px solid #5923F6',
color: '#5923F6', color: '#5923F6',
width: '70px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}
/> />
</Col> </Col>
<Col> </Row>
</Col>
<Col sm={12} md={12} lg={6}>
<Row className='justify-content-around' style={{alignItems:'center'}}>
<Col sm={2} md={2}>
<Form.Label style={{ cursor: 'pointer' }}> <Form.Label style={{ cursor: 'pointer' }}>
Pedimento Pedimento
</Form.Label> </Form.Label>
</Col> </Col>
<Col> <Col sm={2} md={2}>
<CurrencyFormat <CurrencyFormat
value={PedimentoH} value={PedimentoH}
disabled={true} disabled={true}
@ -1647,16 +1696,16 @@ export default function TraficoCorresponsales (props:IProps) {
backgroundColor: '#F1EEF9', backgroundColor: '#F1EEF9',
border: '2px solid #5923F6', border: '2px solid #5923F6',
color: '#5923F6', color: '#5923F6',
width: '100px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}
/> />
</Col> </Col>
<Col> <Col sm={1} md={1}>
<Form.Label>Clave</Form.Label> <Form.Label>Clave</Form.Label>
</Col> </Col>
<Col> <Col sm={3} md={3}>
<CurrencyFormat <CurrencyFormat
value={ClavePedimentoH} value={ClavePedimentoH}
disabled={true} disabled={true}
@ -1666,16 +1715,16 @@ export default function TraficoCorresponsales (props:IProps) {
backgroundColor: '#F1EEF9', backgroundColor: '#F1EEF9',
border: '2px solid #5923F6', border: '2px solid #5923F6',
color: '#5923F6', color: '#5923F6',
width: '70px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}
/> />
</Col> </Col>
<Col> <Col sm={1} md={1}>
<Form.Label>Fec. Pago</Form.Label> <Form.Label>Fec. Pago</Form.Label>
</Col> </Col>
<Col> <Col sm={3} md={3}>
<CurrencyFormat <CurrencyFormat
value={FechaPagoH} value={FechaPagoH}
disabled={true} disabled={true}
@ -1686,20 +1735,24 @@ export default function TraficoCorresponsales (props:IProps) {
backgroundColor: '#F1EEF9', backgroundColor: '#F1EEF9',
border: '2px solid #5923F6', border: '2px solid #5923F6',
color: '#5923F6', color: '#5923F6',
width: '140px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}
/> />
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> </Col>
<Col xs={1}> </Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={6}>
<Row style={{alignItems: 'center'}}>
<Col sm={2} md={2} lg={2}>
<Form.Label className="labelSize13px"> <Form.Label className="labelSize13px">
Tipo cambio Tipo cambio
</Form.Label> </Form.Label>
</Col> </Col>
<Col> <Col sm={4} md={4} lg={4}>
<CurrencyFormat <CurrencyFormat
value={TipoCambio} value={TipoCambio}
prefix={'$'} prefix={'$'}
@ -1717,7 +1770,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '100px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
} }
@ -1725,7 +1778,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '100px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px', borderRadius: '10px',
paddingRight: '5px', paddingRight: '5px',
@ -1734,12 +1787,12 @@ export default function TraficoCorresponsales (props:IProps) {
} }
/> />
</Col> </Col>
<Col> <Col sm={2} md={2} lg={2}>
<Form.Label className="labelSize13px"> <Form.Label className="labelSize13px">
Val Aduana MN Val Aduana MN
</Form.Label> </Form.Label>
</Col> </Col>
<Col> <Col sm={4} md={4} lg={4}>
<CurrencyFormat <CurrencyFormat
value={ValorAduanaMN} value={ValorAduanaMN}
prefix={'$'} prefix={'$'}
@ -1757,7 +1810,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '150px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
} }
@ -1765,7 +1818,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '100px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px', borderRadius: '10px',
paddingRight: '5px', paddingRight: '5px',
@ -1774,12 +1827,16 @@ export default function TraficoCorresponsales (props:IProps) {
} }
/> />
</Col> </Col>
<Col> </Row>
</Col>
<Col sm={12} md={12} lg={6}>
<Row style={{alignItems: 'center'}}>
<Col sm={2} md={2} lg={2}>
<Form.Label className="labelSize13px"> <Form.Label className="labelSize13px">
Total pagado Total pagado
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={4} md={4} lg={4}>
<CurrencyFormat <CurrencyFormat
value={TotalPagado} value={TotalPagado}
prefix={'$'} prefix={'$'}
@ -1797,7 +1854,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '150px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
} }
@ -1805,7 +1862,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '150px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px', borderRadius: '10px',
paddingRight: '5px', paddingRight: '5px',
@ -1814,18 +1871,19 @@ export default function TraficoCorresponsales (props:IProps) {
} }
/> />
</Col> </Col>
<Col> <Col sm={2} md={2} lg={2}>
<Form.Label className="labelSize13px"> <Form.Label className="labelSize13px">
Cant fracciones Cant fracciones
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={1}> <Col sm={4} md={4} lg={4}>
<InputGroup size="sm"> <InputGroup size="sm">
<FormControl <FormControl
aria-label="" aria-label=""
id="CantidadFracciones" id="CantidadFracciones"
value={CantidadFracciones} value={CantidadFracciones}
type="number" type="number"
min={0}
pattern="[0-9]*" pattern="[0-9]*"
disabled={ disabled={
Depto !== 'Corresponsalias' ? true : false Depto !== 'Corresponsalias' ? true : false
@ -1841,11 +1899,15 @@ export default function TraficoCorresponsales (props:IProps) {
</InputGroup> </InputGroup>
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 0 }}> </Col>
<Col xs={1}> </Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={6}>
<Row>
<Col sm={2}>
<Form.Label>Buque</Form.Label> <Form.Label>Buque</Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={4}>
<Form.Control <Form.Control
type="text" type="text"
id="Buque" id="Buque"
@ -1857,13 +1919,17 @@ export default function TraficoCorresponsales (props:IProps) {
onChange={(e) => setBuque(e.target.value)} onChange={(e) => setBuque(e.target.value)}
/> />
</Col> </Col>
<Col xs={2}> <Col sm={6}>
<SelectContainer <SelectContainer
IDTrafico={IDTrafico} IDTrafico={IDTrafico}
Editable={Depto === 'Corresponsalias'} Editable={Depto === 'Corresponsalias'}
/> />
</Col> </Col>
<Col xs={2} style={{ textAlign: 'right' }}> </Row>
</Col>
<Col>
<Row>
<Col sm={2}>
<Form.Label <Form.Label
id="LinkFacturas123" id="LinkFacturas123"
onClick={() => { onClick={() => {
@ -1879,7 +1945,7 @@ export default function TraficoCorresponsales (props:IProps) {
&nbsp;{LblFacturas} &nbsp;{LblFacturas}
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={2}> <Col xs={4}>
<Form.Control <Form.Control
as="select" as="select"
onChange={(e) => {}} onChange={(e) => {}}
@ -1899,28 +1965,29 @@ export default function TraficoCorresponsales (props:IProps) {
: ''} : ''}
</Form.Control> </Form.Control>
</Col> </Col>
<Col xs={1}> <Col xs={2}>
<Form.Label className="labelSize13px"> <Form.Label className="labelSize13px">
Val Fact Dls Val Fact Dls
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={2}> <Col xs={4}>
<CurrencyFormat <CurrencyFormat
prefix={'$'} prefix={'$'}
thousandSeparator={true} thousandSeparator={true}
value={ValorFacturasDls} value={ValorFacturasDls}
displayType={'text'} displayType={'input'}
onValueChange={(values: any) => { onValueChange={(values: any) => {
const { value } = values const { value } = values
setValorFacturasDls(value) setValorFacturasDls(value)
}} }}
readOnly={true}
style={ style={
Depto === 'Corresponsalias' Depto === 'Corresponsalias'
? { ? {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '150px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
} }
@ -1928,7 +1995,7 @@ export default function TraficoCorresponsales (props:IProps) {
fontSize: '18px', fontSize: '18px',
backgroundColor: '#F5FFED', backgroundColor: '#F5FFED',
border: '2px solid #25D05B', border: '2px solid #25D05B',
width: '150px', width: '100%',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px', borderRadius: '10px',
paddingRight: '5px', paddingRight: '5px',
@ -1938,11 +2005,18 @@ export default function TraficoCorresponsales (props:IProps) {
/> />
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> </Col>
<Col xs={1}>
</Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={6}>
<Row style={{alignItems: 'center'}}>
<Col sm={3}>
<Form.Label>Descripcion de la mercancia:</Form.Label> <Form.Label>Descripcion de la mercancia:</Form.Label>
</Col> </Col>
<Col xs={5}> <Col sm={9}>
<Form.Control <Form.Control
as="textarea" as="textarea"
id="DescripcionMercancia" id="DescripcionMercancia"
@ -1954,10 +2028,14 @@ export default function TraficoCorresponsales (props:IProps) {
} }
/> />
</Col> </Col>
<Col xs={1}> </Row>
</Col>
<Col sm={12} md={12} lg={6}>
<Row style={{alignItems: 'center'}}>
<Col sm={3}>
<Form.Label>Observaciones:</Form.Label> <Form.Label>Observaciones:</Form.Label>
</Col> </Col>
<Col xs={5}> <Col sm={9}>
<Form.Control <Form.Control
as="textarea" as="textarea"
id="Observacion" id="Observacion"
@ -1968,13 +2046,17 @@ export default function TraficoCorresponsales (props:IProps) {
/> />
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> </Col>
<Col xs={2}> </Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={4}>
<Row>
<Col sm={5}>
<Form.Label className="labelSize13px"> <Form.Label className="labelSize13px">
Fecha de desaduanamiento Fecha de desaduanamiento
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={7}>
<DatePicker <DatePicker
selected={FechaDesaduanamiento} selected={FechaDesaduanamiento}
onChange={(date: any) => onChange={(date: any) =>
@ -1994,12 +2076,16 @@ export default function TraficoCorresponsales (props:IProps) {
} }
/>{' '} />{' '}
</Col> </Col>
<Col xs={1}> </Row>
</Col>
<Col sm={12} md={12} lg={8}>
<Row>
<Col sm={2}>
<Form.Label className="labelSize13px"> <Form.Label className="labelSize13px">
Semaf. fiscal Semaf. fiscal
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={1}> <Col sm={4}>
<Form.Control <Form.Control
as="select" as="select"
className="form-select form-select-sm" className="form-select form-select-sm"
@ -2015,7 +2101,7 @@ export default function TraficoCorresponsales (props:IProps) {
<option value="1">Verde</option> <option value="1">Verde</option>
</Form.Control> </Form.Control>
</Col> </Col>
<Col xs={1}> <Col sm={2}>
<Form.Label <Form.Label
onClick={() => { onClick={() => {
showModalBox(9) showModalBox(9)
@ -2030,7 +2116,7 @@ export default function TraficoCorresponsales (props:IProps) {
&nbsp;{LblAnticipos} &nbsp;{LblAnticipos}
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={5}> <Col xs={4}>
<Form.Control <Form.Control
as="select" as="select"
className="form-select form-select-sm" className="form-select form-select-sm"
@ -2054,11 +2140,17 @@ export default function TraficoCorresponsales (props:IProps) {
</Form.Control> </Form.Control>
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> </Col>
<Col xs={1}>
</Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={4}>
<Row>
<Col sm={4}>
<Form.Label>No. Cuenta</Form.Label> <Form.Label>No. Cuenta</Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={8}>
<Form.Control <Form.Control
type="text" type="text"
id="NoCuenta" id="NoCuenta"
@ -2072,10 +2164,14 @@ export default function TraficoCorresponsales (props:IProps) {
}} }}
/> />
</Col> </Col>
<Col xs={1}> </Row>
</Col>
<Col sm={12} md={12} lg={8}>
<Row>
<Col sm={2}>
<Form.Label>Fecha Cuenta</Form.Label> <Form.Label>Fecha Cuenta</Form.Label>
</Col> </Col>
<Col xs={2}> <Col sm={4}>
<Form.Control <Form.Control
type="date" type="date"
id="FechaCuenta" id="FechaCuenta"
@ -2087,7 +2183,7 @@ export default function TraficoCorresponsales (props:IProps) {
onChange={(e) => setFechaCuenta(e.target.value)} onChange={(e) => setFechaCuenta(e.target.value)}
/> />
</Col> </Col>
<Col xs={2}> <Col sm={2}>
<Form.Label <Form.Label
id="LinkFacturasTerceros" id="LinkFacturasTerceros"
onClick={() => { onClick={() => {
@ -2103,7 +2199,7 @@ export default function TraficoCorresponsales (props:IProps) {
{LblFacturasTerceros} {LblFacturasTerceros}
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={4}> <Col sm={4}>
<Form.Control <Form.Control
as="select" as="select"
className="form-select form-select-sm" className="form-select form-select-sm"
@ -2127,11 +2223,15 @@ export default function TraficoCorresponsales (props:IProps) {
</Form.Control> </Form.Control>
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 15 }}> </Col>
<Col> </Row>
<Row style={{padding: "5px 0"}}>
<Col sm={12} md={12} lg={6}>
<Row>
<Col sm={2}>
<Form.Label>ZIP Archivo Pedimento</Form.Label> <Form.Label>ZIP Archivo Pedimento</Form.Label>
</Col> </Col>
<Col xs={5}> <Col sm={10}>
<FileManager <FileManager
IDUser={UserId} IDUser={UserId}
width={500} width={500}
@ -2149,12 +2249,16 @@ export default function TraficoCorresponsales (props:IProps) {
}} }}
/> />
</Col> </Col>
<Col> </Row>
</Col>
<Col sm={12} md={12} lg={6}>
<Row>
<Col sm={2}>
<Form.Label> <Form.Label>
ZIP Archivo Corresponsal Facturas ZIP Archivo Corresponsal Facturas
</Form.Label> </Form.Label>
</Col> </Col>
<Col xs={5}> <Col sm={10}>
<FileManager <FileManager
width={500} width={500}
height={200} height={200}
@ -2173,8 +2277,12 @@ export default function TraficoCorresponsales (props:IProps) {
/> />
</Col> </Col>
</Row> </Row>
</Col>
</Row>
<Row <Row
style={{ style={{
padding: "5px 0",
visibility: visibility:
Depto === 'Corresponsalias' && Proceso <= 1 Depto === 'Corresponsalias' && Proceso <= 1
? 'visible' ? 'visible'
@ -2183,7 +2291,7 @@ export default function TraficoCorresponsales (props:IProps) {
}} }}
> >
<Col <Col
xs={3} md={1} lg={3}
style={{ style={{
visibility: visibility:
Ready4NextProcess && Ready4NextProcess &&
@ -2248,6 +2356,7 @@ export default function TraficoCorresponsales (props:IProps) {
</Row> </Row>
<Row <Row
style={{ style={{
padding:"5px 0",
visibility: Proceso === 2 ? 'visible' : 'hidden' visibility: Proceso === 2 ? 'visible' : 'hidden'
}} }}
> >
@ -2294,7 +2403,7 @@ export default function TraficoCorresponsales (props:IProps) {
)} )}
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: '10px' }}> <Row style={{padding: "5px 0"}}>
<Col xs={6} style={{ textAlign: 'center' }}> <Col xs={6} style={{ textAlign: 'center' }}>
Trafico Corresponsales: Rechazo(s) Trafico Corresponsales: Rechazo(s)
</Col> </Col>
@ -2302,7 +2411,7 @@ export default function TraficoCorresponsales (props:IProps) {
Contabilidad: Rechazo(s) Contabilidad: Rechazo(s)
</Col> </Col>
</Row> </Row>
<Row style={{ paddingTop: 5 }}> <Row style={{padding: "5px 0"}}>
<Col xs={6} className=""> <Col xs={6} className="">
<div> <div>
<Alert variant="primary"> <Alert variant="primary">

Write Preview
Loading…
Cancel
Save