|
|
@ -5,9 +5,12 @@ import DTOOpViajes from '../../../DTOs/Operaciones/DTOViajes' |
|
|
|
import DSOpViajes from '../../../Services/Operaciones/OpViajes.Services' |
|
|
|
import DSOpViajes from '../../../Services/Operaciones/OpViajes.Services' |
|
|
|
import { updateOpViajes } from '../../../store/features/Operaciones/OpViajesSlice' |
|
|
|
import { updateOpViajes } from '../../../store/features/Operaciones/OpViajesSlice' |
|
|
|
import { RootState } from '../../../store/store' |
|
|
|
import { RootState } from '../../../store/store' |
|
|
|
import { populateOpViajesServicios } from '../../../store/features/Operaciones/OpViajesServiciosSlice' |
|
|
|
import { |
|
|
|
|
|
|
|
populateOpViajesServicios, |
|
|
|
|
|
|
|
updateOpViajesServicios, |
|
|
|
|
|
|
|
} from '../../../store/features/Operaciones/OpViajesServiciosSlice' |
|
|
|
import DTOViajesServicios from '../../../DTOs/Operaciones/DTOViajesServicios' |
|
|
|
import DTOViajesServicios from '../../../DTOs/Operaciones/DTOViajesServicios' |
|
|
|
import { ViajesServicios } from '../ViajesServicios/ViajesServicios' |
|
|
|
import { Servicios } from '../Viaje/Servicios/Servicios' |
|
|
|
|
|
|
|
|
|
|
|
interface IProps { |
|
|
|
interface IProps { |
|
|
|
IDViaje: number |
|
|
|
IDViaje: number |
|
|
@ -16,6 +19,7 @@ interface IProps { |
|
|
|
export const Viaje: FC<IProps> = (props) => { |
|
|
|
export const Viaje: FC<IProps> = (props) => { |
|
|
|
const dispatch = useDispatch() |
|
|
|
const dispatch = useDispatch() |
|
|
|
const mAllTrips = useSelector((state: RootState) => state.OpViajes.OpViajes) |
|
|
|
const mAllTrips = useSelector((state: RootState) => state.OpViajes.OpViajes) |
|
|
|
|
|
|
|
const mAllTripServices = useSelector((state: RootState) => state.OpViajesServicios.OpViajesServicios) |
|
|
|
const Info = JSON.parse(localStorage.getItem('tokenInfo') || '[]') |
|
|
|
const Info = JSON.parse(localStorage.getItem('tokenInfo') || '[]') |
|
|
|
const UserID = Info.UserId |
|
|
|
const UserID = Info.UserId |
|
|
|
const CatClientes = useSelector((state: RootState) => state.CatClientes.CatClientes) |
|
|
|
const CatClientes = useSelector((state: RootState) => state.CatClientes.CatClientes) |
|
|
@ -23,11 +27,14 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
const CatTipoUnidades = useSelector((state: RootState) => state.CatTipoUnidades.CatTipoUnidades) |
|
|
|
const CatTipoUnidades = useSelector((state: RootState) => state.CatTipoUnidades.CatTipoUnidades) |
|
|
|
const CatUbicaciones = useSelector((state: RootState) => state.CatUbicaciones.CatUbicaciones) |
|
|
|
const CatUbicaciones = useSelector((state: RootState) => state.CatUbicaciones.CatUbicaciones) |
|
|
|
const CatServicios = useSelector((state: RootState) => state.CatServicios.CatServicios) |
|
|
|
const CatServicios = useSelector((state: RootState) => state.CatServicios.CatServicios) |
|
|
|
|
|
|
|
const CatAduanas = useSelector((state: RootState) => state.CatAduanas.CatAduanas) |
|
|
|
const [OpViajes, setOpViajes] = useState<DTOOpViajes[]>([]) |
|
|
|
const [OpViajes, setOpViajes] = useState<DTOOpViajes[]>([]) |
|
|
|
const [showTripDialog, setShowTripDialog] = useState(false) |
|
|
|
const [showTripDialog, setShowTripDialog] = useState(false) |
|
|
|
const [Switch, setSwitch] = useState(false) |
|
|
|
const [Switch, setSwitch] = useState(false) |
|
|
|
const [NoCaja, setNoCaja] = useState('') |
|
|
|
const [NoCaja, setNoCaja] = useState('') |
|
|
|
|
|
|
|
const [UltimaCaja, setUltimaCaja] = useState('') |
|
|
|
const [IDViaje, setIDViaje] = useState(0) |
|
|
|
const [IDViaje, setIDViaje] = useState(0) |
|
|
|
|
|
|
|
const [IDDetail, setIDDetail] = useState(0) |
|
|
|
const [IDCliente, setIDCliente] = useState(0) |
|
|
|
const [IDCliente, setIDCliente] = useState(0) |
|
|
|
const [IDProveedor, setIDProveedor] = useState(0) |
|
|
|
const [IDProveedor, setIDProveedor] = useState(0) |
|
|
|
const [IDServicio, setIDServicio] = useState(0) |
|
|
|
const [IDServicio, setIDServicio] = useState(0) |
|
|
@ -50,14 +57,14 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
setIDViaje(row.id) |
|
|
|
setIDViaje(row.id) |
|
|
|
setRefAA(row.refAgenciaAduanal) |
|
|
|
setRefAA(row.refAgenciaAduanal) |
|
|
|
setIDCliente(row.cliente) |
|
|
|
setIDCliente(row.cliente) |
|
|
|
setIDServicio(row.servicio) |
|
|
|
|
|
|
|
setIDProveedor(row.proveedor) |
|
|
|
|
|
|
|
setIDTipoUnidad(row.tipoUnidad) |
|
|
|
setIDTipoUnidad(row.tipoUnidad) |
|
|
|
setNoCaja(row.noCaja) |
|
|
|
setNoCaja(row.noCaja) |
|
|
|
setIDOrigen(row.origen) |
|
|
|
setIDOrigen(row.origen) |
|
|
|
setIDDestino(row.destino) |
|
|
|
setIDDestino(row.destino) |
|
|
|
setHazmat(row.hazmat) |
|
|
|
setHazmat(row.hazmat) |
|
|
|
setPickUpNumber(row.pickUpNumber) |
|
|
|
setPickUpNumber(row.pickUpNumber) |
|
|
|
|
|
|
|
setTipoOperacion(row.tipoOperacion) |
|
|
|
|
|
|
|
setPedimento(row.pedimento) |
|
|
|
return row |
|
|
|
return row |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
@ -66,44 +73,104 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
}, [props.IDViaje]) |
|
|
|
}, [props.IDViaje]) |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
if (IDNuevoServicio === 1 || IDNuevoServicio === 2 || IDNuevoServicio === 22) setDisableAduana(false) |
|
|
|
if (IDServicio === 1 || IDServicio === 2 || IDServicio === 22) setDisableAduana(false) |
|
|
|
else setDisableAduana(true) |
|
|
|
else setDisableAduana(true) |
|
|
|
}, [IDNuevoServicio]) |
|
|
|
}, [IDServicio]) |
|
|
|
|
|
|
|
|
|
|
|
const addService = () => { |
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
DSOpViajes.GetLastTrailerBox(IDViaje) |
|
|
|
|
|
|
|
.then((response) => { |
|
|
|
|
|
|
|
const LastTrailerBox = response.data.ultimaCaja |
|
|
|
|
|
|
|
// console.log('lasttrailerbox=' + LastTrailerBox)
|
|
|
|
|
|
|
|
if (LastTrailerBox.length === 0) setUltimaCaja(NoCaja) |
|
|
|
|
|
|
|
else setUltimaCaja(LastTrailerBox) |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch((e: Error) => { |
|
|
|
|
|
|
|
// console.log('currio un error')
|
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
//console.log('nocaja=' + NoCaja)
|
|
|
|
|
|
|
|
}, [NoCaja]) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
if (Hazmat === 1) setAduana(180) |
|
|
|
|
|
|
|
else setAduana(0) |
|
|
|
|
|
|
|
}, [Hazmat]) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const saveDetail = () => { |
|
|
|
|
|
|
|
if (IDServicio === 0) { |
|
|
|
|
|
|
|
alert('Para continuar, primero seleccione un servicio') |
|
|
|
|
|
|
|
return false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (IDProveedor === 0) { |
|
|
|
|
|
|
|
alert('Para continuar, primero seleccione un proveedor') |
|
|
|
|
|
|
|
return false |
|
|
|
|
|
|
|
} |
|
|
|
const data: DTOViajesServicios = { |
|
|
|
const data: DTOViajesServicios = { |
|
|
|
id: 0, |
|
|
|
id: IDDetail, |
|
|
|
idViaje: props.IDViaje, |
|
|
|
idViaje: IDViaje, |
|
|
|
idServicio: IDNuevoServicio, |
|
|
|
idServicio: IDServicio, |
|
|
|
sServicio: '', |
|
|
|
sServicio: '', |
|
|
|
aduana: Aduana, |
|
|
|
aduana: Aduana, |
|
|
|
comentarios: Comentarios, |
|
|
|
comentarios: Comentarios, |
|
|
|
idProveedor: IDProveedor, |
|
|
|
idProveedor: IDProveedor, |
|
|
|
sProveedor: '', |
|
|
|
sProveedor: '', |
|
|
|
|
|
|
|
noCaja: UltimaCaja, |
|
|
|
} |
|
|
|
} |
|
|
|
DSOpViajes.AppendServices(data) |
|
|
|
DSOpViajes.AppendServices(data) |
|
|
|
.then((responsed) => { |
|
|
|
.then((responsed) => { |
|
|
|
console.log('Item regresado del post=' + JSON.stringify(responsed.data)) |
|
|
|
// console.log('Item regresado del post=' + JSON.stringify(responsed.data))
|
|
|
|
|
|
|
|
if (IDDetail === 0) { |
|
|
|
dispatch(populateOpViajesServicios(responsed.data)) |
|
|
|
dispatch(populateOpViajesServicios(responsed.data)) |
|
|
|
|
|
|
|
setIDDetail(responsed.data[0].id) |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
dispatch(updateOpViajesServicios(responsed.data)) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
clearDetailForm() |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch((e: Error) => {}) |
|
|
|
.catch((e: Error) => {}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const saveInfo = () => { |
|
|
|
const loadService = (id: number) => { |
|
|
|
|
|
|
|
let found = mAllTripServices.filter((a) => { |
|
|
|
|
|
|
|
if (a.id === id) { |
|
|
|
|
|
|
|
return a |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
if (found) { |
|
|
|
|
|
|
|
setIDDetail(id) |
|
|
|
|
|
|
|
setAduana(found[0].aduana) |
|
|
|
|
|
|
|
setIDServicio(found[0].idServicio) |
|
|
|
|
|
|
|
setComentarios(found[0].comentarios) |
|
|
|
|
|
|
|
setIDProveedor(found[0].idProveedor) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const saveMaster = () => { |
|
|
|
|
|
|
|
let totalServicios = mAllTripServices.filter((a) => { |
|
|
|
|
|
|
|
if (a.idViaje === IDViaje) { |
|
|
|
|
|
|
|
return a |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
if (totalServicios.length === 0) { |
|
|
|
|
|
|
|
if (IDServicio === 0) { |
|
|
|
|
|
|
|
alert('Para continuar, primero seleccione un servicio') |
|
|
|
|
|
|
|
return false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (IDProveedor === 0) { |
|
|
|
|
|
|
|
alert('Para continuar, primero seleccione un proveedor') |
|
|
|
|
|
|
|
return false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* */ |
|
|
|
const data: DTOOpViajes = { |
|
|
|
const data: DTOOpViajes = { |
|
|
|
id: IDViaje, |
|
|
|
id: IDViaje, |
|
|
|
fAlta: '', |
|
|
|
fAlta: '', |
|
|
|
usuario: UserID, |
|
|
|
usuario: UserID, |
|
|
|
fCruce: '', |
|
|
|
|
|
|
|
refAgenciaAduanal: RefAA, |
|
|
|
refAgenciaAduanal: RefAA, |
|
|
|
cliente: IDCliente, |
|
|
|
cliente: IDCliente, |
|
|
|
sCliente: '', |
|
|
|
sCliente: '', |
|
|
|
proveedor: IDProveedor, |
|
|
|
|
|
|
|
sProveedor: '', |
|
|
|
|
|
|
|
tipoUnidad: IDTipoUnidad, |
|
|
|
tipoUnidad: IDTipoUnidad, |
|
|
|
sTipoUnidad: '', |
|
|
|
sTipoUnidad: '', |
|
|
|
servicio: IDServicio, |
|
|
|
|
|
|
|
sServicio: '', |
|
|
|
|
|
|
|
origen: IDOrigen, |
|
|
|
origen: IDOrigen, |
|
|
|
sOrigen: '', |
|
|
|
sOrigen: '', |
|
|
|
destino: IDDestino, |
|
|
|
destino: IDDestino, |
|
|
@ -111,6 +178,8 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
hazmat: Hazmat, |
|
|
|
hazmat: Hazmat, |
|
|
|
noCaja: NoCaja, |
|
|
|
noCaja: NoCaja, |
|
|
|
pickUpNumber: PickUpNumber, |
|
|
|
pickUpNumber: PickUpNumber, |
|
|
|
|
|
|
|
tipoOperacion: TipoOperacion, |
|
|
|
|
|
|
|
pedimento: Pedimento, |
|
|
|
max: true, |
|
|
|
max: true, |
|
|
|
} |
|
|
|
} |
|
|
|
DSOpViajes.Append(data) |
|
|
|
DSOpViajes.Append(data) |
|
|
@ -118,10 +187,21 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
const data = response.data |
|
|
|
const data = response.data |
|
|
|
data['max'] = false |
|
|
|
data['max'] = false |
|
|
|
dispatch(updateOpViajes(data)) |
|
|
|
dispatch(updateOpViajes(data)) |
|
|
|
|
|
|
|
setIDViaje(data.id) |
|
|
|
|
|
|
|
saveDetail() |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch((e: Error) => {}) |
|
|
|
.catch((e: Error) => {}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const clearDetailForm = () => { |
|
|
|
|
|
|
|
setIDDetail(0) |
|
|
|
|
|
|
|
setAduana(0) |
|
|
|
|
|
|
|
setIDServicio(0) |
|
|
|
|
|
|
|
setComentarios('') |
|
|
|
|
|
|
|
setIDProveedor(0) |
|
|
|
|
|
|
|
setDisableAduana(true) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className='tripField'> |
|
|
|
<div className='tripField'> |
|
|
|
<Card style={{ backgroundColor: '#F0F7FC' }}> |
|
|
|
<Card style={{ backgroundColor: '#F0F7FC' }}> |
|
|
@ -131,7 +211,9 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
<Col xs={2}> |
|
|
|
<Col xs={2}> |
|
|
|
<Form.Control type='text' id='IDViaje' value={IDViaje} disabled size='sm' className='dialogLabel' /> |
|
|
|
<Form.Control type='text' id='IDViaje' value={IDViaje} disabled size='sm' className='dialogLabel' /> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col xs={2}>Ref AA</Col> |
|
|
|
<Col xs={2} style={{ textAlign: 'right' }}> |
|
|
|
|
|
|
|
Ref AA |
|
|
|
|
|
|
|
</Col> |
|
|
|
<Col xs={3}> |
|
|
|
<Col xs={3}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
@ -144,16 +226,7 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
}} |
|
|
|
}} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col xs={3} style={{ textAlign: 'right' }}> |
|
|
|
<Col xs={3} style={{ textAlign: 'right' }}></Col> |
|
|
|
<Button |
|
|
|
|
|
|
|
variant='primary' |
|
|
|
|
|
|
|
onClick={() => { |
|
|
|
|
|
|
|
saveInfo() |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
Guarda viaje |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Col xs={2}>Cliente</Col> |
|
|
|
<Col xs={2}>Cliente</Col> |
|
|
@ -202,7 +275,9 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
: null} |
|
|
|
: null} |
|
|
|
</Form.Control> |
|
|
|
</Form.Control> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col xs={1}>Caja</Col> |
|
|
|
<Col xs={1} style={{ textAlign: 'right' }}> |
|
|
|
|
|
|
|
Caja |
|
|
|
|
|
|
|
</Col> |
|
|
|
<Col xs={3}> |
|
|
|
<Col xs={3}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
@ -241,7 +316,9 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
: null} |
|
|
|
: null} |
|
|
|
</Form.Control> |
|
|
|
</Form.Control> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col xs={2}>Destino</Col> |
|
|
|
<Col xs={2} style={{ textAlign: 'right' }}> |
|
|
|
|
|
|
|
Destino |
|
|
|
|
|
|
|
</Col> |
|
|
|
<Col xs={4}> |
|
|
|
<Col xs={4}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
as='select' |
|
|
|
as='select' |
|
|
@ -267,7 +344,7 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Col xs={2}>HAZMAT</Col> |
|
|
|
<Col xs={2}>HazMat</Col> |
|
|
|
<Col sx={1}> |
|
|
|
<Col sx={1}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
as='select' |
|
|
|
as='select' |
|
|
@ -281,7 +358,9 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
<option value='1'>Si</option> |
|
|
|
<option value='1'>Si</option> |
|
|
|
</Form.Control> |
|
|
|
</Form.Control> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col xs={2}>T. operacion</Col> |
|
|
|
<Col xs={2} style={{ textAlign: 'right' }}> |
|
|
|
|
|
|
|
Tipo operacion |
|
|
|
|
|
|
|
</Col> |
|
|
|
<Col xs={3}> |
|
|
|
<Col xs={3}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
as='select' |
|
|
|
as='select' |
|
|
@ -326,7 +405,29 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
}} |
|
|
|
}} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col style={{ textAlign: 'right' }}></Col> |
|
|
|
<Col xs={2}>PickUp No</Col> |
|
|
|
|
|
|
|
<Col xs={3}> |
|
|
|
|
|
|
|
<Form.Control |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
id='PickUpNumber' |
|
|
|
|
|
|
|
value={PickUpNumber} |
|
|
|
|
|
|
|
size='sm' |
|
|
|
|
|
|
|
className='dialogLabel' |
|
|
|
|
|
|
|
onChange={(e) => { |
|
|
|
|
|
|
|
setPickUpNumber(e.target.value) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col style={{ textAlign: 'right' }}> |
|
|
|
|
|
|
|
<Button |
|
|
|
|
|
|
|
variant='primary' |
|
|
|
|
|
|
|
onClick={() => { |
|
|
|
|
|
|
|
saveMaster() |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
Guardar |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
</Card.Body> |
|
|
|
</Card.Body> |
|
|
|
</Card> |
|
|
|
</Card> |
|
|
@ -336,14 +437,14 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
<Card style={{ backgroundColor: '#DDEFEF' }}> |
|
|
|
<Card style={{ backgroundColor: '#DDEFEF' }}> |
|
|
|
<Card.Body> |
|
|
|
<Card.Body> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Col xs={3}>Servicio</Col> |
|
|
|
<Col xs={2}>Servicio</Col> |
|
|
|
<Col xs={5}> |
|
|
|
<Col xs={5}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
as='select' |
|
|
|
as='select' |
|
|
|
onChange={(e) => { |
|
|
|
onChange={(e) => { |
|
|
|
setIDNuevoServicio(parseInt(e.target.value)) |
|
|
|
setIDServicio(parseInt(e.target.value)) |
|
|
|
}} |
|
|
|
}} |
|
|
|
value={IDNuevoServicio} |
|
|
|
value={IDServicio} |
|
|
|
className='form-select form-select-sm dialogLabel' |
|
|
|
className='form-select form-select-sm dialogLabel' |
|
|
|
> |
|
|
|
> |
|
|
|
<option value='0'>Seleccione el servicio...</option> |
|
|
|
<option value='0'>Seleccione el servicio...</option> |
|
|
@ -358,7 +459,10 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
: null} |
|
|
|
: null} |
|
|
|
</Form.Control> |
|
|
|
</Form.Control> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col xs={4}> |
|
|
|
<Col xs={2} style={{ textAlign: 'right' }}> |
|
|
|
|
|
|
|
Aduana |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col xs={3}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
as='select' |
|
|
|
as='select' |
|
|
|
onChange={(e) => { |
|
|
|
onChange={(e) => { |
|
|
@ -368,15 +472,21 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
disabled={DisableAduana} |
|
|
|
disabled={DisableAduana} |
|
|
|
className='form-select form-select-sm dialogLabel' |
|
|
|
className='form-select form-select-sm dialogLabel' |
|
|
|
> |
|
|
|
> |
|
|
|
<option value='0'>-Aduana-</option> |
|
|
|
{CatAduanas |
|
|
|
<option value='240'>Nuevo Laredo, Tamps</option> |
|
|
|
? CatAduanas.map((c) => { |
|
|
|
<option value='180'>Colombia</option> |
|
|
|
return ( |
|
|
|
|
|
|
|
<option key={c.id} value={c.id}> |
|
|
|
|
|
|
|
{c.Aduana} |
|
|
|
|
|
|
|
</option> |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
: null} |
|
|
|
</Form.Control> |
|
|
|
</Form.Control> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Col xs={3}>Comentarios</Col> |
|
|
|
<Col xs={2}>Comentarios</Col> |
|
|
|
<Col xs={9}> |
|
|
|
<Col xs={10}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
as='textarea' |
|
|
|
as='textarea' |
|
|
|
rows={2} |
|
|
|
rows={2} |
|
|
@ -388,8 +498,8 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Col xs={3}>Proveedor</Col> |
|
|
|
<Col xs={2}>Proveedor</Col> |
|
|
|
<Col xs={9}> |
|
|
|
<Col xs={10}> |
|
|
|
<Form.Control |
|
|
|
<Form.Control |
|
|
|
as='select' |
|
|
|
as='select' |
|
|
|
onChange={(e) => { |
|
|
|
onChange={(e) => { |
|
|
@ -412,12 +522,25 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Row style={{ paddingTop: '5px' }}> |
|
|
|
<Col xs={7}></Col> |
|
|
|
<Col xs={2}>Caja</Col> |
|
|
|
<Col xs={5} style={{ textAlign: 'right' }}> |
|
|
|
<Col xs={3}> |
|
|
|
|
|
|
|
<Form.Control |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
id='UltimeCaja' |
|
|
|
|
|
|
|
value={UltimaCaja} |
|
|
|
|
|
|
|
size='sm' |
|
|
|
|
|
|
|
className='dialogLabel' |
|
|
|
|
|
|
|
onChange={(e) => { |
|
|
|
|
|
|
|
setUltimaCaja(e.target.value) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col xs={4}></Col> |
|
|
|
|
|
|
|
<Col xs={3} style={{ textAlign: 'right' }}> |
|
|
|
<Button |
|
|
|
<Button |
|
|
|
variant='success' |
|
|
|
variant='success' |
|
|
|
onClick={() => { |
|
|
|
onClick={() => { |
|
|
|
addService() |
|
|
|
saveDetail() |
|
|
|
}} |
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
Guardar servicio |
|
|
|
Guardar servicio |
|
|
@ -428,13 +551,18 @@ export const Viaje: FC<IProps> = (props) => { |
|
|
|
<Card> |
|
|
|
<Card> |
|
|
|
<Card.Body> |
|
|
|
<Card.Body> |
|
|
|
<div className='MDContainer'> |
|
|
|
<div className='MDContainer'> |
|
|
|
<ViajesServicios IDMaster={IDViaje} key={IDViaje} /> |
|
|
|
<Servicios |
|
|
|
|
|
|
|
IDMaster={IDViaje} |
|
|
|
|
|
|
|
key={IDViaje} |
|
|
|
|
|
|
|
onLoadDetail={function (id: number): void { |
|
|
|
|
|
|
|
loadService(id) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
actionButtons={true} |
|
|
|
|
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</Card.Body> |
|
|
|
</Card.Body> |
|
|
|
</Card> |
|
|
|
</Card> |
|
|
|
</Card> |
|
|
|
</Card> |
|
|
|
{/* <Modal.Footer> |
|
|
|
|
|
|
|
</Modal.Footer> */} |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|