From 6f5fc69d4c518efb54814efa028baed797008ab3 Mon Sep 17 00:00:00 2001 From: gabrhr <73925454+gabrhr@users.noreply.github.com> Date: Sun, 5 Jun 2022 18:37:58 -0500 Subject: Add get Camiones MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit redux y más funciona de camiones #TODO - añadir todos los puntos - Mejorar el path del punto con funcion - añadir tiempos segun distancia - estetica al final (camion, colores, etc) - Arreglar combos - Añadir los reducer de pedidos, rutas, almacen --- front/odiparpack/app/actions/actionTypes.js | 4 ++- front/odiparpack/app/actions/camion.js | 39 ++++++++++++++++++++++ front/odiparpack/app/api/camion.js | 6 ++++ .../app/components/Tables/CrudTableForm.js | 8 ++--- .../Odipar/Camiones/CamionTab/CamionTab.js | 5 +-- .../Camiones/CamionTab/table/CrudCamionTab.js | 2 +- .../containers/Odipar/Simulacion/SimulacionMain.js | 13 ++++++-- front/odiparpack/app/redux/modules/camion.js | 16 +++++++++ front/odiparpack/app/redux/reducers.js | 2 ++ 9 files changed, 84 insertions(+), 11 deletions(-) create mode 100644 front/odiparpack/app/actions/camion.js create mode 100644 front/odiparpack/app/api/camion.js create mode 100644 front/odiparpack/app/redux/modules/camion.js (limited to 'front') diff --git a/front/odiparpack/app/actions/actionTypes.js b/front/odiparpack/app/actions/actionTypes.js index 8fd305f..11884c0 100644 --- a/front/odiparpack/app/actions/actionTypes.js +++ b/front/odiparpack/app/actions/actionTypes.js @@ -90,4 +90,6 @@ export const OPEN_MESSAGE = 'OPEN_MESSAGE'; //Odi Pedido export const LISTA_PEDIDO = 'LISTA_PEDIDO'; //Odi Almacen -export const LISTA_ALMACEN = 'LISTA_ALMACEN'; \ No newline at end of file +export const LISTA_ALMACEN = 'LISTA_ALMACEN'; +//Odi Camion +export const LISTA_CAMION = 'LISTA_CAMION'; diff --git a/front/odiparpack/app/actions/camion.js b/front/odiparpack/app/actions/camion.js new file mode 100644 index 0000000..6fdd2c6 --- /dev/null +++ b/front/odiparpack/app/actions/camion.js @@ -0,0 +1,39 @@ +import { + getCamionAPI +} from 'ba-api/camion'; +import * as types from './actionTypes' + +export const setCamiones = (payload) => ({ + type: types.LISTA_PEDIDO, + payload +}); + +/***************************************/ +export function b2fCamiones(x){ + const {...other} = x + return { + id: x.id, + codigo: 'A001', + placa: x.placa, + origen: 'Lima', + tipo: x.tipoCamion.nombre, + estado: x.estado, + capacidad: x.tipoCamion.capacidad, + ...other + } +} + +/***************************************/ + +export const getCamiones = () => async dispatch => { + try{ + const res = await getCamionAPI(); + res.data.forEach((x, i) => { + res.data[i] = b2fCamiones(x) + }); + dispatch(setCamiones({res})) + return res; + }catch(e){ + console.log(e) + } +} diff --git a/front/odiparpack/app/api/camion.js b/front/odiparpack/app/api/camion.js new file mode 100644 index 0000000..8229bbf --- /dev/null +++ b/front/odiparpack/app/api/camion.js @@ -0,0 +1,6 @@ +import { apiGet } from '../utils/odipar/api'; + +//GET APIS +export const getCamionAPI = async () => { + return await apiGet(`camion/`) +} diff --git a/front/odiparpack/app/components/Tables/CrudTableForm.js b/front/odiparpack/app/components/Tables/CrudTableForm.js index 8b7e6d5..017a3fc 100644 --- a/front/odiparpack/app/components/Tables/CrudTableForm.js +++ b/front/odiparpack/app/components/Tables/CrudTableForm.js @@ -5,16 +5,16 @@ import MainTableForm from './tableParts/MainTableForm'; import FloatingPanel from './../Panel/FloatingPanel'; class CrudTableForm extends React.Component { - componentDidMount(){ + /* componentDidMount(){ this.props.fetchData(this.props.dataInit, this.props.branch); - } + } */ - /* componentDidUpdate(previousProps) { + componentDidUpdate(previousProps) { if (previousProps.dataInit !== this.props.dataInit) { //console.log("en el FORM",this.props.dataInit)} this.props.fetchData(this.props.dataInit, this.props.branch); } - } */ + } sendValues = (values) => { setTimeout(() => { diff --git a/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/CamionTab.js b/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/CamionTab.js index 2f9862e..5110566 100644 --- a/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/CamionTab.js +++ b/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/CamionTab.js @@ -6,7 +6,7 @@ import { Paper, Typography } from '@material-ui/core'; import { connect } from 'react-redux'; //actions -import { getPedidos } from 'ba-actions/pedido'; +import { getCamiones } from 'ba-actions/camion'; const styles = ({ root: { @@ -21,11 +21,12 @@ class CamionTab extends Component { this.state = { dataRealF: [] }; - this.props.dispatch(getPedidos()).then((res) => { + this.props.dispatch(getCamiones()).then((res) => { if (res) { this.setState({ dataRealF: res.data, }); + console.log("Vengo del back", res.data) } }) } diff --git a/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/table/CrudCamionTab.js b/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/table/CrudCamionTab.js index 5a1783c..11c0805 100644 --- a/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/table/CrudCamionTab.js +++ b/front/odiparpack/app/containers/Odipar/Camiones/CamionTab/table/CrudCamionTab.js @@ -72,7 +72,7 @@ class CrudCamionTab extends Component { - + - {`Datos generales`} + Datos generales
@@ -75,7 +80,9 @@ class SimulacionMain extends Component {
- + + + {`Pedidos`} diff --git a/front/odiparpack/app/redux/modules/camion.js b/front/odiparpack/app/redux/modules/camion.js new file mode 100644 index 0000000..5cfe7d8 --- /dev/null +++ b/front/odiparpack/app/redux/modules/camion.js @@ -0,0 +1,16 @@ +import { LISTA_CAMION } from 'ba-actions/actionTypes'; + +const initState = { + camiones : [] +} + +const camion = (state = initState, action) => { + switch (action.type) { + case LISTA_CAMION: + return { ...state, camiones: action.payload } + default : + return state + } +} + +export default camion; \ No newline at end of file diff --git a/front/odiparpack/app/redux/reducers.js b/front/odiparpack/app/redux/reducers.js index 0501270..9675be8 100644 --- a/front/odiparpack/app/redux/reducers.js +++ b/front/odiparpack/app/redux/reducers.js @@ -24,6 +24,7 @@ import initval from './modules/initForm'; import pedido from './modules/pedido'; import message from './modules/message' import almacen from './modules/almacen'; +import camion from './modules/camion' /** * Branching reducers to use one reducer for many components @@ -68,6 +69,7 @@ export default function createReducer(injectedReducers) { crudRuta: branchReducer(crudTableForm, 'crudRuta'), pedido, almacen, + camion, message, language: languageProviderReducer, router: connectRouter(history), -- cgit v1.2.3