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

Write Preview
Loading…
Cancel
Save