\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nFichaAñadirCesta.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n DATOS_REFERENCIA: PropTypes.object,\r\n ES_CESTA_COMPRA: PropTypes.bool,\r\n CARGAR_CESTA: PropTypes.func,\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n DIRECTORIO_DOCUMENTO: state.DIRECTORIO_DOCUMENTO,\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n codmotorizacion: state.codmotorizacion\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaAñadirCesta);","import React from \"react\";\r\nimport {\r\n traducirPagina,\r\n obtenerDatosUsuarioYLicenciaActual,\r\n convertirMoneda,\r\n etiquetaReferenciaSinStock\r\n\r\n} from \"../librerias/funciones\"\r\nimport { Drawer } from 'antd';\r\nimport { MDBBtn, MDBTable, MDBTableHead, MDBTableBody, MDBContainer } from 'mdbreact';\r\n\r\nimport { LikeOutlined, DislikeOutlined } from \"@ant-design/icons\";\r\nimport { ObtenerDesgloseStockSocioEnAPI } from \"../action/actionCreatorsRequests\";\r\n\r\nexport const DesgloseStockGrupo = (props) => {\r\n const [initComponent, setInitComponent] = React.useState({\r\n REGISTROS: [],\r\n HTML_MANUAL: \"\",\r\n ABRIR_MODAL: false,\r\n TITULO_MODAL: \"\",\r\n ID_GRUPO_SELECCIONADO: 0,\r\n RUTA: []\r\n })\r\n\r\n\r\n\r\n const buscarFechaEntrega = (registros) => {\r\n const resultado = registros.filter((registro) => (registro.FechaEntrega !== undefined && registro.FechaEntrega !== null && registro.FechaEntrega !== \"\"));\r\n return resultado;\r\n }\r\n\r\n\r\n\r\n const ObtenerDesgloseStockSocio = async (SOCIO, REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO) => {\r\n let registro = await ObtenerDesgloseStockSocioEnAPI(SOCIO, REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO)\r\n if (registro !== undefined && registro !== null && registro.Stock.length > 0) {\r\n initComponent.REGISTROS = registro.Stock\r\n } else {\r\n initComponent.REGISTROS = null\r\n }\r\n\r\n setInitComponent({ ...initComponent })\r\n }\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n const { REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO } = props.DATOS_SELECCIONADO\r\n\r\n \r\n ObtenerDesgloseStockSocio(props.SOCIO_SELECCIONADO, REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO)\r\n\r\n }, [])\r\n\r\n\r\n\r\n return \r\n
\r\n\r\n\r\n \r\n {\r\n props.CERRAR_FICHA(false);\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n \r\n {detalles !== undefined && datosReferencia !== undefined ?\r\n \r\n\r\n\r\n {props.ES_CESTA_COMPRA ?\r\n\r\n \r\n\r\n Identificador de la línea por parte del cliente\r\n\r\n { setTextoIdentificador(e.target.value) }} value={textoIdentificador} placeholder={traducirPagina(\"Identificador\")}>\r\n\r\n Dispone de 16 caracteres máximos\r\n\r\n \r\n :\r\n null\r\n\r\n }\r\n\r\n\r\n \r\n {desglose.length > 0 ?\r\n\r\n \r\n
\r\n \r\n {Object.keys(detalles).length > 0 ?\r\n \r\n \r\n :\r\n \r\n \r\n }\r\n\r\n {Object.keys(datosReferencia).length > 0 ?\r\n \r\n \r\n :\r\n null\r\n }\r\n
\r\n :\r\n esperandoDesglose ?\r\n \r\n 
\r\n
\r\n \r\n {detalles.DESCRIPCION_ESTADO}\r\n
\r\n \r\n ![]({\"./imagenes/sinimagen.jpg\"})
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n {props.DATOS_REFERENCIA.REFERENCIA + \" \" + datosReferencia.NOMBRE_GRUPO_MONTAJE}\r\n \r\n
\r\n {traducirPagina(\"Referencia_proveedor\") + \": \" + datosReferencia.REFERENCIA_PROVEEDOR}\r\n
\r\n\r\n \r\n {\"EAN:\" + detalles.EAN}\r\n \r\n\r\n\r\n {Object.keys(datosReferencia).length > 0 ?\r\n PVP > 0 && datosReferencia.NETO > 0 && esperandoDesglose ?\r\n
\r\n \r\n {traducirPagina(\"Referencia_proveedor\") + \": \" + datosReferencia.REFERENCIA_PROVEEDOR}\r\n
\r\n\r\n \r\n {\"EAN:\" + detalles.EAN}\r\n \r\n\r\n\r\n {Object.keys(datosReferencia).length > 0 ?\r\n PVP > 0 && datosReferencia.NETO > 0 && esperandoDesglose ?\r\n
\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(PVP, \" €\")} \r\n
\r\n\r\n {traducirPagina(\"Dto\") + \":\" + datosReferencia.DESCUENTO + \" %\"} \r\n
\r\n\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(NETO, \" €\")}\r\n
\r\n
\r\n :\r\n null\r\n :\r\n \r\n\r\n {traducirPagina(\"Dto\") + \":\" + datosReferencia.DESCUENTO + \" %\"} \r\n
\r\n\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(NETO, \" €\")}\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n :\r\n null\r\n\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n { } \r\n {traducirPagina(\"Almacen\").toUpperCase()} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE ? \"\" : obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? \"\" : traducirPagina(\"Cantidad\").toUpperCase()} }\r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n\r\n {buscarFechaEntrega(desglose).length > 0 ? {traducirPagina(\"Fecha_entrega\").toUpperCase()} : null}\r\n\r\n \r\n \r\n \r\n {desglose.map((item, i) =>\r\n \r\n \r\n {/* { setMaximo(item.Stock); setCount(1); resetChecked(item.CodigoAlmacen); }} />*/}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {\r\n if (document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen) !== null) {\r\n\r\n let valor = document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value\r\n if (valor === \"\") {\r\n document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value = e.target.value;\r\n } else {\r\n if (soloNumeros(valor)) {\r\n let convertir = parseInt(document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value);\r\n let resultado = item.Stock > convertir ? e.target.value : item.Stock;\r\n document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value = valor === \"\" ? \"0\" : resultado\r\n } else {\r\n document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value = \"1\";\r\n }\r\n }\r\n modificarCantidad(item.CodigoAlmacen, document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value)\r\n\r\n }\r\n }} />\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {item.DescripcionAlmacen}\r\n\r\n \r\n\r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n \r\n \r\n \r\n\r\n\r\n {buscarFechaEntrega(desglose).length > 0 ? {item.FechaEntrega !== null ? `${item.FechaEntrega} ${item.HoraEntrega}` : \"\"} : null}\r\n\r\n \r\n\r\n )\r\n }\r\n \r\n \r\n
\r\n\r\n :\r\n esperandoDesglose ?\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"./imagenes/no_disponible.svg\")
\r\n \r\n \r\n {etiquetaSinDisponibilidad()}\r\n \r\n
\r\n }\r\n\r\n\r\n\r\n {/* PVP > 0 && datosReferencia.NETO > 0 && esperandoDesglose */}\r\n\r\n {Object.keys(datosReferencia).length > 0 ?\r\n\r\n esperandoDesglose ?\r\n \r\n \r\n \r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n \r\n insertarConsula(datosReferencia)}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n
\r\n :\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff',zIndex: props.Z_INDEX !== \"none\" ? `${props.Z_INDEX}9`:props.Z_INDEX }}>\r\n\r\n
;\r\n};","import React from \"react\";\r\nimport {\r\n traducirPagina,\r\n obtenerDatosUsuarioYLicenciaActual,\r\n convertirMoneda,\r\n soloNumeros,\r\n etiquetaSinDisponibilidad\r\n\r\n} from \"../../librerias/funciones\"\r\nimport { Drawer, Input } from 'antd';\r\nimport { MDBBtn, MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\n\r\nimport { LikeOutlined, DislikeOutlined, MinusOutlined, PlusOutlined } from \"@ant-design/icons\";\r\nimport { ObtenerDesgloseStockSocioEnAPI } from \"../../action/actionCreatorsRequests\";\r\n\r\nexport const DetalleCompraSocio = (props) => {\r\n const [payLoadLocal, setPayLoadLocal] = React.useState({\r\n IMAGEN_URL: \"*\",\r\n\r\n CODIGO_MARCA: \"*\",\r\n\r\n CODIGO_MARCA_ERP: \"\",\r\n DESCUENTO_1: 0,\r\n DESCUENTO_2: 0,\r\n DESCUENTO_3: 0,\r\n EAN: \"\",\r\n GRUPO_MONTAJE: 0,\r\n IMAGEN_MARCA: \"\",\r\n LADO_MONTAJE: \"\",\r\n MARCA_PATROCINADA: false,\r\n NOMBRE_GRUPO_MONTAJE: \"\",\r\n NOMRE_MARCA: \"\",\r\n PVP: 0,\r\n PRECIO: 0,\r\n DESCUENTO: 0,\r\n NETO: 0,\r\n\r\n REFERENCIA: \"*\",\r\n REFERENCIA_PROVEEDOR: \"\",\r\n STOCK_ALMACEN: 0,\r\n STOCK_TOTAL: 0\r\n })\r\n const [textoIdentificador, setTextoIdentificador] = React.useState(\"\");\r\n\r\n\r\n\r\n const [initComponent, setInitComponent] = React.useState({\r\n REGISTROS: [],\r\n HTML_MANUAL: \"\",\r\n ABRIR_MODAL: false,\r\n TITULO_MODAL: \"\",\r\n ID_GRUPO_SELECCIONADO: 0,\r\n RUTA: []\r\n })\r\n\r\n\r\n\r\n const buscarFechaEntrega = (registros) => {\r\n const resultado = registros.filter((registro) => (registro.FechaEntrega !== undefined && registro.FechaEntrega !== null && registro.FechaEntrega !== \"\"));\r\n return resultado;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n const ObtenerDesgloseStockSocio = async (SOCIO, REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO) => {\r\n const { CANTIDAD } = props.SOCIO_SELECCIONADO\r\n\r\n let registro = await ObtenerDesgloseStockSocioEnAPI(SOCIO, REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO)\r\n if (registro !== undefined && registro !== null && registro.Stock.length > 0) {\r\n\r\n\r\n let STOCK_DISPONIBLE = registro.Stock.filter((registros) => registros.Stock > 0);\r\n\r\n if (STOCK_DISPONIBLE.length > 0) {\r\n initComponent.REGISTROS = registro.Stock\r\n\r\n let CANTIDAD_SELECCIONADA = CANTIDAD;\r\n\r\n registro.Stock.map((item, i) => {\r\n\r\n let result = CANTIDAD_SELECCIONADA - item.Stock\r\n if (CANTIDAD_SELECCIONADA === 0) {\r\n item.CANTIDAD = 0;\r\n } else if (result < 0) {\r\n item.CANTIDAD = CANTIDAD_SELECCIONADA;\r\n CANTIDAD_SELECCIONADA = 0;\r\n } else {\r\n CANTIDAD_SELECCIONADA = CANTIDAD_SELECCIONADA - item.Stock\r\n item.CANTIDAD = item.Stock;\r\n }\r\n\r\n })\r\n\r\n } else {\r\n initComponent.REGISTROS = null\r\n }\r\n\r\n } else {\r\n initComponent.REGISTROS = null\r\n }\r\n\r\n\r\n setInitComponent({ ...initComponent })\r\n\r\n }\r\n\r\n\r\n\r\n const cargarInformacion = (DATOS_REFERENCIA) => {\r\n\r\n /*\r\n if (DATOS_REFERENCIA.DETALLE_ERP_SOCIO !== null && DATOS_REFERENCIA.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO !== \"\") {\r\n\r\n if (DATOS_REFERENCIA.CLIENTE === undefined) {\r\n let cliente = store.getState().clienteSeleccionado;\r\n DATOS_REFERENCIA.CLIENTE = cliente !== undefined && cliente !== null && Object.keys(cliente).length > 0 && cliente.codigo !== \"\" ? cliente.codigo : \"\"\r\n }\r\n\r\n ObtenerArticuloERPEnAPI(false, DATOS_REFERENCIA.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO, \"\", DATOS_REFERENCIA.CLIENTE).then(registros => {\r\n if (registros !== null && registros !== undefined && Object.keys(registros).length > 0) {\r\n let referencia = registros[0];\r\n\r\n if (referencia !== undefined) {\r\n //payLoadLocal.CODIGO_MARCA = referencia.Codigo.MarcaTecdoc\r\n \r\n payLoadLocal.CODIGO_MARCA = DATOS_REFERENCIA.ID_MARCA\r\n payLoadLocal.EAN = DATOS_REFERENCIA.EAN\r\n\r\n\r\n payLoadLocal.CODIGO_MARCA_ERP = referencia.Codigo.marcaERPCodigo\r\n\r\n\r\n payLoadLocal.NOMBRE_GRUPO_MONTAJE = DATOS_REFERENCIA.NOMBRE_GRUPO_MONTAJE === undefined ? \"\" : DATOS_REFERENCIA.NOMBRE_GRUPO_MONTAJE\r\n payLoadLocal.NOMRE_MARCA = DATOS_REFERENCIA.NOMRE_MARCA === undefined ? referencia.Codigo.MarcaERPDescripcion : DATOS_REFERENCIA.DESCRIPCION_1\r\n\r\n //payLoadLocal.NOMBRE_GRUPO_MONTAJE = referencia.Codigo.DescripcionERP\r\n //payLoadLocal.NOMRE_MARCA = referencia.Codigo.MarcaERPDescripcion\r\n\r\n payLoadLocal.PRECIO = referencia.precio\r\n payLoadLocal.DESCUENTO = referencia.descuento\r\n payLoadLocal.NETO = referencia.precioNeto\r\n\r\n //payLoadLocal.REFERENCIA = DATOS_REFERENCIA.REFERENCIA\r\n\r\n //Verificar si el socio envia bien la referencia\r\n payLoadLocal.REFERENCIA = referencia.Codigo.ReferenciaTecdoc\r\n\r\n payLoadLocal.REFERENCIA_PROVEEDOR = referencia.Codigo.CodigoERP\r\n\r\n payLoadLocal.STOCK_ALMACEN = 0\r\n payLoadLocal.STOCK_TOTAL = 39\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n\r\n } else {\r\n\r\n if (DATOS_REFERENCIA !== undefined && DATOS_REFERENCIA !== null && Object.keys(DATOS_REFERENCIA).length > 0) {\r\n payLoadLocal.CODIGO_MARCA = DATOS_REFERENCIA.ID_MARCA\r\n payLoadLocal.EAN = DATOS_REFERENCIA.EAN\r\n \r\n \r\n if (DATOS_REFERENCIA.DETALLE_ERP_SOCIO !== null) {\r\n const { NETO, PRECIO, PVP, DESCUENTO, REFERENCIA_SOCIO, CODIGO_MARCA_SOCIO,REFERENCIA_FABRICANTE } = DATOS_REFERENCIA.DETALLE_ERP_SOCIO\r\n payLoadLocal.CODIGO_MARCA_ERP = CODIGO_MARCA_SOCIO\r\n \r\n payLoadLocal.PVP = PVP\r\n payLoadLocal.PRECIO = PRECIO\r\n payLoadLocal.DESCUENTO = DESCUENTO\r\n payLoadLocal.NETO = NETO\r\n payLoadLocal.REFERENCIA_PROVEEDOR = REFERENCIA_SOCIO !== \"\" ? REFERENCIA_SOCIO : \"\"\r\n \r\n payLoadLocal.REFERENCIA = REFERENCIA_FABRICANTE\r\n \r\n }\r\n payLoadLocal.NOMRE_MARCA = DATOS_REFERENCIA.DESCRIPCION_1\r\n\r\n payLoadLocal.NOMBRE_GRUPO_MONTAJE = \"\"\r\n \r\n setPayLoadLocal({ ...payLoadLocal })\r\n\r\n }\r\n\r\n }\r\n })\r\n } else {\r\n if (DATOS_REFERENCIA !== undefined && DATOS_REFERENCIA !== null && Object.keys(DATOS_REFERENCIA).length > 0) {\r\n payLoadLocal.CODIGO_MARCA = DATOS_REFERENCIA.ID_MARCA\r\n payLoadLocal.EAN = DATOS_REFERENCIA.EAN\r\n\r\n if (DATOS_REFERENCIA.DETALLE_ERP_SOCIO !== null) {\r\n const { NETO, PRECIO, PVP, DESCUENTO, REFERENCIA_SOCIO, CODIGO_MARCA_SOCIO,REFERENCIA_FABRICANTE } = DATOS_REFERENCIA.DETALLE_ERP_SOCIO\r\n payLoadLocal.CODIGO_MARCA_ERP = CODIGO_MARCA_SOCIO\r\n\r\n payLoadLocal.PVP = PVP\r\n payLoadLocal.PRECIO = PRECIO\r\n payLoadLocal.DESCUENTO = DESCUENTO\r\n payLoadLocal.NETO = NETO\r\n payLoadLocal.REFERENCIA_PROVEEDOR = REFERENCIA_SOCIO !== \"\" ? REFERENCIA_SOCIO : \"\"\r\n\r\n payLoadLocal.REFERENCIA = REFERENCIA_FABRICANTE\r\n\r\n }\r\n payLoadLocal.NOMRE_MARCA = DATOS_REFERENCIA.DESCRIPCION_1\r\n\r\n payLoadLocal.NOMBRE_GRUPO_MONTAJE = \"\"\r\n\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n }\r\n\r\n */\r\n\r\n\r\n\r\n const { ADICIONAL } = props.DATOS_SELECCIONADO\r\n const { NETO, PRECIO, DESCUENTO,PVP } = props.SOCIO_SELECCIONADO\r\n\r\n if (ADICIONAL !== undefined && ADICIONAL !== null) {\r\n payLoadLocal.REFERENCIA = ADICIONAL.REFERENCIA\r\n payLoadLocal.REFERENCIA_PROVEEDOR = ADICIONAL.REFERENCIA_PROVEEDOR\r\n payLoadLocal.EAN = ADICIONAL.EAN\r\n payLoadLocal.NOMBRE_GRUPO_MONTAJE = ADICIONAL.NOMBRE_GRUPO_MONTAJE\r\n\r\n payLoadLocal.PVP = PRECIO\r\n payLoadLocal.DESCUENTO = DESCUENTO\r\n payLoadLocal.NETO = NETO\r\n\r\n const { detalles } = ADICIONAL\r\n if (detalles !== undefined && detalles !== null) {\r\n payLoadLocal.IMAGEN_URL = detalles.IMAGEN_URL\r\n }\r\n\r\n }\r\n setPayLoadLocal({ ...payLoadLocal })\r\n\r\n let ID_MARCA = props.ID_MARCA === undefined || props.ID_MARCA === null ? \"\" : props.ID_MARCA;\r\n\r\n const { REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO } = props.DATOS_SELECCIONADO\r\n\r\n ObtenerDesgloseStockSocio(props.SOCIO_SELECCIONADO, REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO)\r\n }\r\n\r\n\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n\r\n\r\n cargarInformacion(props.DATOS_REFERENCIA)\r\n }, [])\r\n\r\n\r\n\r\n\r\n const {\r\n IMAGEN_URL,\r\n REFERENCIA,\r\n NOMBRE_GRUPO_MONTAJE,\r\n REFERENCIA_PROVEEDOR,\r\n EAN,\r\n PVP,\r\n DESCUENTO,\r\n NETO,\r\n\r\n\r\n CODIGO_MARCA,\r\n CODIGO_MARCA_ERP,\r\n DESCUENTO_1,\r\n DESCUENTO_2,\r\n DESCUENTO_3,\r\n GRUPO_MONTAJE,\r\n IMAGEN_MARCA,\r\n LADO_MONTAJE,\r\n MARCA_PATROCINADA,\r\n NOMRE_MARCA,\r\n PRECIO,\r\n STOCK_ALMACEN,\r\n STOCK_TOTAL,\r\n\r\n } = payLoadLocal\r\n\r\n\r\n\r\n\r\n return \r\n\r\n
\r\n\r\n \r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n {\r\n initComponent.REGISTROS === null ?\r\n \r\n :\r\n initComponent.REGISTROS.length === 0 ?\r\n \r\n :\r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Almacen\").toUpperCase()} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {traducirPagina(\"Cantidad\").toUpperCase()} }\r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n\r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {traducirPagina(\"Fecha_entrega\").toUpperCase()} : null}\r\n\r\n \r\n \r\n \r\n {initComponent.REGISTROS.map((item, i) =>\r\n \r\n {item.DescripcionAlmacen} \r\n\r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n\r\n \r\n \r\n \r\n\r\n\r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {item.FechaEntrega !== null ? `${item.FechaEntrega} ${item.HoraEntrega}` : \"\"} : null}\r\n\r\n \r\n )\r\n }\r\n \r\n \r\n\r\n\r\n }\r\n\r\n
\r\n\r\n\r\n \r\n\r\n {etiquetaReferenciaSinStock()}
\r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff',zIndex: props.Z_INDEX !== \"none\" ? `${props.Z_INDEX}9`:props.Z_INDEX }}>\r\n\r\n
;\r\n};","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn, MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\nimport { ObtenerSociosEnAPI, ObtenerStockSocioEnAPI, RealizarPedidoSocioEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport 'antd/dist/antd.css';\r\n\r\nimport { Tabs, Col, Row, Modal, Drawer, Button, Input, Checkbox, List } from 'antd';\r\n\r\nimport { traducirPagina, convertirMoneda, dynamicSortDesc, dynamicSortAsc, soloNumeros, MSGERROR, etiquetaReferenciaSinStock } from \"../librerias/funciones\"\r\nimport {\r\n LikeOutlined,\r\n DislikeOutlined,\r\n PlusOutlined,\r\n SmileOutlined,\r\n FrownOutlined,\r\n MinusOutlined,\r\n ShoppingOutlined,\r\n} from '@ant-design/icons';\r\nimport { DesgloseStockGrupo } from './DesgloseStockGrupo';\r\nimport { DetalleCompraSocio } from './Compra/DetalleCompraSocio';\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaStockSocio = ({ props, configApp, Z_INDEX = \"none\" }) => {\r\n const [modalCompra, setModalCompra] = React.useState({\r\n ABRIR_MODAL: false,\r\n REGISTRO_SELECCIONADO: {},\r\n LOADER_PEDIDO: false,\r\n RESPUESTA_PEDIDO: \"\",\r\n\r\n ABRIR_MODAL_PEDIDO: false,\r\n PAYLOAD_PEDIDO: {\r\n PEDIDO_POR: \"\",\r\n SU_PEDIDO: \"\",\r\n OBSERVACIONES: \"\",\r\n MAIL_CONFIRMACION: false\r\n }\r\n\r\n\r\n\r\n });\r\n\r\n const [hayRegistro, setHayRegistro] = React.useState(false);\r\n const [registroSocios, setRegistroSocios] = React.useState([]);\r\n const [abrirDesglose, setAbrirDesglose] = React.useState(false);\r\n const [abrirCompra, setAbrirCompra] = React.useState(false);\r\n\r\n\r\n\r\n\r\n\r\n\r\n const RealizaPedidoSocio = (OBJETO_PEDIDO) => {\r\n\r\n\r\n modalCompra.LOADER_PEDIDO = true\r\n setModalCompra({ ...modalCompra })\r\n\r\n\r\n RealizarPedidoSocioEnAPI(OBJETO_PEDIDO).then((registro) => {\r\n modalCompra.LOADER_PEDIDO = false\r\n\r\n if (registro.OK) {\r\n modalCompra.RESPUESTA_PEDIDO = registro.RESULTADOS\r\n } else {\r\n modalCompra.RESPUESTA_PEDIDO = null\r\n }\r\n\r\n\r\n setModalCompra({ ...modalCompra })\r\n })\r\n\r\n\r\n }\r\n\r\n\r\n\r\n\r\n const buscarFechaEntrega = () => {\r\n\r\n ObtenerSociosEnAPI().then((registro) => {\r\n if (registro !== undefined && registro !== null && registro.SOCIOS !== null && registro.SOCIOS.length > 0) {\r\n registro.SOCIOS.map((socio) => {\r\n socio.PRECIO = null\r\n socio.STOCK = null\r\n socio.NETO = null\r\n socio.DESCUENTO = null\r\n socio.COMPRAR = false\r\n socio.CANTIDAD = 1\r\n\r\n\r\n socio.ALMACEN = \"\"\r\n socio.CENTRO = \"\"\r\n socio.CLIENTE = \"\"\r\n socio.DESCRIPCION = null\r\n socio.EMPRESA = \"\"\r\n socio.ES_NEUMATICO = false\r\n socio.MARCA_ERP = \"\"\r\n socio.MARCA_TECDOC = \"\"\r\n socio.REFERENCIA_ERP = \"\"\r\n socio.REFERENCIA_TECDOC = \"\"\r\n socio.TEXTO_LIBRE = false\r\n\r\n\r\n })\r\n\r\n setRegistroSocios(registro.SOCIOS)\r\n\r\n ObtenerStockSocio(registro.SOCIOS)\r\n\r\n } else {\r\n setRegistroSocios(null)\r\n }\r\n })\r\n }\r\n\r\n\r\n const ObtenerStockSocio = (LISTA_SOCIO) => {\r\n const { REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO } = props.DATOS_SELECCIONADO\r\n\r\n\r\n let LISTA_SOCIOS_CON_STOCKS = LISTA_SOCIO.map(async (SOCIO) => {\r\n\r\n return await ObtenerStockSocioEnAPI(SOCIO, REFERENCIA_TECDOC, MARCA_TECDOC, TIPO_ARTICULO).then((registro) => {\r\n if (registro !== undefined && registro !== null && registro.OK) {\r\n let ID_REGISTRO = LISTA_SOCIO.findIndex((item) => item.ID_SOCIO === registro.ID_SOCIO);\r\n\r\n LISTA_SOCIO[ID_REGISTRO].PRECIO = registro.PRECIO\r\n LISTA_SOCIO[ID_REGISTRO].STOCK = registro.STOCK\r\n LISTA_SOCIO[ID_REGISTRO].NETO = registro.NETO\r\n LISTA_SOCIO[ID_REGISTRO].DESCUENTO = registro.DESCUENTO\r\n LISTA_SOCIO[ID_REGISTRO].COMPRAR = registro.COMPRAR\r\n\r\n\r\n LISTA_SOCIO[ID_REGISTRO].ALMACEN = registro.ALMACEN\r\n LISTA_SOCIO[ID_REGISTRO].CENTRO = registro.CENTRO\r\n LISTA_SOCIO[ID_REGISTRO].CLIENTE = registro.CLIENTE\r\n LISTA_SOCIO[ID_REGISTRO].DESCRIPCION = registro.DESCRIPCION\r\n LISTA_SOCIO[ID_REGISTRO].EMPRESA = registro.EMPRESA\r\n LISTA_SOCIO[ID_REGISTRO].ES_NEUMATICO = registro.ES_NEUMATICO\r\n LISTA_SOCIO[ID_REGISTRO].MARCA_ERP = registro.MARCA_ERP\r\n LISTA_SOCIO[ID_REGISTRO].MARCA_TECDOC = registro.MARCA_TECDOC\r\n LISTA_SOCIO[ID_REGISTRO].REFERENCIA_ERP = registro.REFERENCIA_ERP\r\n LISTA_SOCIO[ID_REGISTRO].REFERENCIA_TECDOC = registro.REFERENCIA_TECDOC\r\n LISTA_SOCIO[ID_REGISTRO].TEXTO_LIBRE = registro.TEXTO_LIBRE\r\n\r\n setRegistroSocios([...LISTA_SOCIO])\r\n }\r\n return registro\r\n })\r\n })\r\n\r\n\r\n\r\n Promise.all(LISTA_SOCIOS_CON_STOCKS).then(registro => {\r\n LISTA_SOCIO.map((registro) => {\r\n registro.STOCK = parseInt(registro.STOCK)\r\n })\r\n\r\n let CON_PRECIO_CON_STOCK = [];\r\n let SIN_PRECIO_CON_STOCK = [];\r\n let CON_PRECIO_SIN_STOCK = [];\r\n let SIN_PRECIO_SIN_STOCK = [];\r\n\r\n CON_PRECIO_CON_STOCK = LISTA_SOCIO.filter((registro) => registro.PRECIO > 0 && registro.STOCK > 0)\r\n SIN_PRECIO_CON_STOCK = LISTA_SOCIO.filter((registro) => registro.PRECIO === 0 && registro.STOCK > 0)\r\n CON_PRECIO_SIN_STOCK = LISTA_SOCIO.filter((registro) => registro.PRECIO > 0 && registro.STOCK === 0)\r\n SIN_PRECIO_SIN_STOCK = LISTA_SOCIO.filter((registro) => registro.PRECIO === 0 && registro.STOCK === 0)\r\n\r\n\r\n CON_PRECIO_CON_STOCK.sort(dynamicSortAsc(\"NETO\"))\r\n SIN_PRECIO_CON_STOCK.sort(dynamicSortDesc(\"STOCK\"))\r\n CON_PRECIO_SIN_STOCK.sort(dynamicSortAsc(\"NETO\"))\r\n SIN_PRECIO_SIN_STOCK.sort(dynamicSortDesc(\"NOMBRE\"))\r\n\r\n const LISTA_PRECIOS_FINAL = [...CON_PRECIO_CON_STOCK, ...SIN_PRECIO_CON_STOCK, ...CON_PRECIO_SIN_STOCK, ...SIN_PRECIO_SIN_STOCK]\r\n\r\n setRegistroSocios([...LISTA_PRECIOS_FINAL])\r\n\r\n })\r\n }\r\n\r\n const gestionarCompra = (REGISTROS) => {\r\n modalCompra.ABRIR_MODAL_PEDIDO = true;\r\n\r\n\r\n let LISTA_ALMACENES = REGISTROS.filter((item) => item.CANTIDAD > 0).map((registro) => {\r\n return { ALMACEN: registro.CodigoAlmacen, CANTIDAD: registro.CANTIDAD, NOMBRE_ALMACEN: registro.DescripcionAlmacen }\r\n })\r\n\r\n\r\n let objeto = JSON.parse(JSON.stringify(modalCompra.REGISTRO_SELECCIONADO))\r\n objeto.ALMACENES = LISTA_ALMACENES\r\n modalCompra.REGISTRO_SELECCIONADO = objeto\r\n\r\n\r\n\r\n\r\n setModalCompra({ ...modalCompra })\r\n }\r\n\r\n\r\n if (!hayRegistro && props.ABRIR_FICHA) {\r\n setHayRegistro(true);\r\n\r\n buscarFechaEntrega();\r\n\r\n\r\n } else {\r\n if (!props.ABRIR_FICHA && hayRegistro) {\r\n setHayRegistro(false);\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n\r\n
\r\n\r\n \r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n
\r\n\r\n {props.ES_CESTA_COMPRA ?\r\n\r\n \r\n\r\n { e.target.src = \"./imagenes/sinimagen.jpg\"; }}\r\n src={`${IMAGEN_URL}`}\r\n style={{width:'150px'}}\r\n >\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n {REFERENCIA} {NOMBRE_GRUPO_MONTAJE}
\r\n {traducirPagina(\"Referencia_proveedor\")} {REFERENCIA_PROVEEDOR}
\r\n {\"EAN\"} {EAN}
\r\n \r\n
\r\n {`${traducirPagina(\"Precio\")} : ${PVP === 0 ? \"\" : convertirMoneda(PVP, \" €\")}`}
\r\n\r\n {`${traducirPagina(\"Dto\")} : ${DESCUENTO + \" %\"}`}
\r\n\r\n {`${traducirPagina(\"Neto\")} : ${NETO === 0 ? \"\" : convertirMoneda(NETO, \" €\")} `}
\r\n\r\n \r\n\r\n Identificador de la línea por parte del cliente\r\n\r\n { setTextoIdentificador(e.target.value) }} value={textoIdentificador} placeholder={traducirPagina(\"Identificador\")}>\r\n\r\n Dispone de 16 caracteres máximos\r\n\r\n
\r\n :\r\n null\r\n }\r\n\r\n\r\n\r\n \r\n {\r\n initComponent.REGISTROS === null ?\r\n null\r\n :\r\n initComponent.REGISTROS.length === 0 ?\r\n \r\n :\r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Almacen\").toUpperCase()} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {traducirPagina(\"Cantidad\").toUpperCase()} }\r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {traducirPagina(\"Fecha_entrega\").toUpperCase()} : null}\r\n\r\n \r\n \r\n \r\n {initComponent.REGISTROS.map((item, i) =>\r\n \r\n \r\n {\r\n item.Stock > 0 &&\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n let valor = e.target.value;\r\n if (valor === \"\") {\r\n item.CANTIDAD = e.target.value;\r\n\r\n } else {\r\n if (soloNumeros(valor)) {\r\n let convertir = parseInt(e.target.value);\r\n let resultado = item.Stock > convertir ? e.target.value : item.Stock;\r\n\r\n item.CANTIDAD = valor === \"0\" ? 1 : parseInt(resultado)\r\n } else {\r\n item.CANTIDAD = 1;\r\n }\r\n }\r\n\r\n initComponent.REGISTROS = initComponent.REGISTROS\r\n setInitComponent({ ...initComponent })\r\n\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n\r\n {item.DescripcionAlmacen} \r\n\r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n\r\n \r\n \r\n \r\n\r\n\r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {item.FechaEntrega !== null ? `${item.FechaEntrega} ${item.HoraEntrega}` : \"\"} : null}\r\n\r\n \r\n )\r\n }\r\n \r\n \r\n\r\n
\r\n\r\n\r\n }\r\n\r\n\r\n\r\n {\r\n initComponent.REGISTROS === null ?\r\n <>\r\n \r\n
\r\n\r\n \r\n \r\n :\r\n initComponent.REGISTROS !== null && initComponent.REGISTROS.length > 0 ?\r\n \r\n \r\n
\r\n \r\n \r\n {etiquetaSinDisponibilidad()}\r\n
\r\n \r\n
\r\n : null\r\n\r\n }\r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n { props.CERRAR_FICHA(false) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n {\r\n registroSocios !== null ?\r\n registroSocios.length > 0 ?\r\n \r\n \r\n \r\n {traducirPagina(\"Socio\").toUpperCase()} \r\n {/*obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {traducirPagina(\"Cantidad\").toUpperCase()} */}\r\n\r\n {traducirPagina(\"Precio\").toUpperCase()} \r\n {\"C\"} \r\n\r\n {\"DESCUENTO\"} \r\n {traducirPagina(\"Neto\").toUpperCase()} \r\n\r\n {traducirPagina(\"Cantidad\").toUpperCase()} \r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n \r\n \r\n \r\n {registroSocios.map((item, i) =>\r\n \r\n {item.NOMBRE} \r\n\r\n {item.PRECIO === null ? : item.PRECIO === 0 ? \"\" : convertirMoneda(item.PRECIO, \"€\")} \r\n\r\n {item.CODIGO_CLIENTE === \"\" ? \r\n\r\n {item.DESCUENTO === null ? : convertirMoneda(item.DESCUENTO, \"%\")} \r\n {item.NETO === null ? : item.NETO === 0 ? \"\" : convertirMoneda(item.NETO, \"€\")} \r\n\r\n {item.STOCK === null ? : item.STOCK} \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n {item.COMPRAR ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n let valor = e.target.value;\r\n if (valor === \"\") {\r\n item.CANTIDAD = e.target.value;\r\n } else {\r\n if (soloNumeros(valor)) {\r\n item.CANTIDAD = valor === \"0\" ? 1 : parseInt(e.target.value)\r\n } else {\r\n item.CANTIDAD = 1;\r\n }\r\n }\r\n setRegistroSocios([...registroSocios])\r\n\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n null\r\n }\r\n \r\n\r\n {item.COMPRAR ? {\r\n if (item.CANTIDAD === \"\") {\r\n MSGERROR(traducirPagina(\"ingrese_cantidad\"))\r\n } else if (parseInt(item.STOCK) === 0 ? false : parseInt(item.CANTIDAD) > parseInt(item.STOCK)) {\r\n MSGERROR(`${traducirPagina(\"cantidad_maxima\")} ${item.STOCK}`)\r\n } else {\r\n\r\n //modalCompra.ABRIR_MODAL_PEDIDO = true;\r\n modalCompra.REGISTRO_SELECCIONADO = item\r\n setAbrirCompra(true)\r\n setModalCompra({ ...modalCompra })\r\n }\r\n\r\n }}> : null} \r\n\r\n \r\n )\r\n }\r\n \r\n \r\n :\r\n \r\n :\r\n \r\n }\r\n
\r\n \r\n\r\n\r\n\r\n {modalCompra.ABRIR_MODAL ?\r\n {etiquetaReferenciaSinStock()}
\r\n
\r\n\r\n {`${traducirPagina(\"Almacen\").toUpperCase()}:`} {pedido.ALMACEN}
\r\n {(pedido.REALIZADO ? traducirPagina(\"Pedido_realizado\").toUpperCase() : pedido.MENSAJE_ERROR !== undefined && pedido.MENSAJE_ERROR !== null ? `${traducirPagina(\"Pedido_no_realizado\").toUpperCase()}: ${pedido.MENSAJE_ERROR.toUpperCase()}` : \"\")}
\r\n {`${traducirPagina(\"Codigo_pedido\").toUpperCase()}:`} {pedido.CODIGO_PEDIDO}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n :\r\n null\r\n }\r\n \r\n\r\n\r\n );\r\n};\r\n","import React from \"react\";\r\nimport {\r\n MSGOK,\r\n MSGERROR,\r\n soloNumeros\r\n\r\n} from \"../../librerias/funciones\"\r\nimport store from '../../store'\r\n\r\nimport { Drawer } from 'antd';\r\nimport { MDBBtn } from 'mdbreact';\r\nimport ContainerReferenciaGenerico from \"../ContainerReferenciaGenerico\";\r\nimport { getFichaCocheEnAPI } from \"../../action/actionCreatorsRequests\";\r\n\r\nexport const FichaReferenciaSugerida = (props) => {\r\n const [MotorVehiculo, setMotorVehiculo] = React.useState(\"\");\r\n\r\n\r\n const getFichaCoche = async (ID_VEHICULO) => {\r\n let respuesta = await getFichaCocheEnAPI(ID_VEHICULO);\r\n if (respuesta !== undefined && respuesta !== null) {\r\n setMotorVehiculo(respuesta.MOTORES)\r\n }\r\n }\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n store.dispatch({ type: 'STATE_ARTICULOS_SUGERIDOS', SUGERIDOS: { ES_ARTICULO_SUGERIDO: true } });\r\n\r\n if (props.ID_VEHICULO.toString() !== \"\") {\r\n getFichaCoche(props.ID_VEHICULO)\r\n\r\n }\r\n }, [])\r\n\r\n\r\n return
\r\n {\r\n props.CERRAR_FICHA(false)\r\n store.dispatch({ type: 'STATE_ARTICULOS_SUGERIDOS', SUGERIDOS: { ES_ARTICULO_SUGERIDO: false } });\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n\r\n
;\r\n};","import React from \"react\";\r\nimport {\r\n MDBNavItem\r\n} from 'mdbreact';\r\nimport {\r\n filtroLadoMontaje\r\n} from \"../../librerias/funciones\";\r\nimport { useState } from \"react\";\r\n\r\nconst CPLadoMontaje = ({ LADO_MONTAJE = false, REGISTROS_REFERENCIA = [], EVENTO_SELECCIONADO }) => {\r\n const estadoInicial = {\r\n DELANTERO: false,\r\n DERECHO: false,\r\n IZQUIERDO: false,\r\n TRASERO: false\r\n }\r\n\r\n const posicion = [\r\n { key: 4, id: 'H', descripcion: 'ATRAS' },\r\n { key: 1, id: 'V', descripcion: 'ADELANTE' },\r\n { key: 2, id: 'D', descripcion: 'DERECHA' },\r\n { key: 3, id: 'L', descripcion: 'IZQUIERDA' },\r\n\r\n { key: 4, id: 'HD', descripcion: 'ATRAS DERECHA' },\r\n { key: 4, id: 'HL', descripcion: 'ATRAS IZQUIERDA' },\r\n { key: 1, id: 'VD', descripcion: 'DELANTE DERECHA' },\r\n { key: 1, id: 'VL', descripcion: 'DELANTE IZQUIERDA' },\r\n ]\r\n const [estadoLado, setEstadoLado] = useState(estadoInicial)\r\n\r\n\r\n const verLadosSeleccionadosV2 = (estadoLado) => {\r\n let lados = []\r\n\r\n const { DELANTERO, DERECHO, IZQUIERDO, TRASERO } = estadoLado\r\n const registros = [DELANTERO, DERECHO, IZQUIERDO, TRASERO]\r\n\r\n registros.map((item, i) => {\r\n if (item) {\r\n let filtrarLado = posicion.filter((item) => item.key === (i + 1))\r\n lados = [...lados, ...filtrarLado]\r\n }\r\n })\r\n\r\n if (DELANTERO && DERECHO) {\r\n let filtrarLado = lados.filter((item) => item.id !== \"VL\" && item.id !== \"D\")\r\n lados = [...filtrarLado]\r\n }\r\n\r\n if (DELANTERO && IZQUIERDO) {\r\n let filtrarLado = lados.filter((item) => item.id !== \"VD\" && item.id !== \"L\")\r\n lados = [...filtrarLado]\r\n }\r\n\r\n if (DERECHO && TRASERO) {\r\n let filtrarLado = lados.filter((item) => item.id !== \"HL\" && item.id !== \"D\")\r\n lados = [...filtrarLado]\r\n }\r\n\r\n if (IZQUIERDO && TRASERO) {\r\n let filtrarLado = lados.filter((item) => item.id !== \"HD\" && item.id !== \"L\")\r\n lados = [...filtrarLado]\r\n }\r\n\r\n lados = lados.map((item) => item.id)\r\n\r\n return lados;\r\n }\r\n\r\n\r\n\r\n\r\n const actualizarEstadoLado = (actual, estadoLado) => {\r\n switch (actual) {\r\n case 1:\r\n estadoLado.DELANTERO = !estadoLado.DELANTERO\r\n break;\r\n case 2:\r\n estadoLado.DERECHO = !estadoLado.DERECHO\r\n break;\r\n case 3:\r\n estadoLado.IZQUIERDO = !estadoLado.IZQUIERDO\r\n break;\r\n case 4:\r\n estadoLado.TRASERO = !estadoLado.TRASERO\r\n break;\r\n }\r\n\r\n setEstadoLado({ ...estadoLado })\r\n return estadoLado;\r\n }\r\n\r\n\r\n const verificarEstado = (actual) => {\r\n let lados = []\r\n let nuevoEstado = {}\r\n nuevoEstado = actualizarEstadoLado(actual, estadoLado)\r\n\r\n const { DELANTERO, DERECHO, IZQUIERDO, TRASERO } = estadoLado\r\n const registros = [DELANTERO, DERECHO, IZQUIERDO, TRASERO]\r\n const seleccionados = registros.filter(item => item === true)\r\n let nuevoRegistros = estadoLado\r\n\r\n if (seleccionados.length === 3) {\r\n nuevoRegistros = { ...estadoLado, ...estadoInicial }\r\n setEstadoLado(nuevoRegistros)\r\n nuevoEstado = actualizarEstadoLado(actual, nuevoRegistros)\r\n }\r\n\r\n lados = verLadosSeleccionadosV2(nuevoEstado) \r\n EVENTO_SELECCIONADO(lados)\r\n\r\n //console.log(\"LADOS\",lados)\r\n }\r\n\r\n\r\n const ladosMontaje = (boton) => {\r\n let lados = posicion.filter((item) => item.key === boton).map((registro) => registro.id)\r\n return lados;\r\n }\r\n\r\n\r\n\r\n return (\r\n LADO_MONTAJE &&\r\n (\r\n <>\r\n \r\n\r\n
\r\n\r\n\r\n {\r\n MotorVehiculo !== \"\" &&\r\n\r\n \r\n {\r\n props.CERRAR_FICHA(false)\r\n store.dispatch({ type: 'STATE_ARTICULOS_SUGERIDOS', SUGERIDOS: { ES_ARTICULO_SUGERIDO: false } });\r\n }}>\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n\r\n '\r\n }\r\n })\r\n }\r\n return propiedades\r\n }\r\n\r\n const modelarReferenciaComercial = (REFERENCIA_COMERCIAL) => {\r\n let refComerciales = \"\";\r\n if (REFERENCIA_COMERCIAL !== undefined && REFERENCIA_COMERCIAL !== null && REFERENCIA_COMERCIAL.trim() !== \"\") {\r\n refComerciales = '' + traducirPagina(\"Referencia_comerciales\") + \":\" + ''\r\n REFERENCIA_COMERCIAL.split(\",\").map((item, i) => {\r\n if (i === REFERENCIA_COMERCIAL.split(\",\").length - 1) {\r\n refComerciales += ' ' + item + ''\r\n\r\n } else {\r\n refComerciales += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n return refComerciales;\r\n }\r\n\r\n const modelarSustituyrA = (SUSTITUYE_A) => {\r\n let sustituyeA = \"\";\r\n if (SUSTITUYE_A !== undefined && SUSTITUYE_A !== null && SUSTITUYE_A.trim() !== \"\") {\r\n sustituyeA = '' + traducirPagina(\"Sustituye_A\") + \":\" + ''\r\n\r\n SUSTITUYE_A.split(\",\").map((item, i) => {\r\n if (i === SUSTITUYE_A.split(\",\").length - 1) {\r\n sustituyeA += ' ' + item + ''\r\n } else {\r\n sustituyeA += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n return sustituyeA;\r\n }\r\n\r\n const modelarSustituyrPor = (SUSTITUYE_POR) => {\r\n let sustituyePor = \"\";\r\n if (SUSTITUYE_POR !== undefined && SUSTITUYE_POR !== null && SUSTITUYE_POR.trim() !== \"\") {\r\n sustituyePor = '' + traducirPagina(\"Sustituido_Por\") + \":\" + ''\r\n SUSTITUYE_POR.split(\",\").map((item, i) => {\r\n if (i === SUSTITUYE_POR.split(\",\").length - 1) {\r\n sustituyePor += ' ' + item + ''\r\n } else {\r\n sustituyePor += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n return sustituyePor;\r\n }\r\n\r\n\r\n const filtroReferenciaLocal = (listaDeReferenciasDeLaPaginaActual) => {\r\n let RESULTADO_FINAL = listaDeReferenciasDeLaPaginaActual;\r\n\r\n if (vistaReferencia.POR_PRECIO) {\r\n\r\n let nuevasReferencia = [];\r\n let GRUPO = { nombreMarca: \"\", referencias: [] }\r\n let verdes = []\r\n let naranjas = []\r\n let rojos = []\r\n let rojos_sin_precio = []\r\n let rojos_sin_precio_sin_proveedor = []\r\n\r\n\r\n listaDeReferenciasDeLaPaginaActual.map((registro) => {\r\n nuevasReferencia = [...nuevasReferencia, ...registro.referencias];\r\n })\r\n\r\n nuevasReferencia.map((item) => {\r\n if (item.STOCK_ALMACEN > 0) {\r\n verdes.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL > 0) {\r\n naranjas.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO > 0) {\r\n rojos.push(item)\r\n }\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO === 0 && item.REFERENCIA_PROVEEDOR !== \"\") {\r\n rojos_sin_precio.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO === 0 && item.REFERENCIA_PROVEEDOR === \"\") {\r\n rojos_sin_precio_sin_proveedor.push(item)\r\n }\r\n })\r\n\r\n verdes.sort(dynamicSortAsc(\"NETO\"))\r\n naranjas.sort(dynamicSortAsc(\"NETO\"))\r\n rojos.sort(dynamicSortAsc(\"NETO\"))\r\n let preciosFinal = [...verdes, ...naranjas, ...rojos, ...rojos_sin_precio, ...rojos_sin_precio_sin_proveedor];\r\n GRUPO.nombreMarca = \"\";\r\n GRUPO.referencias = preciosFinal\r\n RESULTADO_FINAL = [GRUPO]\r\n\r\n }\r\n\r\n if (vistaReferencia.POR_DISPONIBILIDAD) {\r\n RESULTADO_FINAL = listaDeReferenciasDeLaPaginaActual\r\n }\r\n\r\n if (vistaReferencia.POR_REFERENCIA_CON_PRECIO) {\r\n let LISTA_FILTRADA = [];\r\n /*\r\n for(let i = 0; i < RESULTADO_FINAL.length; i++){\r\n const { nombreMarca, referencias } = RESULTADO_FINAL[i];\r\n\r\n let BUSCAR_PRECIO_CERO = referencias.filter((registro) => registro.PRECIO === 0)\r\n\r\n if (BUSCAR_PRECIO_CERO.length === 0) {\r\n LISTA_FILTRADA = [...LISTA_FILTRADA,{ \"nombreMarca\": nombreMarca, \"referencias\": referencias }]\r\n \r\n } else if (BUSCAR_PRECIO_CERO.length > 0 && BUSCAR_PRECIO_CERO.length < referencias.length) {\r\n LISTA_FILTRADA = [...LISTA_FILTRADA,{ \"nombreMarca\": nombreMarca, \"referencias\": referencias.filter((registro) => registro.PRECIO > 0) }]\r\n }\r\n }\r\n */\r\n\r\n for (let i = 0; i < RESULTADO_FINAL.length; i++) {\r\n const { nombreMarca, referencias } = RESULTADO_FINAL[i];\r\n let BUSCAR_PRECIO_MAYOR = referencias.filter((registro) => registro.PRECIO > 0)\r\n if (BUSCAR_PRECIO_MAYOR.length > 0) {\r\n LISTA_FILTRADA = [...LISTA_FILTRADA, { \"nombreMarca\": nombreMarca, \"referencias\": BUSCAR_PRECIO_MAYOR }]\r\n }\r\n }\r\n\r\n\r\n RESULTADO_FINAL = LISTA_FILTRADA\r\n\r\n }\r\n\r\n return RESULTADO_FINAL\r\n }\r\n\r\n\r\n const filtroReferenciasConPrecioPagination = (referencias) => {\r\n let BUSCAR_PRECIO_CERO = referencias.filter((registro) => registro.PRECIO === 0)\r\n let RESULTADO = []\r\n if (BUSCAR_PRECIO_CERO.length === 0) {\r\n RESULTADO = referencias\r\n } else if (BUSCAR_PRECIO_CERO.length > 0 && BUSCAR_PRECIO_CERO.length < referencias.length) {\r\n RESULTADO = referencias.filter((registro) => registro.PRECIO > 0)\r\n }\r\n\r\n return RESULTADO;\r\n }\r\n\r\n function estadoDescripcion(ID_ESTADO) {\r\n let registros = {\r\n background: \"\",\r\n color: \"\"\r\n }\r\n switch (ID_ESTADO) {\r\n case 1:\r\n registros.background = \"#4285f4\"\r\n registros.color = \"#fff\"\r\n break;\r\n case 9:\r\n registros.background = \"#D91E18\"\r\n registros.color = \"#fff\"\r\n break;\r\n\r\n default:\r\n registros.background = \"#dcdcdc\"\r\n registros.color = \"#000\"\r\n break;\r\n }\r\n\r\n return registros;\r\n }\r\n\r\n\r\n\r\n mostrarReferenciaEnPantalla(obtenerReferencia);\r\n\r\n\r\n const PAGINACION_REF_CON_PRECIO = filtroReferenciasConPrecioPagination(obtenerReferencia === undefined || obtenerReferencia === null || obtenerReferencia.referencias === undefined || obtenerReferencia.referencias === null ? [] : obtenerReferencia.referencias);\r\n\r\n setTimeout(() => {\r\n PAGINACION_REF_CON_PRECIO.map((referencia) => {\r\n\r\n if (document.getElementById(\"CANTIDADGE\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"CANTIDADGE\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).value = \"1\";\r\n }\r\n\r\n if (document.getElementById(\"CANTIDADGE_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"CANTIDADGE_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).value = \"1\";\r\n }\r\n\r\n //Esperanndo que cargue los precios\r\n\r\n\r\n if (document.getElementById(\"COMPRAGE\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"COMPRAGE\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).style.visibility = \"visible\";\r\n }\r\n if (document.getElementById(\"PRESUPUESTOGE\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"PRESUPUESTOGE\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).style.visibility = \"visible\";\r\n }\r\n if (document.getElementById(\"COMPRAGE_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"COMPRAGE_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).style.visibility = \"visible\";\r\n }\r\n })\r\n }, 500)\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n\r\n setTimeout(() => { if (document.querySelector(\".alertify-notifier\") !== null) { document.querySelector(\".alertify-notifier\").remove() } }, 100)\r\n\r\n switch (props.tipoComponente) {\r\n case \"articulosSugeridos\":\r\n setHayReferencias(true); setObtenerReferencia({})\r\n ObtenerArticulosSugeridosEnAPI(props.referencia, props.marca).then(referencia => {\r\n if (referencia !== undefined && referencia !== null && referencia.ARTICULOS !== undefined && referencia.ARTICULOS !== null && referencia.ARTICULOS.length > 0) {\r\n actualizarRegistros(referencia.ARTICULOS, undefined, undefined, referencia.CON_LADO_MONTAJE)\r\n } else {\r\n setObtenerReferencia(null); setMarcas([]); setGrupos([]);\r\n }\r\n })\r\n break;\r\n case \"CatalogoBateria\":\r\n setHayReferencias(true); setObtenerReferencia({})\r\n\r\n const { PAGINATION, PAYLOAD } = props.referencia;\r\n const { REGSPAGE, PAGE, ORDERCOLUM, ORDERDIR, } = PAGINATION\r\n\r\n\r\n Obtener_CatalogoEnAPI(REGSPAGE, PAGE, ORDERCOLUM, ORDERDIR, PAYLOAD).then((referencia) => {\r\n if (referencia !== undefined && referencia !== null && referencia.REGISTROS !== null) {\r\n actualizarRegistros(referencia.REGISTROS, undefined, undefined, false)\r\n\r\n } else {\r\n setObtenerReferencia(null); setMarcas([]); setGrupos([]);\r\n }\r\n\r\n });\r\n\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n }, []);\r\n\r\n\r\n\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {\r\n colapseMarca ?\r\n \r\n\r\n \r\n {\r\n visualizacionDescuento ?\r\n \r\n\r\n \r\n\r\n {\r\n verFiltros ?\r\n \r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n {\r\n /*\r\n esConLado !== undefined && esConLado ?\r\n <>\r\n \r\n ![](\"./imagenes/delantero.svg\" "{filtroLadoMontaje(\\"V\\",")
{\r\n let estaActivo = efectoLadoDeMontaje(\"imgDelantero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"V\", estaActivo);\r\n }}>\r\n \r\n \r\n \r\n ![](\"./imagenes/derecha.svg\" "{filtroLadoMontaje(\\"D\\",")
{\r\n let estaActivo = efectoLadoDeMontaje(\"imgDerecho\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"D\", estaActivo)\r\n }}>\r\n \r\n \r\n \r\n ![](\"./imagenes/izquierda.svg\" "{filtroLadoMontaje(\\"L\\",")
{\r\n let estaActivo = efectoLadoDeMontaje(\"imgIzquierdo\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"L\", estaActivo)\r\n }}>\r\n \r\n \r\n \r\n ![](\"./imagenes/trasero.svg\" "{filtroLadoMontaje(\\"H\\",")
{\r\n let estaActivo = efectoLadoDeMontaje(\"imgTrasero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"H\", estaActivo)\r\n }}>\r\n \r\n \r\n \r\n : null\r\n */\r\n }\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n {verificarSiEsMostrador() &&\r\n {\r\n vistaReferencia.POR_REFERENCIA_CON_PRECIO = !vistaReferencia.POR_REFERENCIA_CON_PRECIO;\r\n setVistaReferencia({ ...vistaReferencia })\r\n\r\n /*\r\n let REFERENCIAS_LOCAL = obtenerReferencia.referencias === undefined || obtenerReferencia.referencias === null ? [] : obtenerReferencia.referencias\r\n \r\n \r\n if (vistaReferencia.POR_REFERENCIA_CON_PRECIO) {\r\n const PAGINACION_REF_CON_PRECIO_LOCAL = filtroReferenciasConPrecioPagination(REFERENCIAS_LOCAL);\r\n actualizarRegistros(PAGINACION_REF_CON_PRECIO_LOCAL, checkedListMarcas, checkedListGrupos, esConLado, listaLadosSeleccionados)\r\n \r\n }else{\r\n const {marcas,grupoMontaje,referencias,ladosSeleccionados} = copiaEstadoInicial\r\n \r\n actualizarRegistros(referencias, marcas, grupoMontaje, esConLado, ladosSeleccionados)\r\n }\r\n */\r\n\r\n\r\n }}> {vistaReferencia.POR_REFERENCIA_CON_PRECIO ? traducirPagina(\"Mostrar_todas\").toUpperCase() : traducirPagina(\"Mostrar_con_precio\").toUpperCase()}\r\n \r\n }\r\n\r\n\r\n\r\n \r\n
\r\n { setColapseMarca(false); setHayReferenicaAMostrar(false) }} >\r\n
\r\n :\r\n { setColapseMarca(true); setHayReferenicaAMostrar(false) }} >\r\n
\r\n\r\n }\r\n setVisualizacionDescuento(false)} >\r\n
\r\n :\r\n { setVisualizacionDescuento(true) }} >\r\n
\r\n\r\n }\r\n setVerFiltros(false)} >\r\n
\r\n :\r\n\r\n {\r\n setVerFiltros(true);\r\n }}>\r\n
\r\n\r\n }\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgDelantero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"V\", estaActivo);\r\n }}>\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgDerecho\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"D\", estaActivo)\r\n }}>\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgIzquierdo\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"L\", estaActivo)\r\n }}>\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgTrasero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"H\", estaActivo)\r\n }}>\r\n \r\n\r\n {\r\n vistaReferencia.POR_REFERENCIA_CON_PRECIO ?\r\n\r\n ` ${(PAGINACION_REF_CON_PRECIO.length)} ${traducirPagina(\"Referencias\").toLowerCase()} `}\r\n defaultPageSize={40}\r\n onChange={(page, pageSize) => { actualizarReferenciasEnPantalla(page, pageSize) }}\r\n > \r\n\r\n :\r\n\r\n Object.keys(pagination).length > 0 ?\r\n { updateNumberPage(current, size) }}\r\n\r\n total={pagination.numeroDePaginas * pagination.numeroRegistroPagina}\r\n showTotal={() => ` ${(pagination.numeroTotalRegistro + 1) + \" \" + traducirPagina(\"Referencias\").toLowerCase()} `}\r\n\r\n current={pagination.paginaAMostrar + 1}\r\n defaultPageSize={40}\r\n onChange={(page, pageSize) => { actualizarReferenciasEnPantalla(page, pageSize) }}\r\n > \r\n : null\r\n }\r\n
\r\n \r\n { }}\r\n onCancel={() => setVisible(false)}\r\n style={{ zIndex: '999999999999999999999999' }}\r\n footer={[\r\n \r\n ]}\r\n\r\n >\r\n
\r\n\r\n {fichaCesta ?\r\n \r\n { actulizarMarcasSeleccionadas(e); /*mostarReferenciasEnPantalla(grupoDeMarcas.auxReferencia);*/ }}>\r\n {\r\n todasLasMarcas.map((row, i) =>\r\n \r\n\r\n { actulizarGruposSeleccionadas(arrayGrupoMontaje); /*mostarReferenciasEnPantalla(grupoDeMarcas.auxReferencia);*/ }}>\r\n {\r\n todosLosGrupos.map((row, i) =>\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n {/* store.dispatch(props.tipoComponente === \"graficos\" || props.tipoComponente === \"referenciaMarca\" || props.tipoComponente === \"equivalenciaArticulo\" */}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n { aplicarFiltroPorMarca(e); efectoBotonRemoveLocal(\"buscadorFiltroMarcaGE\", \"closeFiltroMarcaGE\", \"MARCAS\") }} />\r\n
\r\n\r\n \r\n { createRipple(e); efectoBotonRemoveLocal(\"\", \"closeFiltroMarcaGE\", \"MARCAS\") }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n \r\n
\r\n \r\n {row} \r\n
\r\n
\r\n )\r\n }\r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n { aplicarFiltroPorGrupo(e); efectoBotonRemoveLocal(\"buscadorFiltroGrupoGE\", \"closeFiltroGrupoGE\", \"GRUPOS\") }} />\r\n
\r\n\r\n \r\n { createRipple(e); efectoBotonRemoveLocal(\"\", \"closeFiltroGrupoGE\", \"GRUPOS\") }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n \r\n
\r\n \r\n {row} \r\n
\r\n
\r\n )\r\n }\r\n \r\n
\r\n {obtenerReferencia === null ?\r\n \r\n :\r\n Object.keys(obtenerReferencia).length > 0 ?\r\n filtroReferenciaLocal(listaDeReferenciasDeLaPaginaActual).map((marca, i) =>\r\n colapseMarca ?\r\n \r\n }\r\n
\r\n \r\n\r\n {traducirPagina(\"Sin_referencias\")}
\r\n
\r\n :\r\n {marca.nombreMarca}
\r\n {marca.referencias.map((item, i) =>\r\n\r\n
: null}\r\n
\r\n\r\n )}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n {marca.referencias.length > 1 ? (marca.referencias.length - 1) === i ? null : {\r\n if (item.REFERENCIA !== \"\" && item.CODIGO_MARCA > 0) {\r\n store.dispatch(props.tipoComponente === \"graficos\" ? DrawerMasInformacion(true) : DrawerFichaMasInformacion2(true));\r\n store.dispatch(props.tipoComponente === \"graficos\" ? actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, NUMBERTAG: \"3\", REGISTROS: item }) : actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, NUMBERTAG: \"3\", REGISTROS: item }));\r\n }\r\n }}>\r\n\r\n 
*/}\r\n\r\n\r\n ![{item.CODIGO_MARCA]({\"\"})
\r\n
\r\n\r\n {\r\n codmotorizacion !== \"\" && item.TIENE_ARTICULOS_SUGERIDOS ?\r\n \r\n {item.detalles !== undefined ? item.detalles.DESCRIPCION_ESTADO : null}\r\n
\r\n\r\n\r\n {\r\n vistaReferencia.POR_PRECIO ?\r\n \r\n {item.NOMRE_MARCA}\r\n
\r\n : null\r\n }\r\n\r\n\r\n\r\n {/*\r\n \r\n \r\n
\r\n */}\r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n {\r\n limpiarGrupoDrawer();\r\n limpiarCocheStore();\r\n\r\n setTimeout(() => {\r\n document.getElementById(\"buscadorReferencia\").value = item.REFERENCIA\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: item.REFERENCIA });\r\n buscarReferenciaYMostrarEnPantalla(item.REFERENCIA)\r\n efectoBotonRemove(item.REFERENCIA, \"closeBuscadorReferencia\")\r\n }, 500)\r\n\r\n }}> {item.REFERENCIA + \" \"} \r\n\r\n { copiarAlPortapapeles(\"referenciaGECopiarAPortapapel\" + item.CODIGO_MARCA + item.REFERENCIA) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} />\r\n\r\n {item.NOMBRE_GRUPO_MONTAJE}\r\n \r\n
\r\n\r\n {traducirPagina(\"Referencia_proveedor\") + \": \" + item.REFERENCIA_PROVEEDOR}\r\n {item.REFERENCIA_PROVEEDOR !== \"\" ? { copiarAlPortapapeles(\"\", item.REFERENCIA_PROVEEDOR) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} /> : null}\r\n\r\n
\r\n\r\n\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null :\r\n <>\r\n EAN:\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null : item.detalles.EAN}\r\n { copiarAlPortapapeles(\"\", item.detalles.EAN) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} />\r\n \r\n }\r\n \r\n
\r\n \r\n\r\n \r\n\r\n {traducirPagina(\"Referencia_proveedor\") + \": \" + item.REFERENCIA_PROVEEDOR}\r\n {item.REFERENCIA_PROVEEDOR !== \"\" ?
\r\n\r\n\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null :\r\n <>\r\n EAN:\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null : item.detalles.EAN}\r\n
{item.detalles !== undefined ? : null}
\r\n {/**\r\n \r\n
\r\n */}\r\n \r\n {\r\n if (e.target.title !== \"labelRefComercial\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n\r\n }} id={\"RefComGE\" + item.CODIGO_MARCA + item.REFERENCIA} className={\"RefComGE\" + item.CODIGO_MARCA + item.REFERENCIA}>\r\n {item.detalles !== undefined ? : null}\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n if (e.target.title !== \"labelSustituyeA\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n }\r\n } id={\"SustituyeGE\" + item.CODIGO_MARCA + item.REFERENCIA} >\r\n {item.detalles !== undefined ? : null}\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n if (e.target.title !== \"labelSustituyePor\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n }\r\n } id={\"SustPorGE\" + item.CODIGO_MARCA + item.REFERENCIA} >\r\n {item.detalles !== undefined ? : null}\r\n\r\n \r\n
\r\n\r\n {item.detalles !== undefined && item.detalles.MAS_INFO !== undefined && item.detalles.MAS_INFO !== null && item.detalles.MAS_INFO !== \"\" ?\r\n \r\n {item.detalles.MAS_INFO}\r\n
\r\n :\r\n null}\r\n \r\n\r\n
\r\n\r\n {\r\n\r\n !verificarSiEsMostrador() ?\r\n\r\n !es_Sugerido() ?\r\n \r\n \r\n
\r\n :\r\n null\r\n :\r\n null\r\n }\r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n {\r\n verificarSiEsMostrador() && visualizarStocksRemotos() ?\r\n !es_Sugerido() ?\r\n
\r\n\r\n\r\n {\r\n item.REFERENCIA_PROVEEDOR !== \"\" ?\r\n \r\n \r\n
\r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n {item.REFERENCIA === \"\" || item.CODIGO_MARCA === 0 ?\r\n null\r\n :\r\n \r\n }\r\n\r\n {codmotorizacion !== \"\" && PERMISO_DOCUMENTACION_TECNICA ?\r\n !es_Sugerido() ?\r\n {traducirPagina(\"PVP\").toUpperCase() + \": \" + convertirMoneda(item.PVP_RECOMENDADO, \" €\")}
\r\n\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(item.PRECIO, \" €\")}
\r\n\r\n \r\n {traducirPagina(\"Dto\") + \": \" + item.DESCUENTO + \" %\"} \r\n
\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}\r\n
\r\n
\r\n \r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}\r\n
\r\n
\r\n \r\n
\r\n :\r\n null\r\n : null}\r\n\r\n : null}\r\n
\r\n
\r\n )\r\n :\r\n {marca.nombreMarca}
\r\n {marca.referencias !== undefined ?\r\n marca.referencias.map((item, i) =>\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {vistaReferencia.POR_PRECIO ?\r\n \r\n {recortarCadena(item.NOMRE_MARCA, 5, \"...\")}\r\n \r\n :\r\n null\r\n }\r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }));\r\n }}>\r\n \r\n {item.REFERENCIA}\r\n {\" \" + item.NOMBRE_GRUPO_MONTAJE}\r\n \r\n \r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }))\r\n }}\r\n style={{ width: '180px' }}>\r\n \r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }))\r\n\r\n }} style={{ width: '120px' }}>\r\n \r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }))\r\n\r\n }} style={{ width: '170px' }}>\r\n \r\n\r\n {\r\n abrirDesglose(item)\r\n\r\n }}>\r\n \r\n \r\n\r\n {\r\n createRipple(e);\r\n añadirALaCesta(item, document.getElementById(\"CANTIDADGE_TD\" + item.CODIGO_MARCA + item.REFERENCIA) === null ? \"1\" : document.getElementById(\"CANTIDADGE_TD\" + item.CODIGO_MARCA + item.REFERENCIA).value);\r\n }}>\r\n \r\n\r\n\r\n \r\n\r\n {\r\n verificarCantidadCesta(item, COMPRAR_SIN_DISPONIBILIDAD) ?\r\n\r\n null\r\n :\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (document.getElementById(\"CANTIDADGE_TD\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n\r\n let valor = document.getElementById(\"CANTIDADGE_TD\" + item.CODIGO_MARCA + item.REFERENCIA).value\r\n if (valor === \"\") {\r\n document.getElementById(\"CANTIDADGE_TD\" + item.CODIGO_MARCA + item.REFERENCIA).value = e.target.value;\r\n } else {\r\n if (soloNumeros(valor)) {\r\n document.getElementById(\"CANTIDADGE_TD\" + item.CODIGO_MARCA + item.REFERENCIA).value = valor === \"0\" ? \"1\" : e.target.value\r\n } else {\r\n document.getElementById(\"CANTIDADGE_TD\" + item.CODIGO_MARCA + item.REFERENCIA).value = \"1\";\r\n }\r\n }\r\n\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n :\r\n null\r\n }\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(item.PRECIO, \" €\")}
\r\n\r\n {traducirPagina(\"Dto\") + \": \" + item.DESCUENTO + \" %\"}
\r\n\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}
\r\n\r\n \r\n \r\n
\r\n {traducirPagina(\"Para_vender_seleccionar_cliente\")}
\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n { store.dispatch(DrawerReferenciaGraficoCarroceria(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {`${props.title} ${texto === \"\" ? nodoGraficoSeleccionado.nombreGrupo.toUpperCase() : texto}`}\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nFichaGraficoCarroceria.propTypes = {\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n activeItemOuterTabs: PropTypes.string,\r\n REFERENCIA:PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n datosGraficos: state.datosGraficos,\r\n \r\n props: props,\r\n openDrawerReferenciaGraficoCarroceria: state.estadoDrawer.openDrawerReferenciaGraficoCarroceria,\r\n mostrarComponente: state.mostrarComponente,\r\n propiedadesVisor: state.propiedadesVisor,\r\n buscadorTree: state.buscadorTree,\r\n nodoGraficoSeleccionado: state.nodoGraficoSeleccionado,\r\n codmotorizacion: state.codmotorizacion,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaGraficoCarroceria);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { recortarCadena, descargarFicheroPasandoBase64 } from '../../librerias/funciones'\r\nimport { ObtenerArchivoEnAPI } from \"../../action/actionCreatorsRequests\"\r\n\r\nimport {\r\n CloseOutlined, DownloadOutlined\r\n\r\n} from '@ant-design/icons';\r\n\r\nimport { Drawer } from 'antd';\r\n\r\nconst VisorGenerico = ({ props, configApp }) => {\r\n const [descarga, setDescarga] = React.useState(false);\r\n\r\n const { ID_ARCHIVO, NOMBRE_ARCHIVO, TIPO_ARCHIVO, EXTENSION_ARCHIVO } = props.PROPIEDADES_DOC.FICHERO\r\n\r\n const ObtenerArchivo = async (ID_ARCHIVO, NOMBRE_ARCHIVO, TIPO_ARCHIVO, EXTENSION_ARCHIVO) => {\r\n setDescarga(true)\r\n ObtenerArchivoEnAPI(ID_ARCHIVO, NOMBRE_ARCHIVO, TIPO_ARCHIVO, EXTENSION_ARCHIVO).then(registro => {\r\n setDescarga(false);\r\n if (registro.OK) {\r\n descargarFicheroPasandoBase64(registro.ARCHIVO, registro.NOMBRE_ARCHIVO, registro.EXTENSION_ARCHIVO)\r\n }\r\n })\r\n }\r\n return (\r\n <>\r\n {props.PROPIEDADES_DOC.TIPO_DOCUMENTO === \"IMG\" ?\r\n props.ABRIR_VISOR ?\r\n \r\n\r\n
\r\n :\r\n null\r\n :\r\n \r\n\r\n
\r\n\r\n \r\n {\r\n props.CERRAR_VISOR(false);\r\n }}>
\r\n\r\n\r\n {props.MOSTRAR_BOTON_DESCARGA ?\r\n {\r\n if (!descarga) {\r\n ObtenerArchivo(ID_ARCHIVO, NOMBRE_ARCHIVO, TIPO_ARCHIVO, EXTENSION_ARCHIVO)\r\n }\r\n }} style={{ width: '14%', color: descarga ? '#999' : '#fff' }} >\r\n {descarga ? \"Descargando ...\" : \"Descargar\"} \r\n
\r\n :\r\n null\r\n }\r\n\r\n\r\n \r\n {props.PROPIEDADES_DOC.URL === \"\" ?\r\n \r\n :\r\n 
\r\n }\r\n
\r\n \r\n
\r\n\r\n {props.PROPIEDADES_DOC.URL === \"\" ?\r\n \r\n \r\n
\r\n\r\n \r\n {configApp.width <= 900 ? recortarCadena(props.PROPIEDADES_DOC.TITULO.toUpperCase(), 20, \"...\") : props.PROPIEDADES_DOC.TITULO.toUpperCase()}\r\n
\r\n\r\n {\r\n if (!descarga) {\r\n ObtenerArchivo(ID_ARCHIVO, NOMBRE_ARCHIVO, TIPO_ARCHIVO, EXTENSION_ARCHIVO)\r\n }\r\n\r\n }} style={{ width: '30%', margin: '0px 10px', fontSize: '16px', color: descarga ? '#999' : '#fff' }} >\r\n {descarga ? \"Descargando ...\" : \"Descargar\"} \r\n
\r\n \r\n {\r\n if (props.TIPO === \"MASTER\") {\r\n props.CERRAR.setState({ ABRIR_FICHA_MANUALES: false })\r\n } else {\r\n props.CERRAR_FICHA(false)\r\n }\r\n }}\r\n closable={false}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n \r\n \r\n :\r\n null\r\n }\r\n
\r\n\r\n )\r\n}\r\n\r\nManuales.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n CERRAR: PropTypes.object,\r\n REFERENCIA_SELECCIONADA: PropTypes.object\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n codmotorizacion: state.codmotorizacion,\r\n\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(Manuales);","import React from \"react\";\r\nimport { CloseOutlined } from \"@ant-design/icons\";\r\nimport { traducirPagina } from \"../../librerias/funciones\";\r\n\r\nexport const FileView = (props) => {\r\n const { ABRIR_FICHA, TITULO, SELECCIONADO } = props.PROPIEDADES;\r\n\r\n\r\n\r\n return <>\r\n \r\n \r\n
\r\n\r\n \r\n {\r\n createRipple(e)\r\n if (props.TIPO === \"MASTER\") {\r\n props.CERRAR.setState({ ABRIR_FICHA_MANUALES: false })\r\n } else {\r\n props.CERRAR_FICHA(false)\r\n }\r\n\r\n }}>\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n {abrirVisor ?\r\n \r\n\r\n
\r\n\r\n \r\n {manualesRp === null ?\r\n {\r\n\r\n\r\n }}\r\n defaultValue={manualesRp[1].NOMBRE}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }>\r\n\r\n {manualesRp.map((registro, i) =>\r\n \r\n )\r\n }\r\n \r\n :\r\n \r\n }\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n :\r\n manualesRp.length > 0 ?\r\n {traducirPagina(\"No_sistemas\")}
\r\n\r\n {listadoManuales === null ?\r\n
\r\n\r\n {traducirPagina(\"No_resultados\")}
\r\n :\r\n listadoManuales.map((registro) =>\r\n { manualSeleccionado(registro) }}>{registro.NOMBRE}
\r\n )\r\n }\r\n \r\n\r\n \r\n \r\n\r\n {\r\n registros[0].LINEAS !== null ?\r\n registros[0].LINEAS.map((subnodo, index) =>\r\n \r\n {subnodo === null ?\r\n \r\n :\r\n subnodo !== undefined && subnodo !== null && subnodo.LINEAS !== undefined && subnodo.LINEAS !== null ?\r\n subnodo.LINEAS.length === 0 ?\r\n \r\n :\r\n \r\n :\r\n null\r\n }\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n :\r\n registros !== \"MSG\" && registros.length > 0 && registros[0].LINEAS.length > 0 ?\r\n {traducirPagina(\"No_resultados\")}
\r\n{traducirPagina(\"No_lubricantes\")}
- \r\n\r\n {subnodo.LINEAS.map((tarea, indice) =>\r\n
- \r\n \r\n\r\n
1 ? { borderBottom: (subnodo.LINEAS.length - 1) === indice ? \"\" : tarea.TIPO_GRUPO_ORACION === \"PARAGRAPH\" || tarea.NOMBRE === \"\" ? \"\" : \"1px #dcdcdc solid\" } : {}}>\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n {\r\n tarea.TIPO_GRUPO_ORACION === \"PARAGRAPH\" ?\r\n {tarea.PARRAFO_CONTENIDO.map((item) => item.NOMBRE).toString()} \r\n :\r\n tarea.TIPO_GRUPO_ORACION === \"BULLET_LIST\" ?\r\n\r\n \r\n\r\n- \r\n {tarea.LINEAS.map((registro) =>\r\n
- {registro.NOMBRE} \r\n )}\r\n
- \r\n {tarea.LINEAS.map((registro) =>\r\n
- {registro.NOMBRE} \r\n )}\r\n
\r\n\r\n }\r\n\r\n {tarea.ENLACES.length > 0 ?\r\n
\r\n :\r\n null}\r\n\r\n {tarea.ENLACES.map((item, i) =>\r\n <>\r\n\r\n {`${item.TEXTO !== undefined && item.TEXTO !== null && item.TEXTO !== \"\" ? `${item.TEXTO.toString()}` : ``}`} \r\n\r\n\r\n {tarea.ENLACES.length - 1 > i ?\r\n
\r\n :\r\n null}\r\n \r\n )\r\n }\r\n\r\n\r\n\r\n {tarea.MIME_DATA !== undefined && tarea.MIME_DATA !== null && Object.keys(tarea.MIME_DATA).length > 0 ?\r\n <>\r\n {\r\n setFicheroSeleccionado({ TITULO: `${tarea.NOMBRE} ${tarea.INFORMACION !== null ? ` ${tarea.INFORMACION}` : ``} ${tarea.HERRAMIENTAS_ESPECIALES.map((item) => item.CODIGO).toString() !== \"\" ? `(${tarea.HERRAMIENTAS_ESPECIALES.map((item) => item.CODIGO).toString()})` : ``}`, TIPO_DOCUMENTO: \"IMG\", URL: tarea.MIME_DATA.MIME_DATA, FICHERO: {} })\r\n setAbrirVisor(true)\r\n\r\n }}>\r\n\r\n\r\n {tarea.MIME_DATA.LINEAS !== null ? tarea.MIME_DATA.LINEAS.map((registro) =>\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n \r\n {registro.nameField} \r\n\r\n )\r\n :\r\n null\r\n }\r\n \r\n\r\n\r\n :\r\n null\r\n }\r\n\r\n \r\n
\r\n {registro.subStoryLinesField.map((registro) =>\r\n- \r\n {registro.subStoryLinesField.map((item) =>\r\n
- {item.nameField} \r\n\r\n )}\r\n
\r\n )}\r\n
{\r\n props.PROPIEDADES.ABRIR_FICHA = false\r\n props.MODIFICAR_PROPIEDADES({ ...props.PROPIEDADES })\r\n }\r\n }>\r\n {\r\n props.PROPIEDADES.ABRIR_FICHA = false\r\n props.MODIFICAR_PROPIEDADES({ ...props.PROPIEDADES })\r\n }}>
\r\n \r\n\r\n ;\r\n};","import React from \"react\";\r\nimport { CloseOutlined } from \"@ant-design/icons\";\r\nimport { Drawer, Checkbox, Col, Layout, Pagination, Input, Select, Row } from 'antd';\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBCol } from 'mdbreact';\r\n\r\n\r\nexport const ViewIframe = (props) => {\r\n const { ABRIR_FICHA, TITULO, SELECCIONADO, WIDTH } = props.PROPIEDADES;\r\n\r\n return <>\r\n \r\n {SELECCIONADO.ENCLACE !== null ?\r\n SELECCIONADO.ENCLACE !== \"\" ?\r\n 
\r\n :\r\n \r\n :\r\n \r\n }\r\n
\r\n {traducirPagina(\"No_resultados\")}
\r\n
\r\n\r\n\r\n \r\n {\r\n\r\n props.PROPIEDADES.ABRIR_FICHA = false\r\n props.MODIFICAR_PROPIEDADES({ ...props.PROPIEDADES })\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {TITULO}\r\n
\r\n \r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n\r\n
;\r\n};","import React from \"react\";\r\nimport {\r\n traducirPagina,\r\n obtenerDatosUsuarioYLicenciaActual,\r\n convertirMoneda,\r\n MSGOK,\r\n MSGERROR,\r\n soloNumeros,\r\n etiquetaSinDisponibilidad,\r\n etiquetaBtnSolicitar\r\n\r\n} from \"../../librerias/funciones\"\r\nimport store from '../../store'\r\n\r\nimport { Drawer, Input } from 'antd';\r\nimport { MDBBtn, MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\n\r\nimport { LikeOutlined, DislikeOutlined, MinusOutlined, PlusOutlined } from \"@ant-design/icons\";\r\nimport { ObtenerDesgloseStockNeumaticoEnAPI, setCestaLineasEnAPI, ObtenerArticuloERPEnAPI } from \"../../action/actionCreatorsRequests\";\r\nimport BtnSolicitar from \"../utils/BtnSolicitar\";\r\n\r\nexport const FichaAgregarArticuloGenerico = (props) => {\r\n const [payLoadLocal, setPayLoadLocal] = React.useState({\r\n IMAGEN_URL: props.DATOS_REFERENCIA.IMAGEN,\r\n\r\n CODIGO_MARCA: props.DATOS_REFERENCIA.CODIGO_MARCA,\r\n CODIGO_MARCA_ERP: \"\",\r\n DESCUENTO_1: 0,\r\n DESCUENTO_2: 0,\r\n DESCUENTO_3: 0,\r\n EAN: \"\",\r\n GRUPO_MONTAJE: 0,\r\n IMAGEN_MARCA: \"\",\r\n LADO_MONTAJE: \"\",\r\n MARCA_PATROCINADA: false,\r\n NOMBRE_GRUPO_MONTAJE: \"\",\r\n NOMRE_MARCA: \"\",\r\n PVP: 0,\r\n PRECIO: 0,\r\n DESCUENTO: 0,\r\n NETO: 0,\r\n\r\n REFERENCIA: props.DATOS_REFERENCIA.REFERENCIA,\r\n REFERENCIA_PROVEEDOR: \"\",\r\n STOCK_ALMACEN: 0,\r\n STOCK_TOTAL: 0\r\n })\r\n const [textoIdentificador, setTextoIdentificador] = React.useState(\"\");\r\n\r\n\r\n\r\n const [initComponent, setInitComponent] = React.useState({\r\n REGISTROS: [],\r\n HTML_MANUAL: \"\",\r\n ABRIR_MODAL: false,\r\n TITULO_MODAL: \"\",\r\n ID_GRUPO_SELECCIONADO: 0,\r\n RUTA: []\r\n })\r\n\r\n\r\n\r\n const buscarFechaEntrega = (registros) => {\r\n const resultado = registros.filter((registro) => (registro.FechaEntrega !== undefined && registro.FechaEntrega !== null && registro.FechaEntrega !== \"\"));\r\n return resultado;\r\n }\r\n\r\n\r\n\r\n const añadirALaCesta = (datosReferencia, desglose) => {\r\n let resultaCesta = []\r\n if (desglose !== null && desglose !== undefined) {\r\n const DESCRIPCION = datosReferencia.NOMRE_MARCA === undefined ? props.DATOS_REFERENCIA.REGISTROS.DESCRIPCION : \"[ \" + datosReferencia.NOMRE_MARCA.toUpperCase() + \" ] - \" + datosReferencia.NOMBRE_GRUPO_MONTAJE.toUpperCase();\r\n console.log(\"desglose\", desglose)\r\n const sePuedeComprar = desglose.filter((item) => item.CANTIDAD > 0).length > 0\r\n if (sePuedeComprar) {\r\n desglose.map((registro) => {\r\n if (registro.CANTIDAD > 0) {\r\n const esRegualador = registro.Regulador;\r\n const precioRegulador = registro.PrecioDecimal;\r\n\r\n /*\r\n let precioRegulador = registro.Precio !== null && registro.Precio !== \"\" ? registro.Precio.replace(\",\", \".\") : \"\";\r\n precioRegulador = Number(precioRegulador)\r\n */\r\n \r\n const { PRECIO, NETO, DESCUENTO } = esRegualador && precioRegulador > 0 ? { PRECIO: precioRegulador, NETO: precioRegulador, DESCUENTO: 0 } : datosReferencia\r\n setCestaLineasEnAPI(\r\n datosReferencia.REFERENCIA_PROVEEDOR,\r\n datosReferencia.CODIGO_MARCA_ERP,\r\n datosReferencia.REFERENCIA,\r\n datosReferencia.CODIGO_MARCA,\r\n DESCRIPCION,\r\n registro.CANTIDAD,//Cantidad\r\n 0,//texto libre\r\n\r\n PRECIO,\r\n DESCUENTO,\r\n NETO,\r\n //calcularPrecioNeto(registro.CANTIDAD, datosReferencia.PRECIO, datosReferencia.DESCUENTO),\r\n registro.CodigoAlmacen,//ALMACEN\r\n registro.DescripcionAlmacen,//DESCRIPCION ALMACEN\r\n props.ES_CESTA_COMPRA ? 1 : 0,//ACCION\r\n props.DATOS_REFERENCIA.IDCESTA,\r\n props.ES_CESTA_COMPRA ? props.DATOS_REFERENCIA.CLIENTE : \"\",\r\n\r\n props.DATOS_REFERENCIA.VEHICULO,\r\n textoIdentificador //IDENTIFICADOR\r\n\r\n ).then(data => {\r\n if (data.OK) {\r\n\r\n resultaCesta.push(data)\r\n }\r\n })\r\n }\r\n })\r\n\r\n let estadoCesta = resultaCesta.filter((resultado) => resultado.OK === false)\r\n if (estadoCesta.length === 0) {\r\n if (props.ES_CESTA_COMPRA) {\r\n setTimeout(() => {\r\n props.CARGAR_CESTA()\r\n }, 1000)\r\n }\r\n\r\n props.CERRAR_FICHA(false)\r\n MSGOK(traducirPagina(\"Referencia_agregada\"));\r\n\r\n } else {\r\n MSGOK(JSON.stringify(estadoCesta));\r\n }\r\n\r\n } else {\r\n MSGERROR(traducirPagina(\"ingrese_cantidad\"))\r\n }\r\n\r\n } else {\r\n MSGERROR(traducirPagina(\"msg_stock_suficiente\"));\r\n }\r\n }\r\n\r\n\r\n const insertarConsula = (datosReferencia) => {\r\n let almacen = obtenerDatosUsuarioYLicenciaActual();\r\n\r\n // [ \" + datosReferencia.REFERENCIA.toUpperCase() + \" ] - \" + datosReferencia.NOMRE_MARCA.toUpperCase() + \" - \" + datosReferencia.NOMBRE_GRUPO_MONTAJE.toUpperCase(),\r\n\r\n\r\n //sa agrego la referencia de proveedor.\r\n setCestaLineasEnAPI(\r\n datosReferencia.REFERENCIA_PROVEEDOR,\r\n \"\",\r\n \"CONSULTA\",\r\n \"\",\r\n `[ ${datosReferencia.NOMRE_MARCA.toUpperCase()} ] - ( ${datosReferencia.REFERENCIA} ) ${datosReferencia.NOMBRE_GRUPO_MONTAJE.toUpperCase()}`,\r\n 1,\r\n 1,\r\n datosReferencia.PRECIO,\r\n datosReferencia.DESCUENTO,\r\n datosReferencia.NETO,\r\n almacen.ALMACEN,\r\n \"\",\r\n props.ES_CESTA_COMPRA ? 1 : 0,\r\n \"\",\r\n \"\",\r\n props.DATOS_REFERENCIA.VEHICULO,\r\n\r\n ).then(data => {\r\n if (data.OK) {\r\n MSGOK(\"Consulta añadida.\", \"botton-left\");\r\n props.CERRAR_FICHA(false)\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n const ObtenerDesgloseStockNeumatico = async (REFERENCIA_FABRICANTE, REFERENCIA_ERP, EAN, ID_MARCA) => {\r\n\r\n let registro = await ObtenerDesgloseStockNeumaticoEnAPI(REFERENCIA_FABRICANTE, REFERENCIA_ERP, EAN, ID_MARCA)\r\n if (registro !== undefined && registro !== null && registro.Stock.length > 0) {\r\n\r\n\r\n let STOCK_DISPONIBLE = registro.Stock.filter((registros) => registros.Stock > 0);\r\n\r\n if (STOCK_DISPONIBLE.length > 0) {\r\n initComponent.REGISTROS = registro.Stock\r\n\r\n if (!props.ES_CESTA_COMPRA) {\r\n\r\n let CANTIDAD_SELECCIONADA = props.DATOS_REFERENCIA.CANTIDAD_SELECCIONADA;\r\n\r\n registro.Stock.map((item, i) => {\r\n\r\n let result = CANTIDAD_SELECCIONADA - item.Stock\r\n if (CANTIDAD_SELECCIONADA === 0) {\r\n item.CANTIDAD = 0;\r\n } else if (result < 0) {\r\n item.CANTIDAD = CANTIDAD_SELECCIONADA;\r\n CANTIDAD_SELECCIONADA = 0;\r\n } else {\r\n CANTIDAD_SELECCIONADA = CANTIDAD_SELECCIONADA - item.Stock\r\n item.CANTIDAD = item.Stock;\r\n }\r\n\r\n })\r\n } else {\r\n registro.Stock.map((item, i) => {\r\n item.CANTIDAD = 0;\r\n if (item.CodigoAlmacen === props.DATOS_REFERENCIA.ALMACEN) {\r\n item.CANTIDAD = props.DATOS_REFERENCIA.CANTIDAD;\r\n }\r\n })\r\n\r\n let almacen = registro.Stock.filter((registro) => registro.CANTIDAD > 0);\r\n initComponent.REGISTROS = almacen\r\n\r\n }\r\n } else {\r\n initComponent.REGISTROS = null\r\n }\r\n\r\n } else {\r\n initComponent.REGISTROS = null\r\n }\r\n\r\n\r\n setInitComponent({ ...initComponent })\r\n\r\n }\r\n\r\n\r\n\r\n const cargarInformacion = (DATOS_REFERENCIA) => {\r\n\r\n\r\n if (DATOS_REFERENCIA.DETALLE_ERP_SOCIO !== null && DATOS_REFERENCIA.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO !== \"\") {\r\n\r\n if (DATOS_REFERENCIA.CLIENTE === undefined) {\r\n let cliente = store.getState().clienteSeleccionado;\r\n DATOS_REFERENCIA.CLIENTE = cliente !== undefined && cliente !== null && Object.keys(cliente).length > 0 && cliente.codigo !== \"\" ? cliente.codigo : \"\"\r\n }\r\n\r\n ObtenerArticuloERPEnAPI(false, DATOS_REFERENCIA.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO, \"\", DATOS_REFERENCIA.CLIENTE).then(registros => {\r\n if (registros !== null && registros !== undefined && Object.keys(registros).length > 0) {\r\n let referencia = registros[0];\r\n\r\n if (referencia !== undefined) {\r\n //payLoadLocal.CODIGO_MARCA = referencia.Codigo.MarcaTecdoc\r\n\r\n payLoadLocal.CODIGO_MARCA = DATOS_REFERENCIA.ID_MARCA\r\n payLoadLocal.EAN = DATOS_REFERENCIA.EAN\r\n\r\n\r\n payLoadLocal.CODIGO_MARCA_ERP = referencia.Codigo.marcaERPCodigo\r\n\r\n\r\n payLoadLocal.NOMBRE_GRUPO_MONTAJE = DATOS_REFERENCIA.NOMBRE_GRUPO_MONTAJE === undefined ? \"\" : DATOS_REFERENCIA.NOMBRE_GRUPO_MONTAJE\r\n payLoadLocal.NOMRE_MARCA = DATOS_REFERENCIA.NOMRE_MARCA === undefined ? referencia.Codigo.MarcaERPDescripcion : DATOS_REFERENCIA.DESCRIPCION_1\r\n\r\n //payLoadLocal.NOMBRE_GRUPO_MONTAJE = referencia.Codigo.DescripcionERP\r\n //payLoadLocal.NOMRE_MARCA = referencia.Codigo.MarcaERPDescripcion\r\n\r\n payLoadLocal.PRECIO = referencia.precio\r\n payLoadLocal.DESCUENTO = referencia.descuento\r\n payLoadLocal.NETO = referencia.precioNeto\r\n\r\n\r\n //payLoadLocal.REFERENCIA = DATOS_REFERENCIA.REFERENCIA\r\n\r\n //Verificar si el socio envia bien la referencia\r\n payLoadLocal.REFERENCIA = referencia.Codigo.ReferenciaTecdoc\r\n\r\n payLoadLocal.REFERENCIA_PROVEEDOR = referencia.Codigo.CodigoERP\r\n\r\n payLoadLocal.STOCK_ALMACEN = 0\r\n payLoadLocal.STOCK_TOTAL = 39\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n\r\n } else {\r\n\r\n if (DATOS_REFERENCIA !== undefined && DATOS_REFERENCIA !== null && Object.keys(DATOS_REFERENCIA).length > 0) {\r\n payLoadLocal.CODIGO_MARCA = DATOS_REFERENCIA.ID_MARCA\r\n payLoadLocal.EAN = DATOS_REFERENCIA.EAN\r\n\r\n\r\n if (DATOS_REFERENCIA.DETALLE_ERP_SOCIO !== null) {\r\n const { NETO, PRECIO, PVP, DESCUENTO, REFERENCIA_SOCIO, CODIGO_MARCA_SOCIO, REFERENCIA_FABRICANTE } = DATOS_REFERENCIA.DETALLE_ERP_SOCIO\r\n payLoadLocal.CODIGO_MARCA_ERP = CODIGO_MARCA_SOCIO\r\n\r\n payLoadLocal.PVP = PVP\r\n payLoadLocal.PRECIO = PRECIO\r\n payLoadLocal.DESCUENTO = DESCUENTO\r\n payLoadLocal.NETO = NETO\r\n payLoadLocal.REFERENCIA_PROVEEDOR = REFERENCIA_SOCIO !== \"\" ? REFERENCIA_SOCIO : \"\"\r\n\r\n payLoadLocal.REFERENCIA = REFERENCIA_FABRICANTE\r\n\r\n }\r\n payLoadLocal.NOMRE_MARCA = DATOS_REFERENCIA.DESCRIPCION_1\r\n\r\n payLoadLocal.NOMBRE_GRUPO_MONTAJE = \"\"\r\n\r\n setPayLoadLocal({ ...payLoadLocal })\r\n\r\n }\r\n\r\n }\r\n })\r\n } else {\r\n if (DATOS_REFERENCIA !== undefined && DATOS_REFERENCIA !== null && Object.keys(DATOS_REFERENCIA).length > 0) {\r\n payLoadLocal.CODIGO_MARCA = DATOS_REFERENCIA.ID_MARCA\r\n payLoadLocal.EAN = DATOS_REFERENCIA.EAN\r\n\r\n if (DATOS_REFERENCIA.DETALLE_ERP_SOCIO !== null) {\r\n const { NETO, PRECIO, PVP, DESCUENTO, REFERENCIA_SOCIO, CODIGO_MARCA_SOCIO, REFERENCIA_FABRICANTE } = DATOS_REFERENCIA.DETALLE_ERP_SOCIO\r\n payLoadLocal.CODIGO_MARCA_ERP = CODIGO_MARCA_SOCIO\r\n\r\n payLoadLocal.PVP = PVP\r\n payLoadLocal.PRECIO = PRECIO\r\n payLoadLocal.DESCUENTO = DESCUENTO\r\n payLoadLocal.NETO = NETO\r\n payLoadLocal.REFERENCIA_PROVEEDOR = REFERENCIA_SOCIO !== \"\" ? REFERENCIA_SOCIO : \"\"\r\n\r\n payLoadLocal.REFERENCIA = REFERENCIA_FABRICANTE\r\n\r\n }\r\n payLoadLocal.NOMRE_MARCA = DATOS_REFERENCIA.DESCRIPCION_1\r\n\r\n payLoadLocal.NOMBRE_GRUPO_MONTAJE = \"\"\r\n\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n }\r\n\r\n\r\n\r\n let ID_MARCA = props.ID_MARCA === undefined || props.ID_MARCA === null ? \"\" : props.ID_MARCA;\r\n ObtenerDesgloseStockNeumatico(props.REFERENCIA_FABRICANTE, props.REFERENCIA_ERP, props.EAN, ID_MARCA)\r\n\r\n\r\n /*\r\n if (DATOS_REFERENCIA.REFERENCIA_PROVEEDOR !== \"\") {\r\n\r\n getStockDesglose(DATOS_REFERENCIA.REFERENCIA, DATOS_REFERENCIA.CODIGO_MARCA, DATOS_REFERENCIA.REFERENCIA_PROVEEDOR).then(stock => {\r\n if (stock !== undefined && stock !== null && stock.length > 0) {\r\n\r\n let STOCK_DISPONIBLE = stock.filter((registros) => registros.Stock > 0);\r\n if (STOCK_DISPONIBLE.length > 0) {\r\n setesperandoDesglose(true);\r\n setDesglose(stock);\r\n\r\n if (!props.ES_CESTA_COMPRA) {\r\n let CANTIDAD_SELECCIONADA = props.DATOS_REFERENCIA.CANTIDAD_SELECCIONADA;\r\n stock.map((item, i) => {\r\n\r\n if (document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen) !== null) {\r\n let result = CANTIDAD_SELECCIONADA - item.Stock\r\n if (CANTIDAD_SELECCIONADA === 0) {\r\n document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value = \"0\";\r\n item.CANTIDAD = 0;\r\n } else if (result < 0) {\r\n document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value = CANTIDAD_SELECCIONADA;\r\n item.CANTIDAD = CANTIDAD_SELECCIONADA;\r\n CANTIDAD_SELECCIONADA = 0;\r\n } else {\r\n CANTIDAD_SELECCIONADA = CANTIDAD_SELECCIONADA - item.Stock\r\n document.getElementById(\"CANTIDAD\" + item.CodigoAlmacen).value = item.Stock;\r\n item.CANTIDAD = item.Stock;\r\n }\r\n }\r\n })\r\n } else {\r\n\r\n stock.map((item, i) => {\r\n item.CANTIDAD = 0;\r\n if (item.CodigoAlmacen === props.DATOS_REFERENCIA.ALMACEN) {\r\n item.CANTIDAD = props.DATOS_REFERENCIA.CANTIDAD;\r\n }\r\n })\r\n\r\n let almacen = stock.filter((registro) => registro.CANTIDAD > 0);\r\n setDesglose(almacen);\r\n\r\n if (almacen.length > 0) {\r\n if (document.getElementById(\"CANTIDAD\" + almacen[0].CodigoAlmacen) !== null) {\r\n document.getElementById(\"CANTIDAD\" + almacen[0].CodigoAlmacen).value = props.DATOS_REFERENCIA.CANTIDAD;\r\n }\r\n }\r\n\r\n }\r\n } else {\r\n setesperandoDesglose(false)\r\n }\r\n } else {\r\n setesperandoDesglose(false)\r\n setesperandoClickStock(true)\r\n setPetionAPI(true)\r\n }\r\n })\r\n\r\n\r\n } else {\r\n initComponent.REGISTROS = null\r\n setInitComponent({ ...initComponent })\r\n\r\n\r\n }\r\n\r\n */\r\n\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n cargarInformacion(props.DATOS_REFERENCIA)\r\n }, [])\r\n\r\n\r\n\r\n\r\n const {\r\n IMAGEN_URL,\r\n\r\n REFERENCIA,\r\n NOMBRE_GRUPO_MONTAJE,\r\n REFERENCIA_PROVEEDOR,\r\n EAN,\r\n PVP,\r\n DESCUENTO,\r\n NETO,\r\n\r\n\r\n CODIGO_MARCA,\r\n CODIGO_MARCA_ERP,\r\n DESCUENTO_1,\r\n DESCUENTO_2,\r\n DESCUENTO_3,\r\n GRUPO_MONTAJE,\r\n IMAGEN_MARCA,\r\n LADO_MONTAJE,\r\n MARCA_PATROCINADA,\r\n NOMRE_MARCA,\r\n PRECIO,\r\n STOCK_ALMACEN,\r\n STOCK_TOTAL,\r\n\r\n } = payLoadLocal\r\n\r\n\r\n\r\n\r\n return \r\n\r\n
\r\n\r\n \r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n {\r\n initComponent.REGISTROS === null ?\r\n \r\n :\r\n initComponent.REGISTROS.length === 0 ?\r\n \r\n :\r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Almacen\").toUpperCase()} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {traducirPagina(\"Cantidad\").toUpperCase()} }\r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n {traducirPagina(\"Precio\").toUpperCase()} \r\n\r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {traducirPagina(\"Fecha_entrega\").toUpperCase()} : null}\r\n\r\n \r\n \r\n \r\n {initComponent.REGISTROS.map((item, i) =>\r\n \r\n {item.DescripcionAlmacen} \r\n\r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n\r\n \r\n \r\n \r\n\r\n {item.Precio === null ? \"\":convertirMoneda(item.Precio,\"€\")} \r\n\r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {item.FechaEntrega !== null ? `${item.FechaEntrega} ${item.HoraEntrega}` : \"\"} : null}\r\n\r\n \r\n )\r\n }\r\n \r\n \r\n\r\n\r\n }\r\n\r\n
\r\n\r\n\r\n \r\n\r\n {etiquetaReferenciaSinStock()}
\r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n\r\n
;\r\n};","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn } from 'mdbreact';\r\nimport { getStockDesglose, ObtenerNeumaticoInfoEnAPI, ObtenerNeumaticoImagenOriginalEnAPI, ObtenerDesgloseStockNeumaticoEnAPI } from \"../action/actionCreatorsRequests\"\r\n\r\nimport { DrawerStockAlmacen } from \"../action/actionCreators\";\r\nimport store from '../store'\r\nimport {\r\n traducirPagina, convertirMoneda, obtenerDatosUsuarioYLicenciaActual, verficarSiEsPVP, visualizarStocksRemotos, verificarSiEsMostrador, verficarSiEsCatalogo, soloNumeros,\r\n crearLineasParaElPresupuesto, referenciaActualSelect, MSGERROR, condicionesAbrirCesta, cestaAutomatica, condicionesAbrirCestav2\r\n} from \"../librerias/funciones\"\r\nimport {\r\n DislikeOutlined,\r\n DeploymentUnitOutlined,\r\n FileAddOutlined,\r\n LikeOutlined,\r\n MinusOutlined,\r\n PlusOutlined,\r\n ShoppingOutlined,\r\n EyeOutlined,\r\n CheckSquareOutlined,\r\n CloseSquareOutlined,\r\n CheckOutlined,\r\n CloseOutlined\r\n\r\n} from '@ant-design/icons';\r\nimport { Tabs, Drawer, Row, List, Select, Card, Col, Button, Collapse } from 'antd';\r\nimport FichaStockSocio from './FichaStockSocio';\r\nimport { FileView } from './Visor/FileView';\r\nimport { ViewIframe } from './Visor/ViewIframe';\r\nimport FichaAñadirCesta from './FichaAñadirCesta';\r\nimport { FichaStockNeumatico } from './Compra/FichaStockNeumatico';\r\nimport { FichaAgregarArticuloGenerico } from './Compra/FichaAgregarArticuloGenerico';\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\nconst { Panel } = Collapse;\r\nconst FichaDetalleNeumatico = ({ props, usuario, clienteSeleccionado }) => {\r\n const [abrirStockNeumatico, setAbrirStockNeumatico] = React.useState(false);\r\n const [abrirCestaNeumatico, setAAbrirCestaNeumatico] = React.useState(false);\r\n const [neumaticoSeleccionado, setNeumaticoSeleccionado] = React.useState({});\r\n\r\n\r\n\r\n const [referenciaSeleccionada, setReferenciaSeleccionada] = React.useState({});\r\n const [CANTIDAD_CLIENTE, setCANTIDAD_CLIENTE] = React.useState(1);\r\n\r\n\r\n\r\n const [registroStockSocio, setRegistroStockSocio] = React.useState({});\r\n const [fichaCesta, setFichaCesta] = React.useState(false);\r\n const [abrirFichaStockSocio, setAbrirFichaStockSocio] = React.useState(false);\r\n const [propiedadesFileView, setPropiedadesFileView] = React.useState({\r\n ABRIR_FICHA: false,\r\n TITULO: \"FICHA IMAGEN\",\r\n SELECCIONADO: {\r\n ENCLACE: \"\"\r\n }\r\n });\r\n\r\n const [propiedadesIframeView, setPropiedadesIframeView] = React.useState({\r\n ABRIR_FICHA: false,\r\n TITULO: traducirPagina(\"Mas_informacion\").toUpperCase(),\r\n WIDTH: \"\",\r\n SELECCIONADO: {\r\n ENCLACE: \"\"\r\n }\r\n });\r\n\r\n\r\n const [verMasInfo, setVerMasInfo] = React.useState({\r\n MAS_INFO_NEUMATICO: false,\r\n MAS_INFO_MARKETING: false\r\n\r\n });\r\n\r\n\r\n const [informacion, setInformacion] = React.useState({});\r\n const {\r\n IMAGENES,\r\n EAN,\r\n REFERENCIA_FABRICANTE,\r\n DESCRIPCION_1,\r\n DESCRIPCION_2,\r\n DESCRIPCION_3,\r\n ENLACES,\r\n ID_MARCA,\r\n MARCA_DESCRIPCION,\r\n ID_MODELO,\r\n MODELO_DESCRIPCION,\r\n CLASE,\r\n NOMBRE_CLASE,\r\n PRODUCTO_DESCRIPCION,\r\n\r\n TITULO_MARKETING,\r\n TEXTO_MARKETING,\r\n\r\n ANCHO,\r\n LARGO,\r\n LLANTA,\r\n CARGA,\r\n VELOCIDAD,\r\n\r\n TEMPORADA,\r\n MS_NIEVE,\r\n PMSF_ALPINO,\r\n CAMARA,\r\n SALVA_LLANTAS,\r\n LONAS,\r\n REFORZADA,\r\n LATERAL,\r\n CAPAS,\r\n DIRECCIONAL,\r\n ASIMETRICO,\r\n\r\n DECIBELIOS,\r\n ONDAS,\r\n CONSUMO,\r\n AGARRE,\r\n REGLAMENTO,\r\n\r\n PVP,\r\n PVP_VIGENCIA,\r\n ECO_TASA,\r\n ANCHO_LARGO_LLANTA,\r\n\r\n TIPO_VEHICULO,\r\n RUN_FLAT,\r\n\r\n } = informacion !== undefined && Object.keys(informacion).length > 0 ? informacion : {};\r\n\r\n\r\n const { ID, NEUMATICO_LIPKO } = props.DATOS_SELECCIONADO\r\n const item = props.DATOS_SELECCIONADO\r\n\r\n\r\n const abrirDesglose = (item) => {\r\n store.dispatch({ type: 'STATE_ES_NEUMATICO', NEUMATICO: { ES_NEUMATICO: true, REFERENCIA_FABRICANTE: item.REFERENCIA_FABRICANTE } });\r\n\r\n\r\n if (!obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE) {\r\n //store.dispatch(DrawerStockAlmacen(true));\r\n setNeumaticoSeleccionado(item)\r\n setAbrirStockNeumatico(true)\r\n\r\n referenciaActualSelect({ REFERENCIA: \"\", CODIGO_MARCA: item.ID_MARCA, REFERENCIA_PROVEEDOR: item.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO, REGISTROS: item.DETALLE_ERP_SOCIO });\r\n }\r\n }\r\n\r\n\r\n const añadirALaCesta = (registro, CANTIDAD) => {\r\n store.dispatch({ type: 'STATE_ES_NEUMATICO', NEUMATICO: { ES_NEUMATICO: true, REFERENCIA_FABRICANTE: registro.REFERENCIA_FABRICANTE } })\r\n\r\n if (CANTIDAD === \"\") {\r\n MSGERROR(traducirPagina(\"ingrese_cantidad\"))\r\n } else if (registro.DETALLE_ERP_SOCIO.STOCK_TOTAL === 0 ? false : parseInt(CANTIDAD) > registro.DETALLE_ERP_SOCIO.STOCK_TOTAL) {\r\n MSGERROR(`${traducirPagina(\"cantidad_maxima\")} ${registro.DETALLE_ERP_SOCIO.STOCK_TOTAL}`)\r\n } else {\r\n let esMostrador = verificarSiEsMostrador()\r\n if (esMostrador && clienteSeleccionado.nombre === \"\") {\r\n //setVisible(true)\r\n MSGERROR(traducirPagina(\"Msg_vender\"))\r\n } else {\r\n const { TIPO_STOCK, ABRIR_FICHA } = condicionesAbrirCestav2(registro, CANTIDAD);\r\n\r\n if (ABRIR_FICHA) {\r\n registro.CANTIDAD_SELECCIONADA = CANTIDAD;\r\n\r\n setReferenciaSeleccionada({\r\n CANTIDAD_SELECCIONADA: CANTIDAD, REFERENCIA: \"\", CODIGO_MARCA: \"\", REFERENCIA_PROVEEDOR: registro.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO, REGISTROS: registro.DETALLE_ERP_SOCIO\r\n })\r\n\r\n setNeumaticoSeleccionado(registro)\r\n setAAbrirCestaNeumatico(true)\r\n\r\n\r\n } else {\r\n \r\n ObtenerDesgloseStockNeumaticoEnAPI(registro.DETALLE_ERP_SOCIO.REFERENCIA_FABRICANTE, registro.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO, registro.EAN).then(item => {\r\n\r\n const REGISTRO = {\r\n REFERENCIA_PROVEEDOR: registro.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO,\r\n REFERENCIA: registro.DETALLE_ERP_SOCIO.REFERENCIA_FABRICANTE,\r\n CODIGO_MARCA: registro.ID_MARCA,\r\n NOMRE_MARCA: registro.DESCRIPCION_1,\r\n CANTIDAD: CANTIDAD,\r\n PRECIO: registro.DETALLE_ERP_SOCIO.PRECIO,\r\n DESCUENTO: registro.DETALLE_ERP_SOCIO.DESCUENTO,\r\n NETO: registro.DETALLE_ERP_SOCIO.NETO,\r\n DESCRIPCION_CESTA: \"[ \" + registro.MARCA_DESCRIPCION.toUpperCase() + \" ] - \" + registro.DESCRIPCION_1.toUpperCase(),\r\n }\r\n\r\n cestaAutomatica(item.Stock, TIPO_STOCK, CANTIDAD, REGISTRO);\r\n })\r\n }\r\n\r\n\r\n /*\r\n if (!ABRIR_FICHA) {\r\n ObtenerDesgloseStockNeumaticoEnAPI(registro.DETALLE_ERP_SOCIO.REFERENCIA_FABRICANTE, registro.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO, registro.EAN).then(item => {\r\n\r\n const REGISTRO = {\r\n REFERENCIA_PROVEEDOR: registro.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO,\r\n REFERENCIA: registro.DETALLE_ERP_SOCIO.REFERENCIA_FABRICANTE,\r\n CODIGO_MARCA: registro.ID_MARCA,\r\n NOMRE_MARCA: registro.DESCRIPCION_1,\r\n CANTIDAD: CANTIDAD,\r\n PRECIO: registro.DETALLE_ERP_SOCIO.PRECIO,\r\n DESCUENTO: registro.DETALLE_ERP_SOCIO.DESCUENTO,\r\n NETO: registro.DETALLE_ERP_SOCIO.NETO,\r\n DESCRIPCION_CESTA: \"[ \" + registro.MARCA_DESCRIPCION.toUpperCase() + \" ] - \" + registro.DESCRIPCION_1.toUpperCase(),\r\n }\r\n\r\n cestaAutomatica(item.Stock, TIPO_STOCK, CANTIDAD, REGISTRO);\r\n })\r\n } else {\r\n registro.CANTIDAD_SELECCIONADA = CANTIDAD;\r\n\r\n\r\n setReferenciaSeleccionada({\r\n CANTIDAD_SELECCIONADA: CANTIDAD, REFERENCIA: \"\", CODIGO_MARCA: \"\", REFERENCIA_PROVEEDOR: registro.DETALLE_ERP_SOCIO.REFERENCIA_SOCIO, REGISTROS: registro.DETALLE_ERP_SOCIO\r\n })\r\n //setFichaCesta(true)\r\n\r\n\r\n setNeumaticoSeleccionado(registro)\r\n setAAbrirCestaNeumatico(true)\r\n }\r\n\r\n*/\r\n }\r\n\r\n }\r\n }\r\n\r\n const agregarAPresupuesto = (ITEM) => {\r\n\r\n if (ITEM.DETALLE_ERP_SOCIO === undefined || ITEM.DETALLE_ERP_SOCIO === null) {\r\n ITEM.DETALLE_ERP_SOCIO = { PRECIO: ITEM.PRECIO, REFERENCIA_SOCIO: ITEM.REFERENCIA_DISTRIBUIDOR === null ? \"\" : ITEM.REFERENCIA_DISTRIBUIDOR, REFERENCIA_FABRICANTE: ITEM.REFERENCIA_FABRICANTE }\r\n }\r\n\r\n const { PRECIO, REFERENCIA_SOCIO, REFERENCIA_FABRICANTE, DESCRIPCION_1 } = ITEM.DETALLE_ERP_SOCIO\r\n\r\n\r\n let objeto = {\r\n REFERENCIA: \"\",\r\n REFERENCIA_PROVEEDOR: \"\",\r\n CODIGO_MARCA_ERP: \"\",\r\n NOMRE_MARCA: \"\",\r\n CODIGO_MARCA: 0,\r\n NOMBRE_GRUPO_MONTAJE: \"\",\r\n PRECIO: 0,\r\n CANTIDAD: 1\r\n };\r\n\r\n\r\n objeto.REFERENCIA = REFERENCIA_FABRICANTE;\r\n objeto.REFERENCIA_PROVEEDOR = REFERENCIA_SOCIO\r\n objeto.CODIGO_MARCA_ERP = \"\";\r\n objeto.NOMRE_MARCA = ITEM.MARCA_DESCRIPCION;\r\n objeto.CODIGO_MARCA = 0;\r\n objeto.NOMBRE_GRUPO_MONTAJE = traducirPagina(\"Neumatico\").toUpperCase() + \": \" + ITEM.DESCRIPCION_1;\r\n objeto.PRECIO = PRECIO;\r\n objeto.CANTIDAD = ITEM.CANTIDAD === \"\" ? 1 : ITEM.CANTIDAD;\r\n objeto.ES_NEUMATICO = true\r\n\r\n crearLineasParaElPresupuesto(objeto, \"A\");\r\n }\r\n\r\n\r\n\r\n\r\n const ObtenerNeumaticoInfo = async (ID, EAN, NEUMATICO_LIPKO) => {\r\n let registro = await ObtenerNeumaticoInfoEnAPI(ID, EAN, NEUMATICO_LIPKO)\r\n\r\n if (registro !== undefined && registro !== null && registro.NEUMATICO !== null && Object.keys(registro.NEUMATICO).length > 0) {\r\n registro.NEUMATICO.IMAGENES = registro.IMAGENES\r\n\r\n setInformacion(registro.NEUMATICO)\r\n }\r\n }\r\n\r\n const ObtenerNeumaticoImagenOriginal = async (URL) => {\r\n let registro = await ObtenerNeumaticoImagenOriginalEnAPI(URL)\r\n return registro;\r\n\r\n }\r\n\r\n\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n ObtenerNeumaticoInfo(ID, props.DATOS_SELECCIONADO.EAN, NEUMATICO_LIPKO)\r\n }, [])\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n\r\n
\r\n\r\n \r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n
\r\n\r\n {props.ES_CESTA_COMPRA ?\r\n\r\n \r\n\r\n { e.target.src = \"./imagenes/neumatico_ng.png\"; }}\r\n src={`https://sertec.servicenext.eu/GRAFICOS_NEUMATICOS/48x48/${IMAGEN_URL}`}\r\n >\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n {REFERENCIA} {NOMBRE_GRUPO_MONTAJE}
\r\n {traducirPagina(\"Referencia_proveedor\")} {REFERENCIA_PROVEEDOR}
\r\n {\"EAN\"} {EAN}
\r\n \r\n
\r\n {`${traducirPagina(\"Precio\")} : ${PVP === 0 ? \"\" : convertirMoneda(PVP, \" €\")}`}
\r\n\r\n {`${traducirPagina(\"Dto\")} : ${DESCUENTO + \" %\"}`}
\r\n\r\n {`${traducirPagina(\"Neto\")} : ${NETO === 0 ? \"\" : convertirMoneda(NETO, \" €\")} `}
\r\n\r\n \r\n\r\n Identificador de la línea por parte del cliente\r\n\r\n { setTextoIdentificador(e.target.value) }} value={textoIdentificador} placeholder={traducirPagina(\"Identificador\")}>\r\n\r\n Dispone de 16 caracteres máximos\r\n\r\n
\r\n :\r\n null\r\n }\r\n\r\n\r\n\r\n \r\n {\r\n initComponent.REGISTROS === null ?\r\n null\r\n :\r\n initComponent.REGISTROS.length === 0 ?\r\n \r\n :\r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Almacen\").toUpperCase()} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {traducirPagina(\"Cantidad\").toUpperCase()} }\r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n {traducirPagina(\"Precio\").toUpperCase()} \r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {traducirPagina(\"Fecha_entrega\").toUpperCase()} : null}\r\n\r\n \r\n \r\n \r\n {initComponent.REGISTROS.map((item, i) =>\r\n \r\n \r\n {\r\n item.Stock > 0 &&\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n let valor = e.target.value;\r\n if (valor === \"\") {\r\n item.CANTIDAD = e.target.value;\r\n\r\n } else {\r\n if (soloNumeros(valor)) {\r\n let convertir = parseInt(e.target.value);\r\n let resultado = item.Stock > convertir ? e.target.value : item.Stock;\r\n\r\n //item.CANTIDAD = valor === \"0\" ? 1 : parseInt(resultado)\r\n item.CANTIDAD = parseInt(resultado)\r\n } else {\r\n item.CANTIDAD = 1;\r\n }\r\n }\r\n\r\n initComponent.REGISTROS = initComponent.REGISTROS\r\n setInitComponent({ ...initComponent })\r\n\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n\r\n {item.DescripcionAlmacen} \r\n\r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n\r\n \r\n \r\n \r\n\r\n {item.Precio === null ? \"\" : convertirMoneda(item.Precio, \"€\")} \r\n\r\n\r\n {buscarFechaEntrega(initComponent.REGISTROS).length > 0 ? {item.FechaEntrega !== null ? `${item.FechaEntrega} ${item.HoraEntrega}` : \"\"} : null}\r\n\r\n \r\n )\r\n }\r\n \r\n \r\n\r\n
\r\n\r\n\r\n }\r\n\r\n\r\n\r\n {\r\n initComponent.REGISTROS === null ?\r\n <>\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {etiquetaSinDisponibilidad()}\r\n
\r\n \r\n
\r\n \r\n :\r\n initComponent.REGISTROS !== null && initComponent.REGISTROS.length > 0 ?\r\n \r\n insertarConsula(payLoadLocal)}\r\n />\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n : null\r\n\r\n }\r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n {\r\n props.CERRAR_FICHA(false)\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n \r\n\r\n {fichaCesta ?\r\n \r\n
\r\n \r\n\r\n :\r\n null\r\n }\r\n\r\n
\r\n
\r\n\r\n \r\n {`${MARCA_DESCRIPCION} ${DESCRIPCION_1} - ${DESCRIPCION_2}`}\r\n {`${TIPO_VEHICULO} ${PRODUCTO_DESCRIPCION}`}\r\n
\r\n\r\n {IMAGENES !== undefined ?\r\n <>\r\n\r\n {\r\n IMAGENES.map((registro, i) =>\r\n
\r\n\r\n {\r\n if (NEUMATICO_LIPKO) {\r\n propiedadesFileView.SELECCIONADO.ENCLACE = \"\";\r\n\r\n ObtenerNeumaticoImagenOriginal(registro.URL).then(() => {\r\n const { BYTES, CONTENT_TYPE, OK } = registro\r\n if (OK) {\r\n propiedadesFileView.SELECCIONADO.ENCLACE = `data:${CONTENT_TYPE};base64,${BYTES}`\r\n\r\n } else {\r\n propiedadesFileView.SELECCIONADO.ENCLACE = registro.URL_LOCAL;\r\n }\r\n setPropiedadesFileView({ ...propiedadesFileView })\r\n })\r\n\r\n } else {\r\n propiedadesFileView.SELECCIONADO.ENCLACE = registro.URL_LOCAL\r\n setPropiedadesFileView({ ...propiedadesFileView })\r\n }\r\n\r\n propiedadesFileView.ABRIR_FICHA = true;\r\n propiedadesFileView.TITULO = MODELO_DESCRIPCION;\r\n setPropiedadesFileView({ ...propiedadesFileView })\r\n\r\n\r\n }}>\r\n { e.target.src = \"./imagenes/sinimagen.jpg\"; }}\r\n alt={registro.TIPO}\r\n src={`${registro.URL_LOCAL}`}>\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n :\r\n null\r\n }\r\n\r\n
\r\n
\r\n\r\n {TEXTO_MARKETING !== undefined && TEXTO_MARKETING !== \"\" ?\r\n <>\r\n \r\n \r\n \r\n
\r\n\r\n {TEXTO_MARKETING !== \"\" ?\r\n
\r\n | \r\n | \r\n |
|---|---|
| {traducirPagina(\"Referencia_fabricante\").toUpperCase()} | {REFERENCIA_FABRICANTE} |
| EAN | {EAN} |
| {traducirPagina(\"Modelo\").toUpperCase()} | {MODELO_DESCRIPCION} |
| {traducirPagina(\"Enlaces\").toUpperCase()} | {ENLACES !== undefined &&
|
| {traducirPagina(\"Clase\").toUpperCase()} | {NOMBRE_CLASE} |
| {traducirPagina(\"Temporadas\").toUpperCase()} | {TEMPORADA} |
| {traducirPagina(\"Eficiencia_combustible\").toUpperCase()} | {CONSUMO} |
| {traducirPagina(\"Adherencia_superficie\").toUpperCase()} | {AGARRE} |
| {traducirPagina(\"Nivel_ruido_exterior\").toUpperCase()} | {ONDAS} {DECIBELIOS} |
| {traducirPagina(\"Reglamento_de\").toUpperCase()} | {REGLAMENTO} |
| {traducirPagina(\"Tamanio_llanta\").toUpperCase()} | {LLANTA} |
| {traducirPagina(\"Ancho_seccion\").toUpperCase()} | {ANCHO} |
| {traducirPagina(\"Relacion_aspecto\").toUpperCase()} | {LARGO} |
| {traducirPagina(\"Clasificacion_indice_carga\").toUpperCase()} | {CARGA} |
| {traducirPagina(\"Clasificacion_velocidad\").toUpperCase()} | {VELOCIDAD} |
| RUNFLAT | {RUN_FLAT ? |
| {`M + S ${traducirPagina(\"Nieve\").toUpperCase()}`} | {MS_NIEVE ? |
| {`PMSF ${traducirPagina(\"Alpino\").toUpperCase()}`} | {PMSF_ALPINO ? |
| {traducirPagina(\"Camara\").toUpperCase()} | {CAMARA ? |
| {traducirPagina(\"Salva_Llantas\").toUpperCase()} | {SALVA_LLANTAS ? |
| {traducirPagina(\"LLonas\").toUpperCase()} | {LONAS} |
| {traducirPagina(\"Reforzada\").toUpperCase()} | {REFORZADA} |
| {traducirPagina(\"Direccional\").toUpperCase()} | {DIRECCIONAL ? |
| {traducirPagina(\"Asimetrico\").toUpperCase()} | {ASIMETRICO ? |
{ verMasInfo.MAS_INFO_NEUMATICO = !verMasInfo.MAS_INFO_NEUMATICO; setVerMasInfo({ ...verMasInfo }) }}>\r\n {\r\n !verMasInfo.MAS_INFO_NEUMATICO ?\r\n {traducirPagina(\"Ver_mas\")}\r\n :\r\n {traducirPagina(\"Ver_menos\")}\r\n }\r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n
\r\n \r\n :\r\n null\r\n }\r\n {TITULO_MARKETING}
\r\n\r\n\r\n {\r\n TEXTO_MARKETING.split(\"\\n\").length < 10 ?\r\n TEXTO_MARKETING.split(\"\\n\").map((registro, i) =>\r\n
\r\n {registro}
\r\n\r\n )\r\n\r\n :\r\n <>\r\n {TEXTO_MARKETING.split(\"\\n\").map((registro, i) =>\r\n i < 6 ?\r\n{registro}
\r\n :\r\n null\r\n )}\r\n\r\n\r\n {verMasInfo.MAS_INFO_MARKETING ?\r\n TEXTO_MARKETING.split(\"\\n\").map((registro, i) =>\r\n i > 6 ?\r\n{registro}
\r\n :\r\n null\r\n )\r\n :\r\n null\r\n }\r\n\r\n { verMasInfo.MAS_INFO_MARKETING = !verMasInfo.MAS_INFO_MARKETING; setVerMasInfo({ ...verMasInfo }) }}>\r\n {\r\n !verMasInfo.MAS_INFO_MARKETING ?\r\n {traducirPagina(\"Ver_mas\")} \r\n :\r\n {traducirPagina(\"Ver_menos\")} \r\n }\r\n
\r\n\r\n \r\n }\r\n \r\n <>\r\n {item.DETALLE_ERP_SOCIO !== null ?\r\n <>\r\n {\r\n item.DETALLE_ERP_SOCIO.STOCK_ALMACEN === 0 && item.DETALLE_ERP_SOCIO.STOCK_TOTAL === 0 ?\r\n null\r\n :\r\n \r\n \r\n
\r\n \r\n : null\r\n :\r\n null\r\n }\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n\r\n \r\n {traducirPagina(\"Cantidad\")}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (CANTIDAD_CLIENTE !== null) {\r\n\r\n let valor = e.target.value;\r\n if (valor === \"\") {\r\n valor = e.target.value;\r\n } else {\r\n if (soloNumeros(valor)) {\r\n valor = valor === \"0\" ? \"1\" : e.target.value\r\n } else {\r\n valor = \"1\";\r\n }\r\n }\r\n setCANTIDAD_CLIENTE(valor)\r\n }\r\n\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n {\r\n añadirALaCesta(item, CANTIDAD_CLIENTE === null ? \"1\" : CANTIDAD_CLIENTE)\r\n\r\n }}>\r\n
\r\n\r\n \r\n\r\n : null\r\n }\r\n\r\n\r\n {!verificarSiEsMostrador() ?\r\n {\r\n item.CANTIDAD = CANTIDAD_CLIENTE === null ? \"1\" : CANTIDAD_CLIENTE;\r\n\r\n agregarAPresupuesto(item)\r\n\r\n }}>\r\n
\r\n :\r\n null\r\n }\r\n\r\n\r\n {item.DETALLE_ERP_SOCIO !== null ?\r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n\r\n {item.REFERENCIA_DISTRIBUIDOR !== \"\" ?\r\n item.DETALLE_ERP_SOCIO !== null ?\r\n <>\r\n | \r\n | \r\n |
|---|---|
| {`Eco tasa :`} | \r\n\r\n {convertirMoneda(item.ECOTASA, \" €\")}\r\n | \r\n
| {`${traducirPagina(\"PVP\")}: `} | \r\n\r\n {convertirMoneda(item.DETALLE_ERP_SOCIO.PRECIO, \" €\")}\r\n | \r\n
| {`${traducirPagina(\"Precio\")}: `} | \r\n\r\n {convertirMoneda(item.DETALLE_ERP_SOCIO.PRECIO, \" €\")}\r\n | \r\n
| {`${traducirPagina(\"Dto\")}: `} | \r\n\r\n {item.DETALLE_ERP_SOCIO.DESCUENTO + \" %\"}\r\n | \r\n
| {`${traducirPagina(\"Neto\")}: `} | \r\n\r\n {convertirMoneda(item.DETALLE_ERP_SOCIO.NETO, \" €\")}\r\n | \r\n
\r\n {\r\n\r\n if (props.TIPO === \"MASTER\") {\r\n props.CERRAR.setState({ ABRIR_FICHA_NEUMATICOS_ERP: false })\r\n } else {\r\n props.CERRAR_FICHA(false)\r\n }\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n\r\n \r\n \r\n :\r\n null\r\n\r\n }\r\n \r\n\r\n {\r\n abrirFichaDetalle ?\r\n \r\n \r\n :\r\n null\r\n }\r\n\r\n {\r\n \r\n abrirStockNeumatico &&\r\n \r\n }\r\n\r\n {\r\n \r\n abrirCestaNeumatico &&\r\n \r\n \r\n \r\n }\r\n\r\n\r\n
\r\n\r\n )\r\n}\r\n\r\nFichaNeumaticosErp.propTypes = {\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n CERRAR: PropTypes.object,\r\n TIPO: PropTypes.string,\r\n\r\n MEDIDAS: PropTypes.string,\r\n ID_VEHICULO: PropTypes.number\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n openDrawerFichaNeumaticos: state.estadoDrawer.openDrawerFichaNeumaticos,\r\n filtrosReferencia: state.filtrosReferencia,\r\n usuario: state.usuario,\r\n clienteSeleccionado: state.clienteSeleccionado,\r\n\r\n\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaNeumaticosErp);","import React, { useState } from \"react\";\r\nimport { LeftCircleOutlined } from \"@ant-design/icons\"\r\nimport { buscarTipoCombustible, obtenerGraficos, traducirPagina } from \"../librerias/funciones\"\r\nimport grafico_moto from \"../graficos/moto.json\"\r\nimport grafico_accesorios from \"../graficos/accesorios.json\"\r\nimport carroceria from \"../graficos/procesado_carroceria.json\"\r\n\r\nimport store from \"../store\";\r\nimport {\r\n DrawerReferenciaGrafico, DrawerReferenciaGraficoCarroceria, estadoAgrupacionDeMarcas\r\n} from \"../action/actionCreators\";\r\n\r\n\r\n\r\nexport const GraficoVehiculo = ({ esGraficoMoto = false, descripcionCombustible = \"\", eventoNeumatico = () => { } }) => {\r\n\r\n const [initComponent, setInitComponent] = React.useState({\r\n graficosVehiculo: {},\r\n graficosVehiculoCopia: {},\r\n NIVEL_ACTUAL: 1,\r\n HISTORIAL_GRAFICO: [],\r\n GRAFICO_SELECCIONADO: 1\r\n })\r\n\r\n const [esgraficoCarroceria, setEsgraficoCarroceria] = useState(false)\r\n\r\n\r\n const stylingObject = {\r\n container_grafico: {\r\n margin: '20px 0px',\r\n background: '#fff'\r\n },\r\n header_acciones: {\r\n padding: \"20px\",\r\n display: \"flex\",\r\n justifyContent: \"space-between\"\r\n },\r\n header_acciones_item2: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n gap: '5px',\r\n cursor: 'pointer'\r\n },\r\n\r\n body_grafico: {\r\n height: \"calc(100vh - 253px)\",\r\n padding: \"10px\"\r\n },\r\n\r\n btn_menu: {\r\n padding: \"10px\",\r\n border: \"0px\",\r\n borderRadius: \"3px\",\r\n fontSize: \"16px\",\r\n color: \"#fff\",\r\n minWidth: '120px'\r\n },\r\n container_btn: {\r\n display: \"flex\",\r\n gap: '10px',\r\n alignItems: \"center\",\r\n\r\n }\r\n }\r\n\r\n const eventoGraficoSeleccionado = (ID_NODO, NOMBRE_NODO, ES_ACCESORIO) => {\r\n\r\n if (ID_NODO !== undefined && ID_NODO !== null && ID_NODO !== 0) {\r\n\r\n if (esGraficoMoto) {\r\n NOMBRE_NODO = NOMBRE_NODO.toUpperCase()\r\n } else {\r\n ID_NODO = ID_NODO.replace(\"g\", \"\")\r\n }\r\n\r\n if (ID_NODO === \"NEU\") {\r\n eventoNeumatico()\r\n } else {\r\n store.dispatch({ type: \"STATE_NODO_GRAFICO\", id: ID_NODO, nombreGrupo: NOMBRE_NODO, es_accesorio: ES_ACCESORIO });\r\n if (esgraficoCarroceria) {\r\n store.dispatch(DrawerReferenciaGraficoCarroceria(true));\r\n } else {\r\n store.dispatch(DrawerReferenciaGrafico(true));\r\n }\r\n store.dispatch(estadoAgrupacionDeMarcas({ \"marcas\": [], \"grupoMontaje\": [] }))\r\n store.dispatch({ type: \"UPDATE_PAGINATION\", pagination: {} });\r\n\r\n }\r\n\r\n }\r\n }\r\n\r\n const initGraficos = (registros, graficoSeleccionado) => {\r\n registros.children.map((item) => item.SELECCIONADO = false)\r\n\r\n initComponent.NIVEL_ACTUAL = 1\r\n initComponent.graficosVehiculo = registros\r\n initComponent.graficosVehiculoCopia = registros\r\n\r\n\r\n initComponent.HISTORIAL_GRAFICO = [registros];\r\n initComponent.GRAFICO_SELECCIONADO = graficoSeleccionado\r\n\r\n setInitComponent({ ...initComponent })\r\n }\r\n\r\n const cargarGraficoMoto = () => {\r\n initGraficos(grafico_moto, 1)\r\n }\r\n\r\n const cargarGraficoAccesorios = () => {\r\n initGraficos(grafico_accesorios, 2)\r\n }\r\n\r\n const cargarGraficoMecanica = () => {\r\n setEsgraficoCarroceria(false)\r\n\r\n const tipoCombustible = buscarTipoCombustible()\r\n const graficoMecanicaActual = obtenerGraficos(tipoCombustible);\r\n initGraficos(graficoMecanicaActual, 3)\r\n }\r\n\r\n const cargarGraficoCarroceria = () => {\r\n setEsgraficoCarroceria(true)\r\n\r\n initGraficos(carroceria, 4)\r\n }\r\n\r\n React.useEffect(() => {\r\n setEsgraficoCarroceria(false)\r\n\r\n if (esGraficoMoto) {\r\n cargarGraficoMoto()\r\n } else {\r\n cargarGraficoMecanica()\r\n }\r\n\r\n console.log(\"init\")\r\n \r\n }, [])\r\n\r\n\r\n const { container_grafico, header_acciones, header_acciones_item2, body_grafico, btn_menu, container_btn } = stylingObject\r\n\r\n const { rootImage, children } = Object.keys(initComponent.graficosVehiculoCopia).length === 0 ? { rootImage: \"\", children: [] } : initComponent.graficosVehiculoCopia;\r\n console.log(\"rootImage\", rootImage)\r\n\r\n return (\r\n\r\n \r\n
\r\n\r\n {\r\n\r\n <>\r\n \r\n {\r\n\r\n if (props.TIPO === \"MASTER\") {\r\n props.CERRAR.setState({ ABRIR_FICHA_NEUMATICOS_ERP: false })\r\n } else {\r\n props.CERRAR_FICHA(false)\r\n }\r\n\r\n\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n\r\n {\r\n visualizacionDescuento ?\r\n
\r\n\r\n setVisualizacionDescuento(false)} >\r\n
\r\n :\r\n { setVisualizacionDescuento(true) }} >\r\n
\r\n\r\n }\r\n\r\n \r\n ![](\"./imagenes/cocheNegro.png\" "{traducirPagina(\\"Turismo\\").toUpperCase()}")
{\r\n listaCamino.TURISMO = !listaCamino.TURISMO\r\n setListaCamino({ ...listaCamino })\r\n\r\n }}>\r\n\r\n
\r\n\r\n {\r\n listaCamino.TURISMO = !listaCamino.TURISMO\r\n setListaCamino({ ...listaCamino })\r\n\r\n }}>\r\n\r\n \r\n ![](\"./imagenes/neumaticos/furgoneta.png\" "{traducirPagina(\\"Furgon\\").toUpperCase()}")
{\r\n listaCamino.FURGON = !listaCamino.FURGON\r\n setListaCamino({ ...listaCamino })\r\n\r\n }}>\r\n\r\n
\r\n\r\n {\r\n listaCamino.FURGON = !listaCamino.FURGON\r\n setListaCamino({ ...listaCamino })\r\n\r\n }}>\r\n\r\n \r\n ![](\"./imagenes/camion.png\" "{traducirPagina(\\"Camion\\").toUpperCase()}")
{\r\n listaCamino.CAMION = !listaCamino.CAMION\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n
\r\n\r\n\r\n {\r\n listaCamino.CAMION = !listaCamino.CAMION\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n \r\n ![](\"./imagenes/nieve.png\" "{traducirPagina(\\"Invierno\\").toUpperCase()}")
{\r\n listaCamino.INVIERNO = !listaCamino.INVIERNO\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n
\r\n\r\n {\r\n listaCamino.INVIERNO = !listaCamino.INVIERNO\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n \r\n ![](\"./imagenes/verano.png\" "{traducirPagina(\\"Verano\\").toUpperCase()}")
{\r\n\r\n listaCamino.VERANO = !listaCamino.VERANO\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n
\r\n\r\n {\r\n\r\n listaCamino.VERANO = !listaCamino.VERANO\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n \r\n {\r\n\r\n listaCamino.ALLSEASON = !listaCamino.ALLSEASON\r\n setListaCamino({ ...listaCamino })\r\n }} >{traducirPagina(\"Todas_las_temporadas\").toUpperCase()}\r\n
\r\n\r\n\r\n\r\n \r\n ![](\"./imagenes/neumaticos/nube_nieve.png\")
{\r\n\r\n listaCamino.NIEVE = !listaCamino.NIEVE\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n
\r\n\r\n {\r\n\r\n listaCamino.NIEVE = !listaCamino.NIEVE\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n \r\n ![](\"./imagenes/neumaticos/montanas.png\")
{\r\n\r\n listaCamino.ALPINO = !listaCamino.ALPINO\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n
\r\n\r\n\r\n\r\n {\r\n\r\n listaCamino.ALPINO = !listaCamino.ALPINO\r\n setListaCamino({ ...listaCamino })\r\n }}>\r\n \r\n\r\n {\r\n props.ID_VEHICULO !== -1 ?\r\n\r\n REGISTROS_NEUMATICOS.MEDIDAS === null ?\r\n null\r\n :\r\n REGISTROS_NEUMATICOS.MEDIDAS.length > 0 ?\r\n {\r\n let SELECCIONADO = e === undefined || e === null ? \"\" : e\r\n FILTRO_LOCAL.ANCHO_SELECCIONADO = SELECCIONADO\r\n\r\n\r\n\r\n\r\n if (props.ID_VEHICULO === -1) {\r\n neumaticosAltura(FILTRO_LOCAL.ANCHO_SELECCIONADO, FILTRO_LOCAL.MARCA_SELECCIONADA).then((resultado) => {\r\n REGISTROS_NEUMATICOS.PERFIL_NEUMATICO = resultado === null ? [] : resultado\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n })\r\n\r\n\r\n FILTRO_LOCAL.PERFIL_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.LLANTA_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.CARGA_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.VELOCIDAD_SELECCIONADA = \"\"\r\n\r\n REGISTROS_NEUMATICOS.LLANTA_NEUMATICO = []\r\n REGISTROS_NEUMATICOS.CARGA_NEUMATICO = []\r\n REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO = []\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n\r\n } else {\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n }\r\n\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n buscarRegistroEnFiltro(FILTRO_LOCAL, e)\r\n\r\n\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {REGISTROS_NEUMATICOS.ANCHO_NEUMATICO.length > 0 ?\r\n REGISTROS_NEUMATICOS.ANCHO_NEUMATICO.map((registro, i) =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n }\r\n\r\n\r\n\r\n {REGISTROS_NEUMATICOS.PERFIL_NEUMATICO === null ?\r\n null\r\n :\r\n {\r\n let SELECCIONADO = e === undefined || e === null ? \"\" : e\r\n FILTRO_LOCAL.PERFIL_SELECCIONADO = SELECCIONADO\r\n\r\n\r\n\r\n\r\n\r\n if (props.ID_VEHICULO === -1) {\r\n neumaticosDiametro(FILTRO_LOCAL.ANCHO_SELECCIONADO, FILTRO_LOCAL.PERFIL_SELECCIONADO, FILTRO_LOCAL.MARCA_SELECCIONADA).then((resultado) => {\r\n REGISTROS_NEUMATICOS.LLANTA_NEUMATICO = resultado === null ? [] : resultado\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n })\r\n\r\n\r\n FILTRO_LOCAL.LLANTA_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.CARGA_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.VELOCIDAD_SELECCIONADA = \"\"\r\n\r\n REGISTROS_NEUMATICOS.CARGA_NEUMATICO = []\r\n REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO = []\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n\r\n } else {\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n }\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n\r\n\r\n buscarRegistroEnFiltro(FILTRO_LOCAL, e)\r\n\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {REGISTROS_NEUMATICOS.PERFIL_NEUMATICO.length > 0 ?\r\n REGISTROS_NEUMATICOS.PERFIL_NEUMATICO.map((registro, i) =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n }\r\n\r\n\r\n\r\n {REGISTROS_NEUMATICOS.LLANTA_NEUMATICO === null ?\r\n null\r\n :\r\n {\r\n let SELECCIONADO = e === undefined || e === null ? \"\" : e\r\n FILTRO_LOCAL.LLANTA_SELECCIONADO = SELECCIONADO\r\n\r\n\r\n\r\n if (props.ID_VEHICULO === -1) {\r\n\r\n neumaticosCarga(FILTRO_LOCAL.ANCHO_SELECCIONADO, FILTRO_LOCAL.PERFIL_SELECCIONADO, FILTRO_LOCAL.LLANTA_SELECCIONADO, FILTRO_LOCAL.MARCA_SELECCIONADA).then((resultado) => {\r\n REGISTROS_NEUMATICOS.CARGA_NEUMATICO = resultado === null ? [] : resultado\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n })\r\n\r\n\r\n FILTRO_LOCAL.CARGA_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.VELOCIDAD_SELECCIONADA = \"\"\r\n\r\n REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO = []\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n\r\n } else {\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n }\r\n\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n buscarRegistroEnFiltro(FILTRO_LOCAL, e)\r\n\r\n\r\n\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {REGISTROS_NEUMATICOS.LLANTA_NEUMATICO.length > 0 ?\r\n REGISTROS_NEUMATICOS.LLANTA_NEUMATICO.map((registro, i) =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n }\r\n\r\n\r\n {REGISTROS_NEUMATICOS.CARGA_NEUMATICO === null ?\r\n \r\n :\r\n {\r\n let SELECCIONADO = e === undefined || e === null ? \"\" : e\r\n FILTRO_LOCAL.CARGA_SELECCIONADO = SELECCIONADO\r\n\r\n\r\n if (props.ID_VEHICULO === -1) {\r\n neumaticosVelocidad(FILTRO_LOCAL.ANCHO_SELECCIONADO, FILTRO_LOCAL.PERFIL_SELECCIONADO, FILTRO_LOCAL.LLANTA_SELECCIONADO, FILTRO_LOCAL.CARGA_SELECCIONADO, FILTRO_LOCAL.MARCA_SELECCIONADA).then((resultado) => {\r\n REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO = resultado === null ? [] : resultado\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n })\r\n FILTRO_LOCAL.VELOCIDAD_SELECCIONADA = \"\"\r\n\r\n\r\n } else {\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n }\r\n\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n buscarRegistroEnFiltro(FILTRO_LOCAL, e)\r\n\r\n\r\n\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {REGISTROS_NEUMATICOS.CARGA_NEUMATICO.length > 0 ?\r\n REGISTROS_NEUMATICOS.CARGA_NEUMATICO.map((registro, i) =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n }\r\n\r\n\r\n\r\n {REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO === null ?\r\n null\r\n :\r\n {\r\n let SELECCIONADO = e === undefined || e === null ? \"\" : e\r\n FILTRO_LOCAL.VELOCIDAD_SELECCIONADA = SELECCIONADO\r\n\r\n if (props.ID_VEHICULO !== -1) {\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n }\r\n\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n buscarRegistroEnFiltro(FILTRO_LOCAL, e)\r\n\r\n\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO.length > 0 ?\r\n REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO.map((registro, i) =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n }\r\n\r\n {\r\n {\r\n\r\n let SELECCIONADO = e.target.value === null ? \"\" : e.target.value\r\n FILTRO_LOCAL.REFERENCIA_FABRICANTE_SELECCIONADA = SELECCIONADO\r\n\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n buscarRegistroEnFiltro(FILTRO_LOCAL, (e.target.value === \"\" && undefined))\r\n\r\n\r\n\r\n }} value={FILTRO_LOCAL.REFERENCIA_FABRICANTE_SELECCIONADA} size={\"large\"} style={{ width: \"150px\" }} onKeyPress={(e) => e.key === 'Enter' ? vistaPrevia() : {}} />\r\n }\r\n\r\n\r\n\r\n\r\n\r\n {\r\n props.ID_VEHICULO === -1 ?\r\n
\r\n \r\n
\r\n :\r\n null\r\n :\r\n\r\n {\r\n //setANCHO_LARGO_LLANTA(e.target.value === null ? \"\" : e.target.value)\r\n FILTRO_LOCAL.MEDIDA_SELECCIONADA = e.target.value === null ? \"\" : e.target.value\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n let VERIFICAR_MEDIDA = (e.target.value === \"\" && undefined);\r\n if (VERIFICAR_MEDIDA === undefined) {\r\n resetNeumaticos();\r\n }\r\n }} value={FILTRO_LOCAL.MEDIDA_SELECCIONADA} size={\"large\"} style={{ width: \"180px\" }} onKeyPress={(e) => e.key === 'Enter' ? vistaPrevia() : {}} />\r\n\r\n }\r\n\r\n \r\n
\r\n\r\n {REGISTROS_NEUMATICOS.ABRIR_MEDIDAS ?\r\n \r\n {\r\n REGISTROS_NEUMATICOS.MEDIDAS.length - 1 === REGISTROS_NEUMATICOS.MEDIDAS.filter((item) => item.SELECCIONADO).length - 1 ?\r\n REGISTROS_NEUMATICOS.MEDIDAS.filter((item) => item.ID === -1).map((registro) =>\r\n\r\n
\r\n\r\n \r\n \r\n {registro.MEDIDA}\r\n {\r\n REGISTROS_NEUMATICOS.MEDIDAS.map((registro) =>\r\n registro.SELECCIONADO = false\r\n )\r\n\r\n REGISTROS_NEUMATICOS.MEDIDAS = REGISTROS_NEUMATICOS.MEDIDAS;\r\n REGISTROS_NEUMATICOS.ABRIR_MEDIDAS = true;\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n\r\n buscarMedidasSeleccionadas(REGISTROS_NEUMATICOS.MEDIDAS)\r\n\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n\r\n\r\n }}> \r\n
\r\n )\r\n\r\n :\r\n\r\n REGISTROS_NEUMATICOS.MEDIDAS.filter((item) => item.SELECCIONADO).map((registro) =>\r\n \r\n {registro.MEDIDA}\r\n {\r\n registro.SELECCIONADO = false\r\n REGISTROS_NEUMATICOS.MEDIDAS = REGISTROS_NEUMATICOS.MEDIDAS;\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n buscarMedidasSeleccionadas(REGISTROS_NEUMATICOS.MEDIDAS)\r\n\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n\r\n }}> \r\n
\r\n )\r\n\r\n }\r\n\r\n \r\n {\r\n REGISTROS_NEUMATICOS.ABRIR_MEDIDAS ?\r\n { REGISTROS_NEUMATICOS.ABRIR_MEDIDAS = false; setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS }) }}> \r\n :\r\n { REGISTROS_NEUMATICOS.ABRIR_MEDIDAS = true; setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS }) }}> \r\n\r\n }\r\n
\r\n \r\n
\r\n :\r\n null\r\n }\r\n - \r\n {REGISTROS_NEUMATICOS.MEDIDAS.map((registro) =>\r\n <>\r\n
- \r\n \r\n {\r\n registro.ID === -1 ?\r\n \r\n :\r\n registro.VER_INFORMACION ?\r\n\r\n
{\r\n registro.VER_INFORMACION = false\r\n REGISTROS_NEUMATICOS.MEDIDAS = REGISTROS_NEUMATICOS.MEDIDAS;\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n\r\n\r\n }} > \r\n :\r\n{\r\n registro.VER_INFORMACION = true\r\n REGISTROS_NEUMATICOS.MEDIDAS = REGISTROS_NEUMATICOS.MEDIDAS;\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n\r\n\r\n }}> \r\n }\r\n\r\n{\r\n if (registro.ID === -1) {\r\n REGISTROS_NEUMATICOS.MEDIDAS.map((registro) =>\r\n registro.SELECCIONADO = e.target.checked\r\n )\r\n } else {\r\n REGISTROS_NEUMATICOS.MEDIDAS[0].SELECCIONADO = false\r\n registro.SELECCIONADO = e.target.checked\r\n REGISTROS_NEUMATICOS.MEDIDAS = REGISTROS_NEUMATICOS.MEDIDAS;\r\n }\r\n\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n buscarMedidasSeleccionadas(REGISTROS_NEUMATICOS.MEDIDAS)\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n\r\n datosPaginacion.iniPage = 1\r\n datosPaginacion.inicio = 1\r\n datosPaginacion.final = datosPaginacion.numPagina\r\n setDatosPaginacion({ ...datosPaginacion })\r\n\r\n\r\n }}>\r\n {`${registro.DESCRIPCION} ${registro.MEDIDA}`}\r\n \r\n \r\n {\r\n registro.VER_INFORMACION ?\r\n
\r\n {registro.PROPIEDADES.map((item) =>\r\n
\r\n :\r\n null\r\n }\r\n \r\n )}\r\n {item}
\r\n )}\r\n\r\n {REGISTROS_NEUMATICOS.MARCAS === null ?\r\n null\r\n :\r\n {\r\n\r\n let SELECCIONADO = e === undefined || e === null ? \"\" : e\r\n FILTRO_LOCAL.MARCA_SELECCIONADA = SELECCIONADO\r\n\r\n if (props.ID_VEHICULO === -1) {\r\n neumaticosAnchura(FILTRO_LOCAL.MARCA_SELECCIONADA).then((resultado) => {\r\n REGISTROS_NEUMATICOS.ANCHO_NEUMATICO = resultado === null ? [] : resultado\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n })\r\n\r\n FILTRO_LOCAL.ANCHO_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.PERFIL_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.LLANTA_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.CARGA_SELECCIONADO = \"\"\r\n FILTRO_LOCAL.VELOCIDAD_SELECCIONADA = \"\"\r\n\r\n // REGISTROS_NEUMATICOS.ANCHO_NEUMATICO = []\r\n REGISTROS_NEUMATICOS.LLANTA_NEUMATICO = []\r\n REGISTROS_NEUMATICOS.CARGA_NEUMATICO = []\r\n REGISTROS_NEUMATICOS.VELOCIDAD_NEUMATICO = []\r\n setREGISTROS_NEUMATICOS({ ...REGISTROS_NEUMATICOS })\r\n\r\n } else {\r\n implementarFiltros(REGISTROS_NEUMATICOS, FILTRO_LOCAL)\r\n }\r\n\r\n\r\n setFILTRO_LOCAL({ ...FILTRO_LOCAL })\r\n\r\n buscarRegistroEnFiltro(FILTRO_LOCAL, e)\r\n\r\n\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {REGISTROS_NEUMATICOS.MARCAS.length > 0 ?\r\n REGISTROS_NEUMATICOS.MARCAS.map((registro, i) =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n }\r\n
\r\n\r\n\r\n\r\n\r\n {REGISTROS_NEUMATICOS.ANCHO_NEUMATICO === null ?\r\n null\r\n :\r\n \r\n
\r\n\r\n :\r\n null\r\n }\r\n\r\n {\r\n resetNeumaticos();\r\n }}>\r\n
\r\n {\r\n vistaPrevia()\r\n }}>\r\n
\r\n \r\n\r\n {listadoDeReferencias === -1 ?\r\n
\r\n \r\n }\r\n \r\n\r\n\r\n {fichaCesta ?\r\n \r\n
\r\n :\r\n\r\n <>\r\n \r\n
\r\n \r\n 
\r\n\r\n {\r\n textosDinamicos.map((registro, i) =>\r\n
\r\n\r\n \r\n\r\n {\r\n textosDinamicos.map((registro, i) =>\r\n \r\n {registro.TEXTO}\r\n
\r\n )\r\n }\r\n \r\n
\r\n\r\n \r\n {traducirPagina(\"Msg_criterio_neumatico\")}
\r\n\r\n {\r\n\r\n listadoDeReferencias === null ?\r\n \r\n :\r\n Object.keys(listadoDeReferencias).length > 0 ?\r\n \r\n \r\n
\r\n :\r\n \r\n }\r\n
\r\n\r\n\r\n {traducirPagina(\"No_neumaticos\")}
| \r\n | {traducirPagina(\"Marca\").toUpperCase()} | \r\n{traducirPagina(\"Referencia\").toUpperCase()} | \r\n\r\n{traducirPagina(\"Descripción\").toUpperCase()} | \r\n{traducirPagina(\"PVP\").toUpperCase()} | \r\n {visualizacionDescuento &&{traducirPagina(\"Precio\").toUpperCase()} | }\r\n {visualizacionDescuento &&{traducirPagina(\"Dto\").toUpperCase()} | }\r\n {visualizacionDescuento &&{traducirPagina(\"Neto\").toUpperCase()} | }\r\n\r\n\r\n | \r\n\r\n |
|---|---|---|---|---|---|---|---|---|---|
| \r\n \r\n \r\n | \r\n \r\n {`${item.MARCA_DESCRIPCION}`}\r\n | \r\n\r\n {`${item.REFERENCIA_FABRICANTE}`} \r\n {`${item.TIPO_VEHICULO}`} \r\n\r\n\r\n | \r\n \r\n {`${item.DESCRIPCION_1 !== \"\" ? item.DESCRIPCION_1 : \"\"} ${item.DESCRIPCION_2 !== \"\" ? item.DESCRIPCION_2 : \"\"} ${item.DESCRIPCION_3 !== \"\" ? item.DESCRIPCION_3 : \"\"}`} \r\n\r\n \r\n \r\n\r\n\r\n ![\"resistance\"](\"/imagenes/neumaticos/gas_bomba.png\") \r\n\r\n {item.CONSUMO}\r\n ![\"grip\"](\"./imagenes/neumaticos/lluvias_nubes.png\") \r\n {item.AGARRE} \r\n ![\"noise\"](\"./imagenes/neumaticos/volumen.png\") \r\n {`${item.ONDAS} ${item.DECIBELIOS}`} \r\n\r\n \r\n {item.CLASE === \"C1\" ?\r\n \r\n : item.CLASE === \"C2\" ? ![](\"./imagenes/coche4x4.png\" "{traducirPagina(\\"Furgon\\")}") \r\n : \r\n }\r\n\r\n {item.CLASE === \"C1\" ? traducirPagina(\"Turismo\").toUpperCase() :\r\n item.CLASE === \"C2\" ? traducirPagina(\"Furgon\").toUpperCase() :\r\n traducirPagina(\"Camion\").toUpperCase()\r\n }\r\n \r\n\r\n {item.RUN_FLAT ? {\"RUNFLAT\"} : null}\r\n\r\n \r\n {item.TEMPORADA === \"V\" ?\r\n ![](\"./imagenes/neumaticos/sol.png\" "{traducirPagina(\\"Verano\\").toUpperCase()}") \r\n : item.TEMPORADA === \"I\" ?\r\n \r\n :\r\n ![](\"./imagenes/neumaticos/nube_sol_lluvia.png\" "{traducirPagina(\\"Todas_las_temporadas\\").toUpperCase()}") \r\n\r\n }\r\n\r\n {item.TEMPORADA === \"V\" ?\r\n traducirPagina(\"Verano\").toUpperCase() :\r\n item.TEMPORADA === \"I\" ?\r\n traducirPagina(\"Invierno\").toUpperCase() :\r\n traducirPagina(\"Todas_las_temporadas\").toUpperCase()}\r\n \r\n\r\n \r\n {item.NIEVE ?\r\n \r\n :\r\n null\r\n }\r\n\r\n {item.ALPINO ?\r\n \r\n :\r\n null\r\n }\r\n \r\n | \r\n \r\n {item.REFERENCIA_DISTRIBUIDOR !== \"\" ?\r\n item.DETALLE_ERP_SOCIO !== null ?\r\n `${convertirMoneda(item.DETALLE_ERP_SOCIO.PVP, \" €\")}`\r\n\r\n : null\r\n :\r\n null\r\n }\r\n | \r\n\r\n {visualizacionDescuento ?\r\n\r\n\r\n {item.REFERENCIA_DISTRIBUIDOR !== \"\" ?\r\n item.DETALLE_ERP_SOCIO !== null ?\r\n `${convertirMoneda(item.DETALLE_ERP_SOCIO.PRECIO, \" €\")}`\r\n\r\n : null\r\n :\r\n null\r\n }\r\n | \r\n :\r\n null\r\n }\r\n\r\n {visualizacionDescuento ?\r\n\r\n {item.REFERENCIA_DISTRIBUIDOR !== \"\" ?\r\n item.DETALLE_ERP_SOCIO !== null ?\r\n \r\n {item.DETALLE_ERP_SOCIO.DESCUENTO + \" %\"}\r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n | \r\n : null\r\n }\r\n\r\n {visualizacionDescuento ?\r\n \r\n {item.REFERENCIA_DISTRIBUIDOR !== \"\" ?\r\n item.DETALLE_ERP_SOCIO !== null ?\r\n \r\n {convertirMoneda(item.DETALLE_ERP_SOCIO.NETO, \" €\")}\r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n | \r\n :\r\n null\r\n }\r\n\r\n \r\n \r\n\r\n \r\n :\r\n null\r\n }\r\n\r\n \r\n {\r\n setAbrirFichaDetalle(true)\r\n setNeumaticoSeleccionado(item)\r\n }}>\r\n \r\n\r\n {item.DETALLE_ERP_SOCIO !== null ?\r\n {\r\n abrirDesglose(item)\r\n \r\n }} style={{ color: item.DETALLE_ERP_SOCIO.STOCK_ALMACEN > 0 ? '#25c281' : item.DETALLE_ERP_SOCIO.STOCK_ALMACEN === 0 && item.DETALLE_ERP_SOCIO.STOCK_TOTAL > 0 ? '#ff8000' : 'red', backgroundColor: 'transparent', display: verficarSiEsCatalogo(usuario) ? 'none' : '' }}>\r\n {item.DETALLE_ERP_SOCIO.STOCK_ALMACEN === 0 && item.DETALLE_ERP_SOCIO.STOCK_TOTAL === 0 ?\r\n \r\n :\r\n null\r\n }\r\n\r\n {item.DETALLE_ERP_SOCIO !== null ?\r\n\r\n | \r\n\r\n \r\n {\r\n\r\n item.DETALLE_ERP_SOCIO !== null ?\r\n verificarCantidadCesta({ STOCK_ALMACEN: item.DETALLE_ERP_SOCIO.STOCK_ALMACEN, STOCK_TOTAL: item.DETALLE_ERP_SOCIO.STOCK_TOTAL, PRECIO: item.DETALLE_ERP_SOCIO.PRECIO }, COMPRAR_SIN_DISPONIBILIDAD) ?\r\n null\r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n {\r\n if (item.CANTIDAD_CLIENTE !== null) {\r\n\r\n let valor = e.target.value;\r\n if (valor === \"\") {\r\n item.CANTIDAD_CLIENTE = e.target.value;\r\n } else {\r\n if (soloNumeros(valor)) {\r\n item.CANTIDAD_CLIENTE = valor === \"0\" ? \"1\" : e.target.value\r\n } else {\r\n item.CANTIDAD_CLIENTE = \"1\";\r\n }\r\n }\r\n setListadoDeReferencias({ ...listadoDeReferencias })\r\n }\r\n\r\n }} />\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n :\r\n null\r\n\r\n }\r\n\r\n | \r\n
\r\n {listadoDeReferencias !== null ?\r\n Object.keys(listadoDeReferencias).length > 0 ?\r\n { updateNumberPage(current, size) }}\r\n total={listadoDeReferencias.neumaticos.length}\r\n showTotal={total => ` ${total} ${traducirPagina(\"Neumáticos\")}`}\r\n defaultPageSize={datosPaginacion.numPagina}\r\n onChange={(page, pageSize) => { paginarNeumatico(page, pageSize) }}\r\n > \r\n :\r\n null\r\n : null\r\n }\r\n
\r\n \r\n }\r\n \r\n
);\r\n};","import { MinusOutlined, PlusOutlined } from \"@ant-design/icons\";\r\nimport React from \"react\";\r\n\r\nconst CPCantidad = ({ value = 1, event_minus = () => { }, event_input = () => { }, event_plus = () => { }, onBlur = () => { } }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n event_input(e)\r\n }}\r\n onBlur={onBlur}\r\n \r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CPCantidad;","import React, { useEffect } from \"react\";\r\nimport {\r\n MDBCol, MDBIcon, MDBTable, MDBTableBody, MDBNav, MDBNavItem, MDBBtn\r\n} from 'mdbreact';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport store from \"../store\";\r\nimport FichaGraficoCarroceria from \"./FichaGraficoCarroceria.jsx\";\r\nimport Manuales from \"../components/Haynes/Manuales\"\r\nimport FichaStockSocio from \"./FichaStockSocio.jsx\";\r\nimport { ImagenArticulo } from \"./ImagenArticulo\"\r\nimport {\r\n updateColapseMarca, updatePaginaAMostrar, actualizarHistorialGrafico,\r\n updateNumberPagination, updateVisualizacionDescuento, updateVisualizacionFiltro, actulizarNivelGrafico, actulizarReferenciaSeleccionada, eventoFiltroReferencias,\r\n DrawerReferenciaGrafico, estadoAgrupacionDeMarcas, DrawerStockAlmacen, DrawerMasInformacion, efectoBotonRemove,\r\n DrawerReferenciaGraficoCarroceria, createRipple, detenerBusquedaDetalles, actualizarNodoTree, mostrarVistaGrafica, getListTreeGraficos,\r\n verFiltroPorMarca, updateGruposMarcasSeleccionadas, verFiltroPorGrupo, updateGruposMontajeSeleccionados\r\n} from \"../action/actionCreators\";\r\nimport { pad, getStockDesglose, buscarDetallesReferencia, buscarPrecioReferencia, getListSuplier } from \"../action/actionCreatorsRequests\";\r\nimport {\r\n mostrarPaginaActual, addClassCoche, removeClassCoche, removeAllClassCoche, obtenerListaOrdenadaPorStock, referenciaActualSelect, convertirMoneda, buscarReferenciaYMostrarEnPantalla, copiarAlPortapapeles, verficarSiEsCatalogo, colorCabeceraPorElPrecioDeLaReferencia,\r\n colorCabeceraFuente, efectoLadoDeMontaje, crearLineasParaElPresupuesto, traducirPagina, MSGOK, mostarReferenciasEnPantalla, verificarSiEsMostrador, MSGERROR, obtenerGraficosCarroceria, obtenerDatosUsuarioYLicenciaActual, verficarSiEsPVP, obtenerGraficosMecanica,\r\n soloNumeros, obtenerTipoConbustible, recortarCadena, buscarVehiculoLocal, condicionesAbrirCesta, cestaAutomatica, dynamicSortAsc, dynamicSortDesc, filtroTree, obtenerPathNodo, obtenerTipoDeBusquedaActual, visualizarStocksRemotos,\r\n datosLincenciaUsuario, verificarCantidadCesta, filtroLadoMontaje, condicionesAbrirCestav2\r\n\r\n} from \"../librerias/funciones\"\r\nimport { Pagination, Modal, Button, Col, Checkbox, Tree } from 'antd';\r\nimport {\r\n ShoppingOutlined,\r\n EyeOutlined,\r\n LikeOutlined,\r\n DislikeOutlined,\r\n FileImageOutlined,\r\n FullscreenOutlined,\r\n FullscreenExitOutlined,\r\n EyeInvisibleOutlined,\r\n ControlOutlined,\r\n ApartmentOutlined,\r\n LeftCircleOutlined,\r\n AppstoreOutlined,\r\n CopyOutlined,\r\n ClockCircleOutlined,\r\n FileAddOutlined,\r\n FilterOutlined,\r\n MinusOutlined,\r\n PlusOutlined,\r\n SearchOutlined,\r\n CloseOutlined,\r\n FileTextOutlined,\r\n FileOutlined,\r\n DeploymentUnitOutlined,\r\n BulbFilled,\r\n BulbOutlined\r\n} from '@ant-design/icons';\r\nimport { Layout } from 'antd';\r\nimport FichaAñadirCesta from \"./FichaAñadirCesta.jsx\";\r\nimport FichaNeumaticosErp from \"./FichaNeumaticosErp.jsx\";\r\nimport { GraficoVehiculo } from \"./GraficoVehiculo\";\r\nimport { FichaReferenciaSugerida } from \"./Compra/FichaReferenciaSugerida\";\r\nimport CPLadoMontaje from \"./utils/CPLadoMontaje\";\r\nimport CatalogoArticulos from \"./Catalogo/CatalogoArticulos.jsx\";\r\nimport CPCantidad from \"./utils/CPCantidad.jsx\";\r\n\r\nconst { Content } = Layout;\r\nconst { DirectoryTree } = Tree;\r\n\r\nconst ContainerReferencia = ({ props, grupoDeMarcas, colapseMarca, pagination, configApp, buscadorTree, datosGraficos, usuario, listaTree, codmotorizacion, clienteSeleccionado, FiltroGrupoPorDefecto, TipoGrafico, fichaBusquedaVehiculo, DIRECTORIO_DOCUMENTO, listaTreeFiltrada, filtrosReferencia }) => {\r\n let redmensionarAltura = (configApp.height - 192).toString();\r\n const OBTENER_DATOS_USUARIO = datosLincenciaUsuario();\r\n const { ACTIVAR_BOTON_VER_REFERENCIAS_CON_CRUCE } = OBTENER_DATOS_USUARIO === undefined ? { ACTIVAR_BOTON_VER_REFERENCIAS_CON_CRUCE: false } : OBTENER_DATOS_USUARIO;\r\n const { COMPRAR_SIN_DISPONIBILIDAD } = OBTENER_DATOS_USUARIO === undefined ? { COMPRAR_SIN_DISPONIBILIDAD: false } : OBTENER_DATOS_USUARIO;\r\n\r\n const { ABRIR_SIEMPRE_DESGLOSE_COMPRAR } = OBTENER_DATOS_USUARIO === undefined ? { ABRIR_SIEMPRE_DESGLOSE_COMPRAR: false } : OBTENER_DATOS_USUARIO;\r\n\r\n\r\n\r\n const { PERMISO_DOCUMENTACION_TECNICA } = usuario.LoginSertec.List_LicenciaSERTE[0];\r\n const [visible, setVisible] = React.useState(false);\r\n const [tipoVisualizacionGrafico, setTipoVisualizacionGrafico] = React.useState(\"MECANICA\");\r\n const [graficosCarroceria, setGraficosCarroceria] = React.useState({});\r\n const [graficosMecanica, setGraficosMecanica] = React.useState({});\r\n const [historialGrafivoMecanica, setHistorialGrafivoMecanica] = React.useState({});\r\n\r\n const [fichaCesta, setFichaCesta] = React.useState(false);\r\n const [referenciaSeleccionada, setReferenciaSeleccionada] = React.useState({});\r\n const [actulizarVista, setActulizarVista] = React.useState(true);\r\n const [actulizarPagina, setActulizarPagina] = React.useState(true);\r\n const [cambioGrupo, setCambioGrupo] = React.useState(true);\r\n\r\n const [listaDeReferenciasDeLaPaginaActual, setListaDeReferenciasDeLaPaginaActual] = React.useState([]);\r\n\r\n const [abrirFichaManuales, setAbrirFichaManuales] = React.useState(false);\r\n\r\n const [abrirFichaStockSocio, setAbrirFichaStockSocio] = React.useState(false);\r\n const [registroStockSocio, setRegistroStockSocio] = React.useState({});\r\n\r\n const [abrirFichaNeumatico, setAbrirFichaNeumatico] = React.useState(false);\r\n const [referenciaSugerida, setReferenciaSugerida] = React.useState(false);\r\n\r\n\r\n\r\n const { referencias: REGISTROS_REFERENCIA, auxReferencia: REGISTROS_REFERENCIA_TOTALES } = grupoDeMarcas\r\n\r\n\r\n\r\n\r\n const [vistaReferencia, setVistaReferencia] = React.useState({\r\n POR_PRECIO: false,\r\n POR_DISPONIBILIDAD: true,\r\n POR_REFERENCIA_CON_PRECIO: ACTIVAR_BOTON_VER_REFERENCIAS_CON_CRUCE\r\n });\r\n\r\n\r\n const filtroPorDefecto = (estado) => {\r\n store.dispatch({ type: \"STATE_FILTRO_GRUPO_POR_DEFECTO\", FiltroGrupoPorDefecto: estado })\r\n props.ACTUALIZAR_POR_DEFECTO(estado)\r\n }\r\n\r\n\r\n const buscarDetalleReferencia = async (grupo) => {\r\n\r\n\r\n const respuesta = await grupo.map(async (registro, i) => {\r\n\r\n const detalle = await registro.referencias.map(async (referencia) => {\r\n let data = undefined;\r\n\r\n if (referencia.CODIGO_MARCA !== 0 || (referencia.CODIGO_MARCA === 0 && referencia.NOMRE_MARCA === \"ADICIONAL\")) {\r\n data = await buscarDetallesReferencia(referencia);\r\n referencia.LOADER = true\r\n referencia.detalles = data;\r\n\r\n } else {\r\n referencia.LOADER = null\r\n }\r\n\r\n return data;\r\n })\r\n\r\n\r\n await Promise.all(detalle);\r\n return registro\r\n })\r\n\r\n Promise.all(respuesta).then(registros => {\r\n setListaDeReferenciasDeLaPaginaActual([...registros])\r\n })\r\n }\r\n\r\n\r\n\r\n const buscarPrecios = async (grupo) => {\r\n\r\n const respuesta = await grupo.map(async (registro, i) => {\r\n const precios = await registro.referencias.map(async (referencia) => {\r\n\r\n const data = await buscarPrecioReferencia(referencia);\r\n\r\n referencia.HAY_PRECIO = true\r\n if (data !== undefined) {\r\n referencia.PRECIO = data.PRECIO\r\n referencia.NETO = data.NETO\r\n referencia.DESCUENTO = data.DESCUENTO\r\n referencia.DESCUENTO_ACTUALIZADO = true\r\n referencia.PVP_RECOMENDADO = data.PVP\r\n }\r\n\r\n\r\n/*\r\n if (document.getElementById(\"CANTIDAD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"CANTIDAD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).value = \"1\";\r\n }\r\n\r\n if (document.getElementById(\"CANTIDAD_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"CANTIDAD_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).value = \"1\";\r\n }\r\n*/\r\n\r\n\r\n return data;\r\n })\r\n\r\n await Promise.all(precios);\r\n return registro\r\n })\r\n\r\n\r\n Promise.all(respuesta).then(registros => {\r\n\r\n registros.map((gruposMarcas) => {\r\n let verdes = []\r\n let naranjas = []\r\n let rojos = []\r\n let rojos_sin_precio = []\r\n\r\n gruposMarcas.referencias.map((item) => {\r\n if (item.STOCK_ALMACEN > 0) {\r\n verdes.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL > 0) {\r\n naranjas.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO > 0) {\r\n rojos.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO === 0) {\r\n rojos_sin_precio.push(item)\r\n }\r\n })\r\n\r\n verdes.sort(dynamicSortAsc(\"NETO\"))\r\n naranjas.sort(dynamicSortAsc(\"NETO\"))\r\n rojos.sort(dynamicSortAsc(\"NETO\"))\r\n let preciosFinal = verdes.concat(naranjas).concat(rojos).concat(rojos_sin_precio);\r\n gruposMarcas.referencias = preciosFinal;\r\n })\r\n\r\n\r\n setListaDeReferenciasDeLaPaginaActual([...registros])\r\n\r\n\r\n })\r\n }\r\n\r\n const actualizarVista = () => {\r\n setActulizarVista(true)\r\n }\r\n\r\n\r\n const visualizarReferencias = (listaDeMarcasDeLaPaginaActual) => {\r\n let listaDeReferenciasDeLaPaginaActual = [];\r\n let listaDeReferencias = [];\r\n\r\n\r\n //Para el boton por defecto\r\n if (codmotorizacion.toString() === \"\") {\r\n if (grupoDeMarcas.marcas.length > 0 && actulizarPagina) {\r\n if (FiltroGrupoPorDefecto && cambioGrupo) {\r\n\r\n let listaTop = []\r\n let adicionales = []\r\n grupoDeMarcas.grupoMontaje.map((registro) => {\r\n listaTop.push(\r\n {\r\n NOMBRE_GRUPO: registro,\r\n NUMERO: grupoDeMarcas.auxReferencia.filter((referencia) => referencia.NOMBRE_GRUPO_MONTAJE === registro).length\r\n })\r\n })\r\n\r\n let grupoMayor = listaTop.reduce((item, comparador) => item.NUMERO > comparador.NUMERO ? item : comparador)\r\n let tempAdicional = grupoDeMarcas.auxReferencia.filter((registro, i) => registro.GRUPO_MONTAJE === 0)\r\n tempAdicional.map((registro, i) => {\r\n adicionales.push(registro.NOMBRE_GRUPO_MONTAJE);\r\n })\r\n\r\n adicionales.push(grupoMayor.NOMBRE_GRUPO)\r\n props.actulizarGruposSeleccionadas(adicionales);\r\n\r\n store.dispatch(updateGruposMontajeSeleccionados(adicionales));\r\n\r\n mostarReferenciasEnPantalla(grupoDeMarcas.auxReferencia, grupoDeMarcas.conLadoMontaje);\r\n\r\n\r\n }\r\n }\r\n }\r\n\r\n\r\n listaDeMarcasDeLaPaginaActual.map((marca, i) => {\r\n listaDeReferencias = grupoDeMarcas.referencias.filter(referencia => referencia.NOMRE_MARCA === marca);\r\n listaDeReferencias = obtenerListaOrdenadaPorStock(listaDeReferencias);\r\n\r\n\r\n if (listaDeReferencias.length > 0) {\r\n\r\n\r\n\r\n\r\n listaDeReferenciasDeLaPaginaActual.push({\r\n nombreMarca: marca,\r\n referencias: listaDeReferencias\r\n })\r\n\r\n }\r\n })\r\n\r\n return listaDeReferenciasDeLaPaginaActual;\r\n }\r\n\r\n\r\n \r\n if (Object.keys(pagination).length > 0) {\r\n \r\n \r\n let listaDeMarcasDeLaPagina = mostrarPaginaActual(grupoDeMarcas, pagination, actualizarVista);\r\n \r\n \r\n if (actulizarVista) {\r\n \r\n setActulizarVista(false)\r\n \r\n \r\n const pagLocal = visualizarReferencias(listaDeMarcasDeLaPagina);\r\n \r\n //INIT CANTIDAD CLIENTE\r\n //pagLocal.map((item) => { item.referencias.map((registro) => registro.CANTIDAD_CLIENTE = registro.CANTIDAD_MINIMA === 0 ? 1 : registro.CANTIDAD_MINIMA) })\r\n \r\n pagLocal.map((item) => { item.referencias.map((registro) => registro.CANTIDAD_CLIENTE = 1) })\r\n\r\n setListaDeReferenciasDeLaPaginaActual(pagLocal)\r\n \r\n //console.log(\"pagLocal\",pagLocal)\r\n\r\n \r\n buscarDetalleReferencia(pagLocal)\r\n buscarPrecios(pagLocal)\r\n \r\n \r\n } else {\r\n if (listaDeMarcasDeLaPagina.length !== listaDeReferenciasDeLaPaginaActual.length) {\r\n setActulizarVista(true)\r\n }\r\n }\r\n \r\n }\r\n \r\n \r\n \r\n if (grupoDeMarcas.referencias === undefined && listaDeReferenciasDeLaPaginaActual.length > 0) {\r\n setListaDeReferenciasDeLaPaginaActual([])\r\n setActulizarPagina(true)\r\n setCambioGrupo(true)\r\n }\r\n \r\n\r\n\r\n const gestionarGraficos = (grafico) => {\r\n if (grafico.children.length > 0) {\r\n removeAllClassCoche();\r\n store.dispatch(actulizarNivelGrafico(grafico.level, grafico.tooltip));\r\n } else {\r\n let valor = grafico.key;\r\n if (typeof valor === 'string') {\r\n store.dispatch({\r\n type: \"STATE_NODO_GRAFICO\",\r\n id: grafico.key.replace(\"g\", \"\"),\r\n nombreGrupo: grafico.tooltip\r\n });\r\n store.dispatch(DrawerReferenciaGrafico(true));\r\n store.dispatch(estadoAgrupacionDeMarcas({ \"marcas\": [], \"grupoMontaje\": [] }))\r\n store.dispatch({ type: \"UPDATE_PAGINATION\", pagination: {} });\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n const añadirALaCesta = async (registro, CANTIDAD) => {\r\n if (CANTIDAD === \"\") {\r\n MSGERROR(traducirPagina(\"ingrese_cantidad\"))\r\n } else if (registro.STOCK_TOTAL === 0 ? false : parseInt(CANTIDAD) > registro.STOCK_TOTAL) {\r\n MSGERROR(`${traducirPagina(\"cantidad_maxima\")} ${registro.STOCK_TOTAL}`)\r\n } else {\r\n let esMostrador = verificarSiEsMostrador()\r\n if (esMostrador && clienteSeleccionado.codigo === \"\") {\r\n //setVisible(true)\r\n MSGERROR(traducirPagina(\"Msg_vender\"))\r\n } else {\r\n const VEHICULO = await buscarVehiculoLocal();\r\n const PERMITIR_COMPRA = verificarCantidadCesta(registro, COMPRAR_SIN_DISPONIBILIDAD);\r\n const { TIPO_STOCK, ABRIR_FICHA } = condicionesAbrirCestav2(registro, CANTIDAD);\r\n\r\n\r\n if (ABRIR_FICHA) {\r\n registro.CANTIDAD_SELECCIONADA = CANTIDAD\r\n registro.VEHICULO = VEHICULO\r\n setReferenciaSeleccionada(registro)\r\n setFichaCesta(true)\r\n } else {\r\n getStockDesglose(registro.REFERENCIA, registro.CODIGO_MARCA, registro.REFERENCIA_PROVEEDOR).then(stock => {\r\n registro.DESCRIPCION_CESTA = \"[ \" + registro.NOMRE_MARCA.toUpperCase() + \" ] - \" + registro.NOMBRE_GRUPO_MONTAJE.toUpperCase();\r\n cestaAutomatica(stock, TIPO_STOCK, CANTIDAD, registro, VEHICULO)\r\n })\r\n }\r\n\r\n /*\r\n if (!ABRIR_FICHA || (COMPRAR_SIN_DISPONIBILIDAD ? !PERMITIR_COMPRA : false)) {\r\n getStockDesglose(registro.REFERENCIA, registro.CODIGO_MARCA, registro.REFERENCIA_PROVEEDOR).then(stock => {\r\n registro.DESCRIPCION_CESTA = \"[ \" + registro.NOMRE_MARCA.toUpperCase() + \" ] - \" + registro.NOMBRE_GRUPO_MONTAJE.toUpperCase();\r\n cestaAutomatica(stock, TIPO_STOCK, CANTIDAD, registro, VEHICULO)\r\n })\r\n } else {\r\n registro.CANTIDAD_SELECCIONADA = CANTIDAD\r\n registro.VEHICULO = VEHICULO\r\n setReferenciaSeleccionada(registro)\r\n setFichaCesta(true)\r\n }\r\n */\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n const añadirLocalmenteLadoMontaje = (lado, estaActivo) => {\r\n let listaSeleccionados = []\r\n\r\n listaSeleccionados = lado\r\n //console.log(\"LADOS\", listaSeleccionados)\r\n store.dispatch({ type: \"UPDATE_LADOS_SELECCIONADOS\", ladosSeleccionados: listaSeleccionados })\r\n mostarReferenciasEnPantalla(grupoDeMarcas.auxReferencia, grupoDeMarcas.conLadoMontaje);\r\n setListaDeReferenciasDeLaPaginaActual([])\r\n }\r\n\r\n\r\n\r\n const buscarGraficosCarroceria = (nivel, key) => {\r\n let graficos = {}\r\n if (nivel === 1) {\r\n graficos = obtenerGraficosCarroceria(nivel);\r\n } else {\r\n if (key.children.length > 0) {\r\n graficos = obtenerGraficosCarroceria(nivel, key.tooltip);\r\n } else {\r\n graficos = graficosCarroceria;\r\n let valor = key.key;\r\n if (typeof valor === 'string') {\r\n\r\n\r\n store.dispatch({\r\n type: \"STATE_NODO_GRAFICO\",\r\n id: key.key.replace(\"g\", \"\"),\r\n nombreGrupo: key.tooltip\r\n });\r\n store.dispatch(DrawerReferenciaGraficoCarroceria(true));\r\n store.dispatch(estadoAgrupacionDeMarcas({ \"marcas\": [], \"grupoMontaje\": [] }))\r\n store.dispatch({ type: \"UPDATE_PAGINATION\", pagination: {} });\r\n\r\n\r\n\r\n }\r\n }\r\n }\r\n setGraficosCarroceria(graficos)\r\n }\r\n\r\n const buscarGraficosMecanica = (nivel, key) => {\r\n let graficos = {}\r\n if (nivel === 1) {\r\n graficos = obtenerGraficosMecanica(nivel);\r\n } else {\r\n\r\n if (nivel === 2) {\r\n if (key !== undefined) {\r\n setHistorialGrafivoMecanica(key)\r\n } else {\r\n key = historialGrafivoMecanica\r\n }\r\n }\r\n\r\n if (key.children.length > 0) {\r\n graficos = obtenerGraficosMecanica(nivel, key.tooltip);\r\n } else {\r\n graficos = graficosMecanica;\r\n let valor = key.key;\r\n if (typeof valor === 'string') {\r\n if (valor === \"NEU\") {\r\n setAbrirFichaNeumatico(true)\r\n } else {\r\n store.dispatch({\r\n type: \"STATE_NODO_GRAFICO\",\r\n id: key.key.replace(\"g\", \"\"),\r\n nombreGrupo: key.tooltip\r\n });\r\n store.dispatch(DrawerReferenciaGrafico(true));\r\n store.dispatch(estadoAgrupacionDeMarcas({ \"marcas\": [], \"grupoMontaje\": [] }))\r\n store.dispatch({ type: \"UPDATE_PAGINATION\", pagination: {} });\r\n }\r\n\r\n }\r\n }\r\n }\r\n\r\n setGraficosMecanica(graficos)\r\n }\r\n\r\n const abrirDesglose = (item) => {\r\n //&& !obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD\r\n if (!obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE) {\r\n store.dispatch(DrawerStockAlmacen(true));\r\n referenciaActualSelect({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REFERENCIA_PROVEEDOR: item.REFERENCIA_PROVEEDOR, REGISTROS: item });\r\n }\r\n }\r\n\r\n const propiedadesReferencia = (PROPIEDADES) => {\r\n let propiedades = \"\";\r\n if (PROPIEDADES !== undefined && PROPIEDADES !== null) {\r\n PROPIEDADES.split(\"|\").map((item, i) => {\r\n if (i > 0) {\r\n propiedades += '' + item + '\r\n\r\n {esGraficoMoto ?\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n :\r\n \r\n \r\n \r\n\r\n {descripcionCombustible}\r\n
\r\n }\r\n\r\n\r\n {\r\n initComponent.NIVEL_ACTUAL > 1 &&\r\n {\r\n\r\n let ACTUALIZAR_HISTORIAL = []\r\n let NAVEGAR = initComponent.NIVEL_ACTUAL - 1\r\n let NUEVA_LISTA = initComponent.HISTORIAL_GRAFICO[NAVEGAR - 1]\r\n\r\n NUEVA_LISTA.children.map((item) => item.SELECCIONADO = false)\r\n initComponent.graficosVehiculoCopia = NUEVA_LISTA\r\n initComponent.NIVEL_ACTUAL = NAVEGAR\r\n\r\n for (let i = 0; i < initComponent.HISTORIAL_GRAFICO.length; i++) {\r\n if (i < NAVEGAR) {\r\n ACTUALIZAR_HISTORIAL.push(initComponent.HISTORIAL_GRAFICO[i])\r\n }\r\n }\r\n\r\n initComponent.HISTORIAL_GRAFICO = ACTUALIZAR_HISTORIAL;\r\n\r\n setInitComponent({ ...initComponent })\r\n }}>\r\n
\r\n }\r\n \r\n\r\n \r\n
\r\n '\r\n }\r\n })\r\n }\r\n return propiedades\r\n }\r\n\r\n const modelarReferenciaComercial = (REFERENCIA_COMERCIAL) => {\r\n let refComerciales = \"\";\r\n if (REFERENCIA_COMERCIAL !== undefined && REFERENCIA_COMERCIAL !== null && REFERENCIA_COMERCIAL.trim() !== \"\") {\r\n refComerciales = '' + traducirPagina(\"Referencia_comerciales\") + \":\" + ''\r\n REFERENCIA_COMERCIAL.split(\",\").map((item, i) => {\r\n if (i === REFERENCIA_COMERCIAL.split(\",\").length - 1) {\r\n refComerciales += ' ' + item + ''\r\n\r\n } else {\r\n refComerciales += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n return refComerciales;\r\n }\r\n\r\n const modelarSustituyrA = (SUSTITUYE_A) => {\r\n let sustituyeA = \"\";\r\n if (SUSTITUYE_A !== undefined && SUSTITUYE_A !== null && SUSTITUYE_A.trim() !== \"\") {\r\n sustituyeA = '' + traducirPagina(\"Sustituye_A\") + \":\" + ''\r\n\r\n SUSTITUYE_A.split(\",\").map((item, i) => {\r\n if (i === SUSTITUYE_A.split(\",\").length - 1) {\r\n sustituyeA += ' ' + item + ''\r\n } else {\r\n sustituyeA += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n return sustituyeA;\r\n }\r\n\r\n const modelarSustituyrPor = (SUSTITUYE_POR) => {\r\n let sustituyePor = \"\";\r\n if (SUSTITUYE_POR !== undefined && SUSTITUYE_POR !== null && SUSTITUYE_POR.trim() !== \"\") {\r\n sustituyePor = '' + traducirPagina(\"Sustituido_Por\") + \":\" + ''\r\n SUSTITUYE_POR.split(\",\").map((item, i) => {\r\n if (i === SUSTITUYE_POR.split(\",\").length - 1) {\r\n sustituyePor += ' ' + item + ''\r\n } else {\r\n sustituyePor += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n return sustituyePor;\r\n }\r\n\r\n\r\n\r\n const filtroReferenciasConPrecioPagination = (referencias) => {\r\n /*\r\n let BUSCAR_PRECIO_CERO = referencias.filter((registro) => registro.PRECIO === 0)\r\n let RESULTADO = []\r\n if (BUSCAR_PRECIO_CERO.length === 0) {\r\n RESULTADO = referencias\r\n } else if (BUSCAR_PRECIO_CERO.length > 0 && BUSCAR_PRECIO_CERO.length < referencias.length) {\r\n RESULTADO = referencias.filter((registro) => registro.PRECIO > 0)\r\n }\r\n */\r\n\r\n let RESULTADO = referencias.filter((registro) => registro.PRECIO > 0)\r\n\r\n return RESULTADO;\r\n }\r\n\r\n const filtroReferenciaLocal = (listaDeReferenciasDeLaPaginaActual) => {\r\n\r\n let RESULTADO_FINAL = listaDeReferenciasDeLaPaginaActual;\r\n\r\n\r\n\r\n if (vistaReferencia.POR_PRECIO) {\r\n\r\n let nuevasReferencia = [];\r\n let GRUPO = { nombreMarca: \"\", referencias: [] }\r\n let verdes = []\r\n let naranjas = []\r\n let rojos = []\r\n let rojos_sin_precio = []\r\n let rojos_sin_precio_sin_proveedor = []\r\n\r\n listaDeReferenciasDeLaPaginaActual.map((registro) => {\r\n nuevasReferencia = [...nuevasReferencia, ...registro.referencias];\r\n })\r\n\r\n nuevasReferencia.map((item) => {\r\n if (item.STOCK_ALMACEN > 0) {\r\n verdes.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL > 0) {\r\n naranjas.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO > 0) {\r\n rojos.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO === 0 && item.REFERENCIA_PROVEEDOR !== \"\") {\r\n rojos_sin_precio.push(item)\r\n }\r\n\r\n if (item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 && item.PRECIO === 0 && item.REFERENCIA_PROVEEDOR === \"\") {\r\n rojos_sin_precio_sin_proveedor.push(item)\r\n }\r\n })\r\n\r\n verdes.sort(dynamicSortAsc(\"NETO\"))\r\n naranjas.sort(dynamicSortAsc(\"NETO\"))\r\n rojos.sort(dynamicSortAsc(\"NETO\"))\r\n let preciosFinal = [...verdes, ...naranjas, ...rojos, ...rojos_sin_precio, ...rojos_sin_precio_sin_proveedor];\r\n GRUPO.nombreMarca = \"\";\r\n GRUPO.referencias = preciosFinal\r\n\r\n RESULTADO_FINAL = [GRUPO]\r\n }\r\n\r\n if (vistaReferencia.POR_DISPONIBILIDAD) {\r\n RESULTADO_FINAL = listaDeReferenciasDeLaPaginaActual\r\n }\r\n\r\n\r\n if (vistaReferencia.POR_REFERENCIA_CON_PRECIO) {\r\n let LISTA_FILTRADA = [];\r\n\r\n for (let i = 0; i < RESULTADO_FINAL.length; i++) {\r\n const { nombreMarca, referencias } = RESULTADO_FINAL[i];\r\n\r\n let BUSCAR_PRECIO_MAYOR = referencias.filter((registro) => registro.PRECIO > 0)\r\n\r\n if (BUSCAR_PRECIO_MAYOR.length > 0) {\r\n LISTA_FILTRADA = [...LISTA_FILTRADA, { \"nombreMarca\": nombreMarca, \"referencias\": BUSCAR_PRECIO_MAYOR }]\r\n }\r\n }\r\n\r\n\r\n RESULTADO_FINAL = LISTA_FILTRADA\r\n }\r\n\r\n return RESULTADO_FINAL\r\n }\r\n\r\n\r\n const inputCantidad = (item, cantidadPorUusario = \"\", cantidadMinima = 1) => {\r\n cantidadMinima = cantidadMinima === 0 ? 1 : cantidadMinima\r\n console.log(\"cantidadMinima\", cantidadMinima)\r\n\r\n if (item.CANTIDAD_CLIENTE !== null) {\r\n let valor = cantidadPorUusario.trim();\r\n\r\n if (valor === \"\") {\r\n item.CANTIDAD_CLIENTE = valor;\r\n } else {\r\n const verificarNumero = parseInt(valor)\r\n\r\n item.CANTIDAD_CLIENTE = verificarNumero\r\n }\r\n\r\n setListaDeReferenciasDeLaPaginaActual([...listaDeReferenciasDeLaPaginaActual])\r\n }\r\n\r\n }\r\n\r\n const inputCantidadBlur = (item, cantidadMinima = 1) => {\r\n let valor = item.CANTIDAD_CLIENTE;\r\n\r\n if (valor === \"\") {\r\n item.CANTIDAD_CLIENTE = cantidadMinima\r\n } else {\r\n const verificarNumero = parseInt(valor)\r\n\r\n item.CANTIDAD_CLIENTE = (verificarNumero <= cantidadMinima) ? cantidadMinima : verificarNumero\r\n\r\n }\r\n setListaDeReferenciasDeLaPaginaActual([...listaDeReferenciasDeLaPaginaActual])\r\n\r\n }\r\n\r\n const gestionarCantidad = (item, cantidadMinima = 1, esNegativo) => {\r\n cantidadMinima = cantidadMinima === 0 ? 1 : cantidadMinima\r\n\r\n if (item.CANTIDAD_CLIENTE !== null) {\r\n let valor = item.CANTIDAD_CLIENTE\r\n if (esNegativo) {\r\n\r\n if (valor) {\r\n if (parseInt(valor) <= cantidadMinima) {\r\n item.CANTIDAD_CLIENTE = cantidadMinima;\r\n } else {\r\n item.CANTIDAD_CLIENTE = parseInt(valor) - 1;\r\n }\r\n\r\n } else {\r\n item.CANTIDAD_CLIENTE = cantidadMinima;\r\n }\r\n\r\n } else {\r\n\r\n if (valor) {\r\n item.CANTIDAD_CLIENTE = parseInt(valor) + 1\r\n } else {\r\n item.CANTIDAD_CLIENTE = cantidadMinima;\r\n }\r\n\r\n }\r\n\r\n\r\n setListaDeReferenciasDeLaPaginaActual([...listaDeReferenciasDeLaPaginaActual])\r\n }\r\n }\r\n\r\n\r\n\r\n const PAGINACION_REF_CON_PRECIO = filtroReferenciasConPrecioPagination(REGISTROS_REFERENCIA === undefined || REGISTROS_REFERENCIA === null ? [] : REGISTROS_REFERENCIA);\r\n\r\n setTimeout(() => {\r\n PAGINACION_REF_CON_PRECIO.map((referencia) => {\r\n if (document.getElementById(\"CANTIDAD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"CANTIDAD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).value = \"1\";\r\n }\r\n\r\n if (document.getElementById(\"CANTIDAD_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA) !== null) {\r\n document.getElementById(\"CANTIDAD_TD\" + referencia.CODIGO_MARCA + referencia.REFERENCIA).value = \"1\";\r\n }\r\n })\r\n }, 500)\r\n\r\n\r\n\r\n\r\n const componente = (\r\n
\r\n 0 && !configApp.visualizacionGrafico ? { margin: '0px 16px 0px' } : { margin: '20px', backgroundColor: obtenerTipoDeBusquedaActual() !== 'C' ? \"\" : \"#fff\" }}>\r\n\r\n {\r\n \r\n\r\n !configApp.visualizacionGrafico && Object.keys(pagination).length > 0 ?\r\n\r\n { setAbrirFichaNeumatico(true) }}\r\n\r\n\r\n buscadorTree={buscadorTree}\r\n DIRECTORIO_DOCUMENTO={DIRECTORIO_DOCUMENTO}\r\n eventSugeridos={(item) => {\r\n setReferenciaSugerida(true)\r\n setReferenciaSeleccionada(item)\r\n }}\r\n\r\n añadirALaCesta={añadirALaCesta}\r\n abrirDesglose={abrirDesglose}\r\n eventStockGrupo={(item) => {\r\n setRegistroStockSocio({ REFERENCIA_TECDOC: item.REFERENCIA, MARCA_TECDOC: item.CODIGO_MARCA, TIPO_ARTICULO: 1, ADICIONAL: item })\r\n setAbrirFichaStockSocio(true)\r\n }}\r\n eventMasInformacion={(item) => {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REGISTROS: item }));\r\n }}\r\n eventDesglose={(item) => {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, VERDESPIECE: true, REGISTROS: item }));\r\n }}\r\n eventTiempoSustitucion={(item) => {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, VERTIEMPOS: true, GRUPO_MONTAJE: item.GRUPO_MONTAJE, REGISTROS: item }));\r\n }}\r\n\r\n\r\n\r\n usuario={usuario}\r\n listaTree={listaTree}\r\n codmotorizacion={codmotorizacion}\r\n eventoTreeFiltro={(estado) => {\r\n if (estado) {\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n store.dispatch(eventoFiltroReferencias([]));\r\n store.dispatch({ type: \"REGISTRO_FILTRO_TREE\", openFiltroTree: false, registrosFiltro: [] })\r\n } else {\r\n store.dispatch(updateVisualizacionFiltro(false));\r\n store.dispatch({ type: \"REGISTRO_FILTRO_TREE\", openFiltroTree: false, registrosFiltro: [] });\r\n }\r\n\r\n }}\r\n FiltroGrupoPorDefecto={FiltroGrupoPorDefecto}\r\n filtroPorDefecto={filtroPorDefecto}\r\n visualizacionFiltro={configApp.visualizacionFiltro}\r\n\r\n />\r\n )\r\n*/\r\n\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n {\r\n \r\n configApp.visualizacionGrafico ?\r\n {\r\n setAbrirFichaNeumatico(true)\r\n }}\r\n />\r\n :\r\n \r\n\r\n\r\n {/* SOLO PARA EL GRAFICO DE CARROCERIA */}\r\n { }}\r\n onCancel={() => setVisible(false)}\r\n style={{ zIndex: '9999' }}\r\n footer={[\r\n \r\n ]}\r\n\r\n >\r\n \r\n \r\n\r\n :\r\n null\r\n }\r\n
\r\n\r\n )\r\n\r\n\r\n React.useEffect(() => {\r\n //buscarGraficosMecanica(1);\r\n }, []);\r\n\r\n\r\n return (\r\n <>\r\n\r\n {grupoDeMarcas.marcas.length > 0 || configApp.visualizacionFiltro ?\r\n 0 ? 'visible' : 'hidden' }} >\r\n
\r\n\r\n\r\n :\r\n null\r\n\r\n\r\n }\r\n\r\n\r\n {\r\n/*\r\n\r\n !configApp.visualizacionGrafico && Object.keys(pagination).length > 0 &&\r\n (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {colapseMarca ?\r\n \r\n\r\n \r\n {configApp.visualizacionDescuento ?\r\n \r\n\r\n {listaTree.length > 0 && codmotorizacion.toString() !== \"\" ?\r\n \r\n {configApp.visualizacionFiltro ?\r\n \r\n :\r\n null\r\n }\r\n\r\n {codmotorizacion.toString() === \"\" ?\r\n {\r\n filtroPorDefecto(!FiltroGrupoPorDefecto)\r\n setActulizarVista(true);\r\n\r\n }}>\r\n \r\n \r\n :\r\n null\r\n }\r\n\r\n\r\n {\r\n \r\n \r\n }\r\n\r\n\r\n \r\n\r\n \r\n\r\n\r\n {verificarSiEsMostrador() &&\r\n {\r\n vistaReferencia.POR_REFERENCIA_CON_PRECIO = !vistaReferencia.POR_REFERENCIA_CON_PRECIO;\r\n setVistaReferencia({ ...vistaReferencia })\r\n\r\n if (vistaReferencia.POR_REFERENCIA_CON_PRECIO) {\r\n setActulizarPagina(false);\r\n setActulizarVista(true);\r\n store.dispatch(updatePaginaAMostrar(0, 40));\r\n }\r\n\r\n }}> {vistaReferencia.POR_REFERENCIA_CON_PRECIO ? traducirPagina(\"Mostrar_todas\").toUpperCase() : traducirPagina(\"Mostrar_con_precio\").toUpperCase()}\r\n \r\n }\r\n\r\n\r\n \r\n
\r\n { setActulizarVista(true); store.dispatch(updateColapseMarca(false)) }} >\r\n
\r\n :\r\n { setActulizarVista(true); store.dispatch(updateColapseMarca(true)) }} >\r\n
\r\n }\r\n { setActulizarVista(true); store.dispatch(updateVisualizacionDescuento(false)) }} >\r\n
\r\n :\r\n { setActulizarVista(true); store.dispatch(updateVisualizacionDescuento(true)) }} >\r\n
\r\n }\r\n {\r\n store.dispatch(updateVisualizacionFiltro(false));\r\n store.dispatch({ type: \"REGISTRO_FILTRO_TREE\", openFiltroTree: false, egistrosFiltro: [] });\r\n }}>\r\n\r\n
\r\n :\r\n\r\n { store.dispatch(updateVisualizacionFiltro(true)); store.dispatch(eventoFiltroReferencias([])); store.dispatch({ type: \"REGISTRO_FILTRO_TREE\", openFiltroTree: false, egistrosFiltro: [] }) }}>\r\n
\r\n }\r\n \r\n\r\n\r\n {\r\n\r\n vistaReferencia.POR_REFERENCIA_CON_PRECIO ?\r\n\r\n ` ${(PAGINACION_REF_CON_PRECIO.length)} ${traducirPagina(\"Referencias\").toLowerCase()} `}\r\n defaultPageSize={40}\r\n onChange={(page, pageSize) => { setActulizarPagina(false); setActulizarVista(true); store.dispatch(updatePaginaAMostrar(page - 1, pageSize)); }}\r\n > \r\n\r\n :\r\n\r\n\r\n Object.keys(pagination).length > 0 ?\r\n { store.dispatch(updateNumberPagination(current, size)); }}\r\n total={pagination.numeroDePaginas * pagination.numeroRegistroPagina}\r\n showTotal={() => ` ${(pagination.numeroTotalRegistro + 1) + \" \" + traducirPagina(\"Referencias\").toLowerCase()} `}\r\n current={pagination.paginaAMostrar + 1}\r\n defaultPageSize={40}\r\n onChange={(page, pageSize) => { setActulizarPagina(false); setActulizarVista(true); store.dispatch(updatePaginaAMostrar(page - 1, pageSize)); }}\r\n > \r\n : null\r\n }\r\n\r\n\r\n
\r\n 0 ? 'auto' : 'hidden', overflowX: 'hidden' }}>\r\n
\r\n \r\n\r\n }\r\n \r\n \r\n {listaDeReferenciasDeLaPaginaActual.length > 0 ?\r\n \r\n filtroReferenciaLocal(listaDeReferenciasDeLaPaginaActual).map((marca, i) =>\r\n colapseMarca ?\r\n \r\n :\r\n \r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n :\r\n {marca.nombreMarca}
\r\n {marca.referencias.map((item, i) =>\r\n\r\n
: null}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {marca.referencias.length > 1 ? (marca.referencias.length - 1) === i ? null : {\r\n if (item.REFERENCIA !== \"\" && item.CODIGO_MARCA > 0) {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, NUMBERTAG: \"3\" }));\r\n }\r\n }}>\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n codmotorizacion !== \"\" && item.TIENE_ARTICULOS_SUGERIDOS ?\r\n \r\n {item.detalles !== undefined ? item.detalles.DESCRIPCION_ESTADO : null}\r\n
\r\n \r\n {\r\n vistaReferencia.POR_PRECIO ?\r\n \r\n {item.NOMRE_MARCA}\r\n
\r\n : null\r\n }\r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n \r\n {\r\n document.getElementById(\"buscadorReferencia\").value = item.REFERENCIA\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: item.REFERENCIA });\r\n buscarReferenciaYMostrarEnPantalla(item.REFERENCIA)\r\n efectoBotonRemove(item.REFERENCIA, \"closeBuscadorReferencia\")\r\n }}> {item.REFERENCIA + \" \"} \r\n \r\n { copiarAlPortapapeles(\"\", item.REFERENCIA) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} />\r\n {item.NOMBRE_GRUPO_MONTAJE}\r\n \r\n
\r\n {traducirPagina(\"Referencia_proveedor\") + \": \"}\r\n {item.REFERENCIA_PROVEEDOR}\r\n {item.REFERENCIA_PROVEEDOR !== \"\" ? { copiarAlPortapapeles(\"\", item.REFERENCIA_PROVEEDOR) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} /> : null}\r\n
\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null :\r\n <>\r\n EAN:\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null : item.detalles.EAN}\r\n { copiarAlPortapapeles(\"\", item.detalles.EAN) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} />\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n \r\n {traducirPagina(\"Referencia_proveedor\") + \": \"}\r\n {item.REFERENCIA_PROVEEDOR}\r\n {item.REFERENCIA_PROVEEDOR !== \"\" ?
\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null :\r\n <>\r\n EAN:\r\n {item.detalles === undefined || item.detalles.EAN === \"\" ? null : item.detalles.EAN}\r\n
{item.detalles !== undefined ? : null}
\r\n \r\n \r\n {\r\n if (e.target.title !== \"labelRefComercial\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n \r\n }} >\r\n {item.detalles !== undefined ? : null}\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n if (e.target.title !== \"labelSustituyeA\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n }\r\n } >\r\n {item.detalles !== undefined ? : null}\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n if (e.target.title !== \"labelSustituyePor\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n }\r\n } >\r\n {item.detalles !== undefined ? : null}\r\n \r\n \r\n
\r\n {item.detalles !== undefined && item.detalles.MAS_INFO !== undefined && item.detalles.MAS_INFO !== null && item.detalles.MAS_INFO !== \"\" ?\r\n \r\n {item.detalles.MAS_INFO}\r\n
\r\n :\r\n null}\r\n \r\n \r\n \r\n {\r\n inputCantidad(item, e.target.value, item.CANTIDAD_MINIMA)\r\n }}\r\n onBlur={(e) => {\r\n inputCantidadBlur(item, item.CANTIDAD_MINIMA)\r\n }}\r\n event_minus={() => {\r\n gestionarCantidad(item, item.CANTIDAD_MINIMA, true)\r\n }}\r\n \r\n event_plus={() => {\r\n gestionarCantidad(item, item.CANTIDAD_MINIMA, false)\r\n }}\r\n \r\n />\r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {!verificarSiEsMostrador() ?\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n verificarSiEsMostrador() && visualizarStocksRemotos() ?\r\n
\r\n \r\n \r\n \r\n {item.REFERENCIA_PROVEEDOR !== \"\" ?\r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n \r\n :\r\n null\r\n }\r\n {\"PVP: \" + convertirMoneda(item.PVP_RECOMENDADO, \" €\")}
\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(item.PRECIO, \" €\")}
\r\n {configApp.visualizacionDescuento ?\r\n \r\n {traducirPagina(\"Dto\") + \": \" + (item.DESCUENTO === null ? 0 : item.DESCUENTO) + \" %\"} \r\n
\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}\r\n
\r\n
\r\n : null\r\n }\r\n \r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}\r\n
\r\n
\r\n {item.REFERENCIA === \"\" || item.CODIGO_MARCA === 0 ?\r\n null\r\n :\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n {item.detalles !== undefined && item.detalles.CON_DESGLOSE ?\r\n \r\n \r\n
\r\n :\r\n null}\r\n \r\n {codmotorizacion !== \"\" && PERMISO_DOCUMENTACION_TECNICA ?\r\n \r\n \r\n
\r\n : null}\r\n \r\n : null}\r\n
\r\n
\r\n )\r\n :\r\n \r\n grupoDeMarcas.referencias === undefined ?\r\n buscadorTree.nodoIdActual === undefined ?\r\n null\r\n :\r\n {marca.nombreMarca}
\r\n {marca.referencias !== undefined ?\r\n marca.referencias.map((item, i) =>\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {vistaReferencia.POR_PRECIO ?\r\n \r\n {recortarCadena(item.NOMRE_MARCA, 8, \"...\")}\r\n \r\n :\r\n null\r\n }\r\n \r\n {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REGISTROS: item }));\r\n }} style={{ verticalAlign: 'middle' }}>\r\n \r\n {item.REFERENCIA}\r\n {configApp.width < 1450 ?\r\n {\" \" + recortarCadena(item.NOMBRE_GRUPO_MONTAJE, 10, \"...\")}\r\n :\r\n {\" \" + item.NOMBRE_GRUPO_MONTAJE}\r\n \r\n }\r\n \r\n \r\n \r\n {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REGISTROS: item }));\r\n }} style={{ width: '160px', verticalAlign: 'middle' }}>{\r\n \r\n \r\n \r\n {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REGISTROS: item }));\r\n }} style={{ width: '100px', verticalAlign: 'middle' }}> {\r\n configApp.visualizacionDescuento ?\r\n \r\n \r\n {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REGISTROS: item }));\r\n }} style={{ width: '160px', textAlign: 'right', verticalAlign: 'middle' }}> {\r\n configApp.visualizacionDescuento ?\r\n \r\n \r\n {\r\n abrirDesglose(item)\r\n }}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n verificarCantidadCesta(item, COMPRAR_SIN_DISPONIBILIDAD) ?\r\n null\r\n :\r\n \r\n <>\r\n {\r\n inputCantidad(item, e.target.value, item.CANTIDAD_MINIMA)\r\n }}\r\n onBlur={(e) => {\r\n inputCantidadBlur(item, item.CANTIDAD_MINIMA)\r\n }}\r\n event_minus={() => {\r\n gestionarCantidad(item, item.CANTIDAD_MINIMA, true)\r\n }}\r\n \r\n event_plus={() => {\r\n gestionarCantidad(item, item.CANTIDAD_MINIMA, false)\r\n }}\r\n \r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n :\r\n null\r\n }\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(item.PRECIO, \" €\")}
\r\n }\r\n {traducirPagina(\"Dto\") + \": \" + (item.DESCUENTO === null ? 0 : item.DESCUENTO) + \" %\"}
\r\n :\r\n null\r\n \r\n }{traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}
\r\n :\r\n null\r\n \r\n }\r\n \r\n
\r\n {traducirPagina(\"Sin_referencias\")}
{traducirPagina(\"msgCPRefMostradorSolicitandoCliente\")}
\r\n \r\n\r\n\r\n {fichaCesta ?\r\n\r\n \r\n \r\n\r\n {componente}\r\n\r\n\r\n \r\n \r\n
\r\n :\r\n grupoDeMarcas.referencias === undefined ?\r\n \r\n
\r\n\r\n \r\n {configApp.visualizacionFiltro ?\r\n
\r\n\r\n \r\n\r\n
\r\n :\r\n \r\n
\r\n\r\n\r\n\r\n {listaTreeFiltrada !== undefined && listaTreeFiltrada !== null && listaTreeFiltrada.openFiltroTree ?\r\n\r\n listaTreeFiltrada.registrosFiltro !== undefined && listaTreeFiltrada.registrosFiltro !== null && listaTreeFiltrada.registrosFiltro.length > 0 ?\r\n\r\n \r\n {\r\n /*\r\n props.efectoBotonRemoveLocal(\"busquedaArbol\", \"closeBusquedaArbol\", \"ARBOL\");\r\n filtroTree(e.target.value);\r\n */\r\n\r\n props.setTextoArbol(e.target.value)\r\n store.dispatch({ type: \"REGISTRO_FILTRO_TREE\", openFiltroTree: false, registrosFiltro: [] })\r\n setTimeout((e) => {\r\n if (document.getElementById(\"busquedaArbol\") != null) {\r\n const val = document.getElementById('busquedaArbol').value;\r\n filtroTree(val);\r\n }\r\n\r\n }, 100)\r\n\r\n }} autoComplete=\"off\" />\r\n
\r\n\r\n \r\n {\r\n createRipple(e);\r\n props.efectoBotonRemoveLocal(\"\", \"closeBusquedaArbol\", \"ARBOL\")\r\n\r\n store.dispatch({ type: \"REGISTRO_FILTRO_TREE\", openFiltroTree: false, registrosFiltro: [] })\r\n\r\n }} className=\"btn-matricula estiloBotonRemove\" style={{ visibility: props.textoArbol === undefined || props.textoArbol === \"\" ? 'hidden' : 'visible' }}> \r\n
\r\n\r\n \r\n\r\n \r\n {\r\n createRipple(e);\r\n\r\n store.dispatch({ type: \"REGISTRO_FILTRO_TREE\", openFiltroTree: false, registrosFiltro: [] })\r\n\r\n setTimeout(() => {\r\n filtroTree(props.textoArbol);\r\n }, 100)\r\n }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none', backgroundColor: 'transparent !important' }} className=\"btn-matricula\"> \r\n
\r\n\r\n \r\n
\r\n :\r\n null\r\n :\r\n null\r\n }\r\n\r\n\r\n \r\n - \r\n\r\n {listaTreeFiltrada.registrosFiltro.map((registro, i) =>\r\n
- {\r\n\r\n getListSuplier(registro[registro.length - 1].NODE_ID);\r\n\r\n store.dispatch(detenerBusquedaDetalles(false));\r\n store.dispatch(actualizarNodoTree(registro[registro.length - 1].NODE_ID));\r\n store.dispatch(mostrarVistaGrafica(false))\r\n\r\n\r\n props.busquedaArbolLocal(listaTree, registro, registro[registro.length - 1])\r\n\r\n }}>{\r\n obtenerPathNodo(registro)\r\n }\r\n \r\n )}\r\n
\r\n
\r\n }\r\n \r\n {!configApp.visualizacionFiltro ?\r\n
\r\n\r\n \r\n {\r\n setActulizarVista(true);\r\n props.actulizarMarcasSeleccionadas(e);\r\n store.dispatch(updateGruposMarcasSeleccionadas(e));\r\n\r\n mostarReferenciasEnPantalla(grupoDeMarcas.auxReferencia, grupoDeMarcas.conLadoMontaje);\r\n\r\n }}>\r\n {\r\n props.todasLasMarcas.map((row, i) =>\r\n \r\n\r\n {\r\n setCambioGrupo(false);\r\n setActulizarVista(true);\r\n filtroPorDefecto(false)\r\n\r\n props.actulizarGruposSeleccionadas(arrayGrupoMontaje);\r\n store.dispatch(updateGruposMontajeSeleccionados(arrayGrupoMontaje));\r\n\r\n mostarReferenciasEnPantalla(grupoDeMarcas.auxReferencia, grupoDeMarcas.conLadoMontaje);\r\n }}>\r\n {\r\n props.todosLosGrupos.map((row, i) =>\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n {props.nodoIdSeleccionado.length > 0 ?\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n { props.aplicarFiltroPorMarca(e); props.efectoBotonRemoveLocal(\"buscadorFiltroMarca\", \"closeFiltroMarca\", \"MARCAS\") }} />\r\n
\r\n\r\n \r\n { createRipple(e); props.efectoBotonRemoveLocal(\"\", \"closeFiltroMarca\", \"MARCAS\") }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n \r\n
\r\n \r\n {row} \r\n
\r\n
\r\n )\r\n }\r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n { props.aplicarFiltroPorGrupo(e); props.efectoBotonRemoveLocal(\"buscadorFiltroGrupo\", \"closeFiltroGrupo\", \"GRUPOS\") }} />\r\n
\r\n\r\n \r\n { createRipple(e); props.efectoBotonRemoveLocal(\"\", \"closeFiltroGrupo\", \"GRUPOS\") }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n \r\n
\r\n \r\n {row} \r\n
\r\n
\r\n )\r\n }\r\n \r\n
{traducirPagina(\"Sin_referencias\")}
\r\n {(() => {\r\n switch (activeItemReferencia) {\r\n case 'tree':\r\n return
\r\n )\r\n}\r\n\r\n\r\nContainerApp.propTypes = {\r\n title: PropTypes.string\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n datosFacturacion: state.datosFacturacion,\r\n\r\n\r\n activeItemReferencia: state.activeItemReferencia,\r\n usuario: state.usuario,\r\n PreLoaderPage: state.PreLoaderPage\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(ContainerApp);","import React, { useEffect, useState } from \"react\";\r\nimport { MDBRow, MDBInput, MDBContainer, MDBCol, MDBCard, MDBCardImage, MDBCardBody, MDBBtn } from 'mdbreact';\r\nimport { connect } from 'react-redux';\r\nimport { RecuperarPwdEnAPI, getDataUser } from \"../action/actionCreatorsRequests\";\r\nimport { Modal, Button, Input, Row, Col } from 'antd';\r\nimport { obtenerParametrosPorQueryString, MSGERROR, MSGOK, traducirLogin, delayTest, getIdiomaLogin } from \"../librerias/funciones\"\r\nimport store from \"../store\";\r\n\r\n\r\nconst ModalPassword = ({ ABRIR_MODAL = false, LANGUAGE = \"\", EMAIL_RECUPERACION = \"\", CERRAR_MODAL = () => { }, MODIFICAR_EMAIL_RECUPERACION = () => { }, RECUPERAR_PWD = () => { }, className = \"\" }) => {\r\n return (\r\n \r\n
\r\n\r\n \r\n :\r\n \r\n\r\n }\r\n })()}\r\n \r\n {/**autoplay */}\r\n\r\n {\r\n (MARKETING !== undefined && MARKETING !== null && MARKETING.length > 0) ?\r\n imgCarousel.length > 0 ?\r\n \r\n {imgCarousel.map((registro, i) =>\r\n <>\r\n {\r\n accioneImagen(registro)\r\n }}\r\n loading=\"lazy\"\r\n src={registro.URL_IMAGEN}\r\n alt={registro.NOMBRE}\r\n title={registro.TXTALT}\r\n style={{ height: (configApp.height - 207) + \"px\" }}\r\n />\r\n \r\n )\r\n }\r\n \r\n :\r\n \r\n :\r\n null\r\n }\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n accioneImagen(gestionarImagenContainer1().registro)\r\n }}\r\n\r\n alt=\"Next\"\r\n\r\n />\r\n
\r\n\r\n \r\n {\r\n let registro = {}\r\n accioneImagen(gestionarImagenContainer2().registro)\r\n\r\n }}\r\n\r\n alt=\"Next\"\r\n\r\n />\r\n
\r\n \r\n \r\n\r\n {children}\r\n\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n}\r\n\r\nconst LOGIN_WOP_ASOCIADAS = (props) => {\r\n\r\n return \r\n \r\n\r\n
\r\n}\r\n\r\nconst LOGIN_WOP_GPN = (props) => {\r\n //naraja #f28230\r\n //azul #008abd\r\n return \r\n ![\"logo\"](\"logoIA.png\")
\r\n
\r\n\r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n\r\n
\r\n}\r\n\r\n\r\nconst Login_Page = ({ props }) => {\r\n //const params = window.location.href.includes(\"&\") ? obtenerParametrosPorQueryString(window.location.href) : null\r\n const [visible, setVisible] = React.useState(false);\r\n const [emailRecuperacion, setEmailRecuperacion] = React.useState(\"\");\r\n const [diccionarios, setDiccionarios] = useState({\r\n registros: [],\r\n isLoading: false\r\n })\r\n\r\n const query = new URLSearchParams(props.location.search);\r\n const language = query.get('language');\r\n\r\n\r\n const verificarUsuario = (user, pwd, language) => {\r\n if (user === \"\" || pwd === \"\") {\r\n MSGERROR(traducirLogin(\"Falta_usuario\", language))\r\n } else {\r\n getDataUser(user, pwd)\r\n }\r\n }\r\n\r\n const recuperarPWD = (EMAIL_RECUP, language) => {\r\n if (EMAIL_RECUP.trim() === \"\") {\r\n MSGERROR(traducirLogin(\"Email_recuperacion\", language))\r\n } else {\r\n RecuperarPwdEnAPI(EMAIL_RECUP).then((registro) => {\r\n if (registro !== undefined) {\r\n if (registro.OK) {\r\n MSGOK(traducirLogin(\"Email_enviado\", language));\r\n setVisible(false)\r\n }\r\n }\r\n })\r\n }\r\n }\r\n\r\n const TIPO_LOGIN = () => {\r\n let HOST_NAME = window.location.hostname\r\n\r\n switch (HOST_NAME) {\r\n case \"wop.iasociadas.com\":\r\n return (\r\n ![\"logo\"](\"./imagenes/wop_logo.png\")
\r\n
\r\n \r\n\r\n\r\n \r\n \r\n {\r\n diccionarios.isLoading ?\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n credenciales: state.credenciales,\r\n props: props,\r\n };\r\n}\r\n\r\n\r\nexport default connect(mapStateToProps)(Login_Page);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { createRipple, DrawerCarroCompra } from \"../action/actionCreators\"\r\nimport { pad, buscarDetallesReferencia, getStockDesglose, setCestaLineasEnAPI, ObtenerArticuloERPEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { traducirPagina, MSGOK, MSGERROR, calcularNeto, convertirMoneda, obtenerDatosUsuarioYLicenciaActual, redondeo, etiquetaSinDisponibilidad, etiquetaBtnSolicitar } from '../librerias/funciones'\r\nimport { MDBCol, MDBTable, MDBTableHead, MDBTableBody, MDBBtn, MDBInput } from 'mdbreact';\r\nimport {\r\n MinusOutlined,\r\n PlusOutlined,\r\n LikeOutlined,\r\n DislikeOutlined,\r\n} from '@ant-design/icons';\r\nimport { Card, Drawer } from 'antd';\r\nimport store from \"../store\";\r\nimport BtnSolicitar from './utils/BtnSolicitar.jsx';\r\n\r\n\r\n\r\nconst CarroCompra = ({ props, configApp, openDrawerCarroCompra, DIRECTORIO_DOCUMENTO }) => {\r\n const [count, setCount] = React.useState(1);\r\n const [maximo, setMaximo] = React.useState(0);\r\n const [esperandoDesglose, setesperandoDesglose] = React.useState(true);\r\n const [esperandoClickStock, setesperandoClickStock] = React.useState(true);\r\n const [petionAPI, setPetionAPI] = React.useState(true);\r\n const [detalles, setDetalles] = React.useState({});\r\n const [datosReferencia, setDatosReferencia] = React.useState({});\r\n const [desglose, setDesglose] = React.useState([]);\r\n const [PVP, setPVP] = React.useState(0);\r\n const [NETO, setNETO] = React.useState(0);\r\n const [stockSeleccionado, setStockSeleccionado] = React.useState(0);\r\n const [idAlmacenSeleccionado, setIdAlmacenSeleccionado] = React.useState(\"\");\r\n const [descripcionAlmacenSeleccionado, setDescripcionAlmacenSeleccionado] = React.useState(\"\");\r\n\r\n \r\n\r\n\r\n if (Object.keys(datosReferencia).length === 0) {\r\n\r\n if (props.referencia !== undefined && props.marca !== undefined && props.referenciaProveedor !== undefined && openDrawerCarroCompra && petionAPI) {\r\n //Se ejecuta una sola vez la llamada a la API\r\n setPetionAPI(false)\r\n setesperandoDesglose(true);\r\n setDesglose([]);\r\n\r\n let obtenerMarca = typeof props.marca === 'string' ? props.marca !== \"\" ? parseInt(props.marca) : 0 : props.marca;\r\n let ObjetoArticuloERP = {\r\n CODIGO_MARCA: props.marca,\r\n CODIGO_MARCA_ERP: \"\",\r\n DESCUENTO_1: 0,\r\n DESCUENTO_2: 0,\r\n DESCUENTO_3: 0,\r\n EAN: \"\",\r\n GRUPO_MONTAJE: 0,\r\n IMAGEN_MARCA: \"\",\r\n LADO_MONTAJE: \"\",\r\n MARCA_PATROCINADA: false,\r\n NOMBRE_GRUPO_MONTAJE: \"\",\r\n NOMRE_MARCA: \"\",\r\n PRECIO: 0,\r\n DESCUENTO: 0,\r\n NETO: 0,\r\n REFERENCIA: props.referencia,\r\n REFERENCIA_PROVEEDOR: \"\",\r\n STOCK_ALMACEN: 0,\r\n STOCK_TOTAL: 0\r\n }\r\n\r\n if (props.referenciaProveedor !== \"\") {\r\n ObtenerArticuloERPEnAPI(false, props.referenciaProveedor, \"\").then(registros => {\r\n\r\n if (registros !== null && registros !== undefined && Object.keys(registros).length > 0) {\r\n let referencia = registros[0];\r\n\r\n if (referencia !== undefined) {\r\n ObjetoArticuloERP.CODIGO_MARCA = referencia.Codigo.MarcaTecdoc\r\n ObjetoArticuloERP.CODIGO_MARCA_ERP = referencia.Codigo.MarcaTecdoc\r\n ObjetoArticuloERP.NOMBRE_GRUPO_MONTAJE = referencia.Codigo.DescripcionERP\r\n ObjetoArticuloERP.NOMRE_MARCA = referencia.Codigo.MarcaERPDescripcion\r\n ObjetoArticuloERP.PRECIO = referencia.precio\r\n ObjetoArticuloERP.DESCUENTO = referencia.descuento\r\n ObjetoArticuloERP.NETO = referencia.precioNeto\r\n ObjetoArticuloERP.REFERENCIA = referencia.Codigo.ReferenciaTecdoc\r\n ObjetoArticuloERP.REFERENCIA_PROVEEDOR = referencia.Codigo.CodigoERP\r\n ObjetoArticuloERP.STOCK_ALMACEN = 0\r\n ObjetoArticuloERP.STOCK_TOTAL = 39\r\n\r\n setDatosReferencia(ObjetoArticuloERP);\r\n setPVP(ObjetoArticuloERP.PRECIO)\r\n setNETO(ObjetoArticuloERP.NETO)\r\n if (props.cantidad !== undefined) {\r\n let PVP = ObjetoArticuloERP.PRECIO * props.cantidad\r\n let calcularDesc = calcularNeto(PVP, ObjetoArticuloERP.DESCUENTO)\r\n let Neto = PVP - calcularDesc;\r\n //setPVP(PVP)\r\n setNETO(Neto)\r\n }\r\n }\r\n\r\n } else {\r\n if (props.REGISTROS !== undefined && props.REGISTROS !== null && Object.keys(props.REGISTROS).length > 0) {\r\n ObjetoArticuloERP.CODIGO_MARCA = props.REGISTROS.CODIGO_MARCA\r\n ObjetoArticuloERP.CODIGO_MARCA_ERP = props.REGISTROS.CODIGO_MARCA_ERP\r\n ObjetoArticuloERP.DESCUENTO = props.REGISTROS.DESCUENTO\r\n ObjetoArticuloERP.EAN = props.REGISTROS.EAN\r\n ObjetoArticuloERP.NOMBRE_GRUPO_MONTAJE = props.REGISTROS.NOMBRE_GRUPO_MONTAJE\r\n ObjetoArticuloERP.NOMRE_MARCA = props.REGISTROS.NOMRE_MARCA\r\n ObjetoArticuloERP.REFERENCIA = props.REGISTROS.REFERENCIA\r\n ObjetoArticuloERP.REFERENCIA_PROVEEDOR = props.REGISTROS.REFERENCIA_PROVEEDOR\r\n\r\n setDatosReferencia(ObjetoArticuloERP);\r\n setPVP(ObjetoArticuloERP.PRECIO)\r\n setNETO(ObjetoArticuloERP.NETO)\r\n if (props.cantidad !== undefined) {\r\n let PVP = ObjetoArticuloERP.PRECIO * props.cantidad\r\n let calcularDesc = calcularNeto(PVP, ObjetoArticuloERP.DESCUENTO)\r\n let Neto = PVP - calcularDesc;\r\n //setPVP(PVP)\r\n setNETO(Neto)\r\n }\r\n } else {\r\n setDatosReferencia(ObjetoArticuloERP);\r\n setPVP(ObjetoArticuloERP.PRECIO)\r\n setNETO(ObjetoArticuloERP.NETO)\r\n if (props.cantidad !== undefined) {\r\n let PVP = ObjetoArticuloERP.PRECIO * props.cantidad\r\n let calcularDesc = calcularNeto(PVP, ObjetoArticuloERP.DESCUENTO)\r\n let Neto = PVP - calcularDesc;\r\n //setPVP(PVP)\r\n setNETO(Neto)\r\n }\r\n }\r\n }\r\n })\r\n } else {\r\n if (props.REGISTROS !== undefined && props.REGISTROS !== null && Object.keys(props.REGISTROS).length > 0) {\r\n ObjetoArticuloERP.CODIGO_MARCA = props.REGISTROS.CODIGO_MARCA\r\n ObjetoArticuloERP.CODIGO_MARCA_ERP = props.REGISTROS.CODIGO_MARCA_ERP\r\n ObjetoArticuloERP.DESCUENTO = props.REGISTROS.DESCUENTO\r\n ObjetoArticuloERP.EAN = props.REGISTROS.EAN\r\n ObjetoArticuloERP.NOMBRE_GRUPO_MONTAJE = props.REGISTROS.NOMBRE_GRUPO_MONTAJE\r\n ObjetoArticuloERP.NOMRE_MARCA = props.REGISTROS.NOMRE_MARCA\r\n ObjetoArticuloERP.REFERENCIA = props.REGISTROS.REFERENCIA\r\n ObjetoArticuloERP.REFERENCIA_PROVEEDOR = props.REGISTROS.REFERENCIA_PROVEEDOR\r\n\r\n\r\n setDatosReferencia(ObjetoArticuloERP);\r\n setPVP(ObjetoArticuloERP.PRECIO)\r\n setNETO(ObjetoArticuloERP.NETO)\r\n if (props.cantidad !== undefined) {\r\n let PVP = ObjetoArticuloERP.PRECIO * props.cantidad\r\n let calcularDesc = calcularNeto(PVP, ObjetoArticuloERP.DESCUENTO)\r\n let Neto = PVP - calcularDesc;\r\n //setPVP(PVP)\r\n setNETO(Neto)\r\n }\r\n } else {\r\n setDatosReferencia(ObjetoArticuloERP);\r\n setPVP(ObjetoArticuloERP.PRECIO)\r\n setNETO(ObjetoArticuloERP.NETO)\r\n if (props.cantidad !== undefined) {\r\n let PVP = ObjetoArticuloERP.PRECIO * props.cantidad\r\n let calcularDesc = calcularNeto(PVP, ObjetoArticuloERP.DESCUENTO)\r\n let Neto = PVP - calcularDesc;\r\n //setPVP(PVP)\r\n setNETO(Neto)\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n if (props.referenciaProveedor !== \"\") {\r\n getStockDesglose(props.referencia, props.marca, props.referenciaProveedor).then(stock => {\r\n if (stock !== null && stock.length > 0) {\r\n let STOCK_DISPONIBLE = stock.filter((registros) => registros.Stock > 0);\r\n\r\n if (STOCK_DISPONIBLE.length > 0) {\r\n setesperandoDesglose(true)\r\n setDesglose(stock);\r\n if (props.cantidad === undefined) {\r\n stock.map((item, i) => {\r\n if (item.DefectoCliente) {\r\n setMaximo(item.Stock)\r\n setStockSeleccionado(item.Stock)\r\n setIdAlmacenSeleccionado(item.CodigoAlmacen)\r\n setDescripcionAlmacenSeleccionado(item.DescripcionAlmacen)\r\n }\r\n })\r\n } else {\r\n setCount(props.cantidad)\r\n stock.map((item, i) => {\r\n if (item.CodigoAlmacen === props.almacen) {\r\n setMaximo(item.Stock)\r\n setStockSeleccionado(item.Stock)\r\n setIdAlmacenSeleccionado(item.CodigoAlmacen)\r\n setDescripcionAlmacenSeleccionado(item.DescripcionAlmacen)\r\n }\r\n })\r\n }\r\n } else {\r\n setesperandoDesglose(false)\r\n }\r\n } else {\r\n setesperandoDesglose(false)\r\n setesperandoClickStock(true)\r\n setPetionAPI(true)\r\n }\r\n })\r\n } else {\r\n setesperandoDesglose(false)\r\n }\r\n\r\n\r\n buscarDetallesReferencia({ REFERENCIA: props.referencia, CODIGO_MARCA: obtenerMarca }).then(data => {\r\n if (data !== undefined) {\r\n setDetalles(data)\r\n } else {\r\n setDetalles({})\r\n }\r\n\r\n })\r\n }\r\n }\r\n\r\n\r\n //Se controla el estado inicial del checked que sea por defecto true\r\n if (!openDrawerCarroCompra) {\r\n if (!esperandoClickStock) {\r\n setesperandoClickStock(true)\r\n }\r\n\r\n if (detalles !== undefined && detalles !== null) {\r\n if (Object.keys(detalles).length > 0) {\r\n setDetalles({})\r\n setCount(1)\r\n }\r\n }\r\n\r\n if (Object.keys(datosReferencia).length > 0) {\r\n setDatosReferencia({})\r\n }\r\n\r\n if (!petionAPI) {\r\n setPetionAPI(true)\r\n }\r\n }\r\n\r\n\r\n const resetChecked = (seleccionado) => {\r\n setesperandoClickStock(false)\r\n desglose.map((desglose) => {\r\n document.getElementById(\"chk\" + desglose.CodigoAlmacen).checked = false;\r\n if (desglose.CodigoAlmacen === seleccionado) {\r\n setStockSeleccionado(desglose.Stock)\r\n setIdAlmacenSeleccionado(desglose.CodigoAlmacen)\r\n setDescripcionAlmacenSeleccionado(desglose.DescripcionAlmacen)\r\n //console.log(\"preci\",desglose.Stock)\r\n }\r\n\r\n })\r\n document.getElementById(\"chk\" + seleccionado).checked = true;\r\n }\r\n\r\n const actualizarCantidad = (e) => {\r\n let cantidad = parseInt(e.target.value);\r\n if (cantidad === 0 || e.target.value === \"\") {\r\n setCount(1);\r\n calcularPVP(1)\r\n } else {\r\n if (parseInt(count) < maximo) {\r\n setCount(cantidad);\r\n calcularPVP(cantidad)\r\n } else {\r\n\r\n //setCount(maximo === 0 ? 1:maximo);\r\n //calcularPVP(maximo === 0 ? 1:maximo) \r\n }\r\n }\r\n }\r\n\r\n const calcularPVP = (cantidad) => {\r\n let PVP = datosReferencia.PRECIO * cantidad\r\n let redondeoPVP = redondeo(PVP, 2);\r\n let calcularDesc = calcularNeto(redondeoPVP, datosReferencia.DESCUENTO)\r\n let Neto = redondeo((redondeoPVP - calcularDesc), 2);\r\n\r\n\r\n //setPVP(PVP)\r\n setNETO(Neto)\r\n }\r\n\r\n const añadirALaCesta = () => {\r\n if (stockSeleccionado >= count) {\r\n setCestaLineasEnAPI(datosReferencia.REFERENCIA_PROVEEDOR, datosReferencia.CODIGO_MARCA,\r\n datosReferencia.REFERENCIA, datosReferencia.CODIGO_MARCA,\r\n \"[ \" + datosReferencia.NOMRE_MARCA + \" ] - \" + datosReferencia.NOMRE_MARCA, count, 0, datosReferencia.PRECIO, datosReferencia.DESCUENTO, datosReferencia.NETO, idAlmacenSeleccionado, descripcionAlmacenSeleccionado, props.cantidad === undefined ? 0 : 1, props.IDCESTA).then(data => {\r\n if (data.OK) {\r\n MSGOK(traducirPagina(\"Referencia_cesta\"), \"botton-right\");\r\n store.dispatch(DrawerCarroCompra(false));\r\n }\r\n //Se cambia el estado para que la ficha de cesta compras se actualice.\r\n if (props.cantidad !== undefined) {\r\n store.dispatch({ type: \"STATE_CESTA_LINEAS_COMPRA\", actualizarCestaLineas: true })\r\n }\r\n })\r\n\r\n\r\n } else {\r\n MSGERROR(traducirPagina(\"msg_sin_stock_almacen\"));\r\n }\r\n }\r\n\r\n\r\n const insertarConsula = (datosReferencia) => {\r\n let almacen = obtenerDatosUsuarioYLicenciaActual();\r\n //sa agrego la referencia de proveedor.\r\n setCestaLineasEnAPI(datosReferencia.REFERENCIA_PROVEEDOR, \"\", \"CONSULTA\", \"\", \"[ \" + datosReferencia.REFERENCIA.toUpperCase() + \" ] - \" + datosReferencia.NOMRE_MARCA.toUpperCase() + \" - \" + datosReferencia.NOMBRE_GRUPO_MONTAJE.toUpperCase(),\r\n 1, 1, datosReferencia.PRECIO, datosReferencia.DESCUENTO, datosReferencia.NETO, almacen.ALMACEN, \"\", props.cantidad === undefined ? 0 : 1).then(data => {\r\n if (data.OK) {\r\n MSGOK(\"Consulta añadida.\", \"botton-left\");\r\n store.dispatch(DrawerCarroCompra(false));\r\n }\r\n })\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n :\r\n \r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nCarroCompra.propTypes = {\r\n onClick: PropTypes.func,\r\n referencia: PropTypes.string,\r\n marca: PropTypes.number,\r\n referenciaProveedor: PropTypes.string,\r\n cantidad: PropTypes.number,\r\n almacen: PropTypes.object,\r\n IDCESTA: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n openDrawerCarroCompra: state.estadoDrawer.openDrawerCarroCompra,\r\n DIRECTORIO_DOCUMENTO: state.DIRECTORIO_DOCUMENTO\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(CarroCompra);","import React from 'react';\r\nimport { changeStateImageViewer } from \"../action/actionCreators\";\r\n\r\nimport { connect } from 'react-redux';\r\nimport store from '../store'\r\n\r\nimport {\r\n SearchOutlined,\r\n CloseOutlined,\r\n} from '@ant-design/icons';\r\n\r\nconst CptImageView = (props) => {\r\n const [estadoDocumento, setEstadoDocumento] = React.useState(false);\r\n\r\n let altura = (props.config.height - 58).toString() + \"px\";\r\n\r\n\r\n const elDocumentoEstaDisponible = async (enlace) => {\r\n setEstadoDocumento(true)\r\n/*\r\n try {\r\n \r\n const peticion = await fetch(enlace, { method: 'HEAD' });\r\n if(peticion.url === enlace){\r\n setEstadoDocumento(true)\r\n }else{\r\n setEstadoDocumento(null)\r\n }\r\n }\r\n catch (err) {\r\n setEstadoDocumento(null)\r\n }\r\n */\r\n \r\n }\r\n\r\n //rgba(0, 0, 0, 0.9)\r\n return (\r\n \r\n
\r\n\r\n\r\n \r\n { store.dispatch(DrawerCarroCompra(false)); store.dispatch({ type: \"STATE_CESTA_LINEAS_COMPRA\", actualizarCestaLineas: false }); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n {detalles !== undefined && datosReferencia !== undefined ?\r\n \r\n\r\n\r\n \r\n {desglose.length > 0 ?\r\n \r\n\r\n \r\n {Object.keys(datosReferencia).length > 0 ?\r\n PVP > 0 && datosReferencia.NETO > 0 && esperandoDesglose ?\r\n \r\n
\r\n \r\n {Object.keys(detalles).length > 0 ?\r\n \r\n \r\n :\r\n \r\n \r\n }\r\n\r\n {Object.keys(datosReferencia).length > 0 ?\r\n \r\n \r\n :\r\n null\r\n }\r\n
\r\n :\r\n esperandoDesglose ?\r\n \r\n \r\n
\r\n \r\n {detalles.DESCRIPCION_ESTADO}\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n {props.referencia + \" \" + datosReferencia.NOMBRE_GRUPO_MONTAJE}\r\n \r\n
\r\n {traducirPagina(\"Referencia_proveedor\") + \": \" + datosReferencia.REFERENCIA_PROVEEDOR}\r\n
\r\n\r\n \r\n {\"EAN\" + datosReferencia.EAN}\r\n \r\n\r\n
\r\n \r\n {traducirPagina(\"Referencia_proveedor\") + \": \" + datosReferencia.REFERENCIA_PROVEEDOR}\r\n
\r\n\r\n \r\n {\"EAN\" + datosReferencia.EAN}\r\n \r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n :\r\n null\r\n\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {traducirPagina(\"Almacen\").toUpperCase()} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE ? \"\" : obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? \"\" : traducirPagina(\"Cantidad\").toUpperCase()} }\r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n \r\n \r\n \r\n {desglose.map((item, i) =>\r\n props.cantidad === undefined ?\r\n \r\n \r\n {/* checked={item.DefectoCliente && esperandoClickStock ? true : null}} */}\r\n { setMaximo(item.Stock); setCount(1); resetChecked(item.CodigoAlmacen); }} />\r\n \r\n\r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n {/* checked={item.DefectoCliente && esperandoClickStock ? true : null}} */}\r\n { setMaximo(item.Stock); setCount(1); resetChecked(item.CodigoAlmacen); calcularPVP(1) }} />\r\n \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n \r\n \r\n
\r\n :\r\n esperandoDesglose ?\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {etiquetaSinDisponibilidad()}\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setCount(e.target.value);\r\n }} onBlur={(e) => actualizarCantidad(e)} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n
\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(NETO) + \" €\"}\r\n
\r\n
\r\n {traducirPagina(\"PVP\").toUpperCase() + \": \" + convertirMoneda(PVP) + \" €\"}
\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(PVP) + \" €\"}
\r\n {traducirPagina(\"Dto\") + \":\" + datosReferencia.DESCUENTO + \" %\"} \r\n \r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(NETO) + \" €\"}\r\n
\r\n
\r\n \r\n insertarConsula(datosReferencia)}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n
\r\n :\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
{ document.getElementById(\"container_viewer\").style.display = \"none\"; store.dispatch(changeStateImageViewer(false, \"\")) }}>\r\n { document.getElementById(\"container_viewer\").style.display = \"none\"; store.dispatch(changeStateImageViewer(false, \"\")) }}>
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n configApp: state.configApp\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(CptImageView); ","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { createRipple } from \"../action/actionCreators\"\r\nimport { MDBRow, MDBCol, MDBTable, MDBTableHead, MDBTableBody, MDBBtn } from 'mdbreact';\r\nimport {\r\n SearchOutlined,\r\n CloseOutlined,\r\n} from '@ant-design/icons';\r\nimport store from \"../store\";\r\nimport { getMotorizacionesByReferenciaAndModelo, getIdTecdocMotorByIdHaynes, setHistorialBusqueda } from \"../action/actionCreatorsRequests\"\r\nimport { gestionarContenedorCoche, estadoAgrupacionDeMarcas, showChildrenDrawerLevel2, showItemReferencia, setHistoricApp, updateVisualizacionFiltro } from \"../action/actionCreators\"\r\nimport { traducirPagina, limpiarCocheStore, limpiarGrupoDrawer,efectoRemoveBuscadorReferencia } from '../librerias/funciones';\r\n\r\n\r\n\r\nclass tablaGenerica extends Component {\r\n state = {\r\n propiedadesMasInfo: {},\r\n listaFiltro: {}\r\n }\r\n\r\n componentDidMount(prevProps, prevState) {\r\n store.subscribe(() => {\r\n this.setState({\r\n propiedadesMasInfo: store.getState().masInformacion,\r\n listaFiltro: this.props.tipoTabla === \"MODELOS\" ? store.getState().masInformacion.masInfoModels : store.getState().masInformacion.masInfoMotorizacion,\r\n })\r\n })\r\n }\r\n\r\n aplicarFiltro = (e) => {\r\n let texto = e.target.value.toUpperCase();\r\n let lista = [];\r\n if (this.props.tipoTabla === \"MODELOS\") {\r\n this.state.propiedadesMasInfo.masInfoModels.map((item) => {\r\n if (item.MODELO.toUpperCase().includes(texto)) {\r\n lista.push(item)\r\n }\r\n })\r\n\r\n this.setState({ listaFiltro: lista.length > 0 ? lista : this.state.propiedadesMasInfo.masInfoModels })\r\n } else {\r\n this.state.propiedadesMasInfo.masInfoMotorizacion.map((item) => {\r\n if (item.DESCRIPCION.toUpperCase().includes(texto)) {\r\n lista.push(item)\r\n }\r\n })\r\n\r\n this.setState({ listaFiltro: lista.length > 0 ? lista : this.state.propiedadesMasInfo.masInfoMotorizacion })\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n {props.name.includes(\"DOC\") ?\r\n 
\r\n }\r\n
\r\n \r\n \r\n \r\n\r\n\r\n {estadoDocumento === null ?\r\n \r\n\r\n :\r\n estadoDocumento ?\r\n null\r\n :\r\n \r\n\r\n }\r\n\r\n
\r\n :\r\n \r\n {\"No se encontró el documento.\"}
\r\n {this.props.tipoTabla === \"MODELOS\" ?\r\n Object.keys(this.state.propiedadesMasInfo).length > 0 ?\r\n Object.keys(this.state.listaFiltro).length > 0 ?\r\n \r\n : \r\n :\r\n Object.keys(this.state.propiedadesMasInfo).length > 0 ?\r\n Object.keys(this.state.listaFiltro).length > 0 ?\r\n \r\n : \r\n\r\n }\r\n
\r\n )\r\n }\r\n}\r\n\r\ntablaGenerica.propTypes = {\r\n onClick: PropTypes.func,\r\n fichaBusquedaVehiculo: PropTypes.object,\r\n tipoTabla: PropTypes.string\r\n};\r\n\r\n\r\n\r\n\r\nexport default tablaGenerica;","import React from \"react\";\r\nimport {\r\n traducirPagina,\r\n obtenerDatosUsuarioYLicenciaActual,\r\n convertirMoneda,\r\n MSGOK,\r\n MSGERROR,\r\n soloNumeros,\r\n verificarSiEsMostrador\r\n\r\n} from \"../../librerias/funciones\"\r\n\r\nimport { Drawer, Input, Alert, Row, Col, Modal, Button, List } from 'antd';\r\nimport { MDBBtn, MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\n\r\nimport { MinusOutlined, PlusOutlined, FieldTimeOutlined } from \"@ant-design/icons\";\r\nimport { ComprobarDisponibilidadEnAPI, ComprobarMailUsuarioEnAPI, RealizarPedidoEnAPI } from \"../../action/actionCreatorsRequests\";\r\n\r\nexport const FichaDisponibilidad = (props) => {\r\n const [payLoadLocal, setPayLoadLocal] = React.useState({\r\n CIF: \"\",\r\n CODEBRAND: \"\",\r\n DIRECCIONES: [],\r\n ENTREGA: \"\",\r\n PARCODE: \"\",\r\n PARTDESCRIPTION: \"\",\r\n PRECIO: \"\",\r\n PVP: \"\",\r\n PRESUP_NUMBER: \"\",\r\n STOCK: null,\r\n OK: true,\r\n MENSAJE_ERROR: \"\",\r\n DTO: \"\"\r\n\r\n })\r\n const [esperarPedido, setEsperarPedido] = React.useState(false)\r\n\r\n const [cerrarPedido, setCerrarPedido] = React.useState(1)\r\n\r\n const [infoPedido, setInfoPedido] = React.useState({\r\n ABRIR_MODAL: false,\r\n LISTA_REGISTRO: []\r\n })\r\n\r\n const [stockSeleccionado, setStockSeleccionado] = React.useState(-1)\r\n\r\n const [registroPedido, setRegistroPedido] = React.useState({\r\n PEDIDO_POR: \"\",\r\n SU_PEDIDO: \"\",\r\n OBSERVACIONES: \"\",\r\n NUMERO_PRESUPUESTO: \"\",\r\n ID_DIRECCION_ENVIO: \"\",\r\n UNIDADES: 0,\r\n DIRECCION_ENVIO: {},\r\n\r\n\r\n ARTICULO_DESCRIPCION: \"\",\r\n ARTICULO_MARCA: \"\",\r\n ARTICULO_REFERENCIA: \"\",\r\n ARTICULO_PRECIOCOSTE: \"\",\r\n ARTICULO_PVP: \"\"\r\n })\r\n\r\n\r\n\r\n\r\n const [initComponent, setInitComponent] = React.useState({\r\n REGISTROS: [],\r\n HTML_MANUAL: \"\",\r\n ABRIR_MODAL: false,\r\n TITULO_MODAL: \"\",\r\n ID_GRUPO_SELECCIONADO: 0,\r\n ALERTA: \"\",\r\n RUTA: []\r\n })\r\n\r\n\r\n const esMostrador = verificarSiEsMostrador();\r\n\r\n\r\n\r\n\r\n\r\n const cargarInformacion = async (REFERENCIA, MCR_ID) => {\r\n\r\n let registros = await ComprobarDisponibilidadEnAPI(REFERENCIA, MCR_ID, props.VEHICULO);\r\n const { Message } = registros\r\n\r\n\r\n if (registros !== undefined && Message === undefined) {\r\n\r\n payLoadLocal.CIF = registros.CIF\r\n payLoadLocal.CODEBRAND = registros.CODEBRAND\r\n payLoadLocal.ENTREGA = registros.ENTREGA\r\n payLoadLocal.PARCODE = registros.PARTCODE\r\n payLoadLocal.PARTDESCRIPTION = registros.PARTDESCRIPTION\r\n payLoadLocal.PRECIO = registros.PRECIO\r\n payLoadLocal.PVP = registros.PVP\r\n payLoadLocal.PRESUP_NUMBER = registros.PRESUP_NUMBER\r\n payLoadLocal.STOCK = registros.STOCK\r\n payLoadLocal.OK = registros.OK\r\n payLoadLocal.MENSAJE_ERROR = registros.MENSAJE_ERROR\r\n payLoadLocal.DTO = registros.DTO\r\n\r\n\r\n\r\n if (registros.DIRECCIONES !== undefined && registros.DIRECCIONES !== null && registros.DIRECCIONES.length > 0) {\r\n\r\n if (!payLoadLocal.OK) {\r\n payLoadLocal.DIRECCIONES = null;\r\n\r\n } else {\r\n registros.DIRECCIONES.map((item) => item.CANTIDAD = 0)\r\n payLoadLocal.DIRECCIONES = registros.DIRECCIONES;\r\n }\r\n\r\n } else {\r\n payLoadLocal.DIRECCIONES = null;\r\n }\r\n\r\n setPayLoadLocal({ ...payLoadLocal })\r\n } else {\r\n payLoadLocal.DIRECCIONES = null;\r\n setPayLoadLocal({ ...payLoadLocal })\r\n\r\n }\r\n\r\n }\r\n\r\n const verificarMail = async () => {\r\n let registros = await ComprobarMailUsuarioEnAPI();\r\n\r\n initComponent.ALERTA = \"\";\r\n\r\n if (registros !== undefined && registros.MENSAJE_ERROR !== null && registros.MENSAJE_ERROR !== \"\") {\r\n initComponent.ALERTA = registros.MENSAJE_ERROR;\r\n setInitComponent({ ...initComponent })\r\n }\r\n }\r\n\r\n const crearPedido = async (payload) => {\r\n\r\n setCerrarPedido(2)\r\n let registros = await RealizarPedidoEnAPI(payload, props.VEHICULO);\r\n setCerrarPedido(1)\r\n\r\n\r\n if (registros !== undefined) {\r\n setEsperarPedido(false)\r\n\r\n if (registros.RESULTADOS !== undefined && registros.RESULTADOS !== null) {\r\n infoPedido.ABRIR_MODAL = true\r\n infoPedido.LISTA_REGISTRO = registros.RESULTADOS\r\n setInfoPedido({ ...infoPedido })\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n React.useEffect(() => {\r\n //verificarMail();\r\n let PROVEEDOR_MARCA_ID = props.MCR_ID === undefined || props.MCR_ID === null ? \"\" : props.MCR_ID;\r\n cargarInformacion(props.REFERENCIA, PROVEEDOR_MARCA_ID)\r\n\r\n //console.log(props.VEHICULO)\r\n }, [])\r\n\r\n\r\n\r\n\r\n const {\r\n PARCODE,\r\n CODEBRAND,\r\n DIRECCIONES,\r\n ENTREGA,\r\n PARTDESCRIPTION,\r\n PRECIO,\r\n PVP,\r\n PRESUP_NUMBER,\r\n STOCK,\r\n DTO,\r\n MENSAJE_ERROR\r\n } = payLoadLocal\r\n\r\n\r\n\r\n\r\n return \r\n \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {/*\r\n Desde \r\n Hasta \r\n */}\r\n \r\n \r\n \r\n {this.state.listaFiltro.map((row, i) =>\r\n {\r\n if (document.getElementById(\"maInfoMotorizacion\") != null) {\r\n document.getElementById(\"maInfoMotorizacion\").style.display = \"\";\r\n }\r\n if (document.getElementById(\"maInfoMotorizacion2\") != null) {\r\n document.getElementById(\"maInfoMotorizacion2\").style.display = \"\";\r\n }\r\n if (document.getElementById(\"maInfoModelos\") != null) {\r\n document.getElementById(\"maInfoModelos\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"maInfo2Modelos\") != null) {\r\n document.getElementById(\"maInfo2Modelos\").style.display = \"none\";\r\n }\r\n\r\n store.dispatch(getMotorizacionesByReferenciaAndModelo(this.props.detalles.REFERENCIA, this.props.detalles.CODIGO_MARCA, row.ID));\r\n store.dispatch({ type: \"REPLACE_VEHICULO_IDMODELO\", idmodelo: row })\r\n }} >\r\n {row.MODELO} \r\n {/*\r\n {row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n {row.HASTA === \"\" ? \"...\" : row.HASTA} \r\n */}\r\n \r\n )}\r\n \r\n \r\n
\r\n : \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n { this.aplicarFiltro(e) }} />\r\n
\r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); this.buscarReferencia() }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Motor\")} \r\n {traducirPagina(\"Codigo_cliente\")} \r\n {traducirPagina(\"Año\")} \r\n KW \r\n CV \r\n CC \r\n \r\n \r\n \r\n {this.state.listaFiltro.map((row, i) =>\r\n {\r\n //limpiarCocheStore();\r\n efectoRemoveBuscadorReferencia(\"buscadorReferencia\", true);\r\n store.dispatch({ type: \"STATE_SEARCH_COCHE\", buscadorCoche: {} })\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n store.dispatch(getIdTecdocMotorByIdHaynes(row.ID,row));\r\n \r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE,})\r\n\r\n\r\n store.dispatch(showItemReferencia(\"tree\"))\r\n let marca = {\r\n ID: this.props.fichaBusquedaVehiculo.idmarca.ID,\r\n DESCRIPCION: this.props.fichaBusquedaVehiculo.idmarca.FABRICANTE.substring(0, this.props.fichaBusquedaVehiculo.idmarca.FABRICANTE.length > 7 ? 7 : this.props.fichaBusquedaVehiculo.idmarca.FABRICANTE.length) + \" ...\"\r\n }\r\n\r\n let modelo = {\r\n ID: this.props.fichaBusquedaVehiculo.idmodelo.ID,\r\n DESCRIPCION: this.props.fichaBusquedaVehiculo.idmodelo.MODELO.substring(0, this.props.fichaBusquedaVehiculo.idmodelo.MODELO.length > 7 ? 7 : this.props.fichaBusquedaVehiculo.idmodelo.MODELO.length) + \" ...\"\r\n }\r\n\r\n let objetoVehiculo = {\r\n ID: row.ID,\r\n DESCRIPCION: row.DESCRIPCION.substring(0, row.DESCRIPCION.length > 12 ? 12 : row.DESCRIPCION.length) + \" ...\"\r\n };\r\n\r\n store.dispatch(setHistoricApp(marca, \"/allbrands\", \"brand\"));\r\n store.dispatch(setHistoricApp(modelo, \"/modelos\", \"modelo\"));\r\n store.dispatch(setHistoricApp(objetoVehiculo, \"/motorizacion\", \"tipomotor\"));\r\n gestionarContenedorCoche(true);\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n\r\n setHistorialBusqueda({\r\n MARCA: this.props.fichaBusquedaVehiculo.idmarca.ID,\r\n MODELO: this.props.fichaBusquedaVehiculo.idmodelo.ID,\r\n MOTORIZACION: row.ID,\r\n NOMBRE_MARCA: this.props.fichaBusquedaVehiculo.idmarca.FABRICANTE,\r\n NOMBRE_MODELO: this.props.fichaBusquedaVehiculo.idmodelo.MODELO,\r\n NOMBRE_MOTOR: row.DESCRIPCION\r\n })\r\n \r\n limpiarGrupoDrawer()\r\n\r\n }}>\r\n {row.DESCRIPCION} \r\n {row.MOTORES === \"\" ? \"...\" : row.MOTORES} \r\n {row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n\r\n {row.KW === \"\" ? \"...\" : row.KW} \r\n {row.CV === \"\" ? \"...\" : row.CV} \r\n {row.CC === \"\" ? \"...\" : row.CC} \r\n \r\n )}\r\n \r\n \r\n
\r\n : \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n { this.aplicarFiltro(e) }} />\r\n
\r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); this.buscarReferencia() }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff', zIndex: \"99999999999\" }}>\r\n\r\n {\r\n if (cerrarPedido === 1) {\r\n registroPedido.PEDIDO_POR = \"\"\r\n registroPedido.SU_PEDIDO = \"\"\r\n registroPedido.OBSERVACIONES = \"\"\r\n registroPedido.NUMERO_PRESUPUESTO = \"\"\r\n registroPedido.ID_DIRECCION_ENVIO = \"\"\r\n registroPedido.UNIDADES = 0\r\n\r\n\r\n registroPedido.ARTICULO_DESCRIPCION = \"\"\r\n registroPedido.ARTICULO_MARCA = \"\"\r\n registroPedido.ARTICULO_REFERENCIA = \"\"\r\n registroPedido.ARTICULO_PRECIOCOSTE = \"\"\r\n registroPedido.ARTICULO_PVP = \"\"\r\n setRegistroPedido({ ...registroPedido })\r\n }\r\n\r\n\r\n\r\n }}\r\n\r\n onCancel={() => {\r\n if (cerrarPedido === 1) {\r\n setEsperarPedido(false)\r\n }\r\n }}\r\n footer={[\r\n cerrarPedido === 2 ?\r\n {traducirPagina(\"Msg_espera_pedido\")}\r\n :\r\n \r\n { registroPedido.OBSERVACIONES = e.target.value; setRegistroPedido({ ...registroPedido }) }} rows={5} style={{ width: '645px' }} />\r\n \r\n\r\n \r\n \r\n : null\r\n }\r\n\r\n \r\n\r\n
\r\n \r\n\r\n\r\n { infoPedido.ABRIR_MODAL = false; setInfoPedido({ ...infoPedido }) }}\r\n footer={null}\r\n\r\n afterClose={() => {\r\n props.CERRAR_FICHA(false)\r\n\r\n }}\r\n >\r\n\r\n {traducirPagina(\"Seguimiento_pedidos\").toUpperCase()}
}\r\n bordered\r\n dataSource={infoPedido.LISTA_REGISTRO}\r\n renderItem={pedido => (\r\n \r\n\r\n
\r\n\r\n\r\n \r\n {\r\n\r\n props.CERRAR_FICHA(false)\r\n\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n {\r\n /*\r\n !payLoadLocal.OK ?\r\n \r\n \r\n : null\r\n */\r\n }\r\n\r\n\r\n\r\n
\r\n\r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n {/*\r\n props.ES_CESTA_COMPRA ?\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n {PARCODE} { }
\r\n {PARTDESCRIPTION}
\r\n \r\n
\r\n\r\n {``}
\r\n\r\n {esMostrador ?\r\n \r\n {`${PRECIO === null || PRECIO === \"\" ? \"\" : convertirMoneda(PRECIO, \" €\")}`}\r\n\r\n {`${PVP === null || PVP === \"\" ? \"\" : ` (${traducirPagina(\"PVP\")}: ${convertirMoneda(PVP, \" €\")} | ${traducirPagina(\"Dto\").toUpperCase()}: ${DTO}%)`}`}\r\n\r\n
\r\n :\r\n \r\n {`${PVP === null || PVP === \"\" ? \"\" : ` ${traducirPagina(\"PVP\")}: ${convertirMoneda(PVP, \" €\")} `}`}\r\n
\r\n }\r\n\r\n\r\n\r\n {/**\r\n {`${traducirPagina(\"Dto\")} : ${ DESCUENTO + \" %\"}`}
\r\n\r\n {`${traducirPagina(\"Neto\")} : ${NETO === 0 ? \"\" : convertirMoneda(NETO, \" €\")} `}
\r\n */}\r\n\r\n {ENTREGA === null || ENTREGA === \"\" ? \"\" :
\r\n\r\n \r\n\r\n Identificador de la línea por parte del cliente\r\n\r\n { setTextoIdentificador(e.target.value) }} value={textoIdentificador} placeholder={traducirPagina(\"Identificador\")}>\r\n\r\n Dispone de 16 caracteres máximos\r\n\r\n
\r\n :\r\n null\r\n */\r\n }\r\n\r\n\r\n\r\n \r\n {\r\n\r\n DIRECCIONES === null ?\r\n null\r\n :\r\n DIRECCIONES.length === 0 ?\r\n \r\n :\r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Direccion_entrega\").toUpperCase()} \r\n\r\n \r\n \r\n \r\n {DIRECCIONES.map((item, i) =>\r\n \r\n\r\n \r\n {\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n let valor = e.target.value;\r\n if (valor === \"\") {\r\n item.CANTIDAD = e.target.value;\r\n\r\n } else {\r\n if (soloNumeros(valor)) {\r\n let convertir = parseInt(e.target.value);\r\n\r\n //let resultado = STOCK > convertir ? e.target.value : STOCK;\r\n\r\n item.CANTIDAD = valor === \"0\" ? 0 : parseInt(convertir)\r\n } else {\r\n item.CANTIDAD = 0;\r\n }\r\n }\r\n\r\n setStockSeleccionado(item.CANTIDAD === 0 ? -1 : item.ID)\r\n\r\n\r\n payLoadLocal.DIRECCIONES = payLoadLocal.DIRECCIONES\r\n setPayLoadLocal({ ...payLoadLocal })\r\n\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n\r\n\r\n\r\n {item.DIRECCION} \r\n\r\n\r\n\r\n \r\n )\r\n }\r\n \r\n \r\n\r\n
\r\n\r\n\r\n }\r\n\r\n\r\n {\r\n\r\n DIRECCIONES === null ?\r\n <>\r\n \r\n
\r\n\r\n\r\n \r\n :\r\n DIRECCIONES.length > 0 &&\r\n \r\n \r\n
\r\n \r\n \r\n {MENSAJE_ERROR}\r\n
\r\n \r\n
\r\n\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n ]}>\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {`${traducirPagina(\"Almacen\").toUpperCase()}:`} {pedido.ALMACEN}
\r\n {(pedido.REALIZADO ? traducirPagina(\"Pedido_realizado\").toUpperCase() : pedido.MENSAJE_ERROR !== undefined && pedido.MENSAJE_ERROR !== null ? `${traducirPagina(\"Pedido_no_realizado\").toUpperCase()}: ${pedido.MENSAJE_ERROR.toUpperCase()}` : \"\")}
\r\n {`${traducirPagina(\"Codigo_pedido\").toUpperCase()}:`} {pedido.CODIGO_PEDIDO}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CPSearch;","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBIcon, MDBCol, MDBCardBody, MDBCard, MDBCardText, MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBContainer, MDBSelect } from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { pad, direccionesByMarca, documentosByRefMarca, getModelosByReferenciaMarcaAndFabricante, referenciaOEMasInfo, fabricantesByReferenciaMarca, buscarDetallesReferencia, ObtenerArticuloByArtNoBrandNoEnAPI, GetVehiculosHaynesByIdTecdocEnAPI, GetTiemposReparacionByGMAndVehicleEnAPI, referenciaOEMasInfov2EnAPI, getPriceOEMEnAPI } from \"../action/actionCreatorsRequests\"\r\n\r\nimport ImageView from './CptImageView';\r\nimport TablaGenerica from './tablaGenerica'\r\nimport ContainerReferenciaGenerico from './ContainerReferenciaGenerico'\r\nimport { changeStateImageViewer, DrawerMasInformacion, createRipple, efectoBotonRemove, DrawerFichaEquivalenciaArticulo } from \"../action/actionCreators\";\r\nimport store from '../store'\r\nimport { copiarAlPortapapeles, traducirPagina, efectoRemoveBuscador, crearLineasParaElPresupuesto, verificarSiEsMostrador, buscarVehiculoLocal, datosLincenciaSertec, convertirMoneda } from \"../librerias/funciones\"\r\nimport {\r\n CloseOutlined,\r\n SearchOutlined,\r\n FileAddOutlined,\r\n CopyOutlined,\r\n ShoppingOutlined\r\n\r\n} from '@ant-design/icons';\r\nimport { Tabs, Skeleton, Space, Divider, Drawer, Row, List, Select, Card, Col, Button, Collapse } from 'antd';\r\nimport { FichaDisponibilidad } from './Compra/FIchaDisponibilidad.jsx';\r\nimport CPSearch from './utils/CPSearch.jsx';\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\nconst { Panel } = Collapse;\r\nconst MasInformacion = ({ props, masInformacion, configApp, openDrawerMasInfo, mostrarComponente, propiedadesVisor, fichaBusquedaVehiculo, referenciaSeleccionada, codmotorizacion, buscadorTree, DIRECTORIO_DOCUMENTO, usuario }) => {\r\n\r\n const OBTENER_DATOS_USUARIO = datosLincenciaSertec();\r\n const { ID_SOCIO } = OBTENER_DATOS_USUARIO === undefined || OBTENER_DATOS_USUARIO === null ? { ID_SOCIO: 0 } : OBTENER_DATOS_USUARIO;\r\n\r\n\r\n const { CATALOGO } = referenciaSeleccionada === undefined || referenciaSeleccionada === null || Object.keys(referenciaSeleccionada).length === 0 ? { CATALOGO: null } :\r\n referenciaSeleccionada.REGISTROS === undefined || referenciaSeleccionada.REGISTROS === null ? { CATALOGO: null } : referenciaSeleccionada.REGISTROS\r\n\r\n\r\n const { PERMISO_DOCUMENTACION_TECNICA } = usuario.LoginSertec.List_LicenciaSERTE[0];\r\n\r\n const [abrirFichaDisponibilidad, setAbrirFichaDisponibilidad] = React.useState(false);\r\n\r\n\r\n const [vehiculoActual, setVehiculoActual] = React.useState({\r\n EXISTE_VEHICULO: false,\r\n VEHICULO: {}\r\n });\r\n\r\n const [disponibilidadSeleccionada, setDisponibilidadSeleccionada] = React.useState({\r\n REFERENCIA: \"\",\r\n MCR: \"\",\r\n MARCA_VEH: \"\"\r\n });\r\n\r\n\r\n const default_referenciaOE = {\r\n TEXTO_BUSCADOR: \"\",\r\n MENSAJE_ERROR: \"\",\r\n OK: false,\r\n PERMITIR_COMPRAR: false,\r\n REFERENCIAS: []\r\n }\r\n const [registrosReferenciaOE, setRegistrosReferenciaOE] = React.useState(default_referenciaOE);\r\n\r\n\r\n const [activeItemOuterTabs, setActiveItemOuterTabs] = React.useState(\"1\");\r\n const [datosReferencia, setDatosReferencia] = React.useState({});\r\n const [detalles, setDetalles] = React.useState({});\r\n const [hayReferencia, setHayReferencia] = React.useState(false);\r\n const [hayReferenciaOE, setHayReferenciaOE] = React.useState(false);\r\n const [hayDetalles, setHayDetalles] = React.useState(false);\r\n const [textoPorDefectoTiempos, settextoPorDefectoTiempos] = React.useState(0);\r\n const [referenciaOE, setReferenciaOE] = React.useState([]);\r\n const [referenciaOEAux, setReferenciaOEAux] = React.useState([]);\r\n const [vehiculosHaynes, setVehiculosHaynes] = React.useState([]);\r\n const [tiempoReparacion, setTiempoReparacion] = React.useState([]);\r\n\r\n if (masInformacion.refOE !== null && masInformacion.refOE !== undefined) {\r\n\r\n if (!hayReferenciaOE && Object.keys(masInformacion.refOE).length > 0) {\r\n setHayReferenciaOE(true)\r\n\r\n setReferenciaOE(Object.keys(masInformacion.refOE).length === 0 ? null : masInformacion.refOE)\r\n setReferenciaOEAux(Object.keys(masInformacion.refOE).length === 0 ? null : masInformacion.refOE)\r\n\r\n } else {\r\n if (Object.keys(masInformacion.refOE).length === 0 && hayReferenciaOE) {\r\n setHayReferenciaOE(false)\r\n setReferenciaOE([])\r\n setReferenciaOEAux([])\r\n }\r\n }\r\n }\r\n\r\n if (!hayReferencia && openDrawerMasInfo) {\r\n setHayReferencia(true)\r\n\r\n buscarVehiculoLocal().then((vehiculo) => {\r\n\r\n if (vehiculo.MATRICULA !== \"\" || vehiculo.BASTIDOR !== \"\") {\r\n\r\n vehiculoActual.EXISTE_VEHICULO = true;\r\n vehiculoActual.VEHICULO = vehiculo;\r\n setVehiculoActual({ ...vehiculoActual })\r\n } else {\r\n vehiculoActual.EXISTE_VEHICULO = false;\r\n vehiculoActual.VEHICULO = {};\r\n setVehiculoActual({ ...vehiculoActual })\r\n }\r\n })\r\n ObtenerArticuloByArtNoBrandNoEnAPI(props.referencia, props.marca, CATALOGO).then(registro => {\r\n if (registro !== undefined) {\r\n //Se ejecuta una sola vez la llamada a la API\r\n //let referencia = undefined;\r\n if (registro !== null) {\r\n // referencia = registros.find((referencia) => referencia.REFERENCIA === props.referencia)\r\n setDatosReferencia(registro);\r\n } else {\r\n setDatosReferencia(null);\r\n }\r\n }\r\n })\r\n } else {\r\n if (!openDrawerMasInfo && hayReferencia) {\r\n setDatosReferencia({})\r\n setHayReferencia(false)\r\n setActiveItemOuterTabs(\"1\")\r\n setVehiculosHaynes([])\r\n setTiempoReparacion([])\r\n }\r\n }\r\n\r\n if (!hayDetalles && openDrawerMasInfo) {\r\n setHayDetalles(true)\r\n buscarDetallesReferencia({ REFERENCIA: props.referencia, CODIGO_MARCA: props.marca }).then(data => {\r\n if (data !== undefined) {\r\n setHayDetalles(true)\r\n setDetalles(data)\r\n\r\n if (referenciaSeleccionada.VERTIEMPOS !== undefined) {\r\n setActiveItemOuterTabs(\"9\")\r\n\r\n GetVehiculosHaynesByIdTecdocEnAPI(codmotorizacion, CATALOGO).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro !== null && registro.length > 0) {\r\n setVehiculosHaynes(registro);\r\n valorPorDectoTiempos(registro, codmotorizacion)\r\n cambiosCocheTecdoc(codmotorizacion, referenciaSeleccionada.GRUPO_MONTAJE);\r\n } else {\r\n setVehiculosHaynes(null);\r\n }\r\n }\r\n\r\n })\r\n\r\n }\r\n if (referenciaSeleccionada.VERDESPIECE !== undefined) {\r\n setActiveItemOuterTabs(\"6\")\r\n }\r\n if (referenciaSeleccionada.NUMBERTAG !== undefined) {\r\n store.dispatch(documentosByRefMarca(props.referencia, props.marca))\r\n setActiveItemOuterTabs(referenciaSeleccionada.NUMBERTAG)\r\n }\r\n\r\n } else {\r\n setDetalles(undefined)\r\n setHayDetalles(true)\r\n }\r\n })\r\n } else {\r\n if (!openDrawerMasInfo && hayDetalles) {\r\n setHayDetalles(false)\r\n setDetalles({})\r\n }\r\n }\r\n\r\n const buscarEnTabla = (palabra, registros) => {\r\n let referenciaEncontrado = [];\r\n if (palabra !== \"\") {\r\n if (registros !== null) {\r\n registros.find(function (registro, i) {\r\n if (registro.NOMBRE_FABRICANTE.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = referenciaEncontrado.find(ref => ref.REFERENCIA_ORIGINAL === registro.REFERENCIA_ORIGINAL && ref.EUCON_ID === registro.REFERENCIA_ORIGINAL)\r\n if (existeRegistro === undefined) {\r\n referenciaEncontrado.push(registro)\r\n }\r\n }\r\n })\r\n\r\n registros.find(function (registro, i) {\r\n if (registro.REFERENCIA_ORIGINAL.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = referenciaEncontrado.find(ref => ref.REFERENCIA_ORIGINAL === registro.REFERENCIA_ORIGINAL && ref.EUCON_ID === registro.REFERENCIA_ORIGINAL)\r\n if (existeRegistro === undefined) {\r\n referenciaEncontrado.push(registro)\r\n }\r\n }\r\n })\r\n\r\n }\r\n\r\n if (referenciaEncontrado.length > 0 && referenciaEncontrado !== null) {\r\n setReferenciaOE(referenciaEncontrado);\r\n } else {\r\n setReferenciaOE(null);\r\n }\r\n } else {\r\n setReferenciaOE(referenciaOEAux);\r\n }\r\n }\r\n\r\n const valorPorDectoTiempos = (vehiculoByHaynes, codmotorizacion) => {\r\n vehiculoByHaynes.map((vehiculo) => {\r\n if (vehiculo.IdTiempoReparacion === parseInt(codmotorizacion)) {\r\n settextoPorDefectoTiempos(vehiculo.IdTiempoReparacion)\r\n }\r\n })\r\n }\r\n\r\n const obtenerPrecioParaReferenciaOE = async (referencias = []) => {\r\n const registros = referencias === null ? [] : referencias.map((item) => {\r\n return { PartNo: item.REFERENCIA_ORIGINAL, EuconId: item.EUCON_ID, NOM_FABRICANTE: item.NOMBRE_FABRICANTE }\r\n })\r\n const respuesta = await getPriceOEMEnAPI(registros)\r\n if (respuesta !== undefined && respuesta !== null && respuesta.ListaPreciosOEM !== null && respuesta.ListaPreciosOEM.length > 0) {\r\n registrosReferenciaOE.REFERENCIAS.map((item) => {\r\n let find = respuesta.ListaPreciosOEM.find(element => element.PartNo === item.REFERENCIA_ORIGINAL)\r\n if (find !== undefined) {\r\n item.PRECIO = find.Price\r\n }\r\n })\r\n }\r\n\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n }\r\n\r\n const obtenerReferenciasOE = async (referencia, marca, catalogo) => {\r\n setRegistrosReferenciaOE({ ...default_referenciaOE })\r\n\r\n const respuesta = await referenciaOEMasInfov2EnAPI(referencia, marca, catalogo)\r\n\r\n if (respuesta !== undefined && respuesta !== null && respuesta.REFERENCIAS !== null && respuesta.REFERENCIAS.length > 0) {\r\n const registros = respuesta.REFERENCIAS.map((item, i) => { return { VISIBLE: true, ...item } })\r\n respuesta.REFERENCIAS = registros\r\n } else {\r\n respuesta.REFERENCIAS = null\r\n }\r\n\r\n const { MENSAJE_ERROR, OK, PERMITIR_COMPRAR, REFERENCIAS } = respuesta\r\n\r\n registrosReferenciaOE.PERMITIR_COMPRAR = PERMITIR_COMPRAR\r\n registrosReferenciaOE.MENSAJE_ERROR = MENSAJE_ERROR\r\n registrosReferenciaOE.REFERENCIAS = REFERENCIAS\r\n registrosReferenciaOE.OK = OK\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n\r\n if (REFERENCIAS !== null) {\r\n obtenerPrecioParaReferenciaOE(REFERENCIAS)\r\n }\r\n }\r\n\r\n const filtroLocalRegistros = (textoAFiltrar, registros) => {\r\n if (textoAFiltrar.trim() !== \"\") {\r\n if (registros !== null) {\r\n registros.map((item) => {\r\n if (item.NOMBRE_FABRICANTE.toUpperCase().includes(textoAFiltrar.toUpperCase()) || item.NOMBRE_FABRICANTE.toUpperCase() === textoAFiltrar.toUpperCase() ||\r\n item.REFERENCIA_ORIGINAL.toUpperCase().includes(textoAFiltrar.toUpperCase()) || item.REFERENCIA_ORIGINAL.toUpperCase() === textoAFiltrar.toUpperCase() ||\r\n item.PRECIO.toUpperCase().includes(textoAFiltrar.toUpperCase()) || item.PRECIO.toUpperCase() === textoAFiltrar.toUpperCase()\r\n ) {\r\n item.VISIBLE = true\r\n } else {\r\n item.VISIBLE = false\r\n }\r\n return item\r\n })\r\n }\r\n } else {\r\n registros.map((item) => { return item.VISIBLE = true })\r\n }\r\n\r\n if (registros !== null) {\r\n registrosReferenciaOE.REFERENCIAS = registros\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n }\r\n }\r\n\r\n\r\n const toggleOuterTabs = (tab) => {\r\n if (props.marca !== undefined && props.referencia !== undefined) {\r\n\r\n switch (tab) {\r\n case \"1\":\r\n break;\r\n case \"2\":\r\n store.dispatch(direccionesByMarca(props.marca, CATALOGO));\r\n break;\r\n case \"3\":\r\n store.dispatch(documentosByRefMarca(props.referencia, props.marca, CATALOGO))\r\n break;\r\n case \"4\":\r\n store.dispatch(documentosByRefMarca(props.referencia, props.marca, CATALOGO))\r\n break;\r\n case \"5\":\r\n //Refactorizacion de las referenciasOE\r\n registrosReferenciaOE.TEXTO_BUSCADOR = \"\"\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n\r\n obtenerReferenciasOE(props.referencia, props.marca, CATALOGO);\r\n //store.dispatch(referenciaOEMasInfo(props.referencia, props.marca, CATALOGO));\r\n break;\r\n case \"6\":\r\n break;\r\n case \"8\":\r\n //store.dispatch(fabricantesByReferenciaMarca(props.referencia, props.marca))\r\n break;\r\n case \"7\":\r\n store.dispatch(fabricantesByReferenciaMarca(props.referencia, props.marca, CATALOGO))\r\n break;\r\n case \"9\":\r\n GetVehiculosHaynesByIdTecdocEnAPI(codmotorizacion, CATALOGO).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro !== null && registro.length > 0) {\r\n setVehiculosHaynes(registro);\r\n valorPorDectoTiempos(registro, codmotorizacion)\r\n cambiosCocheTecdoc(codmotorizacion, datosReferencia.GRUPO_MONTAJE);\r\n } else {\r\n setVehiculosHaynes(null);\r\n }\r\n }\r\n\r\n })\r\n break;\r\n }\r\n }\r\n if (activeItemOuterTabs !== tab) {\r\n setActiveItemOuterTabs(tab)\r\n }\r\n };\r\n\r\n const cambiosCocheTecdoc = (idTiempo, grupoMontaje) => {\r\n settextoPorDefectoTiempos(idTiempo)\r\n\r\n GetTiemposReparacionByGMAndVehicleEnAPI(idTiempo, grupoMontaje, undefined, CATALOGO).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro !== null && registro.length > 0) {\r\n setTiempoReparacion(registro);\r\n } else {\r\n setTiempoReparacion(null);\r\n }\r\n }\r\n\r\n })\r\n }\r\n\r\n\r\n\r\n const closeImageView = () => {\r\n let nodo = document.getElementById(\"container_viewer\");\r\n if (nodo !== null) {\r\n nodo.style.display = \"none\";\r\n }\r\n store.dispatch(changeStateImageViewer(false, \"\"))\r\n }\r\n\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n {\r\n onChangeInput(e)\r\n }}\r\n value={TEXTO_BUSCADOR} />\r\n
\r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n {\r\n store.dispatch(DrawerMasInformacion(false));\r\n createRipple(e)\r\n closeImageView()\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n \r\n { toggleOuterTabs(\"1\") }} role=\"tab\" >\r\n {traducirPagina(\"Informacion\")}\r\n \r\n \r\n \r\n { toggleOuterTabs(\"2\") }} role=\"tab\" >\r\n {traducirPagina(\"Direccion\")}\r\n \r\n \r\n \r\n { toggleOuterTabs(\"3\") }} role=\"tab\" >\r\n {traducirPagina(\"Imagenes\")}\r\n \r\n \r\n \r\n { toggleOuterTabs(\"4\") }} role=\"tab\" >\r\n {traducirPagina(\"Documentos\")}\r\n \r\n \r\n\r\n \r\n { toggleOuterTabs(\"8\") }} role=\"tab\" >\r\n {traducirPagina(\"Equivalencias\")}\r\n \r\n \r\n\r\n \r\n { toggleOuterTabs(\"5\") }} role=\"tab\" >\r\n Refs. OE\r\n \r\n \r\n\r\n 0 ? detalles.CON_DESGLOSE ? {} : { display: 'none' } : {} : {}}>\r\n { toggleOuterTabs(\"6\") }} role=\"tab\" >\r\n {traducirPagina(\"Despiece\")}\r\n \r\n \r\n\r\n \r\n { toggleOuterTabs(\"7\") }} role=\"tab\" >\r\n {traducirPagina(\"Vehiculos\")}\r\n \r\n \r\n\r\n \r\n { toggleOuterTabs(\"9\") }} role=\"tab\" >\r\n {traducirPagina(\"Tiempos\")}\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n {Object.keys(masInformacion).length > 0 ?\r\n Object.keys(masInformacion.direccion).length > 0 ?\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {traducirPagina(\"Nombre\")} \r\n {masInformacion.direccion.NOMBRE_MARCA_CORTO} \r\n \r\n \r\n {traducirPagina(\"Direccion\")} \r\n {masInformacion.direccion.DIRECCION} \r\n \r\n \r\n {traducirPagina(\"Pais\")} \r\n {masInformacion.direccion.NOMBRE_PAIS} \r\n \r\n \r\n {traducirPagina(\"Codigo_postal\")} \r\n {masInformacion.direccion.CODIGO_POSTAL} \r\n \r\n \r\n {traducirPagina(\"Ciudad\")} \r\n {masInformacion.direccion.POBLACION} \r\n \r\n \r\n {traducirPagina(\"Telefono\")} \r\n {masInformacion.direccion.TELEFONO} \r\n \r\n \r\n {traducirPagina(\"Fax\")} \r\n {masInformacion.direccion.FAX} \r\n \r\n \r\n {traducirPagina(\"Web\")} \r\n {{masInformacion.direccion.WEB}} \r\n \r\n \r\n {traducirPagina(\"Email\")} \r\n {masInformacion.direccion.EMAIL} \r\n \r\n\r\n\r\n \r\n\r\n \r\n :\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n \r\n \r\n {masInformacion.imagenes !== null && masInformacion.imagenes !== undefined ?\r\n Object.keys(masInformacion.imagenes).length > 0 ?\r\n \r\n :\r\n \r\n \r\n \r\n \r\n {masInformacion.documentos !== null && masInformacion.documentos !== undefined ?\r\n masInformacion.imagenes !== null && masInformacion.imagenes !== undefined ?\r\n Object.keys(masInformacion.documentos).length > 0 ?\r\n \r\n\r\n :\r\n \r\n \r\n\r\n \r\n {\r\n\r\n registrosReferenciaOE.REFERENCIAS === null ?\r\n \r\n :\r\n registrosReferenciaOE.REFERENCIAS.length === 0 ?\r\n \r\n :\r\n <>\r\n \r\n\r\n \r\n {\r\n \r\n\r\n \r\n {\r\n { }} catalogo={CATALOGO}> \r\n }\r\n \r\n\r\n \r\n {masInformacion.vehiculos !== null && masInformacion.vehiculos !== undefined ?\r\n Object.keys(masInformacion.vehiculos).length > 0 ?\r\n \r\n :\r\n null\r\n }\r\n \r\n\r\n \r\n {vehiculosHaynes !== null ?\r\n \r\n : null}\r\n\r\n\r\n {tiempoReparacion !== null ?\r\n tiempoReparacion.length > 0 ?\r\n {item.Descripcion} \r\n )}\r\n />\r\n
\r\n\r\nTareas a realizar
}\r\n\r\n bordered\r\n dataSource={tiempoReparacion[0].TAREAS_REPARACION}\r\n renderItem={item => (\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n {detalles !== undefined && detalles !== null ?\r\n Object.keys(detalles).length > 0 ?\r\n \r\n\r\n \r\n \r\n \r\n {datosReferencia !== undefined && datosReferencia !== null ?\r\n (Object.keys(datosReferencia).length > 0) ?\r\n 
\r\n : null\r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n
\r\n {traducirPagina(\"General\")}
\r\n {datosReferencia !== undefined && datosReferencia !== null ?\r\n Object.keys(datosReferencia).length > 0 ?\r\n\r\n {traducirPagina(\"Articulo\")}: {datosReferencia.REFERENCIA} \r\n
\r\n {traducirPagina(\"Marca\")}: {datosReferencia.NOMRE_MARCA} \r\n
\r\n : null\r\n :\r\n null\r\n }\r\n \r\n {traducirPagina(\"Marca\")}: {datosReferencia.NOMRE_MARCA} \r\n
\r\n {detalles !== undefined && detalles !== null ?\r\n Object.keys(detalles).length > 0 ?\r\n
\r\n EAN: {detalles.EAN} \r\n
\r\n \r\n {traducirPagina(\"Referencias_Comerciales\")} : {detalles.REFERENCIA_COMERCIAL}\r\n \r\n
\r\n {detalles.SUSTITUIDO_POR === null || detalles.SUSTITUIDO_POR === \"\" ?\r\n null\r\n :\r\n
\r\n
\r\n : null\r\n :\r\n null}\r\n \r\n \r\n {traducirPagina(\"Referencias_Comerciales\")} : {detalles.REFERENCIA_COMERCIAL}\r\n \r\n
\r\n {detalles.SUSTITUIDO_POR === null || detalles.SUSTITUIDO_POR === \"\" ?\r\n null\r\n :\r\n
\r\n \r\n {traducirPagina(\"Sustituido_Por\")}: {detalles.SUSTITUIDO_POR}\r\n \r\n
\r\n
\r\n }\r\n {detalles.SUSTITUYE_A === null || detalles.SUSTITUYE_A === \"\" ?\r\n null\r\n :\r\n \r\n
\r\n \r\n {traducirPagina(\"Sustituye_A\")}: {detalles.SUSTITUYE_A}\r\n \r\n
\r\n
\r\n }\r\n {traducirPagina(\"Estado\")}: {detalles.DESCRIPCION_ESTADO}\r\n
\r\n
\r\n
\r\n {detalles !== undefined && detalles !== null ?\r\n Object.keys(detalles).length > 0 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {detalles.PROPIEDADES.split(\"|\").map((row, i) =>\r\n \r\n {row.split(\":\").map((item, i) =>\r\n {item} \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n :\r\n \r\n\r\n : null\r\n }\r\n
\r\n {traducirPagina(\"Criterios\")}
\r\n\r\n
\r\n :\r\n \r\n {masInformacion.imagenes.map((row, i) =>\r\n \r\n\r\n {\r\n store.dispatch(changeStateImageViewer(true, { titulo: datosReferencia.NOMRE_MARCA, url: DIRECTORIO_DOCUMENTO + pad(parseInt(datosReferencia.CODIGO_MARCA), 4).toString() + \"/\" + row.IMAGEN }))\r\n document.getElementById(\"container_viewer\") !== null ? document.getElementById(\"container_viewer\").style.display = \"\" : document.getElementById(\"container_viewer\")\r\n\r\n }}>\r\n\r\n \r\n {datosReferencia !== undefined && datosReferencia !== null ?\r\n \r\n \r\n \r\n )}\r\n
\r\n {traducirPagina(\"Sin_imagenes\")}
\r\n }\r\n\r\n
\r\n :\r\n \r\n {masInformacion.documentos.map((row, i) =>\r\n \r\n {\r\n store.dispatch(changeStateImageViewer(row.TIPO_DOCUMENTO === \"\" || row.TIPO_DOCUMENTO === \"ZIP\" ? false : true,\r\n row.TIPO_DOCUMENTO === \"PDF\" ?\r\n { titulo: datosReferencia.NOMRE_MARCA, url: DIRECTORIO_DOCUMENTO.replace(\"IMG\", \"DOC\") + pad(parseInt(datosReferencia.CODIGO_MARCA), 4).toString() + \"/\" + row.DOCUMENTO }\r\n :\r\n { titulo: datosReferencia.NOMRE_MARCA, url: DIRECTORIO_DOCUMENTO + pad(parseInt(datosReferencia.CODIGO_MARCA), 4).toString() + \"/\" + row.DOCUMENTO }\r\n ));\r\n\r\n document.getElementById(\"container_viewer\") !== null ? document.getElementById(\"container_viewer\").style.display = \"\" : document.getElementById(\"container_viewer\")\r\n }}>\r\n \r\n {datosReferencia !== undefined && datosReferencia !== null ?\r\n \r\n \r\n \r\n )}\r\n
\r\n {traducirPagina(\"Sin_documentos\")}
\r\n : null\r\n }\r\n{traducirPagina(\"No_resultados\")}
\r\n {\r\n let txtBuscadorLoal = e.target.value;\r\n registrosReferenciaOE.TEXTO_BUSCADOR = txtBuscadorLoal\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n filtroLocalRegistros(txtBuscadorLoal, registrosReferenciaOE.REFERENCIAS)\r\n\r\n }}\r\n onCloseInput={() => {\r\n let txtBuscadorLoal = \"\";\r\n registrosReferenciaOE.TEXTO_BUSCADOR = txtBuscadorLoal\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n filtroLocalRegistros(txtBuscadorLoal, registrosReferenciaOE.REFERENCIAS)\r\n }}\r\n\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {traducirPagina(\"Referencia_original\")} \r\n {traducirPagina(\"Precio\")} \r\n\r\n {registrosReferenciaOE.PERMITIR_COMPRAR && vehiculoActual.EXISTE_VEHICULO ? {traducirPagina(\"Comprar\")} : null}\r\n\r\n \r\n \r\n\r\n \r\n {registrosReferenciaOE.REFERENCIAS.filter((registro) => registro.VISIBLE === true).map((item, key) =>\r\n \r\n {\r\n store.dispatch({ type: \"STATE_UPDATE_EQUIVALENCIA_ARTICULO_SELECCIONADO\", marca: item.MARCA, referencia: item.REFERENCIA_ORIGINAL, artno: item.ARTICULO });\r\n store.dispatch(DrawerFichaEquivalenciaArticulo(true));\r\n }} >{item.NOMBRE_FABRICANTE} \r\n\r\n \r\n copiarAlPortapapeles(\"refCopiarAPortapapel\" + item.REFERENCIA_ORIGINAL)} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} />\r\n {\r\n store.dispatch({ type: \"STATE_UPDATE_EQUIVALENCIA_ARTICULO_SELECCIONADO\", marca: item.MARCA, referencia: item.REFERENCIA_ORIGINAL, artno: item.ARTICULO });\r\n store.dispatch(DrawerFichaEquivalenciaArticulo(true));\r\n }}\r\n > {item.REFERENCIA_ORIGINAL} \r\n \r\n\r\n {\r\n store.dispatch({ type: \"STATE_UPDATE_EQUIVALENCIA_ARTICULO_SELECCIONADO\", marca: item.MARCA, referencia: item.REFERENCIA_ORIGINAL, artno: item.ARTICULO });\r\n store.dispatch(DrawerFichaEquivalenciaArticulo(true));\r\n }}>{item.PRECIO === 0 ? : item.PRECIO} \r\n\r\n {registrosReferenciaOE.PERMITIR_COMPRAR && vehiculoActual.EXISTE_VEHICULO ?\r\n {\r\n disponibilidadSeleccionada.REFERENCIA = item.REFERENCIA_ORIGINAL\r\n disponibilidadSeleccionada.MCR = item.MCR_ID\r\n disponibilidadSeleccionada.MARCA_VEH = item.NOMBRE_FABRICANTE\r\n\r\n setDisponibilidadSeleccionada({ ...disponibilidadSeleccionada })\r\n\r\n setAbrirFichaDisponibilidad(true)\r\n\r\n }}>{ \r\n :\r\n null\r\n }\r\n\r\n \r\n )}\r\n \r\n\r\n \r\n
\r\n \r\n\r\n\r\n }\r\n\r\n \r\n
\r\n :\r\n \r\n {masInformacion.vehiculos.map((row, i) =>\r\n {\r\n document.getElementById(\"maInfoModelos\").style.display = \"\"; document.getElementById(\"maInfoMarcas\").style.display = \"none\";\r\n store.dispatch(getModelosByReferenciaMarcaAndFabricante(datosReferencia.REFERENCIA, datosReferencia.CODIGO_MARCA, row.ID))\r\n store.dispatch({ type: \"REPLACE_VEHICULO_IDMARCA\", idmarca: row })\r\n }}>\r\n \r\n \r\n {row.FABRICANTE}\r\n \r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {/*\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n\r\n \r\n Articulos implicados
}\r\n bordered\r\n dataSource={tiempoReparacion[0].ARTICULOS}\r\n renderItem={item => (\r\n \r\n {tiempoReparacion[0].Descripcion}\r\n
\r\n \r\n {tiempoReparacion[0].Tiempo + \" horas \"}
\r\n\r\n\r\n
\r\n\r\n
\r\n {traducirPagina(\"Articulos_implicados\")}\r\n {tiempo.ARTICULOS.map((articulo) =>\r\n
\r\n }\r\n\r\n\r\n {tiempo.TAREAS_REPARACION.length === 0 ?\r\n null\r\n :\r\n {articulo.Descripcion}
\r\n )}\r\n\r\n
\r\n {traducirPagina(\"Tareas_a_realizar\")}\r\n {tiempo.TAREAS_REPARACION.map((tareas, i) =>\r\n
\r\n }\r\n\r\n\r\n \r\n {traducirPagina(\"Tareas_a_realizar\")}\r\n {tiempo.TAREAS_REPARACION.map((tareas, i) =>\r\n
{tareas.Descripcion}
\r\n )}\r\n\r\n \r\n :\r\n
\r\n \r\n\r\n )\r\n}\r\n\r\nFichaHaynesPro.propTypes = {\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n\r\n activeItemOuterTabs: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n masInformacion: state.masInformacion,\r\n configApp: state.configApp,\r\n props: props,\r\n openDrawerHaynesPro: state.estadoDrawer.openDrawerHaynesPro,\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n usuario: state.usuario\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaHaynesPro);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn} from 'mdbreact';\r\nimport 'antd/dist/antd.css';\r\nimport { Drawer } from 'antd';\r\nimport {\r\n DrawerReferenciaGrafico, createRipple\r\n} from \"../action/actionCreators\";\r\n\r\nimport ContainerReferenciaGenerico from './ContainerReferenciaGenerico';\r\nimport store from '../store'\r\nimport { traducirPagina } from '../librerias/funciones';\r\n\r\nconst FichaReferenciaGrafico = ({ props, openDrawerReferenciaGrafico, nodoGraficoSeleccionado, codmotorizacion }) => {\r\n let texto = traducirPagina(nodoGraficoSeleccionado.nombreGrupo)\r\n return (\r\n \r\n
\r\n\r\n\r\n {enlaceHaynes !== null ?\r\n enlaceHaynes === \"\" ?\r\n \r\n
\r\n \r\n { store.dispatch(DrawerHaynesPro(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n No se puede establecer conexión con HaynesPro.
\r\n
\r\n\r\n \r\n { store.dispatch(DrawerReferenciaGrafico(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {`${props.title} ${texto === \"\" ? nodoGraficoSeleccionado.nombreGrupo.toUpperCase() : texto}`}\r\n
\r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nFichaReferenciaGrafico.propTypes = {\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n activeItemOuterTabs: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n datosGraficos: state.datosGraficos,\r\n \r\n props: props,\r\n openDrawerReferenciaGrafico: state.estadoDrawer.openDrawerReferenciaGrafico,\r\n mostrarComponente: state.mostrarComponente,\r\n propiedadesVisor: state.propiedadesVisor,\r\n buscadorTree: state.buscadorTree,\r\n nodoGraficoSeleccionado: state.nodoGraficoSeleccionado,\r\n codmotorizacion: state.codmotorizacion,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaReferenciaGrafico);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBIcon, MDBCol, MDBCardBody, MDBCard, MDBCardText, MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBInput } from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport 'antd/dist/antd.css';\r\n\r\nimport { Select, Card, Drawer, Modal, Button, Form, Input, Checkbox, Row, Col, Tabs } from 'antd';\r\nimport { DrawerPerfilUsuario, createRipple } from \"../action/actionCreators\";\r\nimport { GetUsuariosEnAPI, SetUsuarioEnAPI, GetIdiomasEnAPI } from \"../action/actionCreatorsRequests\";\r\n\r\nimport { MSGERROR, MSGOK, traducirPagina, verificarSiEsMostrador } from \"../librerias/funciones\"\r\nimport {\r\n PlusOutlined,\r\n SaveOutlined,\r\n EditOutlined,\r\n DeleteOutlined,\r\n FlagFilled\r\n} from '@ant-design/icons';\r\nimport store from '../store'\r\n\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaPerfil = ({ props, configApp, openDrawerPerfilUsuario, usuario }) => {\r\n const [idiomas, setIdiomas] = React.useState({});\r\n const [textoIdioma, setTextoIdioma] = React.useState(1);\r\n const [hayCliente, setHayCliente] = React.useState(false);\r\n const [tabPorDefecto, setTabPorDefecto] = React.useState(\"1\");\r\n const [idiomasLocal, setIdiomasLocal] = React.useState([]);\r\n const [passwordUsuario, setPasswordUsuario] = React.useState(\"\");\r\n const [comunicarTelegram, setComunicarTelegram] = React.useState(true);\r\n\r\n const { LoginSertec } = usuario\r\n const { PERMISO_TELEGRAM } = LoginSertec !== undefined && LoginSertec !== null ? LoginSertec : { PERMISO_TELEGRAM: false }\r\n\r\n\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ID: 0,\r\n NOMBRE: \"\",\r\n CORREO_RECUPERACION_PWD: \"\",\r\n CORREO_RECEPCION_PEDIDOS: \"\",\r\n CORREO_ENVIO_DOCUMENTOS: \"\",\r\n ID_TELEGRAM: \"\",\r\n USUARIO: \"\",\r\n PWD_OLD: \"\",\r\n PWD_NEW: \"\",\r\n PWD: \"\",\r\n OBSERVACIONES: \"\",\r\n BAJA: false,\r\n ID_IDIOMA: \"1\",\r\n MOSTRADOR_POR_DEFECTO_TELEGRAM: false,\r\n NOMBRE_PAIS:\"\"\r\n }\r\n )\r\n\r\n if (!hayCliente && openDrawerPerfilUsuario) {\r\n setHayCliente(true);\r\n GetUsuariosEnAPI().then(usuario => {\r\n if (usuario !== undefined) {\r\n if (usuario !== null && usuario.length > 0) {\r\n setPayLoadLocal({\r\n ID: usuario[0].ID,\r\n NOMBRE: usuario[0].NOMBRE_USUARIO,\r\n CORREO_RECUPERACION_PWD: usuario[0].CORREO_RECUPERACION_PWD,\r\n CORREO_RECEPCION_PEDIDOS: usuario[0].CORREO_RECEPCION_PEDIDOS,\r\n CORREO_ENVIO_DOCUMENTOS: usuario[0].CORREO_ENVIO_DOCUMENTOS,\r\n ID_TELEGRAM: usuario[0].ID_TELEGRAM,\r\n USUARIO: usuario[0].USUARIO,\r\n PWD_OLD: \"\",\r\n PWD_NEW: \"\",\r\n PWD: \"\",\r\n OBSERVACIONES: usuario[0].OBSERVACIONES,\r\n BAJA: usuario[0].BAJA,\r\n ID_IDIOMA: usuario[0].ID_IDIOMA,\r\n MOSTRADOR_POR_DEFECTO_TELEGRAM:usuario[0].MOSTRADOR_POR_DEFECTO_TELEGRAM,\r\n NOMBRE_PAIS: usuario[0].NOMBRE_PAIS\r\n })\r\n\r\n let condicion = usuario[0].ID_TELEGRAM === \"\" ? false : true\r\n setComunicarTelegram(condicion)\r\n setPasswordUsuario(usuario[0].PWD)\r\n setTextoIdioma(usuario[0].ID_IDIOMA)\r\n\r\n\r\n } else {\r\n setPayLoadLocal(null)\r\n }\r\n }\r\n })\r\n\r\n GetIdiomasEnAPI().then(idiomas => {\r\n if (idiomas !== null && idiomas.length > 0) {\r\n setIdiomasLocal(idiomas)\r\n } else {\r\n setIdiomasLocal(null)\r\n }\r\n })\r\n\r\n } else {\r\n if (!openDrawerPerfilUsuario && hayCliente) {\r\n setHayCliente(false);\r\n setTextoIdioma(1)\r\n setTabPorDefecto(\"1\")\r\n setIdiomasLocal([])\r\n setPasswordUsuario(\"\")\r\n setPayLoadLocal({\r\n ID: 0,\r\n NOMBRE: \"\",\r\n CORREO_RECUPERACION_PWD: \"\",\r\n CORREO_RECEPCION_PEDIDOS: \"\",\r\n CORREO_ENVIO_DOCUMENTOS: \"\",\r\n ID_TELEGRAM: \"\",\r\n USUARIO: \"\",\r\n PWD_OLD: \"\",\r\n PWD_NEW: \"\",\r\n PWD: \"\",\r\n OBSERVACIONES: \"\",\r\n BAJA: false,\r\n ID_IDIOMA: \"\",\r\n MOSTRADOR_POR_DEFECTO_TELEGRAM:false,\r\n NOMBRE_PAIS:\"\"\r\n })\r\n }\r\n }\r\n\r\n\r\n\r\n const modificarUsuario = () => {\r\n if (tabPorDefecto === \"2\") {\r\n let modificarContraseña = passwordUsuario\r\n let permitirGuardarContraseña = false\r\n\r\n if (payLoadLocal.PWD_OLD.trim() === \"\") {\r\n permitirGuardarContraseña = true\r\n modificarContraseña = passwordUsuario\r\n } else {\r\n if (payLoadLocal.PWD_OLD === modificarContraseña) {\r\n if (payLoadLocal.PWD_NEW.trim() !== \"\") {\r\n if (payLoadLocal.PWD_NEW === payLoadLocal.PWD) {\r\n permitirGuardarContraseña = true\r\n setPasswordUsuario(payLoadLocal.PWD_NEW);\r\n\r\n modificarContraseña = payLoadLocal.PWD_NEW;\r\n } else {\r\n MSGERROR(traducirPagina(\"nueva_contrasenia_coincidir\"))\r\n }\r\n } else {\r\n MSGERROR(traducirPagina(\"nueva_contrasenia_vacia\"))\r\n }\r\n\r\n } else {\r\n MSGERROR(traducirPagina(\"no_coincide_contrasenia\"))\r\n }\r\n }\r\n\r\n if (permitirGuardarContraseña) {\r\n SetUsuarioEnAPI(payLoadLocal, modificarContraseña, textoIdioma).then(usuario => {\r\n if (usuario.OK) {\r\n MSGOK(\"Usuario modificado correctamente.\")\r\n store.dispatch(DrawerPerfilUsuario(false));\r\n }\r\n })\r\n }\r\n\r\n } else {\r\n SetUsuarioEnAPI(payLoadLocal, passwordUsuario, textoIdioma).then(usuario => {\r\n if (usuario.OK) {\r\n MSGOK(\"Usuario modificado correctamente.\")\r\n store.dispatch(DrawerPerfilUsuario(false));\r\n store.dispatch({ type: \"STATE_MODIFICAR_EMAIL_ENVIO_DOCUMENTO\", emailEnvioDocumento: payLoadLocal.CORREO_ENVIO_DOCUMENTOS })\r\n }\r\n })\r\n }\r\n }\r\n\r\n\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const NOMBRE = e.target.name === 'NOMBRE' ? e.target.value : payLoadLocal.NOMBRE;\r\n const CORREO_RECUPERACION_PWD = e.target.name === 'CORREO_RECUPERACION_PWD' ? e.target.value : payLoadLocal.CORREO_RECUPERACION_PWD;\r\n const CORREO_RECEPCION_PEDIDOS = e.target.name === 'CORREO_RECEPCION_PEDIDOS' ? e.target.value : payLoadLocal.CORREO_RECEPCION_PEDIDOS;\r\n const CORREO_ENVIO_DOCUMENTOS = e.target.name === 'CORREO_ENVIO_DOCUMENTOS' ? e.target.value : payLoadLocal.CORREO_ENVIO_DOCUMENTOS;\r\n const ID_TELEGRAM = e.target.name === 'ID_TELEGRAM' ? e.target.value : payLoadLocal.ID_TELEGRAM;\r\n\r\n\r\n const USUARIO = e.target.name === 'USUARIO' ? e.target.value : payLoadLocal.USUARIO;\r\n const PWD_OLD = e.target.name === 'PWD_OLD' ? e.target.value : payLoadLocal.PWD_OLD;\r\n const PWD_NEW = e.target.name === 'PWD_NEW' ? e.target.value : payLoadLocal.PWD_NEW;\r\n const PWD = e.target.name === 'PWD' ? e.target.value : payLoadLocal.PWD;\r\n const OBSERVACIONES = e.target.name === 'OBSERVACIONES' ? e.target.value : payLoadLocal.OBSERVACIONES;\r\n const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n const BAJA = e.target.name === 'BAJA' ? e.target.value : payLoadLocal.BAJA;\r\n const ID_IDIOMA = e.target.name === 'ID_IDIOMA' ? e.target.value : payLoadLocal.ID_IDIOMA;\r\n const MOSTRADOR_POR_DEFECTO_TELEGRAM = e.target.name === 'MOSTRADOR_POR_DEFECTO_TELEGRAM' ? e.target.checked : payLoadLocal.MOSTRADOR_POR_DEFECTO_TELEGRAM;\r\n const NOMBRE_PAIS = e.target.name === 'NOMBRE_PAIS' ? e.target.checked : payLoadLocal.NOMBRE_PAIS;\r\n\r\n\r\n \r\n\r\n setPayLoadLocal(\r\n {\r\n ID: ID,\r\n NOMBRE: NOMBRE,\r\n CORREO_RECUPERACION_PWD: CORREO_RECUPERACION_PWD,\r\n CORREO_RECEPCION_PEDIDOS: CORREO_RECEPCION_PEDIDOS,\r\n CORREO_ENVIO_DOCUMENTOS: CORREO_ENVIO_DOCUMENTOS,\r\n USUARIO: USUARIO,\r\n PWD_OLD: PWD_OLD,\r\n PWD_NEW: PWD_NEW,\r\n PWD: PWD,\r\n OBSERVACIONES: OBSERVACIONES,\r\n BAJA: BAJA,\r\n ID_IDIOMA: ID_IDIOMA,\r\n ID_TELEGRAM: ID_TELEGRAM,\r\n MOSTRADOR_POR_DEFECTO_TELEGRAM:MOSTRADOR_POR_DEFECTO_TELEGRAM,\r\n NOMBRE_PAIS:NOMBRE_PAIS\r\n }\r\n )\r\n }\r\n\r\n const modificarIdioma = (e) => {\r\n payLoadLocal.ID_IDIOMA = e;\r\n setPayLoadLocal(payLoadLocal)\r\n setTextoIdioma(e)\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n {payLoadLocal === null ?\r\n \r\n { store.dispatch(DrawerPerfilUsuario(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n :\r\n {traducirPagina(\"msgFicPerf_no_info_usu\")}
\r\n\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n }\r\n \r\n\r\n {traducirPagina(\"Actualmente_no_idiomas\")}
\r\n\r\n {verificarSiEsMostrador() ?\r\n {\r\n /*\r\n setComunicarTelegram(e.target.checked);\r\n if (!e.target.checked) {\r\n payLoadLocal.ID_TELEGRAM = \"\";\r\n }\r\n */\r\n guardarEstadoFormulario(e)\r\n }} >{traducirPagina(\"Msg_mostrador_telegram\")} \r\n \r\n :\r\n
\r\n\r\n\r\n \r\n {\r\n setComunicarTelegram(e.target.checked);\r\n if (!e.target.checked) {\r\n payLoadLocal.ID_TELEGRAM = \"\";\r\n }\r\n }} >{traducirPagina(\"Deseo_comunicarme_con_Telegram\")} \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n guardarEstadoFormulario(e)} />\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n { store.dispatch(DrawerFichaCliente(false)); createRipple(e); setObtenerClientes(ClientesMostrador); setTextoFiltroCliente(\"\") }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n :\r\n \r\n }\r\n
\r\n \r\n )\r\n}\r\n\r\nFichaCliente.propTypes = {\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n openDrawerFichaCliente: state.estadoDrawer.openDrawerFichaCliente,\r\n ClientesMostrador: state.ClientesMostrador\r\n\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaCliente);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBIcon, MDBCol, MDBCardBody, MDBCard, MDBCardText, MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBContainer } from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { getStockDesglose } from \"../action/actionCreatorsRequests\"\r\nimport 'antd/dist/antd.css';\r\n\r\nimport { Tabs, Skeleton, Space, Divider, Drawer } from 'antd';\r\nimport TablaGenerica from './tablaGenerica'\r\nimport { DrawerStockAlmacen, createRipple } from \"../action/actionCreators\";\r\nimport { traducirPagina, obtenerDatosUsuarioYLicenciaActual, convertirMoneda, etiquetaReferenciaSinStock } from \"../librerias/funciones\"\r\nimport store from '../store'\r\nimport {\r\n LikeOutlined,\r\n DislikeOutlined,\r\n} from '@ant-design/icons';\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaStockAlmacen = ({ props, masInformacion, configApp, openDrawerStockAlmacen, mostrarComponente, propiedadesVisor, fichaBusquedaVehiculo }) => {\r\n const [hayStockAlmacen, setHayStockAlmacen] = React.useState(false);\r\n const [hayPrecios, setHayPrecios] = React.useState(false);\r\n const [obtenerStockAlmacen, setObtenerStockAlmacen] = React.useState([]);\r\n\r\n const buscarFechaEntrega = (registros) => {\r\n\r\n const resultado = registros.filter((registro) => (registro.FechaEntrega !== undefined && registro.FechaEntrega !== null && registro.FechaEntrega !== \"\"));\r\n\r\n return resultado;\r\n }\r\n\r\n\r\n const buscarPrecios = (registros) => {\r\n let hayPrecios = registros.find((item) => item.Precio !== null)\r\n return hayPrecios === undefined ? false : true\r\n }\r\n\r\n if (!hayStockAlmacen && openDrawerStockAlmacen) {\r\n setHayStockAlmacen(true)\r\n\r\n getStockDesglose(props.referencia, props.marca, props.referenciaProveedor).then(stock => {\r\n if (stock !== undefined && stock !== null && stock.length > 0) {\r\n setHayStockAlmacen(true)\r\n setObtenerStockAlmacen(stock);\r\n\r\n setHayPrecios(buscarPrecios(stock))\r\n } else {\r\n setHayStockAlmacen(true)\r\n setObtenerStockAlmacen(null);\r\n setHayPrecios(false)\r\n }\r\n })\r\n } else {\r\n if (!openDrawerStockAlmacen && hayStockAlmacen) {\r\n setObtenerStockAlmacen([])\r\n setHayStockAlmacen(false)\r\n setHayPrecios(false)\r\n\r\n }\r\n }\r\n\r\n return (\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n { setTextoFiltroCliente(e.target.value); buscarCliente(e) }} />\r\n
\r\n\r\n \r\n { createRipple(e); efectoRemoveBuscadorReferencia(\"buscadorCliente\", true); }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); store.dispatch(DrawerFichaCliente(true)); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matricula\"> \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {obtenerClientes !== null ?\r\n obtenerClientes.length > 0 ?\r\n \r\n {obtenerClientes !== null ?\r\n obtenerClientes.length > 0 ?\r\n { updateNumberPage(current, size) }}\r\n total={obtenerClientes.length}\r\n showTotal={() => ` ${obtenerClientes.length} ${\"Clientes\"}`}\r\n defaultPageSize={40}\r\n onChange={(page, pageSize) => { paginarTabla(page, pageSize) }}\r\n > \r\n :\r\n null\r\n : null\r\n }\r\n
\r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Codigo_cliente\").toUpperCase()} \r\n {traducirPagina(\"Razon\").toUpperCase()} \r\n {traducirPagina(\"Cif\").toUpperCase()} \r\n {traducirPagina(\"Poblacion\").toUpperCase()} \r\n {traducirPagina(\"Zona\").toUpperCase()} \r\n {traducirPagina(\"Telefono\").toUpperCase()} \r\n \r\n \r\n \r\n {obtenerClientes.map((item, i) =>\r\n (i + 1) >= datosPaginacion.inicio && (i + 1) <= datosPaginacion.final ?\r\n { gestionarBusquedaCliente(item) }}>\r\n {item.Codigo} \r\n {item.Razon} \r\n {item.Cif} \r\n {item.Poblacion} \r\n {item.Zona} \r\n {item.Telefono} \r\n \r\n :\r\n null\r\n )\r\n }\r\n \r\n \r\n
\r\n :\r\n Actualmente no existen clientes.
\r\n
\r\n\r\n \r\n { store.dispatch(DrawerStockAlmacen(false)); createRipple(e); store.dispatch({ type: 'STATE_ES_NEUMATICO', NEUMATICO: { ES_NEUMATICO: false, REFERENCIA_FABRICANTE: \"\" } }) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n {\r\n obtenerStockAlmacen !== null ?\r\n obtenerStockAlmacen.length > 0 ?\r\n \r\n \r\n \r\n {traducirPagina(\"Almacen\").toUpperCase()} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {traducirPagina(\"Cantidad\").toUpperCase()} }\r\n {traducirPagina(\"Disponibilidad\").toUpperCase()} \r\n\r\n {hayPrecios && ({traducirPagina(\"Precio\").toUpperCase()} )}\r\n\r\n {buscarFechaEntrega(obtenerStockAlmacen).length > 0 ? {traducirPagina(\"Fecha_entrega\").toUpperCase()} : null}\r\n\r\n \r\n \r\n \r\n {obtenerStockAlmacen.map((item, i) =>\r\n \r\n {item.DescripcionAlmacen} \r\n {obtenerDatosUsuarioYLicenciaActual().SIEMPRE_VERDE || obtenerDatosUsuarioYLicenciaActual().SEMAFORO_DISPONIBILIDAD ? null : {item.Stock} }\r\n \r\n \r\n \r\n\r\n {hayPrecios && ({item.Precio === null ? \"\" : convertirMoneda(item.Precio, \"€\")} )}\r\n\r\n\r\n {buscarFechaEntrega(obtenerStockAlmacen).length > 0 ? {item.FechaEntrega !== null ? `${item.FechaEntrega} ${item.HoraEntrega}` : \"\"} : null}\r\n\r\n \r\n )\r\n }\r\n \r\n \r\n :\r\n \r\n :\r\n \r\n }\r\n
\r\n \r\n\r\n )\r\n}\r\n\r\nFichaStockAlmacen.propTypes = {\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n marca: PropTypes.number,\r\n referenciaProveedor: PropTypes.string,\r\n activeItemOuterTabs: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n datosGraficos: state.datosGraficos,\r\n hayReferencias: state.hayReferencias,\r\n masInformacion: state.masInformacion,\r\n configApp: state.configApp,\r\n props: props,\r\n allCourse: state.allCourse,\r\n openDrawerStockAlmacen: state.estadoDrawer.openDrawerStockAlmacen,\r\n mostrarComponente: state.mostrarComponente,\r\n propiedadesVisor: state.propiedadesVisor,\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaStockAlmacen);","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\nimport { MDBBreadcrumbItem, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBIcon, MDBCol, MDBCardBody, MDBCard, MDBCardText, MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBBtn } from 'mdbreact';\r\n\r\nimport { Drawer, Col } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport store from \"../store\";\r\nimport { DrawerFichaCocheDGT, createRipple } from \"../action/actionCreators\";\r\nimport { traducirPagina, copiarAlPortapapeles } from \"../librerias/funciones\"\r\nimport { CopyOutlined } from '@ant-design/icons';\r\nimport { obtenerImagenHaynesPro, getFichaCocheEnAPI, buscarMatriculaCoche, buscarBastidorCoche } from \"../action/actionCreatorsRequests\"\r\n\r\nconst FichaCocheDGT = ({ configApp, openDrawerFichaCocheDGT, historicapp, props, codmotorizacion, sesionHaynesPro, openDrawerHistoricoCoche, buscadorCoche, nameDropDownCar,fichaBusquedaVehiculo,DROP_SELECCION_COCHE }) => {\r\n const [activeItemOuterTabs, setActiveItemOuterTabs] = React.useState(\"1\");\r\n const [hayCoche, setHayCoche] = React.useState(false);\r\n const [obtenerRegistroCoche, setObtenerRegistroCoche] = React.useState({});\r\n const [hayDatosMatricula, setDatosMatricula] = React.useState(false);\r\n const [obteneVehiculoPorMatricula, setObteneVehiculoPorMatricula] = React.useState({});\r\n\r\n const [hayImagenCoche, setHayImagenCoche] = React.useState(false);\r\n const [obtenerImagenCoche, setObtenerImagenCoche] = React.useState(\"\");\r\n\r\n\r\n let buscarMorizacion = props.codMotorizacionSeleccionada !== \"\" ? props.codMotorizacionSeleccionada : codmotorizacion\r\n\r\n if (!hayCoche && openDrawerFichaCocheDGT) {\r\n setHayCoche(true)\r\n\r\n \r\n getFichaCocheEnAPI(buscarMorizacion).then(coche => {\r\n if (coche !== null && Object.keys(coche).length > 0) {\r\n setObtenerRegistroCoche(coche);\r\n } else {\r\n \r\n setObtenerRegistroCoche(null);\r\n }\r\n })\r\n\r\n } else {\r\n if (!openDrawerFichaCocheDGT && hayCoche) {\r\n //Se actualiza la variable buscar coche cuando se cierre la ficha.\r\n setObtenerRegistroCoche({})\r\n setActiveItemOuterTabs(\"1\")\r\n setHayCoche(false)\r\n\r\n }\r\n }\r\n\r\n\r\n if (!hayImagenCoche && openDrawerFichaCocheDGT) {\r\n setHayImagenCoche(true)\r\n obtenerImagenHaynesPro(buscarMorizacion).then(imagen => {\r\n if (imagen !== null && imagen !== \"\") {\r\n\r\n \r\n setObtenerImagenCoche(imagen);\r\n } else {\r\n \r\n setObtenerImagenCoche(null);\r\n }\r\n })\r\n } else {\r\n if (!openDrawerFichaCocheDGT && hayImagenCoche) {\r\n setObtenerImagenCoche(\"\")\r\n setHayImagenCoche(false)\r\n }\r\n }\r\n\r\n if (!hayDatosMatricula && openDrawerFichaCocheDGT) {\r\n setDatosMatricula(true);\r\n\r\n if (!openDrawerHistoricoCoche || buscadorCoche.txtBuscadorCoche !== undefined) {\r\n\r\n if (DROP_SELECCION_COCHE.IDENTIFICADOR.toUpperCase() === \"MAT\") {\r\n let identificador = buscadorCoche.txtBuscadorCoche \r\n \r\n if(identificador !== undefined && identificador !== null){\r\n buscarMatriculaCoche(identificador).then(coche => {\r\n if (coche !== null) {\r\n setDatosMatricula(true);\r\n setObteneVehiculoPorMatricula(coche)\r\n }\r\n })\r\n }\r\n \r\n } else if (DROP_SELECCION_COCHE.IDENTIFICADOR.toUpperCase() === \"BAS\") {\r\n let identificador = buscadorCoche.txtBuscadorCoche \r\n if(identificador !== undefined && identificador !== null){\r\n buscarBastidorCoche(identificador).then(coche => {\r\n if (coche !== null) {\r\n setDatosMatricula(true);\r\n setObteneVehiculoPorMatricula(coche)\r\n }\r\n })\r\n }\r\n }\r\n } else {\r\n setObteneVehiculoPorMatricula({})\r\n }\r\n\r\n } else {\r\n if (!openDrawerFichaCocheDGT && hayDatosMatricula) {\r\n setObteneVehiculoPorMatricula({})\r\n setDatosMatricula(false)\r\n }\r\n }\r\n\r\n\r\n return (\r\n {etiquetaReferenciaSinStock()}
\r\n\r\n
\r\n\r\n \r\n { store.dispatch(DrawerFichaCocheDGT(false)); createRipple(e); store.dispatch({ type: \"SET_ID_MOTORIZACION_FICHA_HISTORIAL\", codMotorizacionFichaHistorial: \"\" }) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n {obtenerRegistroCoche !== null ?\r\n
\r\n 0 ? '' : 'none' : 'none' }}>\r\n {obtenerRegistroCoche.MARCA} \r\n {obtenerRegistroCoche.MODELO} \r\n {obtenerRegistroCoche.MOTORES} \r\n\r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n \r\n \r\n {Object.keys(obteneVehiculoPorMatricula).length > 0 ?\r\n obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO !== null ?\r\n \r\n {obteneVehiculoPorMatricula.MATRICULA !== null ?\r\n \r\n {traducirPagina(\"Matricula\")} \r\n {obteneVehiculoPorMatricula.MATRICULA.Matricula} \r\n \r\n : null\r\n }\r\n \r\n {traducirPagina(\"Bastidor\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.BASTIDOR} \r\n {} \r\n \r\n\r\n \r\n {traducirPagina(\"Bastidor\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.BASTIDOR} \r\n \r\n \r\n Fecha 1º matricula \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"FECHA 1ª MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Fecha_matricula\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"FECHA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.MARCA} \r\n \r\n \r\n {traducirPagina(\"Mercado\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.MERCADO} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.MODELO} \r\n \r\n \r\n {traducirPagina(\"Modelo_genérico\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"MODELO GENÉRICO\"]} \r\n \r\n \r\n {traducirPagina(\"Número_de_transmisiones\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"NUMERO DE TRANSMISIONES\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Provincia_matricula\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"PROVINCIA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Segmento\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.SEGMENTO} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(obteneVehiculoPorMatricula).length > 0 ?\r\n obteneVehiculoPorMatricula.DATOSTECNICOSDGT !== null ?\r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.CILINDRADA} \r\n \r\n \r\n CO2 \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.CO2} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.COMBUSTIBLE} \r\n \r\n \r\n KW \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.MARCA} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.MODELO} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT[\"POTENCIA FISCAL\"]} \r\n \r\n \r\n {traducirPagina(\"Potencia_aproximada\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT[\"POTENCIA REAL APROXIM\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.TIPO} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.VERSION} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(obteneVehiculoPorMatricula).length > 0 ?\r\n obteneVehiculoPorMatricula.FICHATECNICA !== null ?\r\n \r\n\r\n \r\n {traducirPagina(\"Carroceria\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CARROCERIA} \r\n \r\n \r\n {traducirPagina(\"CAT_HOMOLOGACIÓN\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CAT HOMOLOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CILINDRADA} \r\n \r\n \r\n Clasif. Industria \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CLASIF INDUSTRIA\"]} \r\n \r\n \r\n CO2 \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CO2} \r\n \r\n \r\n {traducirPagina(\"Codigos_ECO\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CODIGOS ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Consumo\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CONSUMO} \r\n \r\n \r\n {traducirPagina(\"Contraseña_homologación\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CONTRASEÑA HOLOMOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Denominacion_comercial\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"DENOMINACION COMERCIAL\"]} \r\n \r\n \r\n Dist. entre ejes \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"DIST ENTRE EJES\"]} \r\n \r\n \r\n ECO innova \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"ECO INNOVA\"]} \r\n \r\n \r\n {traducirPagina(\"Fabricante\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.FABRICANTE} \r\n \r\n \r\n KW \r\n {obteneVehiculoPorMatricula.FICHATECNICA.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.MARCA} \r\n \r\n \r\n Masa max. carga \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"MASA MAX CARGA\"]} \r\n \r\n \r\n {traducirPagina(\"Masa_vehiculo_servicio\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"MASA VEHICULO SERVICIO\"]} \r\n \r\n \r\n {traducirPagina(\"Nivel_emisiones\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"NIVEL EMISIONES\"]} \r\n \r\n \r\n Num. plazas de pie \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"NUM PLAZAS DE PIE\"]} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"POT FISCAL\"]} \r\n \r\n \r\n Potencia real aprox. \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"POTENCIA REAL APROX\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Reducción_eco\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"REDUCCION ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Relación_potencia_peso\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"RELACION POTENCIA PESO\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.TIPO} \r\n \r\n \r\n {traducirPagina(\"Tipo_alimentación\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"TIPO ALIMENTACION\"]} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.VERSION} \r\n \r\n \r\n {traducirPagina(\"Via_anterior\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"VIA ANTERIOR\"]} \r\n \r\n \r\n {traducirPagina(\"Via_posterior\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"VIA POSTERIOR\"]} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos_técnicos\")}
\r\n\r\n \r\n \r\n {obtenerRegistroCoche !== null ?\r\n Object.keys(obtenerRegistroCoche).length > 0 ?\r\n \r\n :\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nFichaCocheDGT.propTypes = {\r\n title: PropTypes.string,\r\n codMotorizacionSeleccionada: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n localreferences: state.localreferences,\r\n localvehicles: state.localvehicles,\r\n historicapp: state.fichaBusquedaVehiculo.historicapp,\r\n imagenHaynesCoche: state.imagenHaynesCoche,\r\n props: props,\r\n openDrawerFichaCocheDGT: state.estadoDrawer.openDrawerFichaCocheDGT,\r\n openDrawerHistoricoCoche: state.estadoDrawer.openDrawerHistoricoCoche,\r\n codmotorizacion: state.codmotorizacion,\r\n sesionHaynesPro: state.sesionHaynesPro,\r\n buscadorCoche: state.buscadorCoche,\r\n nameDropDownCar: state.nameDropDownCar,\r\n DROP_SELECCION_COCHE:state.DROP_SELECCION_COCHE,\r\n };\r\n}\r\n\r\n\r\nexport default connect(mapStateToProps)(FichaCocheDGT);\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { showItemReferencia, estadoAgrupacionDeMarcas, setHistoricApp, mostrarVistaGrafica, updateVisualizacionFiltro,DrawerHistoricoCoche } from \"../action/actionCreators\"\r\nimport { pad, ObtenerMotorizacionesTurismosByEngNoEnAPI, getIdTecdocMotorByIdHaynes } from \"../action/actionCreatorsRequests\"\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport alertify from 'alertifyjs';\r\n\r\nimport { traducirPagina, MSGOK, MSGERROR, calcularNeto, limpiarCocheStore, efectoRemoveBuscadorReferencia } from '../librerias/funciones'\r\nimport { MDBCol, MDBTable, MDBTableHead, MDBTableBody, MDBBtn, MDBInput } from 'mdbreact';\r\nimport {\r\n SelectOutlined,\r\n ImportOutlined,\r\n LikeOutlined,\r\n DislikeOutlined,\r\n} from '@ant-design/icons';\r\nimport { Card, Drawer } from 'antd';\r\nimport store from \"../store\";\r\n\r\n\r\nconst FichaCodigoMotor = ({ props, configApp }) => {\r\n const [nivelTabla, setNivelTabla] = React.useState(1);\r\n const [motorizacion, setMotorizacion] = React.useState([]);\r\n const [hayRegristros, setHayRegristros] = React.useState(false);\r\n const [motorSeleccionado, setMotorSeleccionado] = React.useState({});\r\n\r\n\r\n\r\n const buscarMotorizacion = (codMotor) => {\r\n setMotorizacion([])\r\n ObtenerMotorizacionesTurismosByEngNoEnAPI(codMotor).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro.REGISTROS !== null && registro.REGISTROS.length > 0) {\r\n setMotorizacion(registro.REGISTROS)\r\n } else {\r\n setMotorizacion(null)\r\n }\r\n\r\n }\r\n })\r\n\r\n }\r\n\r\n\r\n\r\n if (!hayRegristros && props.FICHA_ABIERTA) {\r\n setHayRegristros(true);\r\n\r\n } else {\r\n if (!props.FICHA_ABIERTA && hayRegristros) {\r\n setNivelTabla(1)\r\n setMotorizacion([])\r\n setHayRegristros(false)\r\n setMotorSeleccionado({})\r\n }\r\n }\r\n\r\n setTimeout(() => { document.querySelectorAll(\".ant-drawer-header-no-title\").forEach(el => el.remove()) }, 100)\r\n\r\n return (\r\n \r\n
\r\n :\r\n \r\n \r\n \r\n \r\n {\"ID TECDOC\"} \r\n {obtenerRegistroCoche.ID} \r\n \r\n\r\n \r\n {traducirPagina(\"txt_Origen\")} \r\n {obtenerRegistroCoche.ORIGEN} \r\n \r\n\r\n \r\n {traducirPagina(\"Carroceria\")} \r\n {obtenerRegistroCoche.CARROCERIA} \r\n \r\n \r\n {traducirPagina(\"Tipo_traccion\")} \r\n {obtenerRegistroCoche.TRACCION} \r\n \r\n \r\n {traducirPagina(\"Potencia\")}[KW] \r\n {obtenerRegistroCoche.KW} \r\n \r\n \r\n {traducirPagina(\"Potencia\")}[CV] \r\n {obtenerRegistroCoche.CV} \r\n \r\n \r\n {traducirPagina(\"Cilindrada\")}[CC] \r\n {obtenerRegistroCoche.CC} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obtenerRegistroCoche.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Catalizador\")} \r\n {obtenerRegistroCoche.CATALIZADOR} \r\n \r\n \r\n {traducirPagina(\"Cilindros\")} \r\n {obtenerRegistroCoche.CILINDROS} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obtenerRegistroCoche.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Cilindros\")} \r\n {obtenerRegistroCoche.CILINDROS} \r\n \r\n \r\n {traducirPagina(\"Litros\")} \r\n {obtenerRegistroCoche.LITROS} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obtenerRegistroCoche.MARCA} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {obtenerRegistroCoche.MODELO} \r\n \r\n \r\n {traducirPagina(\"Motores\")} \r\n {obtenerRegistroCoche.MOTORES} \r\n \r\n \r\n {traducirPagina(\"Motorización\")} \r\n {obtenerRegistroCoche.MOTORIZACION} \r\n \r\n \r\n {traducirPagina(\"Proceso_combustión\")} \r\n {obtenerRegistroCoche.PROCESO_COMBUSTION} \r\n \r\n \r\n {traducirPagina(\"Sistema_frenado\")} \r\n {obtenerRegistroCoche.SISTEMA_FRENADO} \r\n \r\n \r\n TCS \r\n {obtenerRegistroCoche.TCS} \r\n \r\n \r\n {traducirPagina(\"Tipo_frenado\")} \r\n {obtenerRegistroCoche.TIPO_FRENADO} \r\n \r\n \r\n {traducirPagina(\"Tipo_motor\")} \r\n {obtenerRegistroCoche.TIPO_MOTOR} \r\n \r\n \r\n {traducirPagina(\"Tracción\")} \r\n {obtenerRegistroCoche.TRACCION} \r\n \r\n \r\n {traducirPagina(\"Transmición\")} \r\n {obtenerRegistroCoche.TRANSMISION} \r\n \r\n \r\n {traducirPagina(\"Valvulas\")} \r\n {obtenerRegistroCoche.VALVULAS} \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Desde\")} \r\n {obtenerRegistroCoche.DESDE} \r\n \r\n \r\n {traducirPagina(\"Hasta\")} \r\n {obtenerRegistroCoche.HASTA} \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 
\r\n \r\n \r\n \r\n
\r\n\r\n {traducirPagina(\"Año_fabricación\")}
\r\n{traducirPagina(\"Datos_técnicos\")}
\r\n{traducirPagina(\"No_hay_vehiculo_seleccionado\")}
\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nFichaCodigoMotor.propTypes = {\r\n title: PropTypes.string,\r\n FICHA_ABIERTA: PropTypes.bool,\r\n CERRAR_ABIERTA: PropTypes.func,\r\n MOTORES: PropTypes.array,\r\n MODIFICAR_MOTORES: PropTypes.func,\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaCodigoMotor);","import React from 'react';\r\nimport { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem, MDBBtn } from 'mdbreact';\r\nimport { ObtenerEngNoByEngCodeEnAPI } from \"../action/actionCreatorsRequests\";\r\n\r\nimport { cambioNombreBusscadorCoche, createRipple, efectoBotonRemove, changeStateInputCoche, cambioImagenPais } from \"../action/actionCreators\";\r\n\r\n\r\nimport { busquedaCochePorMatriculaOBastiidor, cambiarEstadoDropVehiculo, traducirPagina, datosLincenciaSertec, MSGERROR } from '../librerias/funciones'\r\nimport { connect } from 'react-redux';\r\nimport {\r\n SearchOutlined,\r\n CloseOutlined,\r\n} from '@ant-design/icons';\r\nimport store from '../store'\r\nimport FichaCodigoMotor from './FichaCodigoMotor';\r\n\r\n\r\nconst CptInputCoche = ({ nameDropDownCar, configApp, fichaBusquedaVehiculo, idiomaActual, usuario, DROP_SELECCION_COCHE, props }) => {\r\n const [motores, setMotores] = React.useState([]);\r\n const { banderaImagen, codPaisIdioma } = fichaBusquedaVehiculo\r\n const OBTENER_DATOS_USUARIO = datosLincenciaSertec();\r\n const { PAISES } = OBTENER_DATOS_USUARIO === undefined ? { PAISES: [] } : OBTENER_DATOS_USUARIO;\r\n const [fichaAbierta, setFichaAbierta] = React.useState(false);\r\n const [textoABuscar, setTextoABuscar] = React.useState(\"\");\r\n const parametros = props.listaValoresDrop !== undefined ? JSON.parse(props.listaValoresDrop) : {}\r\n const menuBanderas = PAISES\r\n\r\n\r\n\r\n\r\n const verificarIntroParaVehiculo = (e, habiitar) => {\r\n if (e.key === 'Enter' || habiitar) {\r\n if (Object.keys(parametros).length > 0) {\r\n if (DROP_SELECCION_COCHE.IDENTIFICADOR.toUpperCase() === \"BAS\" || DROP_SELECCION_COCHE.IDENTIFICADOR.toUpperCase() === \"MAT\") {\r\n busquedaCochePorMatriculaOBastiidor(false);\r\n\r\n } else if (DROP_SELECCION_COCHE.IDENTIFICADOR.toUpperCase() === \"CODM\") {\r\n ObtenerEngNoByEngCodeEnAPI(textoABuscar).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro.REGISTROS !== null && registro.REGISTROS.length > 0) {\r\n setMotores(registro.REGISTROS)\r\n setFichaAbierta(true)\r\n } else {\r\n setMotores(null)\r\n MSGERROR(traducirPagina(\"msgMotor\"))\r\n }\r\n }\r\n })\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n Object.keys(parametros).length > 0 ?\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n { props.CERRAR_ABIERTA(false); props.MODIFICAR_MOTORES([]) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {nivelTabla === 2 ?\r\n \r\n
\r\n \r\n
\r\n : null\r\n }\r\n \r\n \r\n
\r\n \r\n\r\n {nivelTabla === 1 ?\r\n props.MOTORES === null ?\r\n \r\n :\r\n props.MOTORES.length > 0 ?\r\n \r\n \r\n \r\n {traducirPagina(\"Fabricante\")} \r\n {traducirPagina(\"KV\").toUpperCase()} \r\n {traducirPagina(\"CV\").toUpperCase()} \r\n {traducirPagina(\"CC\").toUpperCase()} \r\n {traducirPagina(\"Cilindros\")} \r\n \r\n \r\n \r\n {props.MOTORES.map((row, i) =>\r\n {\r\n buscarMotorizacion(row.ID)\r\n setNivelTabla(2)\r\n setMotorSeleccionado(row)\r\n }}>\r\n {row.FABRICANTE} \r\n {row.KW} \r\n {row.CV} \r\n {row.CC} \r\n {row.CILINDROS} \r\n \r\n )}\r\n \r\n \r\n :\r\n \r\n :\r\n nivelTabla === 2 ?\r\n motorizacion === null ?\r\n \r\n :\r\n motorizacion.length > 0 ?\r\n \r\n \r\n \r\n {traducirPagina(\"Descripcion\")} \r\n {traducirPagina(\"Motores\")} \r\n {traducirPagina(\"Desde\")} \r\n {traducirPagina(\"Hasta\")} \r\n {traducirPagina(\"KW\").toUpperCase()} \r\n {traducirPagina(\"CV\").toUpperCase()} \r\n {traducirPagina(\"CC\").toUpperCase()} \r\n \r\n \r\n \r\n {motorizacion.map((row, i) =>\r\n {\r\n efectoRemoveBuscadorReferencia(\"buscadorReferencia\", true);\r\n limpiarCocheStore()\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n\r\n store.dispatch(getIdTecdocMotorByIdHaynes(row.ID,row));\r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE, })\r\n\r\n store.dispatch(showItemReferencia(\"tree\"));\r\n\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: {} })\r\n\r\n store.dispatch(mostrarVistaGrafica(false))\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n\r\n let marca = {\r\n ID: 0,\r\n DESCRIPCION: \"\"\r\n }\r\n let modelo = {\r\n ID: motorSeleccionado.ID,\r\n DESCRIPCION: motorSeleccionado.FABRICANTE,\r\n }\r\n\r\n let objetoVehiculo = {\r\n ID: row.ID,\r\n DESCRIPCION: row.DESCRIPCION\r\n };\r\n store.dispatch(setHistoricApp(marca, \"/allbrands\", \"brand\"));\r\n\r\n store.dispatch(setHistoricApp(modelo, \"/modelos\", \"modelo\"));\r\n store.dispatch(setHistoricApp(objetoVehiculo, \"/motorizacion\", \"tipomotor\"));\r\n\r\n\r\n\r\n props.CERRAR_ABIERTA(false)\r\n store.dispatch(DrawerHistoricoCoche(false)); \r\n\r\n }}>\r\n {row.DESCRIPCION} \r\n {row.MOTORES} \r\n {row.DESDE} \r\n {row.HASTA} \r\n {row.KW} \r\n {row.CV} \r\n {row.CC} \r\n \r\n )}\r\n \r\n \r\n :\r\n \r\n :\r\n null\r\n }\r\n\r\n
\r\n\r\n\r\n {traducirPagina(\"No_resultados\")}
{traducirPagina(\"No_resultados\")}
\r\n {parametros.nombreDrop === \"\" ? null :\r\n \r\n \r\n :\r\n null\r\n }\r\n\r\n\r\n
\r\n\r\n : null\r\n );\r\n\r\n\r\n}\r\n\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n nameDropDownCar: state.nameDropDownCar,\r\n DROP_SELECCION_COCHE: state.DROP_SELECCION_COCHE,\r\n buscadorCoche: state.buscadorCoche,\r\n configApp: state.configApp,\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n idiomaActual: state.idiomaActual,\r\n usuario: state.usuario,\r\n props: props,\r\n\r\n };\r\n}\r\n\r\n\r\n\r\n\r\nexport default connect(mapStateToProps)(CptInputCoche);","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\n\r\nimport {\r\n MDBRow, MDBCol, MDBTable, MDBTableHead, MDBTableBody\r\n} from 'mdbreact';\r\nimport ComponentInputCoche from '../components/cpInputCoche'\r\nimport { getFocus, traducirPagina } from \"../librerias/funciones\"\r\nimport { connect } from 'react-redux';\r\nimport store from \"../store\";\r\nimport { removeAllEngineType, setHistoricApp, filterList, changeColorListItem, showItemCar } from \"../action/actionCreators\";\r\nimport { getEngineType } from \"../action/actionCreatorsRequests\";\r\nimport { Tag } from \"antd\";\r\n\r\nconst DrawerModelo = ({ fichaBusquedaVehiculo, props }) => {\r\n {/*store.dispatch(changeColorListItem(row.ID, fichaBusquedaVehiculo.models)); */ }\r\n\r\n if (Object.keys(fichaBusquedaVehiculo.models).length > 0) {\r\n getFocus(\"imputdropmodelos\");\r\n }\r\n\r\n /*\r\n \r\n let resultadoFiltro = lista.aux.filter((item) => {\r\n let palabraClave = eval(clave).trim().toUpperCase();\r\n\r\n return palabraClave.toString().toUpperCase().includes(palabra) ||\r\n palabraClave.toString().toUpperCase() === \r\n\r\n })\r\n */\r\n\r\n const cambiosTexbox = (texto) => {\r\n //console.log(\"pruebas texto\",texto)\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n {usuario.LoginSertec.List_LicenciaSERTE !== null ?\r\n <>\r\n \r\n { cambiarEstadoDropVehiculo() }}>\r\n {usuario.LoginSertec.List_LicenciaSERTE[0].PERMISO_MATRICULAS || usuario.LoginSertec.List_LicenciaSERTE[0].PERMISO_BASTIDORES ? DROP_SELECCION_COCHE.NAME_Drop : traducirPagina(\"Cod_motor\")}\r\n \r\n\r\n\r\n { store.dispatch(cambioNombreBusscadorCoche(e.target)) }}>\r\n {traducirPagina(\"Matricula\")} \r\n {traducirPagina(\"Bastidor\")} \r\n {traducirPagina(\"Cod_motor\")} \r\n \r\n\r\n \r\n\r\n\r\n \r\n\r\n { cambiarEstadoDropVehiculo() }} >\r\n\r\n 
\r\n\r\n \r\n\r\n \r\n {menuBanderas.map((registro) =>\r\n {\r\n store.dispatch({\r\n type: \"REPLACE_BANDERA_PAIS\",\r\n banderaImagen: registro.URL_IMAGEN,\r\n codPaisIdioma: registro.CODIGO_TECDOC\r\n })\r\n\r\n }} id={registro.ID_PAIS}> 
{registro.NOMBRE} \r\n\r\n )}\r\n \r\n \r\n \r\n\r\n : null\r\n }\r\n\r\n\r\n\r\n
\r\n }\r\n {parametros.nombreDrop === \"\" ? null :\r\n \r\n }\r\n\r\n \r\n {\r\n setTextoABuscar(e.target.value);\r\n store.dispatch(changeStateInputCoche(e.target.value, parametros.id));\r\n efectoBotonRemove(e.target.value, parametros.id)\r\n if (props.EVENTO_CHANGE !== undefined) {\r\n props.EVENTO_CHANGE(e.target.value)\r\n }\r\n }} autoComplete=\"off\"\r\n onKeyPress={(e) => { verificarIntroParaVehiculo(e, false) }} />\r\n
\r\n\r\n \r\n { createRipple(e); efectoBotonRemove(\"\", parametros.id); store.dispatch(changeStateInputCoche(\"\", parametros.id)); }} className=\"btn-matricula estiloBotonRemove\" style={{ visibility: 'hidden' }}> \r\n
\r\n\r\n \r\n\r\n \r\n {parametros.nombreDrop === \"\" ?\r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none', backgroundColor: 'transparent !important' }} className=\"btn-matricula\"> \r\n :\r\n { createRipple(e); verificarIntroParaVehiculo(e, true); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none', backgroundColor: 'transparent !important' }} className=\"btn-matricula\"> \r\n }\r\n
\r\n\r\n\r\n {fichaAbierta ?\r\n {traducirPagina(\"No_resultados\")}
\r\n\r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {traducirPagina(\"Desde\")} \r\n {traducirPagina(\"Hasta\")} \r\n \r\n \r\n \r\n {fichaBusquedaVehiculo.models.original.map((row, i) =>\r\n {\r\n store.dispatch(getEngineType(row, props.TIPO_VEHICULO));\r\n store.dispatch(removeAllEngineType()); autosc();\r\n store.dispatch(setHistoricApp(row, \"/modelos\", \"modelo\"));\r\n store.dispatch(filterList(\"\", fichaBusquedaVehiculo.models, 'item.fullName', \"GET_MODEL_VEHICLE\"));\r\n store.dispatch(showItemCar(\"3\"))\r\n }}>\r\n {row.DESCRIPCION} \r\n {row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n {row.HASTA === \"\" ? \"...\" : row.HASTA} \r\n {row.ETIQUETA !== undefined && row.ETIQUETA !== null && row.ETIQUETA !== \"\" ? {row.ETIQUETA} : null} \r\n\r\n \r\n )}\r\n \r\n \r\n\r\n
\r\n : \r\n \r\n \r\n
\r\n\r\n {traducirPagina(\"No_resultados\")}
\r\n\r\n \r\n \r\n \r\n\r\n {versionColumna(enginesType.original) > 0 ? {traducirPagina(\"Versión\")} : null}\r\n\r\n {traducirPagina(\"Motor\")} \r\n {traducirPagina(\"Codigo_cliente\")} \r\n {traducirPagina(\"Año\")} \r\n KW \r\n CV \r\n CC \r\n \r\n \r\n\r\n \r\n {enginesType.original.map((row, i) =>\r\n {\r\n efectoRemoveBuscadorReferencia(\"buscadorReferencia\", true);\r\n\r\n if (openDrawerFichaMantenimientoVehiculo) {\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n\r\n store.dispatch({\r\n type: \"UPDATE_VEHICULO_TALLER_POR_MODELO\",\r\n vehiculoPorModelo:\r\n {\r\n ID_MARCA: fichaBusquedaVehiculo[0].id,\r\n ID_MODELO: fichaBusquedaVehiculo[1].id,\r\n MARCA: fichaBusquedaVehiculo[0].ruta,\r\n MODELO: fichaBusquedaVehiculo[1].ruta,\r\n MOTORIZACION: row,\r\n\r\n }\r\n })\r\n } else {\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n\r\n store.dispatch(getIdTecdocMotorByIdHaynes(row.ID, row));\r\n\r\n\r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE })\r\n\r\n store.dispatch(showItemReferencia(\"tree\"));\r\n store.dispatch(setHistoricApp(row, \"/motorizacion\", \"tipomotor\"));\r\n gestionarContenedorCoche(true);\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: {} })\r\n\r\n //store.dispatch(getFichaCoche(row.ID.toString()));\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n //store.dispatch(getIdVehicleByTecdocNumber(row.ID));\r\n setHistorialBusqueda({\r\n MARCA: fichaBusquedaVehiculo[0].id,\r\n MODELO: fichaBusquedaVehiculo[1].id,\r\n MOTORIZACION: row.ID,\r\n\r\n NOMBRE_MARCA: fichaBusquedaVehiculo[0].ruta,\r\n NOMBRE_MODELO: fichaBusquedaVehiculo[1].ruta,\r\n NOMBRE_MOTOR: row.DESCRIPCION\r\n \r\n\r\n })\r\n }\r\n }}>\r\n\r\n {versionColumna(enginesType.original) > 0 ? {row.VERSION} : null}\r\n\r\n {row.DESCRIPCION} \r\n {row.MOTORES === \"\" ? \"...\" : row.MOTORES} \r\n {row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n\r\n {row.KW === \"\" ? \"...\" : row.KW} \r\n {row.CV === \"\" ? \"...\" : row.CV} \r\n {row.CC === \"\" ? \"...\" : row.CC} \r\n {row.ETIQUETA !== undefined && row.ETIQUETA !== null && row.ETIQUETA !== \"\" ? {row.ETIQUETA} : null} \r\n\r\n \r\n )}\r\n \r\n \r\n
\r\n : \r\n \r\n
\r\n\r\n \r\n {mostarTodasLasMarcas ?\r\n\r\n\r\n \r\n{/* \r\n \r\n :\r\n fabricantes.length === 0 ?\r\n\r\n \r\n\r\n :\r\n \r\n {fichaBusquedaVehiculo.manufactur.length > 0 ?\r\n fichaBusquedaVehiculo.manufactur.map((number, i) =>\r\n \r\n */}\r\n\r\n\r\n \r\n }\r\n
\r\n\r\n );\r\n}\r\n\r\nDrawerMarcas.propTypes = {\r\n FABRICANTES: PropTypes.array,\r\n TIPO_VEHICULO: PropTypes.number,\r\n EVENTO_FABRICANTE: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n mostarTodasLasMarcas: state.mostarTodasLasMarcas,\r\n childrenDrawerLevel2: state.childrenDrawerLevel2\r\n };\r\n}\r\n\r\n\r\n\r\nconst autosc = () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n};\r\n\r\nexport default connect(mapStateToProps)(DrawerMarcas);","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBCol\r\n} from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { connect } from 'react-redux';\r\nimport store from \"../store\";\r\nimport { setHistoricApp, showItemCar, estadoAgrupacionDeMarcas, showChildrenDrawerLevel2, showItemReferencia, mostrarVistaGrafica, gestionarContenedorCoche, updateVisualizacionFiltro } from \"../action/actionCreators\";\r\nimport { getIdTecdocMotorByIdHaynes } from \"../action/actionCreatorsRequests\";\r\nimport { getFocus, traducirPagina, limpiarCocheStore, efectoRemoveBuscadorReferencia, recortarCadena } from \"../librerias/funciones\"\r\nimport {\r\n CloseOutlined,\r\n SearchOutlined\r\n} from '@ant-design/icons';\r\n\r\nconst { useState, useRef } = React;\r\nconst ContainerMotor = ({ configApp, props, childrenDrawerLevel2, BusquedaPorModelo, fichaBusquedaVehiculo }) => {\r\n const [textoMotor, setTextoMotor] = React.useState(\"\");\r\n const [fichaAbierta, setFichaAbierta] = React.useState(false);\r\n const [motoresAux, setMotoresAux] = React.useState([]);\r\n\r\n if (props.MOTORES !== null) {\r\n if (!fichaAbierta && childrenDrawerLevel2 && props.MOTORES.length > 0) {\r\n setFichaAbierta(true);\r\n setMotoresAux(props.MOTORES)\r\n\r\n } else {\r\n if (!childrenDrawerLevel2 && fichaAbierta) {\r\n setFichaAbierta(false);\r\n\r\n }\r\n }\r\n }\r\n\r\n const buscarEnTabla = (palabra, listaCliente) => {\r\n let registrosEncontrados = [];\r\n if (palabra !== \"\") {\r\n if (listaCliente !== null) {\r\n listaCliente.find(function (registro, i) {\r\n\r\n if (BusquedaPorModelo.tipoBusqueda === \"M\") {\r\n\r\n if (registro.ID_MOTOR.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID_MOTOR === registro.ID_MOTOR)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.CILINDROS.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID_MOTOR === registro.ID_MOTOR)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.CILINDRADA.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID_MOTOR === registro.ID_MOTOR)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.CV.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID_MOTOR === registro.ID_MOTOR)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.KW.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID_MOTOR === registro.ID_MOTOR)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n } else {\r\n if (registro.CARGA_MAXIMA.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === registro.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.DESCRIPCION.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === registro.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.ESTILO.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === registro.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.TIPO_FRENO.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === registro.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n }\r\n })\r\n }\r\n if (registrosEncontrados.length > 0) {\r\n props.MODIFICAR_MOTORES(registrosEncontrados);\r\n } else {\r\n props.MODIFICAR_MOTORES(null);\r\n }\r\n } else {\r\n props.MODIFICAR_MOTORES(motoresAux);\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n :\r\n listaFabricante.length > 0 ?\r\n\r\n listaFabricante.map((item, i) =>\r\n \r\n }\r\n
\r\n\r\n :\r\n \r\n
\r\n\r\n {listaFabricante === null || listaFabricante === undefined ?\r\n \r\n
\r\n \r\n { }} onChange={(e) => { buscarEnTabla(e.target.value); setTextoFabricante(e.target.value) }} value={textoFabricante} />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n {traducirPagina(\"No_fabricantes_para_mostrar\")}
\r\n {item.lista.map((row, i) =>\r\n
\r\n\r\n )\r\n\r\n :\r\n {\r\n props.EVENTO_FABRICANTE(row);\r\n }}>\r\n {row.Marca}\r\n
\r\n )}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n */}\r\n\r\n\r\n\r\n {\r\n fabricantes === null ?\r\n {traducirPagina(\"Sin_referencias\")}
\r\n {fabricantes.map((registro, i) =>\r\n
\r\n }\r\n\r\n {/* \r\n \r\n 
{\r\n store.dispatch(getModelVehicle({ id: registro.ID_FABRICANTE }));\r\n store.dispatch(removeAllEngineType());\r\n store.dispatch(removeAllModel());\r\n store.dispatch(setHistoricApp({ ID: registro.ID_FABRICANTE, DESCRIPCION: registro.NOMBRE }, \"/marcas\", \"brand\"));\r\n store.dispatch(showItemCar(\"2\"))\r\n }}>\r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n ) : \"\"\r\n }\r\n \r\n ![]({\"./Fabricantes/\")
{ store.dispatch(getModelVehicle(number)); store.dispatch(removeAllEngineType()); store.dispatch(removeAllModel()); store.dispatch(setHistoricApp({ ID: number.id, DESCRIPCION: number.nombre.toUpperCase().replace(\".PNG\", \"\") }, \"/marcas\", \"brand\")); store.dispatch(showItemCar(\"2\")) }}>\r\n
\r\n \r\n \r\n :\r\n props.MOTORES.length > 0 ?\r\n\r\n BusquedaPorModelo.tipoBusqueda === \"M\" ?\r\n \r\n \r\n \r\n {traducirPagina(\"Cod_motor\")} \r\n {traducirPagina(\"Cilindros\")} \r\n {traducirPagina(\"Cilindrada\")} \r\n {\"CV\"} \r\n {\"KV\"} \r\n \r\n \r\n \r\n {props.MOTORES.map((row, i) =>\r\n {\r\n efectoRemoveBuscadorReferencia(\"buscadorReferencia\", true);\r\n limpiarCocheStore()\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n store.dispatch(getIdTecdocMotorByIdHaynes(row.ID_MOTOR,row));\r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE })\r\n\r\n store.dispatch(showItemReferencia(\"tree\"));\r\n store.dispatch(setHistoricApp(row, \"/motorizacion\", \"tipomotor\"));\r\n\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: {} })\r\n store.dispatch(mostrarVistaGrafica(false))\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n\r\n /*\r\n setHistorialBusqueda({\r\n CODIGO_MOTOR: props.FABRICANTE.Marca,\r\n NOMBRE_MARCA:\"\",\r\n NOMBRE_MODELO:\"\",\r\n NOMBRE_MOTOR:\"\",\r\n TIPO_BUSQUEDA:5\r\n })\r\n*/\r\n\r\n }}>\r\n {row.CODIGO_MOTOR} \r\n {row.CILINDROS} \r\n {row.CILINDRADA} \r\n {row.CV} \r\n {row.KW} \r\n \r\n )}\r\n \r\n \r\n :\r\n\r\n BusquedaPorModelo.tipoBusqueda === \"I\" || BusquedaPorModelo.tipoBusqueda === \"T\" ?\r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Motor\")} \r\n {traducirPagina(\"Codigo_cliente\")} \r\n {traducirPagina(\"Año\")} \r\n KW \r\n CV \r\n CC \r\n \r\n \r\n\r\n \r\n {props.MOTORES.map((row, i) =>\r\n {\r\n efectoRemoveBuscadorReferencia(\"buscadorReferencia\", true);\r\n\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n store.dispatch(getIdTecdocMotorByIdHaynes(row.ID,row));\r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE })\r\n\r\n store.dispatch(showItemReferencia(\"tree\"));\r\n store.dispatch(setHistoricApp(row, \"/motorizacion\", \"tipomotor\"));\r\n gestionarContenedorCoche(true);\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: {} })\r\n store.dispatch(mostrarVistaGrafica(false))\r\n\r\n //store.dispatch(getFichaCoche(row.ID.toString()));\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n //store.dispatch(getIdVehicleByTecdocNumber(row.ID));\r\n\r\n let marca = {\r\n ID: props.FABRICANTE.ID,\r\n DESCRIPCION: recortarCadena(props.FABRICANTE.Marca, 10, \"...\")\r\n }\r\n\r\n let modelo = {\r\n ID: props.MODELO_SELECCIONADO.ID,\r\n DESCRIPCION: recortarCadena(props.MODELO_SELECCIONADO.DESCRIPCION, 10, \"...\"),\r\n }\r\n\r\n let objetoVehiculo = {\r\n ID: row.ID,\r\n DESCRIPCION: recortarCadena(row.DESCRIPCION, 10, \"...\")\r\n };\r\n\r\n store.dispatch(setHistoricApp(marca, \"/allbrands\", \"brand\"));\r\n store.dispatch(setHistoricApp(modelo, \"/modelos\", \"modelo\"));\r\n store.dispatch(setHistoricApp(objetoVehiculo, \"/motorizacion\", \"tipomotor\"));\r\n\r\n\r\n }}>\r\n\r\n {row.DESCRIPCION} \r\n {row.MOTORES === \"\" ? \"...\" : row.MOTORES} \r\n {row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n\r\n {row.KW === \"\" ? \"...\" : row.KW} \r\n {row.CV === \"\" ? \"...\" : row.CV} \r\n {row.CC === \"\" ? \"...\" : row.CC} \r\n \r\n )}\r\n \r\n \r\n\r\n :\r\n \r\n \r\n \r\n {\"Carga Maxima\"} \r\n {\"Descripción\"} \r\n {\"Estilo\"} \r\n {\"Tipo de freno\"} \r\n \r\n \r\n \r\n {props.MOTORES.map((row, i) =>\r\n {\r\n efectoRemoveBuscadorReferencia(\"buscadorReferencia\", true);\r\n\r\n limpiarCocheStore()\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n store.dispatch(getIdTecdocMotorByIdHaynes(row.ID,row));\r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE })\r\n\r\n store.dispatch(showItemReferencia(\"tree\"));\r\n\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: {} })\r\n store.dispatch(mostrarVistaGrafica(false))\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n\r\n let marca = {\r\n ID: props.FABRICANTE.ID,\r\n DESCRIPCION: props.FABRICANTE.Marca\r\n }\r\n\r\n let modelo = {\r\n ID: props.MODELO_SELECCIONADO.ID,\r\n DESCRIPCION: props.MODELO_SELECCIONADO.DESCRIPCION,\r\n }\r\n\r\n let objetoVehiculo = {\r\n ID: row.ID,\r\n DESCRIPCION: row.DESCRIPCION\r\n };\r\n\r\n store.dispatch(setHistoricApp(marca, \"/allbrands\", \"brand\"));\r\n store.dispatch(setHistoricApp(modelo, \"/modelos\", \"modelo\"));\r\n store.dispatch(setHistoricApp(objetoVehiculo, \"/motorizacion\", \"tipomotor\"));\r\n\r\n\r\n\r\n }}>\r\n {row.CARGA_MAXIMA} \r\n {row.DESCRIPCION} \r\n {row.ESTILO} \r\n {row.TIPO_FRENO} \r\n\r\n \r\n )}\r\n \r\n \r\n :\r\n \r\n\r\n }\r\n
\r\n\r\n );\r\n}\r\n\r\nContainerMotor.propTypes = {\r\n MOTORES: PropTypes.array,\r\n MODIFICAR_MOTORES: PropTypes.func,\r\n FABRICANTE: PropTypes.object,\r\n MODELO_SELECCIONADO: PropTypes.object\r\n\r\n};\r\n\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n childrenDrawerLevel2: state.childrenDrawerLevel2,\r\n BusquedaPorModelo: state.BusquedaPorModelo,\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo\r\n };\r\n}\r\n\r\n\r\n\r\nexport default connect(mapStateToProps)(ContainerMotor);","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBCol\r\n} from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { connect } from 'react-redux';\r\nimport store from \"../store\";\r\nimport { removeAllEngineType, removeAllModel, changeColorListItemFalse, setHistoricApp, showItemCar, estadoAgrupacionDeMarcas, showChildrenDrawerLevel2, showItemReferencia, mostrarVistaGrafica } from \"../action/actionCreators\";\r\nimport { getFocus, traducirPagina,obtenerTipoDeBusquedaActual } from \"../librerias/funciones\"\r\nimport {\r\n CloseOutlined,\r\n SearchOutlined\r\n} from '@ant-design/icons';\r\n\r\nconst ContainerModelo = ({ configApp, props, childrenDrawerLevel2 }) => {\r\n const [textoMODELO, setTextoMODELO] = React.useState(\"\");\r\n const [fichaAbierta, setFichaAbierta] = React.useState(false);\r\n const [modelosAUX, setmodelosAUX] = React.useState([]);\r\n\r\n if (props.MODELOS !== null) {\r\n if (!fichaAbierta && childrenDrawerLevel2 && props.MODELOS.length > 0) {\r\n setFichaAbierta(true);\r\n setmodelosAUX(props.MODELOS)\r\n\r\n } else {\r\n if (!childrenDrawerLevel2 && fichaAbierta) {\r\n setFichaAbierta(false);\r\n\r\n }\r\n }\r\n }\r\n\r\n\r\n \r\n const buscarEnTabla = (palabra, listaCliente) => {\r\n let registrosEncontrados = [];\r\n if (palabra !== \"\") {\r\n if (listaCliente !== null) {\r\n listaCliente.find(function (registro, i) {\r\n if (registro.DESCRIPCION.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === registro.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.DESDE.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === registro.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (registro.HASTA.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === registro.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n \r\n })\r\n }\r\n if (registrosEncontrados.length > 0) {\r\n props.MODIFICAR_MODELOS(registrosEncontrados);\r\n } else {\r\n props.MODIFICAR_MODELOS(null);\r\n }\r\n } else {\r\n props.MODIFICAR_MODELOS(modelosAUX);\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n {props.MOTORES === null ?\r\n \r\n
\r\n \r\n
\r\n \r\n { }} onChange={(e) => { buscarEnTabla(e.target.value, props.MOTORES); setTextoMotor(e.target.value) }} value={textoMotor} />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n {traducirPagina(\"msgMotor\")}
\r\n \r\n :\r\n props.MODELOS.length > 0 ?\r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {traducirPagina(\"Desde\")} \r\n {traducirPagina(\"Hasta\")} \r\n \r\n \r\n \r\n {props.MODELOS.map((row, i) =>\r\n {\r\n props.MODIFICAR_COMPONENTE(\"MOTOR\")\r\n props.BUSCAR_MOTORES(row.ID,obtenerTipoDeBusquedaActual())\r\n props.MODELO_SELECCIONADO(row)\r\n\r\n }}>\r\n {row.DESCRIPCION} \r\n {row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n {row.HASTA === \"\" ? \"...\" : row.HASTA} \r\n \r\n )}\r\n \r\n \r\n\r\n\r\n :\r\n \r\n }\r\n \r\n
\r\n );\r\n}\r\n\r\nContainerModelo.propTypes = {\r\n MODELOS: PropTypes.array,\r\n MODIFICAR_MODELOS: PropTypes.func,\r\n FABRICANTE: PropTypes.object,\r\n MODIFICAR_COMPONENTE:PropTypes.func,\r\n BUSCAR_MOTORES:PropTypes.func,\r\n MODELO_SELECCIONADO:PropTypes.func,\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n childrenDrawerLevel2: state.childrenDrawerLevel2,\r\n };\r\n}\r\n\r\n\r\n\r\nexport default connect(mapStateToProps)(ContainerModelo);","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBCol\r\n} from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { connect } from 'react-redux';\r\nimport store from \"../store\";\r\nimport { removeAllEngineType, removeAllModel, changeColorListItemFalse, showItemCar } from \"../action/actionCreators\";\r\nimport { ObtenerMotoresByFabricanteEnAPI, ObtenerModelosEjesEnAPI, ObtenerEjesByModeloEnAPI, getModelosTurismosEnAPI, getMotorizacionesTurismosEnAPI } from \"../action/actionCreatorsRequests\";\r\nimport { getFocus, traducirPagina, obtenerTipoDeBusquedaActual } from \"../librerias/funciones\"\r\nimport ComponentInputCoche from '../components/cpInputCoche'\r\nimport ContainerMotor from \"./ContainerMotor.jsx\";\r\nimport ContainerModelo from \"./ContainerModelo.jsx\"\r\nimport {\r\n ShoppingOutlined,\r\n UserOutlined,\r\n CloseOutlined,\r\n AppstoreOutlined,\r\n\r\n SearchOutlined,\r\n ImportOutlined,\r\n\r\n} from '@ant-design/icons';\r\n\r\nconst { useState, useRef } = React;\r\nconst ContainerFabricante = ({ configApp, props, childrenDrawerLevel2 }) => {\r\n const [fabricanteSeleccionado, setFabricanteSeleccionado] = React.useState({});\r\n const [modeloSeleccionado, setModeloSeleccionado] = React.useState({});\r\n\r\n const [textoFabricante, setTextoFabricante] = React.useState(\"\");\r\n const [fichaAbierta, setFichaAbierta] = React.useState(false);\r\n const [listaFabricante, setListaFabricante] = React.useState([]);\r\n const [listaFabricanteOrig, setListaFabricanteOrig] = React.useState([]);\r\n\r\n\r\n const modelarDatos = (marcas) => {\r\n let listaMarca = [];\r\n let objetoNuevoMarcas = [];\r\n let contAux = 0;\r\n\r\n for (var i = 0; i < marcas.length; i++) {\r\n contAux += 1;\r\n if (contAux <= 3) {\r\n listaMarca.push({ \"ID\": marcas[i].ManNo, \"Marca\": marcas[i].Term })\r\n if ((marcas.length - 1) === i) {\r\n objetoNuevoMarcas.push({ \"lista\": listaMarca });\r\n }\r\n } else {\r\n objetoNuevoMarcas.push({ \"lista\": listaMarca });\r\n contAux = 0;\r\n listaMarca = []\r\n i = (i - 1)\r\n }\r\n }\r\n return objetoNuevoMarcas.length === 0 ? null : objetoNuevoMarcas;\r\n }\r\n\r\n\r\n if (props.FABRICANTES !== null) {\r\n\r\n if (props.FABRICANTES.length === 0 && fichaAbierta) {\r\n setFichaAbierta(false);\r\n setListaFabricante([])\r\n setListaFabricanteOrig([])\r\n }\r\n\r\n if (!fichaAbierta && childrenDrawerLevel2 && props.FABRICANTES.length > 0) {\r\n setFichaAbierta(true);\r\n /*\r\n let listaMarca = [];\r\n let objetoNuevoMarcas = [];\r\n let contAux = 0;\r\n \r\n for (var i = 0; i < props.FABRICANTES.length; i++) {\r\n contAux += 1;\r\n var comparador = (props.FABRICANTES.length - 1);\r\n \r\n if (contAux === 4 || i === comparador) {\r\n objetoNuevoMarcas.push({ \"lista\": listaMarca });\r\n contAux = 0; listaMarca = [];\r\n } else {\r\n listaMarca.push({ \"ID\": props.FABRICANTES[i].ManNo, \"Marca\": props.FABRICANTES[i].Term })\r\n }\r\n }\r\n */\r\n\r\n setListaFabricante(modelarDatos(props.FABRICANTES))\r\n setListaFabricanteOrig(props.FABRICANTES);\r\n } else {\r\n if (!childrenDrawerLevel2 && fichaAbierta) {\r\n setFichaAbierta(false);\r\n setTextoFabricante(\"\")\r\n setFabricanteSeleccionado({})\r\n }\r\n }\r\n }\r\n\r\n if (props.FABRICANTES !== null) {\r\n getFocus(\"imputdropmarcas\");\r\n }\r\n\r\n\r\n const buscarEnTabla = (palabraABuscar) => {\r\n let palabra = palabraABuscar;\r\n if (palabra !== \"\") {\r\n if (listaFabricanteOrig !== null) {\r\n let resultadoFiltro = listaFabricanteOrig.filter((item) => {\r\n return item.Term.toUpperCase().includes(palabra.toUpperCase()) ||\r\n item.Term.toUpperCase() === palabra.toUpperCase()\r\n })\r\n if (resultadoFiltro.length > 0) {\r\n setListaFabricante(modelarDatos(resultadoFiltro));\r\n } else {\r\n setListaFabricante(null);\r\n }\r\n\r\n }\r\n } else {\r\n setListaFabricante(modelarDatos(listaFabricanteOrig));\r\n }\r\n }\r\n\r\n\r\n /*\r\n\r\n const buscarEnTabla = (palabra, listaCliente) => {\r\n let registrosEncontrados = [];\r\n if (palabra !== \"\") {\r\n if (listaCliente !== null) {\r\n listaCliente.find(function (registro, i) {\r\n registro.lista.find(function (regis, i) {\r\n\r\n if (regis.ID.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === regis.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n if (regis.Marca.toString().toLowerCase().includes(palabra.toLowerCase())) {\r\n\r\n let existeRegistro = registrosEncontrados.find(regi => regi.ID === regis.ID)\r\n if (existeRegistro === undefined) {\r\n registrosEncontrados.push(registro)\r\n }\r\n }\r\n\r\n })\r\n\r\n })\r\n }\r\n if (registrosEncontrados.length > 0) {\r\n setListaFabricante(registrosEncontrados);\r\n } else {\r\n setListaFabricante(null);\r\n }\r\n } else {\r\n setListaFabricante(listaFabricanteOrig);\r\n }\r\n }\r\n*/\r\n\r\n\r\n const obtenerMotores = (FABRICANTE, TIPO) => {\r\n if (TIPO === \"M\") {\r\n props.MODIFICAR_MOTORES([])\r\n ObtenerMotoresByFabricanteEnAPI(FABRICANTE).then((registros) => {\r\n if (registros !== undefined) {\r\n if (registros.MOTORES !== null && registros.MOTORES.length > 0) {\r\n props.MODIFICAR_MOTORES(registros.MOTORES)\r\n } else {\r\n props.MODIFICAR_MOTORES(null)\r\n }\r\n }\r\n })\r\n } else if (TIPO === \"I\" || TIPO === \"T\") {\r\n props.MODIFICAR_MOTORES([])\r\n getMotorizacionesTurismosEnAPI(FABRICANTE).then((registros) => {\r\n if (registros !== undefined) {\r\n if (registros !== null && registros.length > 0) {\r\n props.MODIFICAR_MOTORES(registros)\r\n } else {\r\n props.MODIFICAR_MOTORES(null)\r\n }\r\n }\r\n })\r\n } else if (TIPO === \"E\") {\r\n props.MODIFICAR_MOTORES([])\r\n ObtenerEjesByModeloEnAPI(FABRICANTE).then((registros) => {\r\n\r\n if (registros !== undefined) {\r\n if (registros.REGISTROS !== null && registros.REGISTROS.length > 0) {\r\n props.MODIFICAR_MOTORES(registros.REGISTROS)\r\n } else {\r\n props.MODIFICAR_MOTORES(null)\r\n }\r\n }\r\n })\r\n\r\n }\r\n }\r\n\r\n const obtenerModelos = (FABRICANTE) => {\r\n props.MODIFICAR_MODELOS([])\r\n\r\n ObtenerModelosEjesEnAPI(FABRICANTE).then((registros) => {\r\n if (registros !== undefined) {\r\n if (registros.REGISTROS !== null && registros.REGISTROS.length > 0) {\r\n props.MODIFICAR_MODELOS(registros.REGISTROS)\r\n } else {\r\n props.MODIFICAR_MODELOS(null)\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n const obtenerModelosVehiculo = (FABRICANTE) => {\r\n props.MODIFICAR_MODELOS([])\r\n\r\n getModelosTurismosEnAPI(FABRICANTE).then((registros) => {\r\n if (registros !== undefined) {\r\n if (registros !== null && registros.length > 0) {\r\n props.MODIFICAR_MODELOS(registros)\r\n } else {\r\n props.MODIFICAR_MODELOS(null)\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n const tipoDeBusqueda = (row) => {\r\n let busqueda = obtenerTipoDeBusquedaActual();\r\n\r\n if (busqueda === \"M\") {\r\n obtenerMotores(row.ID, \"M\");\r\n props.MODIFICAR_COMPONENTE(\"MOTOR\");\r\n props.MODIFICAR_NIVEL(2);\r\n setFabricanteSeleccionado(row)\r\n\r\n } else if (busqueda === \"I\" || busqueda === \"T\") {\r\n obtenerModelosVehiculo(row.ID);\r\n props.MODIFICAR_COMPONENTE(\"MODELOS\");\r\n\r\n props.MODIFICAR_NIVEL(3);\r\n setFabricanteSeleccionado(row)\r\n\r\n } else if (busqueda === \"E\") {\r\n obtenerModelos(row.ID);\r\n props.MODIFICAR_COMPONENTE(\"MODELOS\");\r\n props.MODIFICAR_NIVEL(3);\r\n setFabricanteSeleccionado(row)\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n props.COMPONENTE === \"FABRICANTE\" ?\r\n \r\n
\r\n {props.MODELOS === null ?\r\n \r\n
\r\n \r\n
\r\n \r\n { }} onChange={(e) => { buscarEnTabla(e.target.value, props.MODELOS); setTextoMODELO(e.target.value) }} value={textoMODELO} />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n {traducirPagina(\"No_modelos_para_mostrar\")}
\r\n \r\n :\r\n listaFabricante.length > 0 ?\r\n\r\n listaFabricante === null || listaFabricante === undefined ?\r\n \r\n :\r\n listaFabricante.length > 0 ?\r\n\r\n listaFabricante.map((item, i) =>\r\n \r\n\r\n :\r\n \r\n }\r\n\r\n
\r\n :\r\n props.COMPONENTE === \"MODELOS\" ?\r\n \r\n
\r\n {listaFabricante === null ?\r\n \r\n
\r\n \r\n
\r\n \r\n { }} onChange={(e) => { buscarEnTabla(e.target.value); setTextoFabricante(e.target.value) }} value={textoFabricante} />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n {traducirPagina(\"No_fabricantes_para_mostrar\")}
{traducirPagina(\"No_fabricantes_para_mostrar\")}
\r\n {item.lista.map((row, i) =>\r\n
\r\n\r\n )\r\n\r\n :\r\n { tipoDeBusqueda(row) }} >\r\n {row.Marca}\r\n
\r\n )}\r\n \r\n\r\n \r\n :\r\n LISTA_MOTOS.length === 0 ?\r\n \r\n :\r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {traducirPagina(\"Año\")} \r\n KW \r\n CV \r\n CC \r\n \r\n \r\n \r\n {\r\n\r\n LISTA_MOTOS.map((row, i) =>\r\n\r\n {\r\n\r\n let ID_VEHICULO = row.ID === 0 ? row.ID_MODELO_CATALOGO : row.ID\r\n\r\n efectoRemoveBuscadorReferencia(\"buscadorReferencia\", true);\r\n limpiarCocheStore()\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n store.dispatch(getIdTecdocMotorByIdHaynes(row.ID, row));\r\n\r\n store.dispatch({ type: \"STATE_ID_MODELO_MOTO\", ID_MODELO_MOTO: row.ID_MODELO_CATALOGO });\r\n\r\n //store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE })\r\n\r\n store.dispatch(showItemReferencia(\"tree\"));\r\n // store.dispatch(setHistoricApp(row, \"/motorizacion\", \"tipomotor\"));\r\n\r\n let marca = {\r\n ID: props.FABRICANTE.ID,\r\n DESCRIPCION: props.FABRICANTE.Marca\r\n }\r\n\r\n let modelo = {\r\n ID: 0,\r\n DESCRIPCION: row.DESCRIPCION,\r\n }\r\n\r\n\r\n let objetoVehiculo = {\r\n ID: ID_VEHICULO,\r\n DESCRIPCION: row.DESCRIPCION\r\n };\r\n\r\n store.dispatch(setHistoricApp(marca, \"/allbrands\", \"brand\"));\r\n store.dispatch(setHistoricApp(modelo, \"/modelos\", \"modelo\"));\r\n store.dispatch(setHistoricApp(objetoVehiculo, \"/motorizacion\", \"tipomotor\"));\r\n\r\n\r\n if (row.ID != 0) {\r\n setHistorialBusqueda({\r\n MARCA: props.FABRICANTE.ID,\r\n MODELO: 0,\r\n MOTORIZACION: row.ID,\r\n NOMBRE_MARCA: props.FABRICANTE.Marca,\r\n NOMBRE_MODELO: \"\",\r\n NOMBRE_MOTOR: row.DESCRIPCION\r\n\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: {} })\r\n store.dispatch(mostrarVistaGrafica(false))\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n\r\n\r\n }}>\r\n {row.DESCRIPCION} \r\n {`${(row === \"0\" ? \"...\" : row.DESDE)} - ${row.HASTA === \"0\" ? \"...\" : row.HASTA}`} \r\n {row.KW === \"\" ? \"...\" : row.KW} \r\n {row.CV === \"\" ? \"...\" : row.CV} \r\n {row.CC === \"\" ? \"...\" : row.CC} \r\n \r\n\r\n )}\r\n \r\n \r\n\r\n\r\n }\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n {LISTA_MOTOS === undefined || LISTA_MOTOS === null ?\r\n \r\n
\r\n \r\n {\r\n setTextoBuscador(e.target.value)\r\n\r\n let result = filtroLocalDeLaTabla(e.target.value, modelosMotos);\r\n\r\n modelosMotos.map((registro) => {\r\n const buscar = result.find((item) => item.INTERNO === registro.INTERNO)\r\n if (buscar === undefined) {\r\n registro.VISIBLE = false;\r\n } else {\r\n registro.VISIBLE = true;\r\n\r\n }\r\n })\r\n\r\n setModelosMotos([...modelosMotos])\r\n\r\n }} value={textoBuscador} />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n {traducirPagina(\"No_resultados\")}
\r\n {childrenDrawerLevel2 ?\r\n { store.dispatch(onChildrenDrawerCloseLevel2(false)); setTipo_seleciionado(1); setFabricantes([]); store.dispatch({ type: \"SET_HISTORIC_APP\", historicapp: [] }); store.dispatch({ type: \"UPDATE_FILTRO_BUSQUEDA\", TextoBuscadorPorModelo: \"\" }) }}\r\n visible={childrenDrawerLevel2}\r\n closable={false}\r\n placement={\"right\"}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ zIndex: '999999999999999999999', color: '#fff' }}>\r\n\r\n\r\n
\r\n );\r\n}\r\nconst mapStateToProps = state => {\r\n return {\r\n brands: state.brands,\r\n allBrands: state.allbrands,\r\n models: state.models,\r\n visibleDrawer: state.visibleDrawer,\r\n configApp: state.configApp,\r\n localreferences: state.localreferences,\r\n localvehicles: state.localvehicles,\r\n childrenDrawerLevel2: state.childrenDrawerLevel2,\r\n mostarTodasLasMarcas: state.mostarTodasLasMarcas,\r\n activeItemCar: state.activeItemCar,\r\n historicapp: state.fichaBusquedaVehiculo.historicapp,\r\n BusquedaPorModelo: state.BusquedaPorModelo,\r\n TextoBuscadorPorModelo: state.TextoBuscadorPorModelo,\r\n\r\n };\r\n}\r\n\r\n\r\nexport default connect(mapStateToProps)(ContainerDrawerCoche);\r\n\r\n\r\n\r\n\r\n\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport {\r\n MDBBtn, MDBTableBody, MDBTable, MDBTableHead\r\n} from 'mdbreact';\r\nimport Lightbox from \"react-image-lightbox\";\r\n\r\nimport { onChildrenDrawerCloseIntegraciones } from \"../action/actionCreators\";\r\nimport store from \"../store\";\r\nimport { createRipple } from \"../action/actionCreators\";\r\n\r\nimport { MSGERROR,traducirPagina } from \"../librerias/funciones\"\r\nimport {\r\n LikeOutlined,\r\n DislikeOutlined,\r\n\r\n} from '@ant-design/icons';\r\n\r\nconst mapDispatchToProps = (dispatch, props) => {\r\n return {\r\n onClick: () => {\r\n /*\r\n if (dispatch(validateBeforeSubmit(props)) !== true) return;\r\n if (typeof props.antesDe === 'function') {\r\n if (dispatch(props.antesDe(props)) === false) return;\r\n }\r\n dispatch(desbloquearRegistro(props, ACCIONES_GRID.UPDATE)).then(\r\n json => {\r\n if (json.ok) {\r\n if (typeof props.despuesDe === 'function') {\r\n dispatch(props.despuesDe(props));\r\n }\r\n if (typeof props.after === 'function') {\r\n props.after(json);\r\n }\r\n }\r\n }\r\n );\r\n */\r\n }\r\n };\r\n};\r\n\r\n\r\nclass IframeIntegraciones extends Component {\r\n state = {\r\n activeItemOuterTabs: \"1\"\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n\r\n let comparar = '1'\r\n let verificarEstadoFicha = this.props.fichaAbierta === undefined ? false : this.props.fichaAbierta;\r\n if (!verificarEstadoFicha) {\r\n\r\n\r\n if (prevState && prevState.activeItemOuterTabs !== comparar) {\r\n this.setState({\r\n activeItemOuterTabs: comparar\r\n });\r\n }\r\n\r\n\r\n var iframes = document.querySelectorAll(\"iframe\");\r\n //var frame = document.getElementById(this.props.id);\r\n if (iframes != undefined) {\r\n //frame.parentNode.removeChild(frame);\r\n /*\r\n for (var i = 0; i < iframes.length; i++) {\r\n iframes[i].parentNode.removeChild(iframes[i]);\r\n }\r\n*/\r\n }\r\n\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.id === \"haynespro\") {\r\n let fichaCompletaCoche = this.props.fichaBusquedaVehiculo\r\n if (fichaCompletaCoche.historicapp.length === 3) {\r\n setTimeout(() => {\r\n if (fichaCompletaCoche.codigoHaynesPro !== \"\") {\r\n if (document.getElementById(\"haynespro\") !== null) {\r\n document.getElementById(\"haynespro\").src = \"https://www.workshopdata.com/touch/site/layout/modelDetail?typeId=t_\" + fichaCompletaCoche.codigoHaynesPro;\r\n }\r\n } else {\r\n // MSGERROR(\"No se pudo hacer la converssión de Tecdoc a HayensPro\")\r\n }\r\n }, 100)\r\n }\r\n }\r\n\r\n return (\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n { store.dispatch(onChildrenDrawerCloseLevel2(false)); createRipple(e); setTipo_seleciionado(1); setFabricantes([]); store.dispatch({ type: \"UPDATE_FILTRO_BUSQUEDA\", TextoBuscadorPorModelo: \"\" }); store.dispatch({ type: \"SET_HISTORIC_APP\", historicapp: [] }) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {tipo_seleciionado === 1 ? traducirPagina(\"SELECCION_TURISMO\") : tipo_seleciionado === 2 ? traducirPagina(\"Seleccion_camion\").toUpperCase() : tipo_seleciionado === 3 ? traducirPagina(\"Seleccion_moto\").toUpperCase() : tipo_seleciionado === 4 ? traducirPagina(\"Seleccione_cod_motor\").toUpperCase() : tipo_seleciionado === 5 ? traducirPagina(\"Buscar_por_eje\").toUpperCase() : \"\"}\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {tipo_seleciionado === 1 || tipo_seleciionado === 2 || (tipo_seleciionado === 3) ?\r\n (() => {\r\n\r\n switch (activeItemCar) {\r\n case '1':\r\n return (\r\n
\r\n \r\n {tipo_seleciionado === 1 || tipo_seleciionado === 2 || tipo_seleciionado === 3 ?\r\n
\r\n\r\n \r\n
\r\n :\r\n\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {tipo_seleciionado === 1 || tipo_seleciionado === 2 || tipo_seleciionado === 3 ?\r\n activeItemCar === \"1\" && tipo_seleciionado === 1 ?\r\n { obtenerFabricantesMotor(1); store.dispatch(showAllBrands(estadoBtnMarcas ? false : true)) }}> \r\n :\r\n activeItemCar === \"2\" || activeItemCar === \"3\" || activeItemCar === \"4\" ?\r\n
\r\n\r\n 0 ? '' : 'none' : 'none' }}>\r\n {historicapp.length !== undefined ? historicapp.map((item, id) =>\r\n {item.urlimagen !== \"\" ? 
: null} { store.dispatch(deleteItemHistoricApp(item.posicion, historicapp)); store.dispatch(selectCoche(historicapp)); store.dispatch(changeCocheModal(item.link)); volverABuscarVehiculo(item) }}> {item.posicion === \"modelo\" ? item.ruta.substring(0, item.ruta.length > 7 ? 7 : item.ruta.length) + \" ...\" : item.ruta} \r\n ) : []}\r\n
\r\n : \r\n :\r\n tipo_seleciionado === 4 ?\r\n \r\n
\r\n :\r\n tipo_seleciionado === 5 ?\r\n componente !== \"FABRICANTE\" ?\r\n \r\n : null\r\n\r\n :\r\n null\r\n }\r\n \r\n
\r\n\r\n {componente !== \"FABRICANTE\" ?\r\n \r\n : null\r\n }\r\n \r\n e.key === 'Enter' ? evenntoBuscarMotor(textoBusqueda) : {}} onChange={(e) => { setTextoBusqueda(e.target.value) }} />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n\r\n\r\n
\r\n }\r\n\r\n \r\n : null}\r\n \r\n \r\n :\r\n
\r\n );\r\n }\r\n}\r\n\r\nIframeIntegraciones.propTypes = {\r\n id: PropTypes.string,\r\n title: PropTypes.string,\r\n url: PropTypes.string,\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n tipoComponente: PropTypes.string,\r\n detallesReferencia: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n masInformacion: PropTypes.object,\r\n fichaBusquedaVehiculo: PropTypes.object\r\n};\r\n\r\n\r\nexport default IframeIntegraciones;","import React from \"react\";\r\nimport './btngenerico.css'\r\n\r\n\r\nconst BtnGenerico = ({ title = \"\", children, onClick=() =>{},className=\"\" }) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default BtnGenerico;","import React from \"react\";\r\nimport BtnGenerico from \"../../utils/Buttoms/BtnGenerico\";\r\nimport { traducirPagina, verificarSiEsMostrador } from \"../../../librerias/funciones\";\r\nimport { DeleteOutlined, FileAddOutlined, PlusOutlined, ShoppingOutlined } from \"@ant-design/icons\";\r\n\r\nimport './header.css'\r\n\r\nconst HeaderCesta = ({ formConsulta = {}, children = {}, event_vaciar = () => { }, event_pedido = () => { }, event_presupuesto = () => { }, }) => {\r\n const { visibleConsulta, SetVisibleConsulta } = formConsulta\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n {(() => {\r\n switch (this.props.tipoComponente) {\r\n case 'iframe':\r\n return this.props.url === \"\" ? \r\n \r\n
\r\n \r\n { store.dispatch(onChildrenDrawerCloseIntegraciones(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {this.props.title}\r\n
\r\n \r\n
\r\n )\r\n\r\n}\r\n\r\nexport default HeaderCesta;","import React from \"react\";\r\nimport { Select } from \"antd\";\r\nimport { traducirPagina } from \"../../librerias/funciones\";\r\nconst { Option } = Select;\r\n\r\n\r\nconst CPSelect = ({ registers = [], value = undefined, allowClear = true, placeholder = `${traducirPagina(\"Todos\")}`, onChange = () => { }, esListaObjeto = false }) => {\r\n\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n\r\n \r\n SetVisibleConsulta(true)}>\r\n \r\n\r\n { event_vaciar() }}>\r\n \r\n\r\n { event_pedido() }}>\r\n { event_presupuesto() }}>\r\n \r\n )}\r\n
\r\n \r\n\r\n { eliminarCesta() }}\r\n event_pedido={() => { generarPedido(); setEsCrearPresupuesto(false) }}\r\n event_presupuesto={() => { generarPedido(); setEsCrearPresupuesto(true) }}\r\n >\r\n\r\n filtrarTabla(e)}\r\n allowClear={false}\r\n\r\n />\r\n\r\n\r\n filtrarTablaCliente(e)}\r\n allowClear={false}\r\n\r\n >\r\n \r\n\r\n\r\n \r\n\r\n\r\n {\r\n setDatosCompra({\r\n observacionesConsulta: \"\",\r\n observacionesPedido: \"\",\r\n numeroPedido: \"\",\r\n pedidoPor: \"\",\r\n recibirMailPedido: false,\r\n lineasPedido: \"\",\r\n recogerArticulo: false\r\n });\r\n cargarCestaLineas();\r\n\r\n }}\r\n\r\n onCancel={() => SetVisible(false)}\r\n footer={[\r\n\r\n esperarPedido ?\r\n {esCrearPresupuesto ? traducirPagina(\"Msg_espera_presupuesto\") : traducirPagina(\"Msg_espera_pedido\")}\r\n :\r\n \r\n { SetCentroSeleccionado(e) }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {centros.map((registro, i) =>\r\n \r\n )}\r\n \r\n :\r\n null\r\n :\r\n null}\r\n \r\n\r\n guardarDatos(e)} rows={5} style={{ width: '645px' }} />\r\n \r\n\r\n guardarDatos(e)} > {traducirPagina(\"Recibir_email\")} \r\n \r\n\r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\n { SetVisibleConsulta(false); modificarEstadoConsulta() }}\r\n footer={[\r\n \r\n ]}>\r\n \r\n guardarDatos(e)} allowClear rows={5} style={{ width: '645px' }} />\r\n \r\n
\r\n \r\n\r\n { SetVisiblePedido(false) }}\r\n footer={null}\r\n >\r\n\r\n {esCrearPresupuesto ? traducirPagina(\"Seguimiento_presupuesto\").toUpperCase() : traducirPagina(\"Seguimiento_pedidos\").toUpperCase()}
}\r\n bordered\r\n dataSource={pedidosRealizados}\r\n renderItem={pedido => (\r\n \r\n
\r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n \r\n {obtenerCesta === null ?\r\n \r\n
\r\n\r\n \r\n
\r\n :\r\n obtenerCesta.length > 0 ?\r\n {traducirPagina(\"No_hay_registros_cesta\")}
\r\n\r\n \r\n \r\n
\r\n
\r\n :\r\n \r\n \r\n \r\n \r\n { resetChecked(e.target.checked, obtenerCesta) }} /> {traducirPagina(\"Referencia\")} \r\n {traducirPagina(\"Identificador\")} \r\n {traducirPagina(\"Descripción\")} \r\n\r\n {traducirPagina(\"Almacen\")} \r\n {traducirPagina(\"Precio\")} \r\n {traducirPagina(\"Dto\")} \r\n {traducirPagina(\"Neto\")} \r\n {traducirPagina(\"Cantidad\")} \r\n {traducirPagina(\"Total\")} \r\n \r\n \r\n \r\n {obtenerCesta.map((cesta, i) =>\r\n \r\n \r\n { checkedSeleccionado(e.target.checked, cesta) }} />\r\n \r\n {cesta.REFERENCIA_TECDOC !== undefined && cesta.REFERENCIA_TECDOC !== null && cesta.REFERENCIA_TECDOC.trim() === \"\" ? cesta.REFERENCIA_ERP : cesta.REFERENCIA_TECDOC} \r\n {cesta.IDENTIFICADOR_LINEA} \r\n {cesta.DESCRIPCION} \r\n\r\n {cesta.DESCRIPCION_ALMACEN} \r\n {convertirMoneda(cesta.PRECIO, \" €\")} \r\n {cesta.DESCUENTO + \"%\"} \r\n {convertirMoneda(cesta.NETO, \" €\")} \r\n {convertirMoneda(cesta.CANTIDAD)} \r\n {convertirMoneda(cesta.TOTAL, \" €\")} \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n {\r\n createRipple(e);\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: cesta.REFERENCIA_TECDOC, CODIGO_MARCA: cesta.MARCA_TECDOC }));\r\n\r\n }} className=\"btn-matricula estiloBotonRemove paddindDeTres\" >\r\n \r\n\r\n
\r\n\r\n \r\n {\r\n createRipple(e);\r\n abrirDesglose(cesta)\r\n if (cesta.ES_NEUMATICO) {\r\n store.dispatch({ type: 'STATE_ES_NEUMATICO', NEUMATICO: { ES_NEUMATICO: true, REFERENCIA_FABRICANTE: cesta.REFERENCIA_TECDOC } })\r\n }\r\n }} className=\"btn-matricula estiloBotonRemove paddindDeTres\">\r\n {cesta.DISPONIBILIDAD ? \r\n\r\n
\r\n \r\n {\r\n createRipple(e);\r\n\r\n if (cesta.ES_NEUMATICO) {\r\n store.dispatch({ type: 'STATE_ES_NEUMATICO', NEUMATICO: { ES_NEUMATICO: true, REFERENCIA_FABRICANTE: cesta.REFERENCIA_TECDOC } })\r\n setFichaCestaNeumatico(true);\r\n\r\n\r\n payloadNeumatico.ID_MARCA = cesta.MARCA_TECDOC\r\n payloadNeumatico.NOMRE_MARCA = \"\"\r\n payloadNeumatico.EAN = \"\"\r\n\r\n payloadNeumatico.DETALLE_ERP_SOCIO = {\r\n\r\n NETO: cesta.NETO,\r\n PRECIO: cesta.PRECIO,\r\n PVP: 0,\r\n DESCUENTO: cesta.DESCUENTO,\r\n CODIGO_MARCA_SOCIO: cesta.MARCA_ERP,\r\n\r\n REFERENCIA_SOCIO: cesta.REFERENCIA_ERP,\r\n REFERENCIA_FABRICANTE: cesta.REFERENCIA_TECDOC\r\n }\r\n\r\n\r\n payloadNeumatico.CODIGO_MARCA = cesta.MARCA_TECDOC\r\n payloadNeumatico.REFERENCIA = cesta.REFERENCIA_TECDOC\r\n payloadNeumatico.REFERENCIA_PROVEEDOR = cesta.REFERENCIA_ERP\r\n payloadNeumatico.CANTIDAD = cesta.CANTIDAD\r\n payloadNeumatico.CANTIDAD_SELECCIONADA = cesta.CANTIDAD\r\n payloadNeumatico.ALMACEN = cesta.ALMACEN\r\n payloadNeumatico.IDCESTA = cesta.ID\r\n payloadNeumatico.CLIENTE = cesta.CLIENTE\r\n payloadNeumatico.REGISTROS = cesta\r\n payloadNeumatico.VEHICULO = {\r\n MATRICULA: cesta.MATRICULA,\r\n BASTIDOR: cesta.BASTIDOR,\r\n MARCA_VEHICULO: cesta.MARCA_VEHICULO,\r\n MODELO_VEHICULO: cesta.MODELO_VEHICULO,\r\n MOTOR_VEHICULO: cesta.MOTOR_VEHICULO,\r\n VEHICULO_TECDOC: { ID: cesta.ID_VEHICULO_TECDOC === undefined || cesta.ID_VEHICULO_TECDOC === null ? 0 : cesta.ID_VEHICULO_TECDOC }\r\n }\r\n\r\n setPayloadNeumatico({ ...payloadNeumatico })\r\n\r\n\r\n } else {\r\n setFichaCesta(true)\r\n setReferenciaSeleccionada({\r\n\r\n REFERENCIA: cesta.REFERENCIA_TECDOC,\r\n CODIGO_MARCA: cesta.MARCA_TECDOC,\r\n REFERENCIA_PROVEEDOR: cesta.REFERENCIA_ERP,\r\n CANTIDAD: cesta.CANTIDAD,\r\n CANTIDAD_SELECCIONADA: cesta.CANTIDAD,\r\n ALMACEN: cesta.ALMACEN,\r\n IDCESTA: cesta.ID,\r\n CLIENTE: cesta.CLIENTE,\r\n REGISTROS: cesta,\r\n VEHICULO: {\r\n MATRICULA: cesta.MATRICULA,\r\n BASTIDOR: cesta.BASTIDOR,\r\n MARCA_VEHICULO: cesta.MARCA_VEHICULO,\r\n MODELO_VEHICULO: cesta.MODELO_VEHICULO,\r\n MOTOR_VEHICULO: cesta.MOTOR_VEHICULO,\r\n VEHICULO_TECDOC: { ID: cesta.ID_VEHICULO_TECDOC === undefined || cesta.ID_VEHICULO_TECDOC === null ? 0 : cesta.ID_VEHICULO_TECDOC }\r\n }\r\n })\r\n\r\n }\r\n\r\n }}\r\n className=\"btn-matricula estiloBotonRemove paddindDeTres\">\r\n \r\n
\r\n\r\n \r\n {\r\n createRipple(e);\r\n estadoCestaCompra(cesta)\r\n }} className=\"btn-matricula estiloBotonRemove paddindDeTres\" >\r\n \r\n
\r\n | \r\n | {traducirPagina(\"Total_unidades\") + \": \"} | \r\n{totales.unidades} | \r\n{traducirPagina(\"Total_pedido\") + \": \"} | \r\n{convertirMoneda(totales.pedidos, \"€\")} | \r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n ]}>\r\n \r\n {!esCrearPresupuesto && (PLANTILLA !== \"\" && PLANTILLA.toUpperCase() === \"NEXUS\") ?\r\n
\r\n \r\n guardarDatos(e)} > {traducirPagina(\"Msg_recoger_articulo\")} \r\n
\r\n :\r\n null\r\n }\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {`${traducirPagina(\"Almacen\").toUpperCase()}:`} {pedido.ALMACEN}
\r\n {(pedido.REALIZADO ? esCrearPresupuesto ? traducirPagina(\"Presupuesto_realizado\").toUpperCase() : traducirPagina(\"Pedido_realizado\").toUpperCase() : pedido.MENSAJE_ERROR !== undefined && pedido.MENSAJE_ERROR !== null ? esCrearPresupuesto ? `${traducirPagina(\"Presupuesto_no_realizado\").toUpperCase()}: ` : `${traducirPagina(\"Pedido_no_realizado\").toUpperCase()}: ${pedido.MENSAJE_ERROR.toUpperCase()}` : \"\")}
\r\n {esCrearPresupuesto ? `${traducirPagina(\"Codigo_presupuesto\").toUpperCase()}:` : `${traducirPagina(\"Codigo_pedido\").toUpperCase()}:`} {pedido.CODIGO_PEDIDO}
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n\r\n\r\nFichaSeleccionVehiculo.propTypes = {\r\n onClick: PropTypes.func,\r\n title: PropTypes.string,\r\n config: PropTypes.object,\r\n widthFicha: PropTypes.number,\r\n verFichaComplemetoCoche: PropTypes.bool,\r\n detallesReferencia: PropTypes.object,\r\n vehiculo: PropTypes.object,\r\n fichaVehiculoTallerAbierta: PropTypes.bool\r\n};\r\n\r\n\r\nexport default FichaSeleccionVehiculo;","import React from \"react\";\r\nimport { Drawer } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport store from \"../store\";\r\nimport { onChildrenDrawerCloseIntegraciones } from \"../action/actionCreators\";\r\nimport IframeIntegracion from '../components/IframeIntegracion';\r\nimport CestaCompra from '../components/CestaCompra'\r\nimport FichaSeleccionVehiculo from \"./FichaSeleccionVehiculo\";\r\nimport { traducirPagina } from '../librerias/funciones'\r\n\r\nconst ContainerDrawerIntegraciones = ({ activeItemTipoIntegracion, configApp, openDrawerIntegraciones, openDrawerFichaMantenimientoVehiculo, haynesProTouch, codmotorizacion, fichaBusquedaVehiculo, historicapp, masInformacion }) => {\r\n setTimeout(() => { document.querySelectorAll(\".ant-drawer-header-no-title\").forEach(el => el.remove()) }, 100)\r\n return (\r\n \r\n
\r\n\r\n\r\n \r\n { store.dispatch(onChildrenDrawerCloseIntegraciones(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {this.props.title}\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n {traducirPagina(\"Identificación\")} \r\n \r\n\r\n \r\n DGT \r\n \r\n\r\n \r\n {traducirPagina(\"Ficha_Técnica\")} \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.IDENTIFICACION_VEHICULO !== null && datosCochePorMatricula.IDENTIFICACION_VEHICULO !== undefined ?\r\n \r\n {datosCochePorMatricula.MATRICULA !== null ?\r\n \r\n {traducirPagina(\"Matricula\")} \r\n {datosCochePorMatricula.MATRICULA.Matricula} \r\n \r\n : null\r\n }\r\n \r\n {traducirPagina(\"Bastidor\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.BASTIDOR} \r\n {} \r\n \r\n\r\n\r\n \r\n Fecha 1º matricula \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"FECHA 1ª MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Fecha_matricula\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"FECHA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MARCA} \r\n \r\n \r\n {traducirPagina(\"Mercado\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MERCADO} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MODELO} \r\n \r\n \r\n {traducirPagina(\"Modelo_genérico\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"MODELO GENÉRICO\"]} \r\n \r\n \r\n {traducirPagina(\"Número_de_transmisiones\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"NUMERO DE TRANSMISIONES\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Provincia_matricula\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"PROVINCIA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Segmento\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.SEGMENTO} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.DATOSTECNICOSDGT !== null && datosCochePorMatricula.DATOSTECNICOSDGT !== undefined ?\r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.CILINDRADA} \r\n \r\n \r\n CO2 \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.CO2} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.COMBUSTIBLE} \r\n \r\n \r\n KW \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.MARCA} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.MODELO} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT[\"POTENCIA FISCAL\"]} \r\n \r\n \r\n {traducirPagina(\"Potencia_aproximada\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT[\"POTENCIA REAL APROXIM\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.TIPO} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.VERSION} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.FICHATECNICA !== null && datosCochePorMatricula.FICHATECNICA != undefined ?\r\n \r\n\r\n \r\n {traducirPagina(\"Carroceria\")} \r\n {datosCochePorMatricula.FICHATECNICA.CARROCERIA} \r\n \r\n \r\n {traducirPagina(\"CAT_HOMOLOGACIÓN\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"CAT HOMOLOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {datosCochePorMatricula.FICHATECNICA.CILINDRADA} \r\n \r\n \r\n Clasif. Industria \r\n {datosCochePorMatricula.FICHATECNICA[\"CLASIF INDUSTRIA\"]} \r\n \r\n \r\n CO2 \r\n {datosCochePorMatricula.FICHATECNICA.CO2} \r\n \r\n \r\n {traducirPagina(\"Codigos_ECO\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"CODIGOS ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {datosCochePorMatricula.FICHATECNICA.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Consumo\")} \r\n {datosCochePorMatricula.FICHATECNICA.CONSUMO} \r\n \r\n \r\n {traducirPagina(\"Contraseña_homologación\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"CONTRASEÑA HOLOMOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Denominacion_comercial\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"DENOMINACION COMERCIAL\"]} \r\n \r\n \r\n Dist. entre ejes \r\n {datosCochePorMatricula.FICHATECNICA[\"DIST ENTRE EJES\"]} \r\n \r\n \r\n ECO innova \r\n {datosCochePorMatricula.FICHATECNICA[\"ECO INNOVA\"]} \r\n \r\n \r\n {traducirPagina(\"Fabricante\")} \r\n {datosCochePorMatricula.FICHATECNICA.FABRICANTE} \r\n \r\n \r\n KW \r\n {datosCochePorMatricula.FICHATECNICA.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.FICHATECNICA.MARCA} \r\n \r\n \r\n {traducirPagina(\"Masa_max_carga\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"MASA MAX CARGA\"]} \r\n \r\n \r\n {traducirPagina(\"Masa_vehiculo_servicio\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"MASA VEHICULO SERVICIO\"]} \r\n \r\n \r\n {traducirPagina(\"Nivel_emisiones\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"NIVEL EMISIONES\"]} \r\n \r\n \r\n Num. plazas de pie \r\n {datosCochePorMatricula.FICHATECNICA[\"NUM PLAZAS DE PIE\"]} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {datosCochePorMatricula.FICHATECNICA.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"POT FISCAL\"]} \r\n \r\n \r\n Potencia real aprox. \r\n {datosCochePorMatricula.FICHATECNICA[\"POTENCIA REAL APROX\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {datosCochePorMatricula.FICHATECNICA.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Reducción_eco\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"REDUCCION ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Relación_potencia_peso\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"RELACION POTENCIA PESO\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {datosCochePorMatricula.FICHATECNICA.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {datosCochePorMatricula.FICHATECNICA.TIPO} \r\n \r\n \r\n {traducirPagina(\"Tipo_alimentación\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"TIPO ALIMENTACION\"]} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {datosCochePorMatricula.FICHATECNICA.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {datosCochePorMatricula.FICHATECNICA.VERSION} \r\n \r\n \r\n {traducirPagina(\"Via_anterior\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"VIA ANTERIOR\"]} \r\n \r\n \r\n {traducirPagina(\"Via_posterior\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"VIA POSTERIOR\"]} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos_técnicos\")}
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Motor\")} \r\n {traducirPagina(\"Codigo_cliente\")} \r\n {traducirPagina(\"Modelo\")} \r\n\r\n\r\n {traducirPagina(\"Año\")} \r\n KW \r\n CV \r\n CC \r\n {traducirPagina(\"Carroceria\")} \r\n \r\n \r\n\r\n \r\n {datosCochePorMatricula.VEHICULOS_TECDOC.map((row, i) =>\r\n \r\n {\r\n this.eventoClickLineaCoche(row)\r\n }} >{row.MOTORIZACION} \r\n\r\n {\r\n this.eventoClickLineaCoche(row)\r\n }}>{row.MOTORES === \"\" ? \"...\" : row.MOTORES} \r\n\r\n {\r\n this.eventoClickLineaCoche(row)\r\n }}>{row.MODELO === \"\" ? \"...\" : row.MODELO} \r\n\r\n\r\n {\r\n this.eventoClickLineaCoche(row)\r\n }}>{row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n\r\n {\r\n this.eventoClickLineaCoche(row)\r\n }}>{row.KW === \"\" ? \"...\" : row.KW} \r\n {\r\n this.eventoClickLineaCoche(row)\r\n }}>{row.CV === \"\" ? \"...\" : row.CV} \r\n {\r\n this.eventoClickLineaCoche(row)\r\n }}>{row.CC === \"\" ? \"...\" : row.CC} \r\n {\r\n this.eventoClickLineaCoche(row)\r\n }}>{row.CARROCERIA === \"\" ? \"...\" : row.CARROCERIA}\r\n \r\n \r\n {\r\n createRipple(e);\r\n\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n store.dispatch({\r\n type: \"SET_ID_MOTORIZACION_FICHA_HISTORIAL\",\r\n codMotorizacionFichaHistorial: row.ID,\r\n })\r\n store.dispatch(DrawerFichaCocheDGT(true))\r\n\r\n }} className=\"btn-matricula estiloBotonRemove paddindDeTres\" >\r\n ![{\"coche\"}](\"./imagenes/cocheGris.svg\")
\r\n \r\n\r\n\r\n \r\n \r\n )}\r\n \r\n \r\n : \r\n\r\n :\r\n null\r\n }\r\n
\r\n {traducirPagina(\"Seleccion_vehiculo\")}
\r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.VEHICULOS_TECDOC !== undefined && datosCochePorMatricula.VEHICULOS_TECDOC !== null ?\r\n\r\n \r\n\r\n
\r\n\r\n \r\n { CERRAR_FICHA(); store.dispatch({ type: \"SET_ID_MOTORIZACION_FICHA_HISTORIAL\", codMotorizacionFichaHistorial: \"\" }) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n {obtenerRegistroCoche !== null ?\r\n
\r\n 0 ? '' : 'none' : 'none' }}>\r\n {obtenerRegistroCoche.MARCA} \r\n {obtenerRegistroCoche.MODELO} \r\n {obtenerRegistroCoche.MOTORES} \r\n\r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n \r\n \r\n {Object.keys(obteneVehiculoPorMatricula).length > 0 ?\r\n obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO !== null ?\r\n \r\n {obteneVehiculoPorMatricula.MATRICULA !== null ?\r\n \r\n {traducirPagina(\"Matricula\")} \r\n {obteneVehiculoPorMatricula.MATRICULA.Matricula} \r\n \r\n : null\r\n }\r\n \r\n {traducirPagina(\"Bastidor\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.BASTIDOR} \r\n {} \r\n \r\n\r\n \r\n {traducirPagina(\"Bastidor\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.BASTIDOR} \r\n \r\n \r\n Fecha 1º matricula \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"FECHA 1ª MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Fecha_matricula\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"FECHA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.MARCA} \r\n \r\n \r\n {traducirPagina(\"Mercado\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.MERCADO} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.MODELO} \r\n \r\n \r\n {traducirPagina(\"Modelo_genérico\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"MODELO GENÉRICO\"]} \r\n \r\n \r\n {traducirPagina(\"Número_de_transmisiones\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"NUMERO DE TRANSMISIONES\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Provincia_matricula\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO[\"PROVINCIA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Segmento\")} \r\n {obteneVehiculoPorMatricula.IDENTIFICACION_VEHICULO.SEGMENTO} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(obteneVehiculoPorMatricula).length > 0 ?\r\n obteneVehiculoPorMatricula.DATOSTECNICOSDGT !== null ?\r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.CILINDRADA} \r\n \r\n \r\n CO2 \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.CO2} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.COMBUSTIBLE} \r\n \r\n \r\n KW \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.MARCA} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.MODELO} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT[\"POTENCIA FISCAL\"]} \r\n \r\n \r\n {traducirPagina(\"Potencia_aproximada\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT[\"POTENCIA REAL APROXIM\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.TIPO} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {obteneVehiculoPorMatricula.DATOSTECNICOSDGT.VERSION} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(obteneVehiculoPorMatricula).length > 0 ?\r\n obteneVehiculoPorMatricula.FICHATECNICA !== null ?\r\n \r\n\r\n\r\n\r\n \r\n {traducirPagina(\"Carroceria\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CARROCERIA} \r\n \r\n \r\n {traducirPagina(\"CAT_HOMOLOGACIÓN\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CAT HOMOLOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CILINDRADA} \r\n \r\n \r\n Clasif. Industria \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CLASIF INDUSTRIA\"]} \r\n \r\n \r\n CO2 \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CO2} \r\n \r\n \r\n {traducirPagina(\"Codigos_ECO\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CODIGOS ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Consumo\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.CONSUMO} \r\n \r\n \r\n {traducirPagina(\"Contraseña_homologación\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"CONTRASEÑA HOLOMOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Denominacion_comercial\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"DENOMINACION COMERCIAL\"]} \r\n \r\n \r\n Dist. entre ejes \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"DIST ENTRE EJES\"]} \r\n \r\n \r\n ECO innova \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"ECO INNOVA\"]} \r\n \r\n \r\n {traducirPagina(\"Fabricante\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.FABRICANTE} \r\n \r\n \r\n KW \r\n {obteneVehiculoPorMatricula.FICHATECNICA.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.MARCA} \r\n \r\n \r\n Masa max. carga \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"MASA MAX CARGA\"]} \r\n \r\n \r\n {traducirPagina(\"Masa_vehiculo_servicio\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"MASA VEHICULO SERVICIO\"]} \r\n \r\n \r\n {traducirPagina(\"Nivel_emisiones\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"NIVEL EMISIONES\"]} \r\n \r\n \r\n Num. plazas de pie \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"NUM PLAZAS DE PIE\"]} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"POT FISCAL\"]} \r\n \r\n \r\n Potencia real aprox. \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"POTENCIA REAL APROX\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Reducción_eco\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"REDUCCION ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Relación_potencia_peso\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"RELACION POTENCIA PESO\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.TIPO} \r\n \r\n \r\n {traducirPagina(\"Tipo_alimentación\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"TIPO ALIMENTACION\"]} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA.VERSION} \r\n \r\n \r\n {traducirPagina(\"Via_anterior\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"VIA ANTERIOR\"]} \r\n \r\n \r\n {traducirPagina(\"Via_posterior\")} \r\n {obteneVehiculoPorMatricula.FICHATECNICA[\"VIA POSTERIOR\"]} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos_técnicos\")}
\r\n\r\n \r\n \r\n {obtenerRegistroCoche !== null ?\r\n Object.keys(obtenerRegistroCoche).length > 0 ?\r\n \r\n :\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nDetallesCocheDGT.propTypes = {\r\n title: PropTypes.string,\r\n codMotorizacionSeleccionada: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n TIPO_BUSQUEDA: PropTypes.number,\r\n IDENTIFICADOR: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n localreferences: state.localreferences,\r\n localvehicles: state.localvehicles,\r\n historicapp: state.fichaBusquedaVehiculo.historicapp,\r\n imagenHaynesCoche: state.imagenHaynesCoche,\r\n props: props,\r\n openDrawerFichaCocheDGT: state.estadoDrawer.openDrawerFichaCocheDGT,\r\n openDrawerHistoricoCoche: state.estadoDrawer.openDrawerHistoricoCoche,\r\n codmotorizacion: state.codmotorizacion,\r\n sesionHaynesPro: state.sesionHaynesPro,\r\n buscadorCoche: state.buscadorCoche,\r\n nameDropDownCar: state.nameDropDownCar,\r\n DROP_SELECCION_COCHE: state.DROP_SELECCION_COCHE,\r\n };\r\n}\r\n\r\n\r\nexport default connect(mapStateToProps)(DetallesCocheDGT);\r\n\r\n\r\n\r\n\r\n\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn } from 'mdbreact';\r\nimport { MDBContainer, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBListGroup, MDBListGroupItem } from 'mdbreact';\r\nimport { Drawer } from 'antd';\r\nimport { DrawerHistoricoCoche, createRipple, estadoAgrupacionDeMarcas, showChildrenDrawerLevel2, showItemReferencia, setHistoricApp, gestionarContenedorCoche, updateVisualizacionFiltro, efectoBotonRemove, DrawerFichaCocheDGT, showChildrenDrawerIntegraciones, activeItemTipoIntegracion } from \"../action/actionCreators\";\r\nimport store from \"../store\";\r\nimport { getHistorialBusqueda, getIdTecdocMotorByIdHaynes, setHistorialBusqueda, ObtenerEngNoByEngCodeEnAPI, buscarMatriculaCoche, buscarBastidorCoche } from \"../action/actionCreatorsRequests\";\r\nimport { List, Avatar } from 'antd';\r\nimport { traducirPagina, busquedaCochePorMatriculaOBastiidor, MSGERROR, obtenerToken, buscarReferenciaYMostrarEnPantalla, limpiarCocheStore, copiarAlPortapapeles, obtenerDatosUsuarioYLicenciaActual, volverAlHome, MODIFICAR_TIPO_BUSQUEDA } from \"../librerias/funciones\"\r\nimport { CopyOutlined } from '@ant-design/icons';\r\nimport FichaCodigoMotor from './FichaCodigoMotor';\r\nimport DetallesCocheDGT from './DetallesCocheDGT';\r\n\r\nconst FichaHistoricoCoche = ({ props, configApp }) => {\r\n const [fichaAbierta, setFichaAbierta] = React.useState(false);\r\n const [motores, setMotores] = React.useState([]);\r\n\r\n\r\n const [activeItemOuterTabs, setActiveItemOuterTabs] = React.useState(\"1\");\r\n const [todosLosVehiculos, setTodosLosVehiculos] = React.useState([]);\r\n const [todasLasReferencia, setTodasLasReferencia] = React.useState([]);\r\n const [todosLosBastidores, setTodosLosBastidores] = React.useState([]);\r\n const [todasLasMatriculas, setTodasLasMatriculas] = React.useState([]);\r\n const [buacarUnaSolaVez, setBuacarUnaSolaVez] = React.useState(true);\r\n const [todasLosMotores, setTodasLosMotores] = React.useState([]);\r\n\r\n\r\n\r\n const [abrirFichaDGT, setAbrirFichaDGT] = React.useState(false);\r\n const [registrosVehDGT, setRegistrosVehDGT] = React.useState({});\r\n\r\n\r\n\r\n\r\n const toggleOuterTabs = (tab) => {\r\n switch (tab) {\r\n case \"1\":\r\n getHistorialBusqueda(4).then((data) => {\r\n setTodosLosVehiculos(data === null ? [] : data)\r\n })\r\n break;\r\n case \"2\":\r\n getHistorialBusqueda(3).then((data) => {\r\n setTodasLasReferencia(data === null ? [] : data)\r\n })\r\n break;\r\n case \"3\":\r\n getHistorialBusqueda(2).then((data) => {\r\n setTodosLosBastidores(data === null ? [] : data)\r\n })\r\n break;\r\n case \"4\":\r\n getHistorialBusqueda(1).then((data) => {\r\n setTodasLasMatriculas(data === null ? [] : data)\r\n })\r\n break;\r\n case \"5\":\r\n getHistorialBusqueda(5).then((data) => {\r\n setTodasLosMotores(data === null ? [] : data)\r\n })\r\n break;\r\n }\r\n\r\n if (activeItemOuterTabs !== tab) {\r\n setActiveItemOuterTabs(tab)\r\n }\r\n };\r\n\r\n\r\n\r\n const ObtenerEngNoByEngCode = (textoABuscar) => {\r\n ObtenerEngNoByEngCodeEnAPI(textoABuscar).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro.REGISTROS !== null && registro.REGISTROS.length > 0) {\r\n setMotores(registro.REGISTROS)\r\n setFichaAbierta(true)\r\n } else {\r\n setMotores(null)\r\n MSGERROR(traducirPagina(\"msgMotor\"))\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n const buscarPorMatricula = async (IDENTIFICADOR) => {\r\n setRegistrosVehDGT({})\r\n\r\n const registros = await buscarMatriculaCoche(IDENTIFICADOR)\r\n\r\n console.log(\"registros.VEHICULOS_TECDOC\", registros.VEHICULOS_TECDOC)\r\n\r\n if (registros === undefined || registros === null || registros.VEHICULOS_TECDOC === null || registros.VEHICULOS_TECDOC.length === 0 && registros.MATRICULA !== null) {\r\n store.dispatch({ type: \"STATE_MODAL_VEHICULO\", abrirModalVehiculo: true })\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: registros })\r\n } else {\r\n //store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: coche })\r\n const vehiculo = registros.VEHICULOS_TECDOC === null ? [] : registros.VEHICULOS_TECDOC;\r\n if (vehiculo.length > 0) {\r\n if (vehiculo.length > 1) {\r\n store.dispatch(showChildrenDrawerIntegraciones(true));\r\n store.dispatch(activeItemTipoIntegracion(\"busquedaVehiculo\"))\r\n } else {\r\n setRegistrosVehDGT(registros)\r\n setAbrirFichaDGT(true)\r\n }\r\n } else {\r\n MSGERROR(\"No hay datos en VEHICULOS_TECDOC\");\r\n }\r\n }\r\n }\r\n\r\n\r\n const buscarPorBastidor = async (IDENTIFICADOR) => {\r\n setRegistrosVehDGT({})\r\n\r\n const registros = buscarBastidorCoche(IDENTIFICADOR)\r\n\r\n if (registros !== undefined && registros !== null) {\r\n setRegistrosVehDGT(registros)\r\n }\r\n }\r\n\r\n\r\n\r\n let previaToken = obtenerToken();\r\n if (todosLosVehiculos !== undefined && previaToken !== null && props.verFichaHistorico) {\r\n\r\n if (todosLosVehiculos.length === 0 && buacarUnaSolaVez) {\r\n setBuacarUnaSolaVez(false)\r\n getHistorialBusqueda(4).then((data) => {\r\n setTodosLosVehiculos(data === null ? [] : data)\r\n setBuacarUnaSolaVez(false)\r\n })\r\n }\r\n } else {\r\n if (!props.verFichaHistorico && todosLosVehiculos.length > 0) {\r\n if (activeItemOuterTabs !== \"1\") {\r\n setActiveItemOuterTabs(\"1\");\r\n }\r\n setTodosLosVehiculos([]);\r\n setBuacarUnaSolaVez(true)\r\n }\r\n }\r\n\r\n\r\n const verificarAtributo = (atributo) => {\r\n return atributo === \"\" ? \"\" : \" / \";\r\n }\r\n\r\n setTimeout(() => { document.querySelectorAll(\".ant-drawer-header-no-title\").forEach(el => el.remove()) }, 100)\r\n return (\r\n <>\r\n \r\n
\r\n :\r\n \r\n \r\n \r\n \r\n {\"ID TECDOC\"} \r\n {obtenerRegistroCoche.ID} \r\n \r\n \r\n {traducirPagina(\"Carroceria\")} \r\n {obtenerRegistroCoche.CARROCERIA} \r\n \r\n \r\n {\"Tipo de tracción\"} \r\n {obtenerRegistroCoche.TRACCION} \r\n \r\n \r\n {traducirPagina(\"Potencia\")}[KW] \r\n {obtenerRegistroCoche.KW} \r\n \r\n \r\n {traducirPagina(\"Potencia\")}[CV] \r\n {obtenerRegistroCoche.CV} \r\n \r\n \r\n {traducirPagina(\"Cilindrada\")}[CC] \r\n {obtenerRegistroCoche.CC} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obtenerRegistroCoche.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Catalizador\")} \r\n {obtenerRegistroCoche.CATALIZADOR} \r\n \r\n \r\n {traducirPagina(\"Cilindros\")} \r\n {obtenerRegistroCoche.CILINDROS} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {obtenerRegistroCoche.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Cilindros\")} \r\n {obtenerRegistroCoche.CILINDROS} \r\n \r\n \r\n {traducirPagina(\"Litros\")} \r\n {obtenerRegistroCoche.LITROS} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {obtenerRegistroCoche.MARCA} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {obtenerRegistroCoche.MODELO} \r\n \r\n \r\n {traducirPagina(\"Motores\")} \r\n {obtenerRegistroCoche.MOTORES} \r\n \r\n \r\n {traducirPagina(\"Motorización\")} \r\n {obtenerRegistroCoche.MOTORIZACION} \r\n \r\n \r\n {traducirPagina(\"Proceso_combustión\")} \r\n {obtenerRegistroCoche.PROCESO_COMBUSTION} \r\n \r\n \r\n {traducirPagina(\"Sistema_frenado\")} \r\n {obtenerRegistroCoche.SISTEMA_FRENADO} \r\n \r\n \r\n TCS \r\n {obtenerRegistroCoche.TCS} \r\n \r\n \r\n {traducirPagina(\"Tipo_frenado\")} \r\n {obtenerRegistroCoche.TIPO_FRENADO} \r\n \r\n \r\n {traducirPagina(\"Tipo_motor\")} \r\n {obtenerRegistroCoche.TIPO_MOTOR} \r\n \r\n \r\n {traducirPagina(\"Tracción\")} \r\n {obtenerRegistroCoche.TRACCION} \r\n \r\n \r\n {traducirPagina(\"Transmición\")} \r\n {obtenerRegistroCoche.TRANSMISION} \r\n \r\n \r\n {traducirPagina(\"Valvulas\")} \r\n {obtenerRegistroCoche.VALVULAS} \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\"Desde\"} \r\n {obtenerRegistroCoche.DESDE} \r\n \r\n \r\n {\"Hasta\"} \r\n {obtenerRegistroCoche.HASTA} \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {traducirPagina(\"Año_fabricación\")}
\r\n{traducirPagina(\"Datos_técnicos\")}
\r\n{traducirPagina(\"No_hay_vehiculo_seleccionado\")}
\r\n \r\n \r\n \r\n toggleOuterTabs(\"1\")} role=\"tab\"> {traducirPagina(\"Vehiculos\")} \r\n \r\n\r\n \r\n toggleOuterTabs(\"2\")} role=\"tab\"> {traducirPagina(\"Referencias\")} \r\n \r\n\r\n \r\n toggleOuterTabs(\"3\")} role=\"tab\"> {traducirPagina(\"Bastidores\")} \r\n \r\n\r\n \r\n toggleOuterTabs(\"4\")} role=\"tab\"> {traducirPagina(\"Matriculas\")} \r\n \r\n\r\n \r\n toggleOuterTabs(\"5\")} role=\"tab\"> {traducirPagina(\"Cod_motor\")} \r\n \r\n\r\n \r\n\r\n \r\n \r\n (\r\n \r\n \r\n\r\n ]}\r\n\r\n style={{ cursor: 'pointer' }} >\r\n {\r\n volverAlHome()\r\n\r\n store.dispatch({ type: \"STATE_SEARCH_COCHE\", buscadorCoche: {} })\r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n\r\n //Agregar tipo vehiculo C,I\r\n MODIFICAR_TIPO_BUSQUEDA(item.TIPO_VEHICULO)\r\n\r\n\r\n\r\n let marca = {\r\n ID: item.ID_MARCA,\r\n DESCRIPCION: item.MARCA.substring(0, item.MARCA.length > 7 ? 7 : item.MARCA.length) + \" ...\"\r\n }\r\n\r\n let modelo = {\r\n ID: item.ID_MODELO,\r\n DESCRIPCION: item.MODELO.substring(0, item.MODELO.length > 7 ? 7 : item.MODELO.length) + \" ...\"\r\n }\r\n\r\n let objetoVehiculo = {\r\n ID: item.ID_MOTORIZACION,\r\n DESCRIPCION: item.MOTOR.substring(0, item.MOTOR.length > 12 ? 12 : item.MOTOR.length) + \" ...\",\r\n\r\n ID_MODELO_CATALOGO: item.ID_VEHICULO_CATALOGO\r\n };\r\n\r\n\r\n\r\n store.dispatch(setHistoricApp(marca, \"/allbrands\", \"brand\"));\r\n store.dispatch(setHistoricApp(modelo, \"/modelos\", \"modelo\"));\r\n store.dispatch(setHistoricApp(objetoVehiculo, \"/motorizacion\", \"tipomotor\"));\r\n gestionarContenedorCoche(true);\r\n store.dispatch(updateVisualizacionFiltro(true));\r\n\r\n setHistorialBusqueda({\r\n MARCA: item.ID_MARCA,\r\n MODELO: item.ID_MODELO,\r\n MOTORIZACION: item.ID_MOTORIZACION,\r\n NOMBRE_MARCA: item.MARCA,\r\n NOMBRE_MODELO: item.MODELO,\r\n NOMBRE_MOTOR: item.MOTOR\r\n })\r\n store.dispatch(DrawerHistoricoCoche(false));\r\n\r\n\r\n\r\n\r\n store.dispatch(getIdTecdocMotorByIdHaynes(item.ID_MOTORIZACION, item));\r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: item.TIPO_COMBUSTIBLE })\r\n store.dispatch(showItemReferencia(\"tree\"))\r\n\r\n }}\r\n avatar={}\r\n title={ \r\n\r\n \r\n (\r\n {\r\n document.getElementById(\"buscadorReferencia\").value = item.REFERENCIA\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: item.REFERENCIA });\r\n buscarReferenciaYMostrarEnPantalla(item.REFERENCIA)\r\n efectoBotonRemove(item.REFERENCIA, \"closeBuscadorReferencia\")\r\n store.dispatch(DrawerHistoricoCoche(false));\r\n }}>\r\n \r\n )}\r\n />\r\n \r\n\r\n\r\n \r\n (\r\n \r\n {\r\n if (e.target.nodeName !== \"svg\") {\r\n\r\n if (document.getElementById(\"imputdropcoche\") !== null) {\r\n document.getElementById(\"imputdropcoche\").value = item.BASTIDOR;\r\n\r\n }\r\n let resultado = \"\";\r\n let obtenerBuscadores = store.getState().buscadorCoche;\r\n if (Object.keys(obtenerBuscadores).length > 0) {\r\n if (obtenerBuscadores.txtBuscadorCoche === undefined) {\r\n obtenerBuscadores[\"txtBuscadorCoche\"] = item.BASTIDOR\r\n obtenerBuscadores[\"actual\"] = { key: \"dropcoche\", value: item.BASTIDOR }\r\n resultado = obtenerBuscadores;\r\n } else {\r\n obtenerBuscadores.txtBuscadorCoche = item.BASTIDOR;\r\n obtenerBuscadores.actual = { key: \"dropcoche\", value: item.BASTIDOR };\r\n resultado = obtenerBuscadores;\r\n }\r\n\r\n } else {\r\n resultado = { \"txtBuscadorCoche\": item.BASTIDOR, \"actual\": { key: \"dropcoche\", value: item.BASTIDOR } };\r\n }\r\n store.dispatch({ type: \"STATE_SEARCH_COCHE\", buscadorCoche: resultado })\r\n store.dispatch({ type: \"STATE_SELECCION_DROP\", NAME_Drop: traducirPagina(\"Bastidor\"), IDENTIFICADOR: \"BAS\" })\r\n\r\n\r\n // store.dispatch({ type: \"STATE_DROPDOWNN_COCHE\", nameDropDownCar: traducirPagina(\"Bastidor\") })\r\n busquedaCochePorMatriculaOBastiidor(false, item);\r\n\r\n\r\n store.dispatch(DrawerHistoricoCoche(false));\r\n\r\n }\r\n\r\n }}\r\n avatar={ \r\n )}\r\n />\r\n \r\n\r\n \r\n (\r\n \r\n ]}\r\n style={{ cursor: 'pointer' }} >\r\n {\r\n\r\n limpiarCocheStore();\r\n store.dispatch(showItemReferencia(\"\"));\r\n volverAlHome()\r\n if (document.getElementById(\"imputdropcoche\") !== null) {\r\n document.getElementById(\"imputdropcoche\").value = item.MATRICULA;\r\n }\r\n let resultado = \"\";\r\n let obtenerBuscadores = store.getState().buscadorCoche;\r\n if (Object.keys(obtenerBuscadores).length > 0) {\r\n if (obtenerBuscadores.txtBuscadorCoche === undefined) {\r\n obtenerBuscadores[\"txtBuscadorCoche\"] = item.MATRICULA\r\n obtenerBuscadores[\"actual\"] = { key: \"dropcoche\", value: item.MATRICULA }\r\n resultado = obtenerBuscadores;\r\n } else {\r\n obtenerBuscadores.txtBuscadorCoche = item.MATRICULA;\r\n obtenerBuscadores.actual = { key: \"dropcoche\", value: item.MATRICULA };\r\n resultado = obtenerBuscadores;\r\n }\r\n\r\n } else {\r\n resultado = { \"txtBuscadorCoche\": item.MATRICULA, \"actual\": { key: \"dropcoche\", value: item.MATRICULA } };\r\n }\r\n store.dispatch({ type: \"STATE_SEARCH_COCHE\", buscadorCoche: resultado })\r\n\r\n store.dispatch({ type: \"STATE_SELECCION_DROP\", NAME_Drop: traducirPagina(\"Matricula\"), IDENTIFICADOR: \"MAT\" })\r\n\r\n busquedaCochePorMatriculaOBastiidor(false, item);\r\n store.dispatch(DrawerHistoricoCoche(false));\r\n\r\n\r\n }}\r\n avatar={ \r\n\r\n\r\n \r\n (\r\n {\r\n\r\n /*\r\n document.getElementById(\"buscadorReferencia\").value = item.REFERENCIA\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: item.REFERENCIA });\r\n \r\n buscarReferenciaYMostrarEnPantalla(item.REFERENCIA)\r\n efectoBotonRemove(item.REFERENCIA, \"closeBuscadorReferencia\")\r\n store.dispatch(DrawerHistoricoCoche(false));\r\n */\r\n ObtenerEngNoByEngCode(item.CODIGO_MOTOR);\r\n setFichaAbierta(true);\r\n }}>\r\n \r\n )}\r\n />\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n {fichaAbierta ?\r\n \r\n
\r\n\r\n\r\n \r\n { store.dispatch(DrawerHistoricoCoche(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n }\r\n title={ {item.MARCA + \" / \" + item.MODELO + \" / \" + item.MOTOR}
}\r\n description={{item.FECHA_ALTA}}\r\n\r\n />\r\n \r\n )}\r\n />\r\n {item.REFERENCIA.toUpperCase()}
}\r\n description={{item.FECHA_ALTA}}\r\n />\r\n {item.BASTIDOR} { copiarAlPortapapeles(\"textoACopiarHistorial\") }} style={{ fontSize: '16px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer' }} /> \r\n\r\n
\r\n {item.MARCA + verificarAtributo(item.MARCA) + item.MODELO + verificarAtributo(item.MOTOR) + item.MOTOR}\r\n\r\n\r\n
}\r\n description={{item.FECHA_ALTA}}\r\n />\r\n \r\n {item.MARCA + verificarAtributo(item.MARCA) + item.MODELO + verificarAtributo(item.MOTOR) + item.MOTOR}\r\n\r\n\r\n
\r\n \r\n {item.MATRICULA}\r\n \r\n
\r\n {item.MARCA + verificarAtributo(item.MARCA) + item.MODELO + verificarAtributo(item.MOTOR) + item.MOTOR}\r\n
}\r\n description={{item.FECHA_ALTA}}\r\n />\r\n \r\n )}\r\n />\r\n \r\n {item.MARCA + verificarAtributo(item.MARCA) + item.MODELO + verificarAtributo(item.MOTOR) + item.MOTOR}\r\n
{item.CODIGO_MOTOR.toUpperCase()}
}\r\n description={{item.FECHA_ALTA}}\r\n />\r\n \r\n
\r\n \r\n\r\n )\r\n}\r\n\r\nFichaNextAssist.propTypes = {\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n activeItemOuterTabs: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n masInformacion: state.masInformacion,\r\n configApp: state.configApp,\r\n props: props,\r\n openDrawerNextAssist: state.estadoDrawer.openDrawerNextAssist,\r\n usuario: state.usuario\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaNextAssist);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBIcon, MDBCol, MDBCardBody, MDBCard, MDBCardText, MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBContainer } from 'mdbreact';\r\nimport 'antd/dist/antd.css';\r\nimport { Drawer } from 'antd';\r\nimport { DrawerAcademyCloud, createRipple } from \"../action/actionCreators\";\r\nimport { traducirPagina } from \"../librerias/funciones\"\r\nimport store from '../store'\r\n\r\n\r\nconst FichaAcademyCloud = ({ props, configApp, openDrawerAcademyCloud }) => {\r\n const [enlaceAcademy, setEnlaceAcademy] = React.useState(\"\");\r\n const [hayEnlce, setHayEnlce] = React.useState(false);\r\n\r\n if (!hayEnlce && openDrawerAcademyCloud) {\r\n setHayEnlce(true)\r\n setEnlaceAcademy(props.url)\r\n } else {\r\n if (!openDrawerAcademyCloud && hayEnlce) {\r\n setEnlaceAcademy(\"\")\r\n setHayEnlce(false)\r\n }\r\n }\r\n \r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n { store.dispatch(DrawerNextAssist(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n \r\n\r\n )\r\n}\r\n\r\nFichaAcademyCloud.propTypes = {\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n activeItemOuterTabs: PropTypes.string,\r\n url: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n masInformacion: state.masInformacion,\r\n configApp: state.configApp,\r\n props: props,\r\n openDrawerAcademyCloud: state.estadoDrawer.openDrawerAcademyCloud,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaAcademyCloud);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBCol, MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBBtn } from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { historialGrupoMontaje, traducirPagina, copiarAlPortapapeles, volverAlHome } from \"../librerias/funciones\"\r\nimport { createRipple, onChildrenDrawerCloseIntegraciones, estadoAgrupacionDeMarcas, showChildrenDrawerLevel2, showItemReferencia, gestionarContenedorCoche, updateVisualizacionFiltro, showChildrenDrawerIntegraciones, DrawerHistoricoCoche, DrawerFichaCocheDGT } from \"../action/actionCreators\";\r\nimport { getFichaCoche, getIdVehicleByTecdocNumber, abortFetch } from \"../action/actionCreatorsRequests\";\r\nimport store from \"../store\";\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs, Button } from 'antd';\r\nimport { CopyOutlined } from '@ant-design/icons';\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaVehiculoGenerico = ({ props, configApp }) => {\r\n const [activeItemOuterTabs, setActiveItemOuterTabs] = React.useState(\"1\");\r\n\r\n const datosCochePorMatricula = props.DATOS_VEHICULO\r\n\r\n\r\n /*\r\n eventoClickLineaCoche = (row) => {\r\n if (props.fichaVehiculoTallerAbierta) {\r\n store.dispatch(onChildrenDrawerCloseIntegraciones(false));\r\n store.dispatch({ type: \"UPDATE_VEHICULO_TALLER_POR_KTYPE\", vehiculoPorApi: row })\r\n } else {\r\n let obtenerIdentidficador = props.vehiculo.vehiculoPorMatricula.IDENTIFICADOR !== null ? props.vehiculo.vehiculoPorMatricula.IDENTIFICADOR : \"\"\r\n row.MATRICULA = obtenerIdentidficador;\r\n \r\n store.dispatch(estadoAgrupacionDeMarcas({ marcas: [] }));\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n \r\n store.dispatch({ type: \"SET_TIPO_COMBUSTIBLE\", TIPO_COMBUSTIBLE: row.TIPO_COMBUSTIBLE })\r\n \r\n store.dispatch(showItemReferencia(\"tree\"));\r\n historialGrupoMontaje(row);\r\n gestionarContenedorCoche(true);\r\n //store.dispatch(getFichaCoche(row.ID.toString())); \r\n store.dispatch(updateVisualizacionFiltro(true));\r\n store.dispatch(showChildrenDrawerIntegraciones(false));\r\n store.dispatch(getIdVehicleByTecdocNumber(row.ID))\r\n store.dispatch(DrawerHistoricoCoche(false));\r\n \r\n \r\n \r\n \r\n let VEHICULO = {...props.vehiculo.vehiculoPorMatricula};\r\n VEHICULO.VEHICULOS_TECDOC = [row];\r\n store.dispatch({ type: \"VEHICULO_SERTEC\", VEHICULO_SERTEC: VEHICULO })\r\n }\r\n };\r\n */\r\n\r\n const eventoClickLineaCoche = (row) => {\r\n\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n { store.dispatch(DrawerAcademyCloud(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n {\r\n \r\n\r\n props.CERRAR_FICHA(false)\r\n }}>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {props.title}\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n setActiveItemOuterTabs(\"1\")} role=\"tab\">{traducirPagina(\"Identificación\")} \r\n \r\n\r\n \r\n setActiveItemOuterTabs(\"2\")} role=\"tab\" >DGT \r\n \r\n\r\n \r\n setActiveItemOuterTabs(\"3\")} role=\"tab\">{traducirPagina(\"Ficha_Técnica\")} \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n )\r\n\r\n}\r\n\r\n\r\n\r\n\r\nFichaVehiculoGenerico.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n DATOS_VEHICULO: PropTypes.object,\r\n MODIFICAR_COCHE: PropTypes.func,\r\n\r\n GUARDAR_DOCUMENTO: PropTypes.func,\r\n FECHA_LOCAL: PropTypes.object,\r\n MODIFICAR_DOCUMENTO_SELECCIONADO: PropTypes.object\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaMantenimientoPresupuesto: state.estadoDrawer.openDrawerFichaMantenimientoPresupuesto,\r\n openDrawerFichaClienteTaller: state.estadoDrawer.openDrawerFichaClienteTaller,\r\n PresupuestoTallerSeleccionado: state.PresupuestoTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaVehiculoGenerico);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { createRipple, DrawerFichaMantenimientoVehiculoTaller, showChildrenDrawerIntegraciones, showChildrenDrawerLevel2, showItemCar } from \"../action/actionCreators\"\r\nimport { setClienteTallerEnAPI, getClienteTallerEnAPI, buscarMatriculaCoche, buscarBastidorCoche, getClienteVehiculosEnAPI, setClienteVehiculoTallerEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport { MSGOK, limpiarCocheStore, MSGERROR, verificarMatricula, traducirPagina } from '../librerias/funciones'\r\nimport { MDBTable, MDBTableHead, MDBTableBody, MDBBtn } from 'mdbreact';\r\nimport FichaVehiculoGenerico from '../components/FichaVehiculoGenerico'\r\nimport {\r\n PlusOutlined,\r\n SaveOutlined,\r\n EditOutlined,\r\n DeleteOutlined\r\n} from '@ant-design/icons';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs, Button } from 'antd';\r\nimport store from \"../store\";\r\nconst { TabPane } = Tabs;\r\nconst { Search } = Input;\r\nconst MantenimientoVehiculoTaller = ({ props, configApp, clienteTallerSeleccionado, VehiculoTallerSeleccionado, openDrawerIntegraciones, childrenDrawerLevel2 }) => {\r\n const [hayVehiculo, setHayVehiculo] = React.useState(false);\r\n const [tabPorDefecto, setTabPorDefecto] = React.useState(\"1\");\r\n const [buscarPorModelo, setBuscarPorModelo] = React.useState(\"\");\r\n const [actualizarVehiculoPorSeleccionDGT, setActualizarVehiculoPorSeleccionDGT] = React.useState(false);\r\n const [actualizarVehiculoPorModelo, setActualizarVehiculoPorModelo] = React.useState(false);\r\n const [abrirFichaVehiculo, setAbrirFichaVehiculo] = React.useState(false);\r\n const [VEHICULO, setVEHICULO] = React.useState({});\r\n\r\n\r\n const [datosVehiculo, setDatosVehiculo] = React.useState(\r\n {\r\n ID: 0,\r\n ID_TALLER: 0,\r\n ID_TECDOC: 0,\r\n ID_CLIENTE: 0,\r\n MATRICULA: \"\",\r\n DESCRIPCION: \"\",\r\n BASTIDOR: \"\",\r\n MARCA: \"\",\r\n MODELO: \"\",\r\n MOTOR: \"\",\r\n OBSERVACIONES: \"\"\r\n }\r\n );\r\n\r\n if (!hayVehiculo && props.ABRIR_FICHA) {\r\n setHayVehiculo(true);\r\n if (!VehiculoTallerSeleccionado.esNuevoVehiculo) {\r\n getClienteVehiculosEnAPI(VehiculoTallerSeleccionado.id, 1, \"A\").then((veh) => {\r\n if (veh.CLIENTES_VEHICULOS !== null) {\r\n setDatosVehiculo({\r\n ID: veh.CLIENTES_VEHICULOS[0].ID,\r\n ID_TALLER: veh.CLIENTES_VEHICULOS[0].ID_TALLER,\r\n ID_TECDOC: veh.CLIENTES_VEHICULOS[0].ID_TECDOC,\r\n ID_CLIENTE: veh.CLIENTES_VEHICULOS[0].ID_CLIENTE,\r\n MATRICULA: veh.CLIENTES_VEHICULOS[0].MATRICULA,\r\n DESCRIPCION: veh.CLIENTES_VEHICULOS[0].DESCRIPCION,\r\n BASTIDOR: veh.CLIENTES_VEHICULOS[0].BASTIDOR,\r\n MARCA: veh.CLIENTES_VEHICULOS[0].MARCA,\r\n MODELO: veh.CLIENTES_VEHICULOS[0].MODELO,\r\n MOTOR: veh.CLIENTES_VEHICULOS[0].MOTOR,\r\n OBSERVACIONES: veh.CLIENTES_VEHICULOS[0].OBSERVACIONES\r\n\r\n })\r\n\r\n\r\n\r\n const VEHICULO = veh.CLIENTES_VEHICULOS[0].MARCA === \"\" && veh.CLIENTES_VEHICULOS[0].MODELO === \"\" ? \"\" : `${veh.CLIENTES_VEHICULOS[0].MARCA}/${veh.CLIENTES_VEHICULOS[0].MODELO}/${veh.CLIENTES_VEHICULOS[0].MOTOR}`\r\n setBuscarPorModelo(VEHICULO)\r\n }\r\n })\r\n }\r\n } else {\r\n if (!props.ABRIR_FICHA && hayVehiculo) {\r\n setHayVehiculo(false);\r\n setTabPorDefecto(\"1\");\r\n setDatosVehiculo({\r\n ID: 0,\r\n ID_TALLER: 0,\r\n ID_TECDOC: 0,\r\n ID_CLIENTE: 0,\r\n MATRICULA: \"\",\r\n DESCRIPCION: \"\",\r\n BASTIDOR: \"\",\r\n MARCA: \"\",\r\n MODELO: \"\",\r\n MOTOR: \"\",\r\n OBSERVACIONES: \"\"\r\n })\r\n\r\n setBuscarPorModelo(\"\")\r\n }\r\n }\r\n\r\n //BUSQUEDA POR API\r\n if (!actualizarVehiculoPorSeleccionDGT && !openDrawerIntegraciones) {\r\n setActualizarVehiculoPorSeleccionDGT(true);\r\n\r\n datosVehiculo.MARCA = VehiculoTallerSeleccionado.vehiculoPorApi.MARCA\r\n datosVehiculo.MODELO = VehiculoTallerSeleccionado.vehiculoPorApi.MODELO\r\n datosVehiculo.MOTOR = VehiculoTallerSeleccionado.vehiculoPorApi.MOTORIZACION\r\n datosVehiculo.ID_TECDOC = VehiculoTallerSeleccionado.vehiculoPorApi.ID\r\n\r\n if (VehiculoTallerSeleccionado.vehiculoPorApi.MARCA !== undefined) {\r\n datosVehiculo.DESCRIPCION = VehiculoTallerSeleccionado.vehiculoPorApi.MARCA + \"/\" + VehiculoTallerSeleccionado.vehiculoPorApi.MODELO + \"/\" + VehiculoTallerSeleccionado.vehiculoPorApi.MOTORIZACION\r\n setBuscarPorModelo(VehiculoTallerSeleccionado.vehiculoPorApi.MARCA + \"/\" + VehiculoTallerSeleccionado.vehiculoPorApi.MODELO + \"/\" + VehiculoTallerSeleccionado.vehiculoPorApi.MOTORIZACION)\r\n }\r\n\r\n setDatosVehiculo(datosVehiculo)\r\n } else {\r\n if (openDrawerIntegraciones && actualizarVehiculoPorSeleccionDGT) {\r\n setActualizarVehiculoPorSeleccionDGT(false);\r\n }\r\n }\r\n\r\n //BUSQUEDA POR MODELO\r\n if (!actualizarVehiculoPorModelo && !childrenDrawerLevel2) {\r\n setActualizarVehiculoPorModelo(true);\r\n\r\n datosVehiculo.MARCA = VehiculoTallerSeleccionado.vehiculoPorModelo.MARCA\r\n datosVehiculo.MODELO = VehiculoTallerSeleccionado.vehiculoPorModelo.MODELO\r\n\r\n if (VehiculoTallerSeleccionado.vehiculoPorModelo.MOTORIZACION !== undefined) {\r\n datosVehiculo.ID_TECDOC = VehiculoTallerSeleccionado.vehiculoPorModelo.MOTORIZACION.ID\r\n datosVehiculo.MOTOR = VehiculoTallerSeleccionado.vehiculoPorModelo.MOTORIZACION.DESCRIPCION\r\n datosVehiculo.DESCRIPCION = VehiculoTallerSeleccionado.vehiculoPorModelo.MARCA + \"/\" + VehiculoTallerSeleccionado.vehiculoPorModelo.MODELO + \"/\" + VehiculoTallerSeleccionado.vehiculoPorModelo.MOTORIZACION.DESCRIPCION\r\n\r\n setBuscarPorModelo(VehiculoTallerSeleccionado.vehiculoPorModelo.MARCA + \"/\" + VehiculoTallerSeleccionado.vehiculoPorModelo.MODELO + \"/\" + VehiculoTallerSeleccionado.vehiculoPorModelo.MOTORIZACION.DESCRIPCION)\r\n }\r\n setDatosVehiculo(datosVehiculo)\r\n } else {\r\n if (childrenDrawerLevel2 && actualizarVehiculoPorModelo) {\r\n setActualizarVehiculoPorModelo(false);\r\n limpiarCocheStore()\r\n }\r\n }\r\n\r\n const guardarDatosCliente = (e) => {\r\n let modificar = {\r\n ID: 0,\r\n ID_TALLER: 0,\r\n ID_TECDOC: 0,\r\n ID_CLIENTE: 0,\r\n MATRICULA: \"\",\r\n DESCRIPCION: \"\",\r\n BASTIDOR: \"\",\r\n MARCA: \"\",\r\n MODELO: \"\",\r\n MOTOR: \"\",\r\n OBSERVACIONES: \"\"\r\n }\r\n\r\n switch (e.target.name) {\r\n case \"ID\":\r\n modificar.ID = e.target.value;\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"ID_TALLER\":\r\n modificar.ID_TALLER = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"ID_TECDOC\":\r\n modificar.ID_TECDOC = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"ID_CLIENTE\":\r\n modificar.ID_CLIENTE = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"MATRICULA\":\r\n modificar.MATRICULA = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"DESCRIPCION\":\r\n modificar.DESCRIPCION = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"BASTIDOR\":\r\n modificar.BASTIDOR = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"MARCA\":\r\n modificar.MARCA = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"MODELO\":\r\n modificar.MODELO = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"MOTOR\":\r\n modificar.MOTOR = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.OBSERVACIONES = datosVehiculo.OBSERVACIONES;\r\n setDatosVehiculo(modificar)\r\n break;\r\n case \"OBSERVACIONES\":\r\n modificar.OBSERVACIONES = e.target.value;\r\n modificar.ID = datosVehiculo.ID\r\n modificar.ID_TALLER = datosVehiculo.ID_TALLER;\r\n modificar.ID_TECDOC = datosVehiculo.ID_TECDOC;\r\n modificar.ID_CLIENTE = datosVehiculo.ID_CLIENTE;\r\n modificar.MATRICULA = datosVehiculo.MATRICULA;\r\n modificar.DESCRIPCION = datosVehiculo.DESCRIPCION;\r\n modificar.BASTIDOR = datosVehiculo.BASTIDOR;\r\n modificar.MARCA = datosVehiculo.MARCA;\r\n modificar.MODELO = datosVehiculo.MODELO;\r\n modificar.MOTOR = datosVehiculo.MOTOR;\r\n setDatosVehiculo(modificar)\r\n break;\r\n\r\n }\r\n //let previa = {[e.target.name]: e.target.value \r\n }\r\n\r\n\r\n const insertarVehiculo = () => {\r\n\r\n //Verificar campos necesarios.\r\n datosVehiculo.ID_CLIENTE = clienteTallerSeleccionado.id\r\n //datosVehiculo.ID_CLIENTE = clienteTallerSeleccionado.id\r\n setClienteVehiculoTallerEnAPI(VehiculoTallerSeleccionado.esNuevoVehiculo ? 0 : 1, datosVehiculo).then((respuesta) => {\r\n if (respuesta.OK) {\r\n store.dispatch({ type: \"UPDATE_CLIENTE_VEHICULO_TALLER\", clienteVehiculoTaller: datosVehiculo })\r\n store.dispatch({ type: \"UPDATE_LISTA_CLIENTE_VEHICULO\", actualizarListaVehiculo: true })\r\n\r\n if (VehiculoTallerSeleccionado.esNuevoVehiculo) {\r\n MSGOK(\"Vehículo añadido correctamente.\")\r\n } else {\r\n MSGOK(\"Vehículo modificado correctamente.\")\r\n }\r\n }\r\n })\r\n\r\n }\r\n \r\n\r\n const buscarPorMatricula = (matricula) => {\r\n if (verificarMatricula(matricula)) {\r\n buscarMatriculaCoche(matricula).then(coche => {\r\n\r\n if (coche !== undefined && coche !== null) {\r\n setVEHICULO(coche);\r\n\r\n if (coche.VEHICULOS_TECDOC.length === 0 && coche.MATRICULA !== null) {\r\n datosVehiculo.BASTIDOR = coche.MATRICULA.Bastidor\r\n datosVehiculo.DESCRIPCION = coche.MATRICULA.Marca + \"/\" + coche.MATRICULA.Modelo\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: coche })\r\n setDatosVehiculo(datosVehiculo)\r\n\r\n\r\n } else {\r\n let vehiculo = coche.VEHICULOS_TECDOC === null ? [] : coche.VEHICULOS_TECDOC;\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: coche })\r\n if (vehiculo.length > 1) {\r\n setAbrirFichaVehiculo(true);\r\n\r\n datosVehiculo.BASTIDOR = coche.MATRICULA.Bastidor\r\n setDatosVehiculo(datosVehiculo)\r\n\r\n } else {\r\n datosVehiculo.BASTIDOR = coche.MATRICULA.Bastidor\r\n datosVehiculo.MARCA = coche.VEHICULOS_TECDOC[0].MARCA\r\n datosVehiculo.MODELO = coche.VEHICULOS_TECDOC[0].MODELO\r\n datosVehiculo.MOTOR = coche.VEHICULOS_TECDOC[0].MOTORIZACION\r\n datosVehiculo.ID_TECDOC = coche.VEHICULOS_TECDOC[0].ID\r\n datosVehiculo.DESCRIPCION = coche.VEHICULOS_TECDOC[0].MARCA + \"/\" + coche.VEHICULOS_TECDOC[0].MODELO + \"/\" + coche.VEHICULOS_TECDOC[0].MOTORIZACION\r\n setBuscarPorModelo(coche.VEHICULOS_TECDOC[0].MARCA + \"/\" + coche.VEHICULOS_TECDOC[0].MODELO + \"/\" + coche.VEHICULOS_TECDOC[0].MOTORIZACION)\r\n\r\n }\r\n }\r\n }\r\n })\r\n\r\n } else {\r\n if (matricula.trim() !== \"\") {\r\n MSGERROR(traducirPagina(\"formato_introducido_incorrecto\"));\r\n }\r\n }\r\n }\r\n\r\n\r\n const buscarPorBastidor = (bastidor) => {\r\n if (verificarMatricula(bastidor)) {\r\n buscarBastidorCoche(bastidor).then(coche => {\r\n if (coche !== undefined && coche !== null) {\r\n setVEHICULO(coche);\r\n\r\n if (coche.VEHICULOS_TECDOC.length === 0 && coche.MATRICULA !== null) {\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: coche })\r\n } else {\r\n let vehiculo = coche.VEHICULOS_TECDOC === null ? [] : coche.VEHICULOS_TECDOC;\r\n store.dispatch({ type: \"REPLACE_VEHICULO_MATRICULA\", vehiculoPorMatricula: coche })\r\n\r\n if (vehiculo.length > 1) {\r\n\r\n\r\n setAbrirFichaVehiculo(true);\r\n\r\n\r\n setDatosVehiculo(datosVehiculo)\r\n } else {\r\n datosVehiculo.MARCA = coche.VEHICULOS_TECDOC[0].MARCA\r\n datosVehiculo.MODELO = coche.VEHICULOS_TECDOC[0].MODELO\r\n datosVehiculo.MOTOR = coche.VEHICULOS_TECDOC[0].MOTORIZACION\r\n datosVehiculo.ID_TECDOC = coche.VEHICULOS_TECDOC[0].ID\r\n datosVehiculo.DESCRIPCION = coche.VEHICULOS_TECDOC[0].MARCA + \"/\" + coche.VEHICULOS_TECDOC[0].MODELO + \"/\" + coche.VEHICULOS_TECDOC[0].MOTORIZACION\r\n setBuscarPorModelo(coche.VEHICULOS_TECDOC[0].MARCA + \"/\" + coche.VEHICULOS_TECDOC[0].MODELO + \"/\" + coche.VEHICULOS_TECDOC[0].MOTORIZACION)\r\n }\r\n }\r\n }\r\n })\r\n } else {\r\n if (bastidor.trim() !== \"\") {\r\n MSGERROR(traducirPagina(\"formato_introducido_incorrecto\"));\r\n }\r\n\r\n }\r\n }\r\n\r\n const actualizarCocheSeleccionado = (row) => {\r\n datosVehiculo.ID_TECDOC = row.ID;\r\n datosVehiculo.DESCRIPCION = row.MARCA + \"/\" + row.MODELO + \"/\" + row.MOTORIZACION;\r\n datosVehiculo.MARCA = row.MARCA;\r\n datosVehiculo.MODELO = row.MODELO;\r\n datosVehiculo.MOTOR = row.MOTORIZACION;\r\n\r\n setDatosVehiculo(datosVehiculo)\r\n\r\n setAbrirFichaVehiculo(false)\r\n }\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.IDENTIFICACION_VEHICULO !== null && datosCochePorMatricula.IDENTIFICACION_VEHICULO !== undefined ?\r\n \r\n {datosCochePorMatricula.MATRICULA !== null ?\r\n \r\n {traducirPagina(\"Matricula\")} \r\n {datosCochePorMatricula.MATRICULA.Matricula} \r\n \r\n : null\r\n }\r\n \r\n {traducirPagina(\"Bastidor\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.BASTIDOR} \r\n {} \r\n \r\n\r\n\r\n \r\n Fecha 1º matricula \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"FECHA 1ª MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Fecha_matricula\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"FECHA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MARCA} \r\n \r\n \r\n {traducirPagina(\"Mercado\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MERCADO} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MODELO} \r\n \r\n \r\n {traducirPagina(\"Modelo_genérico\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"MODELO GENÉRICO\"]} \r\n \r\n \r\n {traducirPagina(\"Número_de_transmisiones\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"NUMERO DE TRANSMISIONES\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Provincia_matricula\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO[\"PROVINCIA MATRÍCULA\"]} \r\n \r\n \r\n {traducirPagina(\"Segmento\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.SEGMENTO} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.DATOSTECNICOSDGT !== null && datosCochePorMatricula.DATOSTECNICOSDGT !== undefined ?\r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.CILINDRADA} \r\n \r\n \r\n CO2 \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.CO2} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.COMBUSTIBLE} \r\n \r\n \r\n KW \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.MARCA} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.MODELO} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT[\"POTENCIA FISCAL\"]} \r\n \r\n \r\n {traducirPagina(\"Potencia_aproximada\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT[\"POTENCIA REAL APROXIM\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.TIPO} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.VERSION} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.FICHATECNICA !== null && datosCochePorMatricula.FICHATECNICA != undefined ?\r\n \r\n\r\n \r\n {traducirPagina(\"Carroceria\")} \r\n {datosCochePorMatricula.FICHATECNICA.CARROCERIA} \r\n \r\n \r\n {traducirPagina(\"CAT_HOMOLOGACIÓN\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"CAT HOMOLOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {datosCochePorMatricula.FICHATECNICA.CILINDRADA} \r\n \r\n \r\n Clasif. Industria \r\n {datosCochePorMatricula.FICHATECNICA[\"CLASIF INDUSTRIA\"]} \r\n \r\n \r\n CO2 \r\n {datosCochePorMatricula.FICHATECNICA.CO2} \r\n \r\n \r\n {traducirPagina(\"Codigos_ECO\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"CODIGOS ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {datosCochePorMatricula.FICHATECNICA.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Consumo\")} \r\n {datosCochePorMatricula.FICHATECNICA.CONSUMO} \r\n \r\n \r\n {traducirPagina(\"Contraseña_homologación\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"CONTRASEÑA HOLOMOGACION\"]} \r\n \r\n \r\n {traducirPagina(\"Denominacion_comercial\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"DENOMINACION COMERCIAL\"]} \r\n \r\n \r\n Dist. entre ejes \r\n {datosCochePorMatricula.FICHATECNICA[\"DIST ENTRE EJES\"]} \r\n \r\n \r\n ECO innova \r\n {datosCochePorMatricula.FICHATECNICA[\"ECO INNOVA\"]} \r\n \r\n \r\n {traducirPagina(\"Fabricante\")} \r\n {datosCochePorMatricula.FICHATECNICA.FABRICANTE} \r\n \r\n \r\n KW \r\n {datosCochePorMatricula.FICHATECNICA.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.FICHATECNICA.MARCA} \r\n \r\n \r\n {traducirPagina(\"Masa_max_carga\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"MASA MAX CARGA\"]} \r\n \r\n \r\n {traducirPagina(\"Masa_vehiculo_servicio\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"MASA VEHICULO SERVICIO\"]} \r\n \r\n \r\n {traducirPagina(\"Nivel_emisiones\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"NIVEL EMISIONES\"]} \r\n \r\n \r\n Num. plazas de pie \r\n {datosCochePorMatricula.FICHATECNICA[\"NUM PLAZAS DE PIE\"]} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"PESO MAXIMO\"]} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {datosCochePorMatricula.FICHATECNICA.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"POT FISCAL\"]} \r\n \r\n \r\n Potencia real aprox. \r\n {datosCochePorMatricula.FICHATECNICA[\"POTENCIA REAL APROX\"]} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {datosCochePorMatricula.FICHATECNICA.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Reducción_eco\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"REDUCCION ECO\"]} \r\n \r\n \r\n {traducirPagina(\"Relación_potencia_peso\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"RELACION POTENCIA PESO\"]} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {datosCochePorMatricula.FICHATECNICA.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {datosCochePorMatricula.FICHATECNICA.TIPO} \r\n \r\n \r\n {traducirPagina(\"Tipo_alimentación\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"TIPO ALIMENTACION\"]} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {datosCochePorMatricula.FICHATECNICA.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Versión\")} \r\n {datosCochePorMatricula.FICHATECNICA.VERSION} \r\n \r\n \r\n {traducirPagina(\"Via_anterior\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"VIA ANTERIOR\"]} \r\n \r\n \r\n {traducirPagina(\"Via_posterior\")} \r\n {datosCochePorMatricula.FICHATECNICA[\"VIA POSTERIOR\"]} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos_técnicos\")}
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Motor\")} \r\n {traducirPagina(\"Codigo_cliente\")} \r\n {traducirPagina(\"Modelo\")} \r\n\r\n\r\n {traducirPagina(\"Año\")} \r\n KW \r\n CV \r\n CC \r\n {traducirPagina(\"Carroceria\")} \r\n \r\n \r\n\r\n \r\n {datosCochePorMatricula.VEHICULOS_TECDOC.map((row, i) =>\r\n \r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }} >{row.MOTORIZACION} \r\n\r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }}>{row.MOTORES === \"\" ? \"...\" : row.MOTORES} \r\n\r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }}>{row.MODELO === \"\" ? \"...\" : row.MODELO} \r\n\r\n\r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }}>{row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n\r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }}>{row.KW === \"\" ? \"...\" : row.KW} \r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }}>{row.CV === \"\" ? \"...\" : row.CV} \r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }}>{row.CC === \"\" ? \"...\" : row.CC} \r\n {\r\n props.MODIFICAR_COCHE(row)\r\n }}>{row.CARROCERIA === \"\" ? \"...\" : row.CARROCERIA}\r\n \r\n \r\n {/* \r\n {\r\n createRipple(e);\r\n\r\n store.dispatch(showChildrenDrawerLevel2(false));\r\n store.dispatch({\r\n type: \"SET_ID_MOTORIZACION_FICHA_HISTORIAL\",\r\n codMotorizacionFichaHistorial: row.ID,\r\n })\r\n \r\n store.dispatch(DrawerFichaCocheDGT(true))\r\n\r\n }} className=\"btn-matricula estiloBotonRemove paddindDeTres\" >\r\n \r\n \r\n\r\n */}\r\n \r\n \r\n )}\r\n \r\n \r\n : \r\n\r\n :\r\n null\r\n }\r\n
\r\n {traducirPagina(\"Seleccion_vehiculo\")}
\r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.VEHICULOS_TECDOC !== undefined && datosCochePorMatricula.VEHICULOS_TECDOC !== null ?\r\n\r\n \r\n\r\n\r\n {\r\n props.CERRAR_FICHA(false)\r\n store.dispatch(DrawerFichaMantenimientoVehiculoTaller(false));\r\n\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ zIndex: '999999999999', color: '#fff' }}>\r\n \r\n\r\n \r\n :\r\n\r\n null}\r\n\r\n
\r\n )\r\n}\r\n\r\n\r\nMantenimientoVehiculoTaller.propTypes = {\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n GUARDAR_INTERNO: PropTypes.bool,\r\n GUARDAR_REGISTRO: PropTypes.func,\r\n\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaMantenimientoVehiculo: state.estadoDrawer.openDrawerFichaMantenimientoVehiculo,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n openDrawerIntegraciones: state.openDrawerIntegraciones,\r\n childrenDrawerLevel2: state.childrenDrawerLevel2,\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(MantenimientoVehiculoTaller);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { createRipple, DrawerFichaMantenimientoClienteTaller, DrawerFichaMantenimientoVehiculoTaller } from \"../action/actionCreators\"\r\nimport { setClienteTallerEnAPI, getClienteTallerEnAPI, getClienteVehiculosEnAPI, setClienteVehiculoTallerEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport { MSGOK } from '../librerias/funciones'\r\nimport { MDBTable, MDBTableHead, MDBTableBody, MDBBtn, MDBCol } from 'mdbreact';\r\nimport FichaMantenimientoVehiculoTaller from '../components/MantenimientoVehiculoTaller'\r\n\r\nimport {\r\n PlusOutlined,\r\n SaveOutlined,\r\n EditOutlined,\r\n DeleteOutlined\r\n} from '@ant-design/icons';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs } from 'antd';\r\nimport store from \"../store\";\r\nimport { traducirPagina } from '../librerias/funciones'\r\n\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst MantenimientoClienteTaller = ({ props, configApp, clienteTallerSeleccionado, VehiculoTallerSeleccionado, openDrawerFichaMantenimientoVehiculo }) => {\r\n const [hayClientes, setHayClientes] = React.useState(false);\r\n const [tabPorDefecto, setTabPorDefecto] = React.useState(\"1\");\r\n const [vehiculos, setVehiculos] = React.useState([]);\r\n const [actualizarVehiculos, setActualizarVehiculos] = React.useState([]);\r\n const [mantenimientoVehiculo, setMantenimientoVehiculo] = React.useState(false);\r\n\r\n const [datosCliente, setDatosCliente] = React.useState(\r\n {\r\n id: null,\r\n codigo: null,\r\n nombre: \"\",\r\n direccion: \"\",\r\n poblacion: \"\",\r\n provincia: \"\",\r\n cp: \"\",\r\n pais: \"\",\r\n telefono1: \"\",\r\n telefono2: \"\",\r\n telefono3: \"\",\r\n email: \"\",\r\n observacion: \"\",\r\n cif: \"\"\r\n }\r\n );\r\n\r\n if (!hayClientes && props.ABRIR_FICHA) {\r\n setHayClientes(true);\r\n if (!clienteTallerSeleccionado.esNuevoCliente) {\r\n getClienteTallerEnAPI(clienteTallerSeleccionado.id, 1, \"A\").then((cli) => {\r\n if (cli.CLIENTES !== null) {\r\n let datosAPI = cli.CLIENTES[0];\r\n setDatosCliente({\r\n id: datosAPI.ID,\r\n codigo: datosAPI.CODIGO,\r\n nombre: datosAPI.NOMBRE,\r\n direccion: datosAPI.DIRECCION,\r\n poblacion: datosAPI.POBLACION,\r\n provincia: datosAPI.PROVINCIA,\r\n cp: datosAPI.CP,\r\n pais: datosAPI.PAIS,\r\n telefono1: datosAPI.TELEFONO,\r\n telefono2: datosAPI.TELEFONO_2,\r\n telefono3: datosAPI.TELEFONO_3,\r\n email: datosAPI.MAIL,\r\n observacion: datosAPI.OBSERVACIONES,\r\n cif: datosAPI.CIF\r\n })\r\n }\r\n })\r\n\r\n getClienteVehiculosEnAPI(\"\", 1, \"A\", clienteTallerSeleccionado.id).then((coches) => {\r\n if (coches.CLIENTES_VEHICULOS !== null && coches.CLIENTES_VEHICULOS.length > 0) {\r\n setVehiculos(coches.CLIENTES_VEHICULOS);\r\n } else {\r\n setVehiculos(null);\r\n }\r\n })\r\n }\r\n } else {\r\n if (!props.ABRIR_FICHA && hayClientes) {\r\n setHayClientes(false);\r\n setVehiculos([])\r\n setTabPorDefecto(\"1\");\r\n setDatosCliente({\r\n id: null,\r\n codigo: null,\r\n nombre: \"\",\r\n direccion: \"\",\r\n poblacion: \"\",\r\n provincia: \"\",\r\n cp: \"\",\r\n pais: \"\",\r\n telefono1: \"\",\r\n telefono2: \"\",\r\n telefono3: \"\",\r\n email: \"\",\r\n observacion: \"\",\r\n cif: \"\"\r\n })\r\n }\r\n }\r\n\r\n if (!actualizarVehiculos && VehiculoTallerSeleccionado.actualizarListaVehiculo) {\r\n store.dispatch({ type: \"UPDATE_LISTA_CLIENTE_VEHICULO\", actualizarListaVehiculo: false })\r\n setActualizarVehiculos(true);\r\n if (VehiculoTallerSeleccionado.esNuevoVehiculo) {\r\n getClienteVehiculosEnAPI(\"\", 1, \"A\", clienteTallerSeleccionado.id).then((coches) => {\r\n if (coches.CLIENTES_VEHICULOS !== null) {\r\n setVehiculos(coches.CLIENTES_VEHICULOS);\r\n }\r\n })\r\n } else {\r\n let modificarVehiculo = VehiculoTallerSeleccionado.clienteVehiculoTaller;\r\n vehiculos.map((item, index) => {\r\n if (item.ID == modificarVehiculo.ID) {\r\n vehiculos[index].ID = modificarVehiculo.ID;\r\n vehiculos[index].ID_TALLER = modificarVehiculo.ID_TALLER;\r\n vehiculos[index].ID_TECDOC = modificarVehiculo.ID_TECDOC;\r\n vehiculos[index].ID_CLIENTE = modificarVehiculo.ID_CLIENTE;\r\n vehiculos[index].MATRICULA = modificarVehiculo.MATRICULA;\r\n vehiculos[index].DESCRIPCION = modificarVehiculo.DESCRIPCION;\r\n vehiculos[index].BASTIDOR = modificarVehiculo.BASTIDOR;\r\n vehiculos[index].MARCA = modificarVehiculo.MARCA;\r\n vehiculos[index].MODELO = modificarVehiculo.MODELO;\r\n vehiculos[index].MOTOR = modificarVehiculo.MOTOR;\r\n vehiculos[index].OBSERVACIONES = modificarVehiculo.OBSERVACIONES;\r\n }\r\n })\r\n setVehiculos(vehiculos)\r\n }\r\n store.dispatch({ type: \"UPDATE_CLIENTE_VEHICULO_TALLER\", clienteVehiculoTaller: {} })\r\n } else {\r\n if (!VehiculoTallerSeleccionado.actualizarListaVehiculo && actualizarVehiculos) {\r\n setActualizarVehiculos(false);\r\n }\r\n }\r\n\r\n\r\n const guardarDatosCliente = (e) => {\r\n\r\n const ID = e.target.name === 'id' ? e.target.value : datosCliente.id;\r\n const CODIGO = e.target.name === 'codigo' ? e.target.value : datosCliente.codigo;\r\n const NOMBRE = e.target.name === 'nombre' ? e.target.value : datosCliente.nombre;\r\n const DIRECCION = e.target.name === 'direccion' ? e.target.value : datosCliente.direccion;\r\n const POBLACION = e.target.name === 'poblacion' ? e.target.value : datosCliente.poblacion;\r\n const PROVINCIA = e.target.name === 'provincia' ? e.target.value : datosCliente.provincia;\r\n const CP = e.target.name === 'cp' ? e.target.value : datosCliente.cp;\r\n const PAIS = e.target.name === 'pais' ? e.target.value : datosCliente.pais;\r\n const TELEFONO1 = e.target.name === 'telefono1' ? e.target.value : datosCliente.telefono1;\r\n const TELEFONO2 = e.target.name === 'telefono2' ? e.target.value : datosCliente.telefono2;\r\n const TELEFONO3 = e.target.name === 'telefono3' ? e.target.value : datosCliente.telefono3;\r\n const EMAIL = e.target.name === 'email' ? e.target.value : datosCliente.email;\r\n const OBSERVACION = e.target.name === 'observacion' ? e.target.value : datosCliente.observacion;\r\n const CIF = e.target.name === 'cif' ? e.target.value : datosCliente.cif;\r\n\r\n\r\n let modificar = {\r\n id: ID,\r\n codigo: CODIGO,\r\n nombre: NOMBRE,\r\n direccion: DIRECCION,\r\n poblacion: POBLACION,\r\n provincia: PROVINCIA,\r\n cp: CP,\r\n pais: PAIS,\r\n telefono1: TELEFONO1,\r\n telefono2: TELEFONO2,\r\n telefono3: TELEFONO3,\r\n email:EMAIL,\r\n observacion: OBSERVACION,\r\n cif: CIF\r\n }\r\n\r\n setDatosCliente({...modificar})\r\n/*\r\n let modificar = {\r\n id: null,\r\n codigo: null,\r\n nombre: \"\",\r\n direccion: \"\",\r\n poblacion: \"\",\r\n provincia: \"\",\r\n cp: \"\",\r\n pais: \"\",\r\n telefono1: \"\",\r\n telefono2: \"\",\r\n telefono3: \"\",\r\n email: \"\",\r\n observacion: \"\",\r\n cif: \"\"\r\n }\r\n\r\n switch (e.target.name) {\r\n case \"codigo\":\r\n modificar.codigo = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"nombre\":\r\n modificar.nombre = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"direccion\":\r\n modificar.direccion = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"poblacion\":\r\n modificar.poblacion = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"provincia\":\r\n modificar.provincia = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"cp\":\r\n modificar.cp = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"pais\":\r\n modificar.pais = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n\r\n setDatosCliente(modificar)\r\n break;\r\n case \"telefono1\":\r\n modificar.telefono1 = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"telefono2\":\r\n modificar.telefono2 = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"telefono3\":\r\n modificar.telefono3 = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n\r\n case \"email\":\r\n modificar.email = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n\r\n case \"observacion\":\r\n modificar.observacion = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.cif = datosCliente.cif;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n case \"cif\":\r\n modificar.cif = e.target.value;\r\n modificar.id = datosCliente.id;\r\n modificar.nombre = datosCliente.nombre;\r\n modificar.codigo = datosCliente.codigo;\r\n modificar.direccion = datosCliente.direccion;\r\n modificar.poblacion = datosCliente.poblacion;\r\n modificar.provincia = datosCliente.provincia;\r\n modificar.cp = datosCliente.cp;\r\n modificar.telefono1 = datosCliente.telefono1;\r\n modificar.telefono2 = datosCliente.telefono2;\r\n modificar.telefono3 = datosCliente.telefono3;\r\n modificar.email = datosCliente.email;\r\n modificar.observacion = datosCliente.observacion;\r\n modificar.pais = datosCliente.pais;\r\n setDatosCliente(modificar)\r\n break;\r\n }\r\n*/\r\n //let previa = {[e.target.name]: e.target.value \r\n }\r\n\r\n const insertarCliente = () => {\r\n //Verificar campos necesarios.\r\n setClienteTallerEnAPI(clienteTallerSeleccionado.esNuevoCliente ? 0 : 1, datosCliente).then((respuesta) => {\r\n if (respuesta.OK) {\r\n store.dispatch({ type: \"UPDATE_CLIENTE_TALLER\", clienteTaller: datosCliente })\r\n store.dispatch({ type: \"UPDATE_LISTA_TALLER_CLIENTE\", actualizarListaCliente: true })\r\n \r\n store.dispatch(DrawerFichaMantenimientoClienteTaller(false));\r\n props.CERRAR_FICHA(false);\r\n\r\n if (clienteTallerSeleccionado.esNuevoCliente) {\r\n MSGOK(\"Cliente añadido correctamente.\")\r\n } else {\r\n MSGOK(\"Cliente modificado correctamente.\")\r\n }\r\n }\r\n })\r\n }\r\n\r\n const eliminarVehiculoCliente = (ID, ID_CLIENTE, MATRICULA) => {\r\n let payload = {\r\n ID: ID,\r\n ID_TALLER: 0,\r\n ID_TECDOC: 0,\r\n ID_CLIENTE: ID_CLIENTE,\r\n MATRICULA: MATRICULA,\r\n DESCRIPCION: \"\",\r\n BASTIDOR: \"\",\r\n MARCA: \"\",\r\n MODELO: \"\",\r\n MOTOR: \"\",\r\n OBSERVACIONES: \"\"\r\n }\r\n setClienteVehiculoTallerEnAPI(2, payload).then((respuesta) => {\r\n if (respuesta.OK) {\r\n MSGOK(\"Vehículo eliminado correctamente.\")\r\n let filteredItems = vehiculos.filter(item => item.ID !== ID)\r\n if (filteredItems.length > 0) {\r\n setVehiculos(filteredItems)\r\n } else {\r\n setVehiculos(null)\r\n }\r\n }\r\n })\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n {\r\n props.CERRAR_FICHA(false); store.dispatch(DrawerFichaMantenimientoVehiculoTaller(false));\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {traducirPagina(\"FICHA_DEL_VEHÍCULO\").toUpperCase()}\r\n
\r\n \r\n setTabPorDefecto(tab)} >\r\n \r\n \r\n\r\n \r\n
\r\n \r\n {abrirFichaVehiculo ?\r\n \r\n \r\n guardarDatosCliente(e)} onSearch={(matricula) => buscarPorMatricula(matricula)} />\r\n \r\n\r\n\r\n guardarDatosCliente(e)} onSearch={(bastidor) => buscarPorBastidor(bastidor)} />\r\n \r\n\r\n guardarDatosCliente(e)} />\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {\r\n store.dispatch(DrawerFichaMantenimientoClienteTaller(false));\r\n store.dispatch({ type: \"UPDATE_ID_CLIENTE_ID\", id: \"\" });\r\n store.dispatch({ type: \"UPDATE_MODO_FICHA_CLIENTE_TALLER\", esNuevoCliente: false })\r\n props.CERRAR_FICHA(false);\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ zIndex: '9999999999', color: '#fff' }}>\r\n\r\n \r\n\r\n : null\r\n }\r\n\r\n\r\n
\r\n )\r\n}\r\n\r\n\r\nMantenimientoClienteTaller.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n GUARDAR_INTERNO: PropTypes.bool,\r\n GUARDAR_REGISTRO: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n openDrawerFichaMantenimientoVehiculo: state.estadoDrawer.openDrawerFichaMantenimientoVehiculo\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(MantenimientoClienteTaller);","import { Alert, Drawer } from \"antd\";\r\nimport React from \"react\";\r\nimport { MDBBtn } from \"mdbreact\";\r\n\r\nimport { CloseOutlined, CloudUploadOutlined, DeleteOutlined, PlusOutlined } from \"@ant-design/icons\";\r\nimport { MSGERROR, generateUUID, traducirPagina, verificarExtension, descargarDocPasandoBase64Generico } from \"../../librerias/funciones\";\r\nimport { PlantillaCargaMasivaEnAPI, ValidarEImportarCargaMasivaEnAPI } from \"../../action/actionCreatorsRequests\";\r\n\r\nconst FichaMasivaCliente = ({ ABRIR_FICHA, CERRAR_FICHA, BUSCAR_CLIENTES }) => {\r\n const [bloqueoPantalla, setBloqueoPantalla] = React.useState({ LOADER: false, MENSAJE: \"\" })\r\n const [registroImportacion, setRegistroImportacion] = React.useState({});\r\n const [payLoadLocal, setPayLoadLocal] = React.useState({\r\n ID_PROVEEDOR: 0,\r\n ID_MARCA: 0,\r\n FECHA_VIGENCIA: \"\",\r\n ES_IMPORTE_PVP: true,\r\n DOCUMENTO_CSV: [],\r\n VALIDAR_TARIFA: false,\r\n NOMBRE_DOC: \"\"\r\n });\r\n\r\n const descargarPlantilla = () => {\r\n PlantillaCargaMasivaEnAPI().then(doc => {\r\n if (doc.CSV !== \"\" && doc.CSV !== null) {\r\n descargarDocPasandoBase64Generico(doc.CSV, \"csv\")\r\n }\r\n })\r\n }\r\n\r\n\r\n const eliminarFichero = (fichero) => {\r\n setRegistroImportacion({})\r\n\r\n let registros = payLoadLocal.DOCUMENTO_CSV.filter((registro) => registro.ID !== fichero.ID);\r\n payLoadLocal.DOCUMENTO_CSV = [...registros];\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n\r\n\r\n\r\n\r\n const gestionarDocLocal = (input) => {\r\n const url = input.value;\r\n const ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();\r\n if (input.files && input.files[0]) {\r\n\r\n if (ext === \"csv\" || ext === \"CSV\") {\r\n const reader = new FileReader();\r\n reader.onload = (e) => {\r\n\r\n const registro =\r\n {\r\n ID: generateUUID(),\r\n PROPIEDADES_FICHERO: verificarExtension(ext),\r\n\r\n NOMBRE: input.files[0].name,\r\n EXTENSION: ext,\r\n DOCUMENTOS_BYTES: e.target.result.replace('data:', '').replace(/^.+,/, ''),\r\n PESO: input.files[0].size,\r\n }\r\n\r\n payLoadLocal.DOCUMENTO_CSV = [...payLoadLocal.DOCUMENTO_CSV, registro];\r\n setPayLoadLocal({ ...payLoadLocal })\r\n input.value = '';\r\n }\r\n reader.readAsDataURL(input.files[0]);\r\n\r\n } else {\r\n input.value = '';\r\n }\r\n\r\n } else {\r\n input.value = '';\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n const importarDocumento = () => {\r\n setRegistroImportacion({})\r\n\r\n if (payLoadLocal.DOCUMENTO_CSV.length > 0) {\r\n bloqueoPantalla.LOADER = true; bloqueoPantalla.MENSAJE = `${traducirPagina(\"txtEspera\")} ...`; setBloqueoPantalla({ ...bloqueoPantalla })\r\n const { DOCUMENTO_CSV } = payLoadLocal\r\n\r\n ValidarEImportarCargaMasivaEnAPI(DOCUMENTO_CSV[0].DOCUMENTOS_BYTES).then(usuario => {\r\n bloqueoPantalla.LOADER = false; bloqueoPantalla.MENSAJE = \"\"; setBloqueoPantalla({ ...bloqueoPantalla })\r\n setRegistroImportacion(usuario)\r\n })\r\n\r\n } else {\r\n MSGERROR(traducirPagina(\"Seleccione_fichero\"));\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n { store.dispatch(DrawerFichaMantenimientoClienteTaller(false)); createRipple(e); store.dispatch({ type: \"UPDATE_ID_CLIENTE_ID\", id: \"\" }); store.dispatch({ type: \"UPDATE_MODO_FICHA_CLIENTE_TALLER\", esNuevoCliente: false }); props.CERRAR_FICHA(false); }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n {traducirPagina(\"Ficha_de_cliente\").toUpperCase()}\r\n
\r\n \r\n setTabPorDefecto(tab)} >\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {mantenimientoVehiculo ?\r\n \r\n \r\n guardarDatosCliente(e)} />\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {vehiculos === null ?\r\n \r\n \r\n \r\n {traducirPagina(\"Matricula\")} \r\n {traducirPagina(\"Bastidor\")} \r\n {traducirPagina(\"Descripcion\")} \r\n \r\n \r\n \r\n {vehiculos.map((vehiculo, i) =>\r\n \r\n {vehiculo.MATRICULA} \r\n {vehiculo.BASTIDOR} \r\n {vehiculo.DESCRIPCION.substring(0, vehiculo.DESCRIPCION.length > 7 ? 7 : vehiculo.DESCRIPCION.length) + \" ...\"} \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n :\r\n
\r\n \r\n
\r\n :\r\n vehiculos.length > 0 ?\r\n {traducirPagina(\"No_vehiculos\")}
\r\n\r\n
\r\n \r\n\r\n {\r\n\r\n store.dispatch({ type: \"UPDATE_VEHICLE_ID_TALLER\", id: vehiculo.ID });\r\n store.dispatch({ type: \"UPDATE_MODO_FICHA_VEHICULO_TALLER\", esNuevoVehiculo: false });\r\n setMantenimientoVehiculo(true)\r\n store.dispatch(DrawerFichaMantenimientoVehiculoTaller(true));\r\n }\r\n }\r\n className=\"btn-matricula estiloBotonRemove paddindDeTres\">\r\n \r\n
\r\n \r\n eliminarVehiculoCliente(vehiculo.ID, vehiculo.ID_CLIENTE, vehiculo.MATRICULA)} >\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n\r\n \r\n {\r\n if (!bloqueoPantalla.LOADER) {\r\n CERRAR_FICHA(false);\r\n BUSCAR_CLIENTES();\r\n }\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {traducirPagina(\"txt_importacion_masiva\").toUpperCase()}\r\n
\r\n \r\n\r\n
\r\n\r\n {\r\n bloqueoPantalla.LOADER ?\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n {`1. ${traducirPagina(\"label_PlantillaImportacion\")}`} \r\n
\r\n\r\n \r\n
\r\n descargarPlantilla()}>{traducirPagina(\"label_DescargaPlantilla\")}
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n {`2. ${traducirPagina(\"label_ImportacionDatos\")}`} \r\n
\r\n\r\n \r\n {traducirPagina(\"txt_ImportacionDatos\")}\r\n
\r\n\r\n \r\n
\r\n \r\n {\r\n payLoadLocal.DOCUMENTO_CSV !== undefined && payLoadLocal.DOCUMENTO_CSV.length > 0 ?\r\n payLoadLocal.DOCUMENTO_CSV.map((fichero, i) =>\r\n
\r\n \r\n
\r\n ) :\r\n null\r\n }\r\n\r\n {\r\n payLoadLocal.DOCUMENTO_CSV !== undefined && payLoadLocal.DOCUMENTO_CSV.length === 0 ?\r\n <>\r\n \r\n { gestionarDocLocal(e.target) }} />\r\n \r\n :\r\n null\r\n }\r\n \r\n\r\n 
\r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {\r\n Object.keys(registroImportacion).length > 0 && (\r\n <>\r\n
\r\n\r\n \r\n {`3. ${traducirPagina(\"txt_resultado_importacion\")}`} \r\n
\r\n\r\n \r\n {\r\n registroImportacion.OK ?\r\n
\r\n\r\n \r\n )\r\n }\r\n\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n {\r\n Object.keys(registroImportacion).length === 0 && (\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n\r\n\r\n )\r\n}\r\n\r\nexport default FichaMasivaCliente;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { createRipple, onChildrenDrawerCloseIntegraciones, DrawerCarroCompra, DrawerMasInformacion, DrawerFichaMantenimientoClienteTaller, DrawerFichaClienteTaller } from \"../action/actionCreators\"\r\nimport { getCestaLineasEnAPI, eliminarCestaLineasEnAPI, setCestaLineasEnAPI, vaciarCestaLineasEnAPI, getClienteTallerEnAPI, setClienteTallerEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport { traducirPagina, referenciaActualSelect, convertirMoneda, redondeo, MSGOK, obtenerDatosUsuarioYLicenciaActual, MSGERROR, efectoRemoveBuscadorReferencia } from '../librerias/funciones'\r\nimport { MDBCol, MDBTable, MDBTableHead, MDBTableBody, MDBBtn, MDBInput } from 'mdbreact';\r\nimport FichaMantenimientoVehiculoTaller from '../components/MantenimientoVehiculoTaller'\r\nimport FichaMantenimientoCliente from '../components/MantenimientoClienteTaller'\r\n\r\nimport {\r\n PlusOutlined,\r\n CloseOutlined,\r\n SearchOutlined,\r\n EditOutlined,\r\n DeleteOutlined,\r\n ArrowDownOutlined,\r\n ArrowUpOutlined,\r\n ImportOutlined,\r\n CloudUploadOutlined\r\n} from '@ant-design/icons';\r\n\r\nimport { Select, Card, Modal, Button, Input, Row, Col, Drawer } from 'antd';\r\n\r\nimport store from \"../store\";\r\nimport FichaMasivaCliente from './Cliente/FichaMasivaCliente';\r\nconst { Option } = Select;\r\nconst FichaClienteTaller = ({ props, configApp, openDrawerFichaClienteTaller, clienteTallerSeleccionado, openDrawerFichaMantenimientoVehiculo }) => {\r\n const [ordenarPorCodigo, setOrdenarPorCodigo] = React.useState(false);\r\n const [ordenarPorNombre, setOrdenarPorNombre] = React.useState(false);\r\n const [ordenarPorCIF, setOrdenarPorCIF] = React.useState(false);\r\n const [hayClientes, setHayClientes] = React.useState(false);\r\n const [clientesTaller, setClientesTaller] = React.useState([]);\r\n const [obtenerClientesAux, setObtenerClientesAux] = React.useState([]);\r\n const [actualizarClientes, setActualizarClientes] = React.useState(false);\r\n const [textoFiltroCliente, setTextoFiltroCliente] = React.useState(\"\");\r\n const [mantenimientoCliente, setMantenimientoCliente] = React.useState(false);\r\n const [masivaCliente, setMasivaCliente] = React.useState(false);\r\n\r\n\r\n const buscarRegistros = () => {\r\n getClienteTallerEnAPI(\"\", 1, \"A\").then((cli) => {\r\n if (cli.CLIENTES !== null) {\r\n setClientesTaller(cli.CLIENTES)\r\n setObtenerClientesAux(cli.CLIENTES)\r\n setHayClientes(true);\r\n } else {\r\n setClientesTaller(null)\r\n setObtenerClientesAux(null)\r\n setHayClientes(true);\r\n }\r\n })\r\n }\r\n\r\n if (!hayClientes && openDrawerFichaClienteTaller) {\r\n setHayClientes(true);\r\n buscarRegistros()\r\n } else {\r\n if (!openDrawerFichaClienteTaller && hayClientes) {\r\n setTextoFiltroCliente(\"\")\r\n setHayClientes(false);\r\n setClientesTaller([])\r\n setObtenerClientesAux([])\r\n }\r\n }\r\n\r\n if (!actualizarClientes && clienteTallerSeleccionado.actualizarListaCliente) {\r\n store.dispatch({ type: \"UPDATE_LISTA_TALLER_CLIENTE\", actualizarListaCliente: false })\r\n setActualizarClientes(true);\r\n\r\n if (clienteTallerSeleccionado.esNuevoCliente) {\r\n getClienteTallerEnAPI(\"\", 1, \"A\").then((cli) => {\r\n if (cli.CLIENTES !== null) {\r\n setClientesTaller(cli.CLIENTES)\r\n setObtenerClientesAux(cli.CLIENTES)\r\n setOrdenarPorCodigo(false)\r\n setOrdenarPorNombre(false)\r\n setOrdenarPorCIF(false)\r\n }\r\n })\r\n } else {\r\n let modificarCliente = clienteTallerSeleccionado.clienteTaller;\r\n clientesTaller.map((item, index) => {\r\n if (item.ID == modificarCliente.id) {\r\n clientesTaller[index].CODIGO = modificarCliente.codigo;\r\n clientesTaller[index].CIF = modificarCliente.cif;\r\n clientesTaller[index].CP = modificarCliente.cp;\r\n clientesTaller[index].DIRECCION = modificarCliente.direccion;\r\n clientesTaller[index].ID = modificarCliente.id;\r\n clientesTaller[index].MAIL = modificarCliente.email;\r\n clientesTaller[index].NOMBRE = modificarCliente.nombre;\r\n clientesTaller[index].OBSERVACIONES = modificarCliente.observacion;\r\n clientesTaller[index].PAIS = modificarCliente.pais;\r\n clientesTaller[index].POBLACION = modificarCliente.poblacion;\r\n clientesTaller[index].PROVINCIA = modificarCliente.provincia;\r\n clientesTaller[index].TELEFONO = modificarCliente.telefono1;\r\n clientesTaller[index].TELEFONO_2 = modificarCliente.telefono2;\r\n clientesTaller[index].TELEFONO_3 = modificarCliente.telefono3\r\n }\r\n })\r\n setClientesTaller(clientesTaller)\r\n setObtenerClientesAux(clientesTaller)\r\n }\r\n\r\n store.dispatch({ type: \"UPDATE_CLIENTE_TALLER\", clienteTaller: {} })\r\n } else {\r\n if (!clienteTallerSeleccionado.actualizarListaCliente && actualizarClientes) {\r\n setActualizarClientes(false);\r\n setOrdenarPorCodigo(false)\r\n setOrdenarPorNombre(false)\r\n setOrdenarPorCIF(false)\r\n }\r\n }\r\n\r\n\r\n const ordenarTablaCliente = (ID, ORDERCOLUM, ORDERDIR) => {\r\n getClienteTallerEnAPI(ID, ORDERCOLUM, ORDERDIR).then((cli) => {\r\n if (cli.CLIENTES !== null) {\r\n setClientesTaller(cli.CLIENTES)\r\n setObtenerClientesAux(cli.CLIENTES)\r\n if (textoFiltroCliente.trim() !== \"\") {\r\n buscarCliente(textoFiltroCliente, cli.CLIENTES);\r\n }\r\n\r\n }\r\n })\r\n }\r\n\r\n const eliminarCliente = (ID) => {\r\n let payload = {\r\n id: ID,\r\n codigo: null,\r\n nombre: \"\",\r\n direccion: \"\",\r\n poblacion: \"\",\r\n provincia: \"\",\r\n cp: \"\",\r\n pais: \"\",\r\n telefono1: \"\",\r\n telefono2: \"\",\r\n telefono3: \"\",\r\n email: \"\",\r\n observacion: \"\",\r\n cif: \"\"\r\n }\r\n setClienteTallerEnAPI(2, payload).then((respuesta) => {\r\n if (respuesta.OK) {\r\n MSGOK(\"Cliente eliminado correctamente.\")\r\n let filteredItems = clientesTaller.filter(item => item.ID !== ID)\r\n if (filteredItems.length > 0) {\r\n setClientesTaller(filteredItems)\r\n setObtenerClientesAux(filteredItems)\r\n } else {\r\n setClientesTaller(null)\r\n setObtenerClientesAux([])\r\n }\r\n\r\n }\r\n })\r\n }\r\n\r\n\r\n const buscarCliente = (palabra, listaCliente) => {\r\n let clientesEncontrado = [];\r\n if (palabra !== \"\") {\r\n if (listaCliente !== null) {\r\n listaCliente.find(function (cliente, i) {\r\n if (cliente.CODIGO.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeCliente = clientesEncontrado.find(cli => cli.ID === cliente.ID)\r\n if (existeCliente === undefined) {\r\n clientesEncontrado.push(cliente)\r\n }\r\n }\r\n\r\n if (cliente.NOMBRE.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeCliente = clientesEncontrado.find(cli => cli.ID === cliente.ID)\r\n if (existeCliente === undefined) {\r\n clientesEncontrado.push(cliente)\r\n }\r\n }\r\n if (cliente.CIF.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeCliente = clientesEncontrado.find(cli => cli.ID === cliente.ID)\r\n if (existeCliente === undefined) {\r\n clientesEncontrado.push(cliente)\r\n }\r\n\r\n }\r\n if (cliente.TELEFONO.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeCliente = clientesEncontrado.find(cli => cli.ID === cliente.ID)\r\n if (existeCliente === undefined) {\r\n clientesEncontrado.push(cliente)\r\n }\r\n\r\n }\r\n if (cliente.CP.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeCliente = clientesEncontrado.find(cli => cli.ID === cliente.ID)\r\n if (existeCliente === undefined) {\r\n clientesEncontrado.push(cliente)\r\n }\r\n\r\n }\r\n if (cliente.MAIL.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeCliente = clientesEncontrado.find(cli => cli.ID === cliente.ID)\r\n if (existeCliente === undefined) {\r\n clientesEncontrado.push(cliente)\r\n }\r\n\r\n }\r\n\r\n })\r\n }\r\n if (clientesEncontrado.length > 0) {\r\n setClientesTaller(clientesEncontrado);\r\n } else {\r\n setClientesTaller(null);\r\n }\r\n } else {\r\n setClientesTaller(obtenerClientesAux);\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n { store.dispatch(DrawerFichaClienteTaller(false)); }}\r\n visible={openDrawerFichaClienteTaller}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ zIndex: '9999999999', color: '#fff' }}>\r\n\r\n\r\n \r\n \r\n :\r\n null\r\n }\r\n\r\n\r\n {\r\n masivaCliente &&\r\n \r\n \r\n }\r\n\r\n
\r\n )\r\n}\r\n\r\n\r\nFichaClienteTaller.propTypes = {\r\n title: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaClienteTaller: state.estadoDrawer.openDrawerFichaClienteTaller,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n openDrawerFichaMantenimientoVehiculo: state.estadoDrawer.openDrawerFichaMantenimientoVehiculo\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaClienteTaller);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBIcon, MDBCol, MDBCardBody, MDBCard, MDBCardText, MDBRow, MDBTable, MDBTableHead, MDBTableBody, MDBContainer } from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport { pad, direccionesByMarca, documentosByRefMarca, getModelosByReferenciaMarcaAndFabricante, referenciaOEMasInfo, fabricantesByReferenciaMarca, buscarDetallesReferencia, GetTiemposReparacionByGMAndVehicleEnAPI, GetVehiculosHaynesByIdTecdocEnAPI, ObtenerArticuloByArtNoBrandNoEnAPI, getPriceOEMEnAPI, referenciaOEMasInfov2EnAPI } from \"../action/actionCreatorsRequests\"\r\nimport 'antd/dist/antd.css';\r\n\r\nimport { Tabs, Skeleton, Space, Divider, Drawer, Collapse } from 'antd';\r\nimport ImageView from './CptImageView';\r\nimport TablaGenerica from './tablaGenerica'\r\nimport { changeStateImageViewer, DrawerFichaMasInformacion2, createRipple, efectoBotonRemove } from \"../action/actionCreators\";\r\nimport store from '../store'\r\nimport { buscarVehiculoLocal, traducirPagina, efectoRemoveBuscador, limpiarGrupoDrawer, limpiarCocheStore, crearLineasParaElPresupuesto, verificarSiEsMostrador, datosLincenciaSertec, buscarReferenciaYMostrarEnPantalla } from \"../librerias/funciones\"\r\nimport {\r\n CloseOutlined,\r\n SearchOutlined,\r\n FileAddOutlined,\r\n ShoppingOutlined\r\n\r\n} from '@ant-design/icons';\r\nimport { FichaDisponibilidad } from './Compra/FIchaDisponibilidad.jsx';\r\nimport CPSearch from './utils/CPSearch.jsx';\r\n\r\nconst { TabPane } = Tabs;\r\nconst { Panel } = Collapse;\r\nconst FichaMasInfo2 = ({ props, masInformacion, configApp, openDrawerMasInfo2, mostrarComponente, propiedadesVisor, fichaBusquedaVehiculo, referenciaSeleccionada, codmotorizacion, referenciaMasInfo2, DIRECTORIO_DOCUMENTO, usuario }) => {\r\n const OBTENER_DATOS_USUARIO = datosLincenciaSertec();\r\n const { ID_SOCIO } = OBTENER_DATOS_USUARIO === undefined || OBTENER_DATOS_USUARIO === null ? { ID_SOCIO: 0 } : OBTENER_DATOS_USUARIO;\r\n\r\n\r\n const { CATALOGO } = referenciaMasInfo2 === undefined || referenciaMasInfo2 === null || Object.keys(referenciaMasInfo2).length === 0 ? { CATALOGO: null } :\r\n referenciaMasInfo2.REGISTROS === undefined || referenciaMasInfo2.REGISTROS === null ? { CATALOGO: null } : referenciaMasInfo2.REGISTROS\r\n\r\n const { PERMISO_DOCUMENTACION_TECNICA } = usuario.LoginSertec.List_LicenciaSERTE[0];\r\n\r\n\r\n const [vehiculoActual, setVehiculoActual] = React.useState({\r\n EXISTE_VEHICULO: false,\r\n VEHICULO: {}\r\n });\r\n\r\n const [abrirFichaDisponibilidad, setAbrirFichaDisponibilidad] = React.useState(false);\r\n const [disponibilidadSeleccionada, setDisponibilidadSeleccionada] = React.useState({\r\n REFERENCIA: \"\",\r\n MCR: \"\",\r\n MARCA_VEH: \"\"\r\n });\r\n\r\n const [activeItemOuterTabs, setActiveItemOuterTabs] = React.useState(\"1\");\r\n const [datosReferencia, setDatosReferencia] = React.useState({});\r\n const [detalles, setDetalles] = React.useState({});\r\n const [hayReferencia, setHayReferencia] = React.useState(false);\r\n const [hayReferenciaOE, setHayReferenciaOE] = React.useState(false);\r\n const [hayDetalles, setHayDetalles] = React.useState(false);\r\n const [textoFiltro, setTextoFiltro] = React.useState(\"\");\r\n const [textoPorDefectoTiempos, settextoPorDefectoTiempos] = React.useState(0);\r\n const [referenciaOE, setReferenciaOE] = React.useState([]);\r\n const [referenciaOEAux, setReferenciaOEAux] = React.useState([]);\r\n const [tiempoReparacion, setTiempoReparacion] = React.useState([]);\r\n const [vehiculosHaynes, setVehiculosHaynes] = React.useState([]);\r\n\r\n\r\n const default_referenciaOE = {\r\n TEXTO_BUSCADOR: \"\",\r\n MENSAJE_ERROR: \"\",\r\n OK: false,\r\n PERMITIR_COMPRAR: false,\r\n REFERENCIAS: []\r\n }\r\n const [registrosReferenciaOE, setRegistrosReferenciaOE] = React.useState(default_referenciaOE);\r\n\r\n\r\n\r\n if (masInformacion.refOE !== null && masInformacion.refOE !== undefined) {\r\n if (!hayReferenciaOE && Object.keys(masInformacion.refOE).length > 0) {\r\n setHayReferenciaOE(true)\r\n setReferenciaOE(masInformacion.refOE)\r\n setReferenciaOEAux(masInformacion.refOE)\r\n } else {\r\n if (Object.keys(masInformacion.refOE).length === 0 && hayReferenciaOE) {\r\n setHayReferenciaOE(false)\r\n setReferenciaOE([])\r\n setReferenciaOEAux([])\r\n }\r\n }\r\n }\r\n\r\n\r\n if (!hayReferencia && openDrawerMasInfo2) {\r\n setHayReferencia(true)\r\n\r\n buscarVehiculoLocal().then((vehiculo) => {\r\n if (vehiculo.MATRICULA !== \"\" || vehiculo.BASTIDOR !== \"\") {\r\n vehiculoActual.EXISTE_VEHICULO = true;\r\n vehiculoActual.VEHICULO = vehiculo;\r\n setVehiculoActual({ ...vehiculoActual })\r\n } else {\r\n vehiculoActual.EXISTE_VEHICULO = false;\r\n vehiculoActual.VEHICULO = {};\r\n setVehiculoActual({ ...vehiculoActual })\r\n }\r\n })\r\n\r\n ObtenerArticuloByArtNoBrandNoEnAPI(props.referencia, props.marca, CATALOGO).then(registro => {\r\n\r\n //Se ejecuta una sola vez la llamada a la API\r\n //let referencia = undefined;\r\n if (registro !== null && registro !== undefined) {\r\n // referencia = registros.find((referencia) => referencia.REFERENCIA === props.referencia)\r\n setDatosReferencia(registro);\r\n\r\n if (referenciaMasInfo2.VERTIEMPOS !== undefined) {\r\n setActiveItemOuterTabs(\"9\")\r\n GetVehiculosHaynesByIdTecdocEnAPI(codmotorizacion, CATALOGO).then(registroHaynes => {\r\n if (registroHaynes !== null && registroHaynes.length > 0) {\r\n setVehiculosHaynes(registroHaynes);\r\n valorPorDectoTiempos(registroHaynes, codmotorizacion)\r\n cambiosCocheTecdoc(codmotorizacion, registro.GRUPO_MONTAJE);\r\n } else {\r\n setVehiculosHaynes(null);\r\n }\r\n })\r\n\r\n }\r\n\r\n } else {\r\n setDatosReferencia(null);\r\n }\r\n\r\n\r\n })\r\n } else {\r\n if (!openDrawerMasInfo2 && hayReferencia) {\r\n setDatosReferencia({})\r\n setHayReferencia(false)\r\n setActiveItemOuterTabs(\"1\")\r\n setVehiculosHaynes([]);\r\n setTiempoReparacion([])\r\n }\r\n }\r\n\r\n if (!hayDetalles && openDrawerMasInfo2) {\r\n setHayDetalles(true)\r\n buscarDetallesReferencia({ REFERENCIA: props.referencia, CODIGO_MARCA: props.marca, CATALOGO }).then(data => {\r\n if (data !== undefined) {\r\n setHayDetalles(true)\r\n setDetalles(data)\r\n\r\n if (referenciaMasInfo2.VERDESPIECE !== undefined) {\r\n setActiveItemOuterTabs(\"6\")\r\n }\r\n\r\n if (referenciaMasInfo2.NUMBERTAG !== undefined) {\r\n setActiveItemOuterTabs(referenciaMasInfo2.NUMBERTAG)\r\n store.dispatch(documentosByRefMarca(props.referencia, props.marca))\r\n }\r\n\r\n } else {\r\n setDetalles(undefined)\r\n setHayDetalles(true)\r\n }\r\n })\r\n } else {\r\n if (!openDrawerMasInfo2 && hayDetalles) {\r\n setHayDetalles(false)\r\n setDetalles({})\r\n }\r\n }\r\n\r\n const cambiosCocheTecdoc = (idTiempo, grupoMontaje) => {\r\n settextoPorDefectoTiempos(idTiempo)\r\n\r\n GetTiemposReparacionByGMAndVehicleEnAPI(idTiempo, grupoMontaje, undefined, CATALOGO).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro !== null && registro.length > 0) {\r\n setTiempoReparacion(registro);\r\n } else {\r\n setTiempoReparacion(null);\r\n }\r\n }\r\n })\r\n }\r\n\r\n const buscarEnTabla = (palabra, registros) => {\r\n let referenciaEncontrado = [];\r\n if (palabra !== \"\") {\r\n if (registros !== null) {\r\n registros.find(function (registro, i) {\r\n if (registro.NOMBRE_FABRICANTE.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = referenciaEncontrado.find(ref => ref.REFERENCIA_ORIGINAL === registro.REFERENCIA_ORIGINAL && ref.EUCON_ID === registro.REFERENCIA_ORIGINAL)\r\n if (existeRegistro === undefined) {\r\n referenciaEncontrado.push(registro)\r\n }\r\n }\r\n })\r\n\r\n registros.find(function (registro, i) {\r\n if (registro.REFERENCIA_ORIGINAL.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = referenciaEncontrado.find(ref => ref.REFERENCIA_ORIGINAL === registro.REFERENCIA_ORIGINAL && ref.EUCON_ID === registro.REFERENCIA_ORIGINAL)\r\n if (existeRegistro === undefined) {\r\n referenciaEncontrado.push(registro)\r\n }\r\n }\r\n })\r\n\r\n /*\r\n registros.find(function (registro, i) {\r\n if (registro.PRECIO.toLowerCase().includes(palabra.toLowerCase())) {\r\n let existeRegistro = referenciaEncontrado.find(ref => ref.REFERENCIA_ORIGINAL === registro.REFERENCIA_ORIGINAL && ref.EUCON_ID === registro.REFERENCIA_ORIGINAL)\r\n if (existeRegistro === undefined) {\r\n referenciaEncontrado.push(registro)\r\n }\r\n }\r\n })\r\n */\r\n }\r\n\r\n if (referenciaEncontrado.length > 0) {\r\n setReferenciaOE(referenciaEncontrado);\r\n } else {\r\n setReferenciaOE(null);\r\n }\r\n } else {\r\n setReferenciaOE(referenciaOEAux);\r\n }\r\n }\r\n\r\n const valorPorDectoTiempos = (vehiculoByHaynes, codmotorizacion) => {\r\n vehiculoByHaynes.map((vehiculo) => {\r\n if (vehiculo.IdTiempoReparacion === parseInt(codmotorizacion)) {\r\n settextoPorDefectoTiempos(vehiculo.IdTiempoReparacion)\r\n }\r\n })\r\n }\r\n\r\n\r\n const obtenerPrecioParaReferenciaOE = async (referencias = []) => {\r\n const registros = referencias === null ? [] : referencias.map((item) => {\r\n return { PartNo: item.REFERENCIA_ORIGINAL, EuconId: item.EUCON_ID, NOM_FABRICANTE: item.NOMBRE_FABRICANTE }\r\n })\r\n\r\n const respuesta = await getPriceOEMEnAPI(registros)\r\n if (respuesta !== undefined && respuesta !== null && respuesta.ListaPreciosOEM !== null && respuesta.ListaPreciosOEM.length > 0) {\r\n registrosReferenciaOE.REFERENCIAS.map((item) => {\r\n let find = respuesta.ListaPreciosOEM.find(element => element.PartNo === item.REFERENCIA_ORIGINAL)\r\n if (find !== undefined) {\r\n item.PRECIO = find.Price\r\n }\r\n })\r\n }\r\n\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n }\r\n const obtenerReferenciasOE = async (referencia, marca, catalogo) => {\r\n setRegistrosReferenciaOE({ ...default_referenciaOE })\r\n\r\n const respuesta = await referenciaOEMasInfov2EnAPI(referencia, marca, catalogo)\r\n\r\n if (respuesta !== undefined && respuesta !== null && respuesta.REFERENCIAS !== null && respuesta.REFERENCIAS.length > 0) {\r\n const registros = respuesta.REFERENCIAS.map((item, i) => { return { VISIBLE: true, ...item } })\r\n respuesta.REFERENCIAS = registros\r\n } else {\r\n respuesta.REFERENCIAS = null\r\n }\r\n\r\n const { MENSAJE_ERROR, OK, PERMITIR_COMPRAR, REFERENCIAS } = respuesta\r\n\r\n registrosReferenciaOE.PERMITIR_COMPRAR = PERMITIR_COMPRAR\r\n registrosReferenciaOE.MENSAJE_ERROR = MENSAJE_ERROR\r\n registrosReferenciaOE.REFERENCIAS = REFERENCIAS\r\n registrosReferenciaOE.OK = OK\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n\r\n if (REFERENCIAS !== null) {\r\n obtenerPrecioParaReferenciaOE(REFERENCIAS)\r\n }\r\n }\r\n\r\n const filtroLocalRegistros = (textoAFiltrar, registros) => {\r\n if (textoAFiltrar.trim() !== \"\") {\r\n if (registros !== null) {\r\n registros.map((item) => {\r\n if (item.NOMBRE_FABRICANTE.toUpperCase().includes(textoAFiltrar.toUpperCase()) || item.NOMBRE_FABRICANTE.toUpperCase() === textoAFiltrar.toUpperCase() ||\r\n item.REFERENCIA_ORIGINAL.toUpperCase().includes(textoAFiltrar.toUpperCase()) || item.REFERENCIA_ORIGINAL.toUpperCase() === textoAFiltrar.toUpperCase() ||\r\n item.PRECIO.toUpperCase().includes(textoAFiltrar.toUpperCase()) || item.PRECIO.toUpperCase() === textoAFiltrar.toUpperCase()\r\n ) {\r\n item.VISIBLE = true\r\n } else {\r\n item.VISIBLE = false\r\n }\r\n return item\r\n })\r\n }\r\n } else {\r\n registros.map((item) => { return item.VISIBLE = true })\r\n }\r\n\r\n if (registros !== null) {\r\n registrosReferenciaOE.REFERENCIAS = registros\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n }\r\n }\r\n\r\n\r\n\r\n const toggleOuterTabs = (tab) => {\r\n if (props.marca !== undefined && props.referencia !== undefined) {\r\n switch (tab) {\r\n case \"1\":\r\n break;\r\n case \"2\":\r\n store.dispatch(direccionesByMarca(props.marca, CATALOGO));\r\n break;\r\n case \"3\":\r\n store.dispatch(documentosByRefMarca(props.referencia, props.marca, CATALOGO))\r\n break;\r\n case \"4\":\r\n store.dispatch(documentosByRefMarca(props.referencia, props.marca, CATALOGO))\r\n break;\r\n case \"5\":\r\n //Refactorizacion de las referenciasOE\r\n registrosReferenciaOE.TEXTO_BUSCADOR = \"\"\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n\r\n obtenerReferenciasOE(props.referencia, props.marca, CATALOGO);\r\n\r\n\r\n //store.dispatch(referenciaOEMasInfo(props.referencia, props.marca, CATALOGO));\r\n\r\n\r\n break;\r\n case \"6\":\r\n break;\r\n case \"7\":\r\n store.dispatch(fabricantesByReferenciaMarca(props.referencia, props.marca, CATALOGO))\r\n break;\r\n case \"9\":\r\n GetVehiculosHaynesByIdTecdocEnAPI(codmotorizacion, CATALOGO).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro !== null && registro.length > 0) {\r\n setVehiculosHaynes(registro);\r\n valorPorDectoTiempos(registro, codmotorizacion)\r\n if (datosReferencia !== null) {\r\n cambiosCocheTecdoc(codmotorizacion, datosReferencia.GRUPO_MONTAJE);\r\n\r\n }\r\n } else {\r\n setVehiculosHaynes(null);\r\n }\r\n }\r\n })\r\n break;\r\n }\r\n }\r\n if (activeItemOuterTabs !== tab) {\r\n setActiveItemOuterTabs(tab)\r\n }\r\n };\r\n\r\n const eventoLineaSeleccionada = (item) => {\r\n limpiarGrupoDrawer();\r\n limpiarCocheStore();\r\n\r\n setTimeout(() => {\r\n document.getElementById(\"buscadorReferencia\").value = item.REFERENCIA_ORIGINAL;\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: item.REFERENCIA_ORIGINAL });\r\n buscarReferenciaYMostrarEnPantalla(item.REFERENCIA_ORIGINAL);\r\n efectoBotonRemove(item.REFERENCIA_ORIGINAL, \"closeBuscadorReferencia\")\r\n store.dispatch(DrawerFichaMasInformacion2(false));\r\n }, 500)\r\n }\r\n\r\n\r\n const closeImageView = () => {\r\n let nodo = document.getElementById(\"container_viewer\");\r\n if (nodo !== null) {\r\n nodo.style.display = \"none\";\r\n }\r\n store.dispatch(changeStateImageViewer(false, \"\"))\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n {\r\n store.dispatch(DrawerFichaClienteTaller(false));\r\n createRipple(e)\r\n }}>\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n {clientesTaller === null ?\r\n \r\n
\r\n \r\n\r\n {mantenimientoCliente ?\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n { setTextoFiltroCliente(e.target.value); buscarCliente(e.target.value, obtenerClientesAux) }} />\r\n
\r\n\r\n \r\n { createRipple(e); efectoRemoveBuscadorReferencia(\"buscadorCliente\", true); }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matricula\"> \r\n
\r\n \r\n \r\n\r\n\r\n \r\n
\r\n \r\n
\r\n :\r\n clientesTaller.length > 0 ?\r\n {traducirPagina(\"No_clientes\")}
\r\n\r\n \r\n \r\n \r\n { ordenarTablaCliente(\"\", 1, ordenarPorCodigo ? \"A\" : \"D\"); setOrdenarPorCodigo(ordenarPorCodigo ? false : true); setOrdenarPorNombre(false); setOrdenarPorCIF(false) }} >\r\n {traducirPagina(\"Codigo\")} {ordenarPorCodigo ? \r\n { ordenarTablaCliente(\"\", 2, ordenarPorNombre ? \"A\" : \"D\"); setOrdenarPorNombre(ordenarPorNombre ? false : true); setOrdenarPorCodigo(false); setOrdenarPorCIF(false) }}>{traducirPagina(\"Nombre\")}{ordenarPorNombre ? \r\n { ordenarTablaCliente(\"\", 3, ordenarPorCIF ? \"A\" : \"D\"); setOrdenarPorCIF(ordenarPorCIF ? false : true); setOrdenarPorCodigo(false); setOrdenarPorNombre(false) }}>{traducirPagina(\"Cif\").toUpperCase()}{ordenarPorCIF ? \r\n {traducirPagina(\"Email\")} \r\n {traducirPagina(\"Telefono\")} \r\n {traducirPagina(\"CP\")} \r\n \r\n \r\n \r\n {clientesTaller.map((cliente, i) =>\r\n {\r\n if (clienteTallerSeleccionado.esDesdeFichaPresupuesto) {\r\n store.dispatch(DrawerFichaClienteTaller(false));\r\n store.dispatch({ type: \"UPDATE_CLIENTE_SELECCIONADO_PARA_PRESUPUESTO_TALLER\", cliente: cliente })\r\n }\r\n }}>\r\n {cliente.CODIGO} \r\n {cliente.NOMBRE} \r\n {cliente.CIF} \r\n {cliente.MAIL} \r\n {cliente.TELEFONO} \r\n {cliente.CP} \r\n\r\n \r\n {!clienteTallerSeleccionado.esDesdeFichaPresupuesto ?\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n :\r\n \r\n
\r\n : null}\r\n \r\n {\r\n store.dispatch({ type: \"UPDATE_ID_CLIENTE_ID\", id: cliente.ID });\r\n store.dispatch({ type: \"UPDATE_MODO_FICHA_CLIENTE_TALLER\", esNuevoCliente: false });\r\n store.dispatch(DrawerFichaMantenimientoClienteTaller(true));\r\n setMantenimientoCliente(true)\r\n\r\n }}\r\n className=\"btn-matricula estiloBotonRemove paddindDeTres\">\r\n \r\n
\r\n\r\n \r\n {\r\n eliminarCliente(cliente.ID)\r\n }} className=\"btn-matricula estiloBotonRemove paddindDeTres\" >\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(false));\r\n createRipple(e)\r\n closeImageView()\r\n\r\n }}>\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n \r\n { toggleOuterTabs(\"1\") }} role=\"tab\" >\r\n {traducirPagina(\"Informacion\")}\r\n \r\n \r\n \r\n { toggleOuterTabs(\"2\") }} role=\"tab\" >\r\n {traducirPagina(\"Direccion\")}\r\n \r\n \r\n \r\n { toggleOuterTabs(\"3\") }} role=\"tab\" >\r\n {traducirPagina(\"Imagenes\")}\r\n \r\n \r\n \r\n { toggleOuterTabs(\"4\") }} role=\"tab\" >\r\n {traducirPagina(\"Documentos\")}\r\n \r\n \r\n\r\n\r\n\r\n \r\n { toggleOuterTabs(\"5\") }} role=\"tab\" >\r\n Refs. OE\r\n \r\n \r\n\r\n \r\n { toggleOuterTabs(\"7\") }} role=\"tab\" >\r\n {traducirPagina(\"Vehiculos\")}\r\n \r\n \r\n\r\n \r\n { toggleOuterTabs(\"9\") }} role=\"tab\" >\r\n {\"Tiempos\"}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {Object.keys(masInformacion).length > 0 ?\r\n Object.keys(masInformacion.direccion).length > 0 ?\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {traducirPagina(\"Nombre\")} \r\n {masInformacion.direccion.NOMBRE_MARCA_CORTO} \r\n \r\n \r\n {traducirPagina(\"Direccion\")} \r\n {masInformacion.direccion.DIRECCION} \r\n \r\n \r\n {traducirPagina(\"Pais\")} \r\n {masInformacion.direccion.NOMBRE_PAIS} \r\n \r\n \r\n {traducirPagina(\"Codigo_postal\")} \r\n {masInformacion.direccion.CODIGO_POSTAL} \r\n \r\n \r\n {traducirPagina(\"Ciudad\")} \r\n {masInformacion.direccion.POBLACION} \r\n \r\n \r\n {traducirPagina(\"Telefono\")} \r\n {masInformacion.direccion.TELEFONO} \r\n \r\n \r\n {traducirPagina(\"Fax\")} \r\n {masInformacion.direccion.FAX} \r\n \r\n \r\n {traducirPagina(\"Web\")} \r\n {masInformacion.direccion.WEB} \r\n \r\n \r\n {traducirPagina(\"Email\")} \r\n {masInformacion.direccion.EMAIL} \r\n \r\n\r\n\r\n \r\n\r\n \r\n :\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n\r\n \r\n \r\n \r\n {masInformacion.imagenes !== null && masInformacion.imagenes !== undefined ?\r\n Object.keys(masInformacion.imagenes).length > 0 ?\r\n \r\n :\r\n \r\n \r\n \r\n \r\n {masInformacion.documentos !== null && masInformacion.documentos !== undefined ?\r\n masInformacion.imagenes !== null && masInformacion.imagenes !== undefined ?\r\n Object.keys(masInformacion.documentos).length > 0 ?\r\n \r\n :\r\n \r\n \r\n\r\n \r\n\r\n\r\n {\r\n registrosReferenciaOE.REFERENCIAS === null ?\r\n \r\n :\r\n registrosReferenciaOE.REFERENCIAS.length === 0 ?\r\n \r\n :\r\n <>\r\n \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {traducirPagina(\"Referencia_original\")} \r\n {traducirPagina(\"Precio\")} \r\n\r\n {registrosReferenciaOE.PERMITIR_COMPRAR && vehiculoActual.EXISTE_VEHICULO ? {traducirPagina(\"Comprar\")} : null}\r\n\r\n \r\n \r\n\r\n \r\n {registrosReferenciaOE.REFERENCIAS.filter((registro) => registro.VISIBLE === true).map((item, key) =>\r\n \r\n { eventoLineaSeleccionada(item) }}>{item.NOMBRE_FABRICANTE} \r\n { eventoLineaSeleccionada(item) }}>{item.REFERENCIA_ORIGINAL} \r\n { eventoLineaSeleccionada(item) }}>{item.PRECIO === 0 ? : item.PRECIO} \r\n\r\n {registrosReferenciaOE.PERMITIR_COMPRAR && vehiculoActual.EXISTE_VEHICULO ?\r\n {\r\n disponibilidadSeleccionada.REFERENCIA = item.REFERENCIA_ORIGINAL\r\n disponibilidadSeleccionada.MCR = item.MCR_ID\r\n disponibilidadSeleccionada.MARCA_VEH = item.NOMBRE_FABRICANTE\r\n setDisponibilidadSeleccionada({ ...disponibilidadSeleccionada })\r\n\r\n setAbrirFichaDisponibilidad(true)\r\n\r\n }}>{ \r\n : null}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n\r\n }\r\n\r\n \r\n\r\n \r\n {masInformacion.vehiculos !== null && masInformacion.vehiculos !== undefined ?\r\n Object.keys(masInformacion.vehiculos).length > 0 ?\r\n \r\n :\r\n null\r\n }\r\n \r\n\r\n \r\n {vehiculosHaynes !== null ?\r\n \r\n : null}\r\n\r\n {tiempoReparacion !== null ?\r\n tiempoReparacion.length > 0 ?\r\n \r\n\r\n\r\n \r\n\r\n {\r\n mostrarComponente ?
\r\n \r\n\r\n {\r\n abrirFichaDisponibilidad &&\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n {detalles !== undefined && detalles !== null ?\r\n Object.keys(detalles).length > 0 ?\r\n \r\n\r\n \r\n \r\n \r\n {datosReferencia !== undefined && datosReferencia !== null ?\r\n (Object.keys(datosReferencia).length > 0) ?\r\n \r\n : null\r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n
\r\n {traducirPagina(\"General\")}
\r\n {datosReferencia !== undefined && datosReferencia !== null ?\r\n Object.keys(datosReferencia).length > 0 ?\r\n\r\n {traducirPagina(\"Articulo\")}: {datosReferencia.REFERENCIA} \r\n
\r\n {traducirPagina(\"Marca\")}: {datosReferencia.NOMRE_MARCA} \r\n
\r\n : null\r\n :\r\n null\r\n }\r\n \r\n {traducirPagina(\"Marca\")}: {datosReferencia.NOMRE_MARCA} \r\n
\r\n {detalles !== undefined && detalles !== null ?\r\n Object.keys(detalles).length > 0 ?\r\n
\r\n EAN: {detalles.EAN} \r\n
\r\n \r\n {traducirPagina(\"Referencias_Comerciales\")} : {detalles.REFERENCIA_COMERCIAL}\r\n \r\n
\r\n {detalles.SUSTITUIDO_POR === null || detalles.SUSTITUIDO_POR === \"\" ?\r\n null\r\n :\r\n
\r\n
\r\n : null\r\n :\r\n null}\r\n \r\n \r\n {traducirPagina(\"Referencias_Comerciales\")} : {detalles.REFERENCIA_COMERCIAL}\r\n \r\n
\r\n {detalles.SUSTITUIDO_POR === null || detalles.SUSTITUIDO_POR === \"\" ?\r\n null\r\n :\r\n
\r\n \r\n {traducirPagina(\"Sustituido_Por\")}: {detalles.SUSTITUIDO_POR}\r\n \r\n
\r\n
\r\n }\r\n {detalles.SUSTITUYE_A === null || detalles.SUSTITUYE_A === \"\" ?\r\n null\r\n :\r\n \r\n
\r\n \r\n {traducirPagina(\"Sustituye_A\")}: {detalles.SUSTITUYE_A}\r\n \r\n
\r\n
\r\n }\r\n {traducirPagina(\"Estado\")}: {detalles.DESCRIPCION_ESTADO}\r\n
\r\n
\r\n
\r\n {detalles !== undefined && detalles !== null ?\r\n Object.keys(detalles).length > 0 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {detalles.PROPIEDADES.split(\"|\").map((row, i) =>\r\n \r\n {row.split(\":\").map((item, i) =>\r\n {item} \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n :\r\n \r\n\r\n : null\r\n }\r\n
\r\n {traducirPagina(\"Criterios\")}
\r\n\r\n
\r\n :\r\n \r\n {masInformacion.imagenes.map((row, i) =>\r\n \r\n {\r\n store.dispatch(changeStateImageViewer(true, { titulo: datosReferencia.NOMRE_MARCA, url: DIRECTORIO_DOCUMENTO + pad(parseInt(datosReferencia.CODIGO_MARCA), 4).toString() + \"/\" + row.IMAGEN }))\r\n document.getElementById(\"container_viewer\") !== null ? document.getElementById(\"container_viewer\").style.display = \"\" : document.getElementById(\"container_viewer\")\r\n }}>\r\n\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {traducirPagina(\"Sin_imagenes\")}
\r\n }\r\n\r\n
\r\n :\r\n \r\n {masInformacion.documentos.map((row, i) =>\r\n \r\n {\r\n store.dispatch(changeStateImageViewer(row.TIPO_DOCUMENTO === \"\" || row.TIPO_DOCUMENTO === \"ZIP\" ? false : true,\r\n row.TIPO_DOCUMENTO === \"PDF\" ?\r\n { titulo: datosReferencia.NOMRE_MARCA, url: DIRECTORIO_DOCUMENTO.replace(\"IMG\", \"DOC\") + pad(parseInt(datosReferencia.CODIGO_MARCA), 4).toString() + \"/\" + row.DOCUMENTO }\r\n :\r\n { titulo: datosReferencia.NOMRE_MARCA, url: DIRECTORIO_DOCUMENTO + pad(parseInt(datosReferencia.CODIGO_MARCA), 4).toString() + \"/\" + row.DOCUMENTO }\r\n ));\r\n\r\n document.getElementById(\"container_viewer\") !== null ? document.getElementById(\"container_viewer\").style.display = \"\" : document.getElementById(\"container_viewer\")\r\n }}>\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {traducirPagina(\"Sin_documentos\")}
\r\n : null\r\n }\r\n\r\n{traducirPagina(\"No_resultados\")}
\r\n {\r\n let txtBuscadorLoal = e.target.value;\r\n registrosReferenciaOE.TEXTO_BUSCADOR = txtBuscadorLoal\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n filtroLocalRegistros(txtBuscadorLoal, registrosReferenciaOE.REFERENCIAS)\r\n\r\n }}\r\n onCloseInput={() => {\r\n let txtBuscadorLoal = \"\";\r\n registrosReferenciaOE.TEXTO_BUSCADOR = txtBuscadorLoal\r\n setRegistrosReferenciaOE({ ...registrosReferenciaOE })\r\n filtroLocalRegistros(txtBuscadorLoal, registrosReferenciaOE.REFERENCIAS)\r\n }}\r\n\r\n />\r\n
\r\n\r\n\r\n \r\n
\r\n :\r\n \r\n {masInformacion.vehiculos.map((row, i) =>\r\n {\r\n document.getElementById(\"maInfo2Modelos\").style.display = \"\"; document.getElementById(\"maInfoMarcas2\").style.display = \"none\";\r\n store.dispatch(getModelosByReferenciaMarcaAndFabricante(datosReferencia.REFERENCIA, datosReferencia.CODIGO_MARCA, row.ID))\r\n store.dispatch({ type: \"REPLACE_VEHICULO_IDMARCA\", idmarca: row })\r\n }}>\r\n \r\n \r\n {row.FABRICANTE}\r\n \r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n {tiempoReparacion.map((tiempo, indice) =>\r\n {\r\n crearLineasParaElPresupuesto(tiempo, \"T\",);\r\n }}\r\n className=\"activebtnMenu2 col-md-12\"\r\n style={{ height: '40px', width: '210px', border: '0', borderRadius: '3px', fontSize: '13px', verticalAlign: 'bottom', color: '#000', backgroundColor: 'dcdcdc', marginBottom: '5px', display: '' }}\r\n >\r\n \r\n )\r\n }\r\n \r\n
\r\n :\r\n null\r\n : null}\r\n \r\n {traducirPagina(\"Articulos_implicados\")}\r\n {tiempo.ARTICULOS.map((articulo) =>\r\n
\r\n }\r\n\r\n\r\n {tiempo.TAREAS_REPARACION.length === 0 ?\r\n null\r\n :\r\n {articulo.Descripcion}
\r\n )}\r\n\r\n
\r\n {traducirPagina(\"Tareas_a_realizar\")}\r\n {tiempo.TAREAS_REPARACION.map((tareas, i) =>\r\n
\r\n }\r\n\r\n \r\n {traducirPagina(\"Tareas_a_realizar\")}\r\n {tiempo.TAREAS_REPARACION.map((tareas, i) =>\r\n
{tareas.Descripcion}
\r\n )}\r\n\r\n
\r\n\r\n \r\n { store.dispatch(DrawerFichaDatosCliente(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n {clienteSeleccionado !== null ?\r\n clienteSeleccionado !== undefined ?\r\n Object.keys(clienteSeleccionado).length > 0 ?\r\n Object.keys(clienteSeleccionado.registroCliente).length > 0 ?\r\n \r\n
\r\n :\r\n \r\n\r\n :\r\n null\r\n :null\r\n :null\r\n }\r\n\r\n
\r\n\r\n\r\n \r\n\r\n )\r\n}\r\n\r\nFichaDatosCliente.propTypes = {\r\n onClick: PropTypes.func,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n openDrawerFichaDatosClientes: state.estadoDrawer.openDrawerFichaDatosClientes,\r\n clienteSeleccionado: state.clienteSeleccionado\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaDatosCliente);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { DrawerFichaManoDeObra } from \"../action/actionCreators\"\r\nimport { MSGOK, convertirMoneda, calculoLineaFacturacion, dynamicSortDesc, dynamicSortAsc, calculoTotalesPresupuesto,asignarImportes, MSGERROR , traducirPagina} from '../librerias/funciones'\r\nimport { MDBBtn, MDBCol } from 'mdbreact';\r\nimport {\r\n SaveOutlined\r\n\r\n} from '@ant-design/icons';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs } from 'antd';\r\nimport store from \"../store\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaManoObra = ({ props, configApp, openDrawerFichaManoObra, datosFacturacion }) => {\r\n const [cargarLineasLocal, setCargarLineasLocal] = React.useState(false);\r\n const [desabilitarBotonLinea, setDesabilitarBotonLinea] = React.useState(false);\r\n const [lineasLocal, setLineasLocal] = React.useState([]);\r\n const inputRef = React.useRef(null);\r\n const sharedProps = {\r\n ref: inputRef,\r\n };\r\n\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ORDEN_LINEA: 0,\r\n ID_PRESUPUESTO: null,\r\n TIPO_LINEA: \"T\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n }\r\n );\r\n\r\n\r\n const calcularTodo = (cantidad, precio, DTO, iva) => {\r\n let lineFacturacion = calculoLineaFacturacion(cantidad, precio, DTO, iva)\r\n payLoadLocal.IMPORTE_BRUTO = lineFacturacion.importeBruto;\r\n payLoadLocal.IMPORTE_DESCUENTOS = lineFacturacion.importeDescuento;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE = lineFacturacion.baseImp;\r\n payLoadLocal.IMPORTE_IMPUESTOS = lineFacturacion.impuesto;\r\n payLoadLocal.IMPORTE_TOTAL = lineFacturacion.total;\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n }\r\n\r\n\r\n if (openDrawerFichaManoObra && !cargarLineasLocal) {\r\n setCargarLineasLocal(true);\r\n setLineasLocal(props.lineas)\r\n\r\n setTimeout(() => {\r\n inputRef.current.focus({\r\n cursor: 'start',\r\n });\r\n }, 1000)\r\n\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n\r\n setPayLoadLocal({\r\n ORDEN_LINEA: props.lineaSeleccionada.ORDEN_LINEA,\r\n ID_PRESUPUESTO: props.lineaSeleccionada.ID_PRESUPUESTO,\r\n TIPO_LINEA: props.lineaSeleccionada.TIPO_LINEA,\r\n REFERENCIA_SOCIO: props.lineaSeleccionada.REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: props.lineaSeleccionada.REFERENCIA_TECDOC,\r\n MARCA_SOCIO: props.lineaSeleccionada.MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: props.lineaSeleccionada.MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: props.lineaSeleccionada.MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: props.lineaSeleccionada.MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: props.lineaSeleccionada.REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: props.lineaSeleccionada.MANO_OBRA,\r\n PRECIO: props.lineaSeleccionada.PRECIO,\r\n IVA_VALOR: props.lineaSeleccionada.IVA_VALOR,\r\n DTO_VALOR: props.lineaSeleccionada.DTO_VALOR,\r\n CANTIDAD: props.lineaSeleccionada.CANTIDAD,\r\n IMPORTE_BRUTO: props.lineaSeleccionada.IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: props.lineaSeleccionada.IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: props.lineaSeleccionada.IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: props.lineaSeleccionada.IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: props.lineaSeleccionada.IMPORTE_TOTAL,\r\n ID: props.lineaSeleccionada.ID\r\n\r\n })\r\n } else {\r\n payLoadLocal.IVA_VALOR = datosFacturacion.ivaPorDefecto\r\n payLoadLocal.PRECIO = datosFacturacion.manoObraPorDecto\r\n payLoadLocal.ID_PRESUPUESTO = props.payLoadLocal.ID\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n calcularTodo(payLoadLocal.CANTIDAD, payLoadLocal.PRECIO, payLoadLocal.DTO_VALOR, payLoadLocal.IVA_VALOR);\r\n }\r\n\r\n } else {\r\n if (cargarLineasLocal && !openDrawerFichaManoObra) {\r\n setCargarLineasLocal(false);\r\n setLineasLocal([])\r\n \r\n //props.stateLineaSeleccionada({})\r\n setPayLoadLocal({\r\n ORDEN_LINEA: 0,\r\n ID_PRESUPUESTO: null,\r\n TIPO_LINEA: \"T\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n })\r\n }\r\n }\r\n\r\n const gestionarLineaManoObra = () => {\r\n let arr = lineasLocal;\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n let buscarID = arr.findIndex(manoObra => manoObra.ID === payLoadLocal.ID)\r\n if (buscarID !== undefined) {\r\n //let i = arr.indexOf(payLoadLocal.ID);\r\n arr.splice(buscarID, 1);\r\n\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n\r\n props.stateLineasManoObra(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineas, props.lineasArticulos)\r\n \r\n props.statePayLoadLocal(asignarImportes(props,resultTotales))\r\n\r\n store.dispatch(DrawerFichaManoDeObra(false));\r\n }\r\n\r\n } else {\r\n //NUEVA LINEA\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n props.stateLineasManoObra(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineas, props.lineasArticulos)\r\n props.statePayLoadLocal(asignarImportes(props,resultTotales))\r\n\r\n\r\n store.dispatch(DrawerFichaManoDeObra(false));\r\n }\r\n }\r\n\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const CANTIDAD = e.target.name === 'CANTIDAD' ? e.target.value : payLoadLocal.CANTIDAD;\r\n const DTO_VALOR = e.target.name === 'DTO_VALOR' ? e.target.value : payLoadLocal.DTO_VALOR;\r\n //const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n const ID_PRESUPUESTO = e.target.name === 'ID_PRESUPUESTO' ? e.target.value : payLoadLocal.ID_PRESUPUESTO;\r\n //const ID_TALLER = e.target.name === 'ID_TALLER' ? e.target.value : payLoadLocal.ID_TALLER;\r\n const IMPORTE_BASE_IMPONIBLE = e.target.name === 'IMPORTE_BASE_IMPONIBLE' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE;\r\n const IMPORTE_BRUTO = e.target.name === 'IMPORTE_BRUTO' ? e.target.value : payLoadLocal.IMPORTE_BRUTO;\r\n const IMPORTE_DESCUENTOS = e.target.name === 'IMPORTE_DESCUENTOS' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS;\r\n const IMPORTE_IMPUESTOS = e.target.name === 'IMPORTE_IMPUESTOS' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS;\r\n const IMPORTE_TOTAL = e.target.name === 'IMPORTE_TOTAL' ? e.target.value : payLoadLocal.IMPORTE_TOTAL;\r\n const IVA_VALOR = e.target.name === 'IVA_VALOR' ? e.target.value : payLoadLocal.IVA_VALOR;\r\n const MANO_OBRA = e.target.name === 'MANO_OBRA' ? e.target.value : payLoadLocal.MANO_OBRA;\r\n const MARCA_SOCIO = e.target.name === 'MARCA_SOCIO' ? e.target.value : payLoadLocal.MARCA_SOCIO;\r\n const MARCA_SOCIO_DESCRIPCION = e.target.name === 'MARCA_SOCIO_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_SOCIO_DESCRIPCION;\r\n const MARCA_TECDOC = e.target.name === 'MARCA_TECDOC' ? e.target.value : payLoadLocal.MARCA_TECDOC;\r\n const MARCA_TECDOC_DESCRIPCION = e.target.name === 'MARCA_TECDOC_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_TECDOC_DESCRIPCION;\r\n const REFERENCIA_DESCRIPCION = e.target.name === 'REFERENCIA_DESCRIPCION' ? e.target.value : payLoadLocal.REFERENCIA_DESCRIPCION;\r\n const REFERENCIA_SOCIO = e.target.name === 'REFERENCIA_SOCIO' ? e.target.value : payLoadLocal.REFERENCIA_SOCIO;\r\n const REFERENCIA_TECDOC = e.target.name === 'REFERENCIA_TECDOC' ? e.target.value : payLoadLocal.REFERENCIA_TECDOC;\r\n const TIPO_LINEA = e.target.name === 'TIPO_LINEA' ? e.target.value : payLoadLocal.TIPO_LINEA;\r\n const PRECIO = e.target.name === 'PRECIO' ? e.target.value : payLoadLocal.PRECIO;\r\n const ORDEN_LINEA = e.target.name === 'ORDEN_LINEA' ? e.target.value : payLoadLocal.ORDEN_LINEA;\r\n const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n\r\n\r\n setPayLoadLocal(\r\n {\r\n ORDEN_LINEA: ORDEN_LINEA,\r\n ID_PRESUPUESTO: ID_PRESUPUESTO,\r\n TIPO_LINEA: TIPO_LINEA,\r\n REFERENCIA_SOCIO: REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: REFERENCIA_TECDOC,\r\n MARCA_SOCIO: MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: MANO_OBRA,\r\n PRECIO: PRECIO,\r\n IVA_VALOR: IVA_VALOR,\r\n DTO_VALOR: DTO_VALOR,\r\n CANTIDAD: CANTIDAD,\r\n IMPORTE_BRUTO: IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: IMPORTE_TOTAL,\r\n ID: ID\r\n }\r\n )\r\n }\r\n\r\n const verificarElIva = (e) =>{\r\n let lineaManoObra = props.lineas;\r\n let lineaArticulos = props.lineasArticulos;\r\n let totalLinea = lineaManoObra.concat(lineaArticulos);\r\n\r\n let uniqueArray = totalLinea.reduce(function (a, d) {\r\n if (a.indexOf(d.IVA_VALOR) === -1) {\r\n a.push(d.IVA_VALOR);\r\n }\r\n return a;\r\n }, []);\r\n\r\n \r\n if(uniqueArray.length === 3 ){\r\n let comprabarCoincidencia = uniqueArray.find(iva => (iva.toString()) === e.target.value)\r\n if(comprabarCoincidencia === undefined){\r\n MSGERROR(`${traducirPagina(\"msg_limite_iva\")} ${uniqueArray.toString()}`)\r\n setDesabilitarBotonLinea(true)\r\n }else{\r\n setDesabilitarBotonLinea(false)\r\n }\r\n }else{\r\n setDesabilitarBotonLinea(false)\r\n }\r\n }\r\n\r\n const convertirMonedaANumero = (moneda) => {\r\n let resultado = 0;\r\n resultado = moneda.replace(\".\", \"\");\r\n resultado = resultado.replace(\",\", \".\");\r\n resultado = resultado.replace(\"€\", \"\");\r\n resultado = resultado.replace(\" \", \"\");\r\n\r\n return resultado;\r\n }\r\n\r\n\r\n return (\r\n {traducirPagina(\"No_clientes\")}
\r\n
\r\n\r\n \r\n { \r\n store.dispatch(DrawerFichaManoDeObra(false));\r\n props.stateLineaSeleccionada({})\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nFichaManoObra.propTypes = {\r\n title: PropTypes.string,\r\n lineas: PropTypes.array,\r\n lineasArticulos: PropTypes.array,\r\n stateLineasManoObra: PropTypes.func,\r\n lineaSeleccionada: PropTypes.object,\r\n stateLineaSeleccionada: PropTypes.func,\r\n statePayLoadLocal:PropTypes.func,\r\n payLoadLocal: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaManoObra: state.estadoDrawer.openDrawerFichaManoObra,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n datosFacturacion: state.datosFacturacion\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaManoObra);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { DrawerFichaArticulo } from \"../action/actionCreators\"\r\nimport { MSGOK, convertirMoneda, calculoLineaFacturacion, dynamicSortDesc, dynamicSortAsc, calculoTotalesPresupuesto,asignarImportes,MSGERROR, traducirPagina } from '../librerias/funciones'\r\nimport { MDBBtn, MDBCol } from 'mdbreact';\r\nimport {\r\n SaveOutlined\r\n\r\n} from '@ant-design/icons';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs } from 'antd';\r\nimport store from \"../store\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaArticulo = ({ props, configApp, openDrawerFichaArticulo, datosFacturacion }) => {\r\n const [cargarLineasLocal, setCargarLineasLocal] = React.useState(false);\r\n const [desabilitarBotonLinea, setDesabilitarBotonLinea] = React.useState(false);\r\n\r\n const [lineasLocal, setLineasLocal] = React.useState([]);\r\n const inputRef = React.useRef(null);\r\n const sharedProps = {\r\n ref: inputRef,\r\n };\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ORDEN_LINEA: 0,\r\n ID_PRESUPUESTO: null,\r\n TIPO_LINEA: \"A\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n }\r\n );\r\n\r\n\r\n const calcularTodo = (cantidad, precio, DTO, iva) => {\r\n let lineFacturacion = calculoLineaFacturacion(cantidad, precio, DTO, iva)\r\n\r\n payLoadLocal.IMPORTE_BRUTO = lineFacturacion.importeBruto;\r\n payLoadLocal.IMPORTE_DESCUENTOS = lineFacturacion.importeDescuento;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE = lineFacturacion.baseImp;\r\n payLoadLocal.IMPORTE_IMPUESTOS = lineFacturacion.impuesto;\r\n payLoadLocal.IMPORTE_TOTAL = lineFacturacion.total;\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n }\r\n\r\n\r\n if (openDrawerFichaArticulo && !cargarLineasLocal) {\r\n setCargarLineasLocal(true);\r\n setLineasLocal(props.lineas)\r\n\r\n setTimeout(() => {\r\n inputRef.current.focus({\r\n cursor: 'start',\r\n });\r\n }, 500)\r\n\r\n\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n setPayLoadLocal({\r\n ORDEN_LINEA: props.lineaSeleccionada.ORDEN_LINEA,\r\n ID_PRESUPUESTO: props.lineaSeleccionada.ID_PRESUPUESTO,\r\n TIPO_LINEA: props.lineaSeleccionada.TIPO_LINEA,\r\n REFERENCIA_SOCIO: props.lineaSeleccionada.REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: props.lineaSeleccionada.REFERENCIA_TECDOC,\r\n MARCA_SOCIO: props.lineaSeleccionada.MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: props.lineaSeleccionada.MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: props.lineaSeleccionada.MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: props.lineaSeleccionada.MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: props.lineaSeleccionada.REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: props.lineaSeleccionada.MANO_OBRA,\r\n PRECIO: props.lineaSeleccionada.PRECIO,\r\n IVA_VALOR: props.lineaSeleccionada.IVA_VALOR,\r\n DTO_VALOR: props.lineaSeleccionada.DTO_VALOR,\r\n CANTIDAD: props.lineaSeleccionada.CANTIDAD,\r\n IMPORTE_BRUTO: props.lineaSeleccionada.IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: props.lineaSeleccionada.IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: props.lineaSeleccionada.IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: props.lineaSeleccionada.IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: props.lineaSeleccionada.IMPORTE_TOTAL,\r\n ID: props.lineaSeleccionada.ID\r\n\r\n })\r\n } else {\r\n payLoadLocal.IVA_VALOR = datosFacturacion.ivaPorDefecto\r\n //payLoadLocal.PRECIO = datosFacturacion.manoObraPorDecto\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n calcularTodo(payLoadLocal.CANTIDAD, payLoadLocal.PRECIO, payLoadLocal.DTO_VALOR, payLoadLocal.IVA_VALOR);\r\n }\r\n\r\n } else {\r\n if (cargarLineasLocal && !openDrawerFichaArticulo) {\r\n setCargarLineasLocal(false);\r\n setLineasLocal([])\r\n //setFormatearCantidad(true)\r\n \r\n setPayLoadLocal({\r\n ORDEN_LINEA: 0,\r\n ID_PRESUPUESTO: null,\r\n TIPO_LINEA: \"A\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n })\r\n }\r\n }\r\n\r\n const gestionarLineaArticulo = () => {\r\n let arr = lineasLocal;\r\n\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n let buscarID = arr.findIndex(manoObra => manoObra.ID === payLoadLocal.ID)\r\n if (buscarID !== undefined) {\r\n //let i = arr.indexOf(payLoadLocal.ID);\r\n arr.splice(buscarID, 1);\r\n\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n\r\n props.setLineasArticulos(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineasManoObra, props.lineas)\r\n props.setPayLoadLocal(asignarImportes(props,resultTotales))\r\n store.dispatch(DrawerFichaArticulo(false));\r\n }\r\n\r\n } else {\r\n //NUEVA LINEA\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n props.setLineasArticulos(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineasManoObra, props.lineas)\r\n props.setPayLoadLocal(asignarImportes(props,resultTotales))\r\n store.dispatch(DrawerFichaArticulo(false));\r\n }\r\n }\r\n\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const CANTIDAD = e.target.name === 'CANTIDAD' ? e.target.value : payLoadLocal.CANTIDAD;\r\n const DTO_VALOR = e.target.name === 'DTO_VALOR' ? e.target.value : payLoadLocal.DTO_VALOR;\r\n //const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n const ID_PRESUPUESTO = e.target.name === 'ID_PRESUPUESTO' ? e.target.value : payLoadLocal.ID_PRESUPUESTO;\r\n //const ID_TALLER = e.target.name === 'ID_TALLER' ? e.target.value : payLoadLocal.ID_TALLER;\r\n const IMPORTE_BASE_IMPONIBLE = e.target.name === 'IMPORTE_BASE_IMPONIBLE' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE;\r\n const IMPORTE_BRUTO = e.target.name === 'IMPORTE_BRUTO' ? e.target.value : payLoadLocal.IMPORTE_BRUTO;\r\n const IMPORTE_DESCUENTOS = e.target.name === 'IMPORTE_DESCUENTOS' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS;\r\n const IMPORTE_IMPUESTOS = e.target.name === 'IMPORTE_IMPUESTOS' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS;\r\n const IMPORTE_TOTAL = e.target.name === 'IMPORTE_TOTAL' ? e.target.value : payLoadLocal.IMPORTE_TOTAL;\r\n const IVA_VALOR = e.target.name === 'IVA_VALOR' ? e.target.value : payLoadLocal.IVA_VALOR;\r\n const MANO_OBRA = e.target.name === 'MANO_OBRA' ? e.target.value : payLoadLocal.MANO_OBRA;\r\n const MARCA_SOCIO = e.target.name === 'MARCA_SOCIO' ? e.target.value : payLoadLocal.MARCA_SOCIO;\r\n const MARCA_SOCIO_DESCRIPCION = e.target.name === 'MARCA_SOCIO_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_SOCIO_DESCRIPCION;\r\n const MARCA_TECDOC = e.target.name === 'MARCA_TECDOC' ? e.target.value : payLoadLocal.MARCA_TECDOC;\r\n const MARCA_TECDOC_DESCRIPCION = e.target.name === 'MARCA_TECDOC_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_TECDOC_DESCRIPCION;\r\n const REFERENCIA_DESCRIPCION = e.target.name === 'REFERENCIA_DESCRIPCION' ? e.target.value : payLoadLocal.REFERENCIA_DESCRIPCION;\r\n const REFERENCIA_SOCIO = e.target.name === 'REFERENCIA_SOCIO' ? e.target.value : payLoadLocal.REFERENCIA_SOCIO;\r\n const REFERENCIA_TECDOC = e.target.name === 'REFERENCIA_TECDOC' ? e.target.value : payLoadLocal.REFERENCIA_TECDOC;\r\n const TIPO_LINEA = e.target.name === 'TIPO_LINEA' ? e.target.value : payLoadLocal.TIPO_LINEA;\r\n const PRECIO = e.target.name === 'PRECIO' ? e.target.value : payLoadLocal.PRECIO;\r\n const ORDEN_LINEA = e.target.name === 'ORDEN_LINEA' ? e.target.value : payLoadLocal.ORDEN_LINEA;\r\n const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n\r\n\r\n setPayLoadLocal(\r\n {\r\n ORDEN_LINEA: ORDEN_LINEA,\r\n ID_PRESUPUESTO: ID_PRESUPUESTO,\r\n TIPO_LINEA: TIPO_LINEA,\r\n REFERENCIA_SOCIO: REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: REFERENCIA_TECDOC,\r\n MARCA_SOCIO: MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: MANO_OBRA,\r\n PRECIO: PRECIO,\r\n IVA_VALOR: IVA_VALOR,\r\n DTO_VALOR: DTO_VALOR,\r\n CANTIDAD: CANTIDAD,\r\n IMPORTE_BRUTO: IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: IMPORTE_TOTAL,\r\n ID: ID\r\n }\r\n )\r\n }\r\n\r\n\r\n const verificarElIva = (e) =>{\r\n let lineaManoObra = props.lineasManoObra;\r\n let lineaArticulos = props.lineas;\r\n let totalLinea = lineaManoObra.concat(lineaArticulos);\r\n\r\n let uniqueArray = totalLinea.reduce(function (a, d) {\r\n if (a.indexOf(d.IVA_VALOR) === -1) {\r\n a.push(d.IVA_VALOR);\r\n }\r\n return a;\r\n }, []);\r\n\r\n \r\n if(uniqueArray.length === 3 ){\r\n let comprabarCoincidencia = uniqueArray.find(iva => (iva.toString()) === e.target.value)\r\n if(comprabarCoincidencia === undefined){\r\n MSGERROR(`${traducirPagina(\"msg_limite_iva\")} ${uniqueArray.toString()}`)\r\n setDesabilitarBotonLinea(true)\r\n }else{\r\n setDesabilitarBotonLinea(false)\r\n }\r\n }else{\r\n setDesabilitarBotonLinea(false)\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n guardarEstadoFormulario(e)} />\r\n \r\n\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n store.dispatch(DrawerFichaArticulo(false)); \r\n props.setLineaSeleccionada({})\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nFichaArticulo.propTypes = {\r\n title: PropTypes.string,\r\n lineas: PropTypes.array,\r\n lineasManoObra: PropTypes.array,\r\n setLineasArticulos: PropTypes.func,\r\n lineaSeleccionada: PropTypes.object,\r\n setLineaSeleccionada: PropTypes.func,\r\n \r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaArticulo: state.estadoDrawer.openDrawerFichaArticulo,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n datosFacturacion: state.datosFacturacion\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaArticulo);","import PropTypes from 'prop-types';\r\nimport React, { Component, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { MDBBtn } from 'mdbreact';\r\nimport 'antd/dist/antd.css';\r\n\r\nimport { Select, Card, Drawer, Input, Row, Col, Tabs, Upload, } from 'antd';\r\nimport { createRipple, DrawerFichaEnvioDocumento } from \"../action/actionCreators\";\r\n\r\nimport { MSGERROR, MSGOK, traducirPagina } from \"../librerias/funciones\"\r\nimport {\r\n LoadingOutlined,\r\n SendOutlined\r\n} from '@ant-design/icons';\r\nimport store from '../store'\r\nconst { Dragger } = Upload;\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaEnvioEmail = ({ props, configApp, openDrawerFichaEnvioDocumento, datosConfiguracion,TEXTO_DEFECTO=\"\",ASUNTO=\"\" }) => {\r\n const [hayRegisto, setHayRegistro] = React.useState(false);\r\n const [enviando, setEnviando] = React.useState(false);\r\n\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n DESDE: \"\",\r\n PARA: \"\",\r\n ASUNTO: \"\",\r\n CUERPO: \"\"\r\n }\r\n )\r\n\r\n\r\n\r\n\r\n\r\n const modificarDocumento = () => {\r\n if (payLoadLocal.DESDE.trim() !== \"\" && payLoadLocal.PARA.trim() !== \"\") {\r\n setEnviando(true)\r\n props.ENVIAR_EMAIL(payLoadLocal).then((registros) => {\r\n setEnviando(false)\r\n })\r\n\r\n } else {\r\n MSGERROR(traducirPagina(\"flata_desde_email\"))\r\n }\r\n }\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const DESDE = e.target.name === 'DESDE' ? e.target.value : payLoadLocal.DESDE;\r\n const PARA = e.target.name === 'PARA' ? e.target.value : payLoadLocal.PARA;\r\n const ASUNTO = e.target.name === 'ASUNTO' ? e.target.value : payLoadLocal.ASUNTO;\r\n const CUERPO = e.target.name === 'CUERPO' ? e.target.value : payLoadLocal.CUERPO;\r\n\r\n setPayLoadLocal(\r\n {\r\n DESDE: DESDE,\r\n PARA: PARA,\r\n ASUNTO: ASUNTO,\r\n CUERPO: CUERPO\r\n }\r\n )\r\n }\r\n\r\n\r\n if (!hayRegisto && props.ABRIR_FICHA) {\r\n setHayRegistro(true);\r\n payLoadLocal.PARA = props.PARA;\r\n payLoadLocal.DESDE = datosConfiguracion.emailEnvioDocumento;\r\n payLoadLocal.ASUNTO = ASUNTO\r\n payLoadLocal.CUERPO = TEXTO_DEFECTO\r\n setPayLoadLocal(payLoadLocal)\r\n\r\n } else {\r\n if (!props.ABRIR_FICHA && hayRegisto) {\r\n setHayRegistro(false);\r\n setPayLoadLocal({\r\n DESDE: \"\",\r\n PARA: \"\",\r\n ASUNTO: \"\",\r\n CUERPO: \"\"\r\n })\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n guardarEstadoFormulario(e)} />\r\n \r\n\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {payLoadLocal === null ?\r\n \r\n { props.CERRAR_FICHA(false); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n :\r\n {traducirPagina(\"No_conexion_servidor\")}
\r\n\r\n
\r\n }\r\n \r\n )\r\n}\r\n\r\nFichaEnvioEmail.propTypes = {\r\n onClick: PropTypes.func,\r\n title: PropTypes.string,\r\n emailCliente: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n ENVIAR_EMAIL: PropTypes.func,\r\n PARA: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n datosConfiguracion: state.datosConfiguracion\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaEnvioEmail);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBCol, MDBTable, MDBTableBody } from 'mdbreact';\r\nimport { addDefaultSrc } from \"../librerias/herramientas.js\"\r\nimport 'antd/dist/antd.css';\r\n\r\nimport { Drawer, Checkbox, Col, Layout, Pagination } from 'antd';\r\nimport {\r\n DrawerFichaGMVehiculoHaynes,\r\n createRipple, DrawerCarroCompra, DrawerMasInformacion,\r\n actulizarReferenciaMasInfo2, actulizarReferenciaSeleccionada,\r\n DrawerFichaMasInformacion2, DrawerStockAlmacen, efectoBotonRemove\r\n} from \"../action/actionCreators\";\r\nimport {\r\n traducirPagina, mostrarPaginaActual, obtenerListaOrdenadaPorStock, referenciaActualSelect, convertirMoneda, obtenerPaginas, limpiarGrupoDrawer, MSGOK, limpiarCocheStore, efectoLadoDeMontaje,\r\n mostarReferenciasGenericasEnPantalla, verficarSiEsCatalogo, colorCabeceraPorElPrecioDeLaReferencia, colorCabeceraFuente, buscarReferenciaYMostrarEnPantalla, copiarAlPortapapeles, filtroLadoMontaje\r\n} from \"../librerias/funciones\"\r\n\r\nimport ContainerReferenciaGenerico from './ContainerReferenciaGenerico';\r\nimport { ObtenerReferenciasByGMAndVehicleEnAPI, buscarDetallesReferencia, pad, abortFetch, ObtenerEquivalenciasArticuloByArtoOEMEnAPI, getStockDesglose, setCestaLineasEnAPI, buscarPrecioReferencia, } from \"../action/actionCreatorsRequests\";\r\n\r\nimport store from '../store'\r\nimport {\r\n CloseOutlined,\r\n SearchOutlined,\r\n ShoppingOutlined,\r\n EyeOutlined,\r\n LikeOutlined,\r\n DislikeOutlined,\r\n FileImageOutlined,\r\n FullscreenOutlined,\r\n FullscreenExitOutlined,\r\n EyeInvisibleOutlined,\r\n ControlOutlined,\r\n ApartmentOutlined,\r\n CopyOutlined,\r\n ClockCircleOutlined,\r\n FileAddOutlined,\r\n SelectOutlined\r\n} from '@ant-design/icons';\r\n\r\nconst { Content } = Layout;\r\n\r\nconst FichaGMYVehiculoHaynesPro = ({ props, openDrawerFichaGMYVehiculoHaynesPro, openDrawerReferenciaGrafico, codmotorizacion, filtrosReferencia, usuario, openDrawerMasInfo, openDrawerFichaReferenciaVehiculo, openDrawerFichaEquivalenciaArticulo, configApp, DIRECTORIO_DOCUMENTO }) => {\r\n const [colapseMarca, setColapseMarca] = React.useState(true);\r\n const [visualizacionDescuento, setVisualizacionDescuento] = React.useState(true);\r\n const [grupoMarcasLocal, setGrupoMarcasLocal] = React.useState({});\r\n const [esConLado, setEsConLado] = React.useState(false);\r\n const [hayReferencias, setHayReferencias] = React.useState(false);\r\n const [verFiltros, setVerFiltros] = React.useState(false);\r\n const [obtenerReferencia, setObtenerReferencia] = React.useState({});\r\n const [pagination, setPagination] = React.useState({});\r\n const [todasLasMarcas, setMarcas] = React.useState([]);\r\n const [todosLosGrupos, setGrupos] = React.useState([]);\r\n const [mostrarFilrosComponente, setMostrarFilrosComponente] = React.useState(true);\r\n const [checkedListMarcas, setCheckedListMarcas] = React.useState([]);\r\n const [checkedListGrupos, setCheckedListGrupos] = React.useState([]);\r\n const [listaLadosSeleccionados, setListaLadosSeleccionados] = React.useState([]);\r\n\r\n\r\n const [listaDeReferenciasDeLaPaginaActual, setListaDeReferenciasDeLaPaginaActual] = React.useState([]);\r\n const [hayReferenicaAMostrar, setHayReferenicaAMostrar] = React.useState(false);\r\n let listaDeMarcasDeLaPaginaActual = [];\r\n let listaDeReferencias = [];\r\n let crearListaTemporalDeReferencia = []\r\n\r\n const verficarCambiosListaMarcas = () => {\r\n setCheckedListMarcas(filtrosReferencia.verTodasLasMarcas ? todasLasMarcas : []);\r\n\r\n };\r\n\r\n const actulizarMarcasSeleccionadas = list => {\r\n setCheckedListMarcas(list);\r\n actualizarRegistros(grupoMarcasLocal.Referencias.auxReferencia, list, checkedListGrupos, esConLado)\r\n };\r\n\r\n const actulizarGruposSeleccionadas = list => {\r\n setCheckedListGrupos(list);\r\n actualizarRegistros(grupoMarcasLocal.Referencias.auxReferencia, checkedListMarcas, list, esConLado)\r\n };\r\n\r\n\r\n const mostrarReferenciaEnPantalla = (obtenerReferencia) => {\r\n if (obtenerReferencia !== null && !hayReferenicaAMostrar) {\r\n if (hayReferencias && Object.keys(obtenerReferencia).length > 0) {\r\n\r\n listaDeMarcasDeLaPaginaActual = mostrarPaginaActual(obtenerReferencia, pagination);\r\n\r\n listaDeMarcasDeLaPaginaActual.map((marca, i) => {\r\n listaDeReferencias = obtenerReferencia.referencias.filter(referencia => referencia.NOMRE_MARCA === marca);\r\n listaDeReferencias = obtenerListaOrdenadaPorStock(listaDeReferencias);\r\n if (listaDeReferencias.length > 0) {\r\n listaDeReferencias.map((item, pos) => {\r\n\r\n if (item.CODIGO_MARCA !== 0 || (item.CODIGO_MARCA === 0 && item.NOMRE_MARCA === \"ADICIONAL\" && item.CODIGO_MARCA_ERP !== \"0\")) {\r\n let itemTemporal = item;\r\n if (itemTemporal.CODIGO_MARCA === 0) {\r\n itemTemporal.CODIGO_MARCA = itemTemporal.CODIGO_MARCA_ERP;\r\n }\r\n\r\n buscarDetallesReferencia(itemTemporal).then(data => {\r\n if (data !== undefined) {\r\n //Se busca los detalles y se le asigna a cada referencia sus detalles.\r\n crearListaTemporalDeReferencia.map((referencia) => {\r\n let actualizarDetallesReferencia = referencia.referencias.find(referencia => referencia.CODIGO_MARCA === data.MARCA && referencia.REFERENCIA === data.ARTICULO);\r\n if (actualizarDetallesReferencia !== undefined) {\r\n actualizarDetallesReferencia.detalles = data;\r\n }\r\n })\r\n\r\n let contruirImagen = data.IMAGEN === \"\" ? \"./imagenes/sinimagen.jpg\" : DIRECTORIO_DOCUMENTO + pad(parseInt(data.MARCA), 4).toString() + \"/\" + data.IMAGEN\r\n let dom = document.getElementById(\"IMGE\" + data.MARCA + data.ARTICULO)\r\n\r\n if (dom !== null) {\r\n dom.src = contruirImagen;\r\n document.getElementById(\"ESTADOGE\" + item.CODIGO_MARCA + item.REFERENCIA).style.backgroundColor = data.ID_ESTADO === 1 ? '#4285f4' : data.ID_ESTADO === 9 ? '#D91E18' : '#dcdcdc';\r\n document.getElementById(\"ESTADOGE\" + item.CODIGO_MARCA + item.REFERENCIA).style.textAlign = \"center\";\r\n document.getElementById(\"ESTADOGE\" + item.CODIGO_MARCA + item.REFERENCIA).style.color = data.ID_ESTADO === 1 || data.ID_ESTADO === 9 ? '#fff' : '#000'\r\n document.getElementById(\"ESTADOGE\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = data.DESCRIPCION_ESTADO;\r\n document.getElementById(\"EANGE\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = data.EAN;\r\n if (data.EAN === \"\") {\r\n if (document.getElementById(\"EANIono\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"EANIono\" + item.CODIGO_MARCA + item.REFERENCIA).style.display = \"none\";\r\n }\r\n }\r\n\r\n let propiedades = \"\";\r\n let refComerciales = \"\"\r\n let sustituyeA = \"\"\r\n let sustituyePor = \"\"\r\n let masInfo = \"\"\r\n\r\n data.PROPIEDADES.split(\"|\").map((item, i) => { if (i > 0) { propiedades += '' + item + '\r\n \r\n\r\n guardarEstadoFormulario(e)} />\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n {\r\n if (!enviando) {\r\n modificarDocumento()\r\n }\r\n\r\n }}>\r\n\r\n {enviando ?
\r\n ' } })\r\n\r\n\r\n if (data.REFERENCIA_COMERCIAL.trim() !== \"\") {\r\n refComerciales = '' + traducirPagina(\"Referencia_comerciales\") + \":\" + ''\r\n data.REFERENCIA_COMERCIAL.split(\",\").map((item, i) => {\r\n if (i === data.REFERENCIA_COMERCIAL.split(\",\").length - 1) {\r\n refComerciales += ' ' + item + ''\r\n\r\n } else {\r\n refComerciales += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n\r\n if (data.SUSTITUYE_A.trim() !== \"\") {\r\n sustituyeA = '' + traducirPagina(\"Sustituye_A\") + \":\" + ''\r\n\r\n data.SUSTITUYE_A.split(\",\").map((item, i) => {\r\n if (i === data.SUSTITUYE_A.split(\",\").length - 1) {\r\n sustituyeA += ' ' + item + ''\r\n } else {\r\n sustituyeA += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n\r\n if (data.SUSTITUIDO_POR.trim() !== \"\") {\r\n sustituyePor = '' + traducirPagina(\"Sustituido_Por\") + \":\" + ''\r\n data.SUSTITUIDO_POR.split(\",\").map((item, i) => {\r\n if (i === data.SUSTITUIDO_POR.split(\",\").length - 1) {\r\n sustituyePor += ' ' + item + ''\r\n } else {\r\n sustituyePor += ' ' + item + \" | \" + ''\r\n }\r\n })\r\n }\r\n\r\n if (data.MAS_INFO.trim() !== \"\") {\r\n masInfo = \"\";\r\n masInfo = '
' + data.MAS_INFO + '
'\r\n }\r\n\r\n\r\n document.getElementById(\"PROPIEDADESGE\" + data.MARCA + data.ARTICULO).innerHTML = propiedades;\r\n\r\n if (document.getElementById(\"RefComGE\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"RefComGE\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = refComerciales !== \"\" ? refComerciales : \"\";\r\n }\r\n if (document.getElementById(\"SustituyeGE\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"SustituyeGE\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = sustituyeA !== \"\" ? sustituyeA : \"\";\r\n }\r\n if (document.getElementById(\"SustPorGE\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"SustPorGE\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = sustituyePor !== \"\" ? sustituyePor : \"\";;\r\n }\r\n\r\n if (document.getElementById(\"ContainerMasInfoGE\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"ContainerMasInfoGE\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = masInfo !== \"\" ? masInfo : \"\";\r\n }\r\n\r\n if (document.getElementById(\"btnDesgloseGE\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n if (data.CON_DESGLOSE) {\r\n document.getElementById(\"btnDesgloseGE\" + item.CODIGO_MARCA + item.REFERENCIA).style.display = null;\r\n }\r\n }\r\n\r\n }\r\n }\r\n });\r\n }\r\n\r\n\r\n buscarPrecioReferencia(item).then(data => {\r\n if (data !== undefined) {\r\n item.PRECIO = data.PRECIO\r\n item.NETO = data.NETO\r\n item.DESCUENTO = data.DESCUENTO\r\n\r\n //CONDICION PARA REYNASA\r\n if (document.getElementById(\"CT_PVP\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_PVP\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n document.getElementById(\"CT_PVP\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = \"PVP: \" + convertirMoneda(data.PRECIO, \" €\")\r\n }\r\n if (document.getElementById(\"CT_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n document.getElementById(\"CT_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = traducirPagina(\"Precio\") + \": \" + convertirMoneda(data.PRECIO, \" €\")\r\n }\r\n\r\n if (document.getElementById(\"CT_DTO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_DTO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n document.getElementById(\"CT_DTO\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = \"Dto. : \" + data.DESCUENTO + \" %\"\r\n }\r\n if (document.getElementById(\"CT_NETO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_NETO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n document.getElementById(\"CT_NETO\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = \"Neto : \" + convertirMoneda(data.NETO, \" €\")\r\n }\r\n\r\n\r\n\r\n if (document.getElementById(\"TD_GE_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"TD_GE_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n document.getElementById(\"TD_GE_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = traducirPagina(\"Precio\") + \": \" + convertirMoneda(data.PRECIO, \" €\")\r\n }\r\n if (document.getElementById(\"TD_GE_DTO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"TD_GE_DTO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n document.getElementById(\"TD_GE_DTO\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = \"Dto. : \" + data.DESCUENTO + \" %\"\r\n }\r\n if (document.getElementById(\"TD_GE_NETO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"TD_GE_NETO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n document.getElementById(\"TD_GE_NETO\" + item.CODIGO_MARCA + item.REFERENCIA).innerHTML = \"Neto : \" + convertirMoneda(data.NETO, \" €\")\r\n }\r\n } else {\r\n if (document.getElementById(\"CT_PVP\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_PVP\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n }\r\n if (document.getElementById(\"CT_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n }\r\n if (document.getElementById(\"CT_DTO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_DTO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n }\r\n if (document.getElementById(\"CT_NETO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"CT_NETO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n }\r\n\r\n\r\n if (document.getElementById(\"TD_GE_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"TD_GE_PRECIO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n }\r\n if (document.getElementById(\"TD_GE_DTO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"TD_GE_DTO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n }\r\n if (document.getElementById(\"TD_GE_NETO\" + item.CODIGO_MARCA + item.REFERENCIA) !== null) {\r\n document.getElementById(\"TD_GE_NETO\" + item.CODIGO_MARCA + item.REFERENCIA).classList.remove(\"skeleton-box\")\r\n }\r\n }\r\n })\r\n })\r\n\r\n\r\n crearListaTemporalDeReferencia.push({\r\n nombreMarca: marca,\r\n referencias: listaDeReferencias\r\n })\r\n }\r\n })\r\n\r\n if (crearListaTemporalDeReferencia.length > 0) {\r\n setListaDeReferenciasDeLaPaginaActual(crearListaTemporalDeReferencia)\r\n setHayReferenicaAMostrar(true)\r\n setMostrarFilrosComponente(true)\r\n }\r\n }\r\n }\r\n }\r\n\r\n const actualizarRegistros = (referencia, marcasSeleccionadas, gruposSeleccionados, esConLado, ladosSeleccionados) => {\r\n let objetoRegistro = mostarReferenciasGenericasEnPantalla(referencia, marcasSeleccionadas, gruposSeleccionados, ladosSeleccionados)\r\n setHayReferenicaAMostrar(false)\r\n setEsConLado(esConLado);\r\n setGrupoMarcasLocal(objetoRegistro)\r\n setObtenerReferencia(objetoRegistro.Referencias)\r\n setPagination(objetoRegistro.Pagination)\r\n setMarcas(objetoRegistro.Referencias.marcas);\r\n setGrupos(objetoRegistro.Referencias.grupoMontaje);\r\n return objetoRegistro;\r\n }\r\n\r\n\r\n const limpiarEstadoLocal = () => {\r\n setMarcas([]);\r\n setGrupos([]);\r\n setObtenerReferencia({})\r\n setHayReferencias(false)\r\n setVerFiltros(false)\r\n\r\n setListaDeReferenciasDeLaPaginaActual([])\r\n setHayReferenicaAMostrar(false)\r\n setPagination({})\r\n abortFetch()\r\n\r\n setCheckedListMarcas([])\r\n setCheckedListGrupos([])\r\n setMostrarFilrosComponente(true)\r\n }\r\n\r\n\r\n\r\n if (!hayReferencias && openDrawerFichaGMYVehiculoHaynesPro) {\r\n setHayReferencias(true);\r\n setObtenerReferencia({})\r\n if (props.componentePadre === \"PRESUPUESTO\") {\r\n ObtenerEquivalenciasArticuloByArtoOEMEnAPI(\"\", props.grupoMontaje, \"\").then(referencia => {\r\n if (referencia !== undefined) {\r\n if (referencia.EQUIVALENCIAS !== null && referencia.EQUIVALENCIAS !== undefined) {\r\n if (referencia.EQUIVALENCIAS.length > 0) {\r\n\r\n actualizarRegistros(referencia.EQUIVALENCIAS, undefined, undefined, referencia.CON_LADO_MONTAJE)\r\n } else {\r\n setObtenerReferencia(null)\r\n setMarcas([]);\r\n setGrupos([]);\r\n }\r\n } else {\r\n setObtenerReferencia(null)\r\n setMarcas([]);\r\n setGrupos([]);\r\n }\r\n }\r\n })\r\n\r\n } else {\r\n ObtenerReferenciasByGMAndVehicleEnAPI(props.grupoMontaje, props.vehiculoId).then(referencia => {\r\n if (referencia !== undefined) {\r\n if (referencia.ARTICULOSNODOS !== null && referencia.ARTICULOSNODOS !== undefined) {\r\n if (referencia.ARTICULOSNODOS.length > 0) {\r\n actualizarRegistros(referencia.ARTICULOSNODOS, undefined, undefined, referencia.CON_LADO_MONTAJE)\r\n } else {\r\n setObtenerReferencia(null)\r\n setMarcas([]);\r\n setGrupos([]);\r\n }\r\n } else {\r\n setObtenerReferencia(null)\r\n setMarcas([]);\r\n setGrupos([]);\r\n }\r\n } else {\r\n setObtenerReferencia(null)\r\n setMarcas([]);\r\n setGrupos([]);\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n } else {\r\n if (!openDrawerFichaGMYVehiculoHaynesPro && hayReferencias) {\r\n limpiarEstadoLocal()\r\n }\r\n }\r\n\r\n\r\n\r\n const aplicarFiltroPorMarca = (e) => {\r\n let texto = e.target.value.toUpperCase();\r\n if (texto.length > 2) {\r\n let marcas = obtenerReferencia.marcas.filter(marca => marca.toUpperCase().includes(texto));\r\n if (marcas.length > 0) {\r\n setMarcas(marcas);\r\n }\r\n }\r\n }\r\n\r\n const efectoBotonRemoveLocal = (idControl, idBoton, tipoId) => {\r\n let controlBuscador = idControl === \"\" ? \"\" : document.getElementById(idControl) !== null ? document.getElementById(idControl).value : \"\";\r\n let activarEfecto = controlBuscador.trim() === \"\" ? false : true;\r\n\r\n if (activarEfecto) {\r\n document.getElementById(idBoton).style.visibility = \"visible\";\r\n } else {\r\n if (tipoId === \"MARCAS\") {\r\n document.getElementById(\"buscadorFiltroMarcaGE\").value = \"\";\r\n setMarcas(obtenerReferencia.marcas);\r\n\r\n } else {\r\n if (document.getElementById(\"buscadorFiltroGrupoGE\") !== null) {\r\n setGrupos(obtenerReferencia.grupoMontaje);\r\n }\r\n }\r\n\r\n document.getElementById(idBoton).style.visibility = \"hidden\";\r\n }\r\n }\r\n\r\n const aplicarFiltroPorGrupo = (e) => {\r\n let texto = e.target.value.toUpperCase();\r\n if (texto.length > 2) {\r\n let grupos = obtenerReferencia.grupoMontaje.filter(grupo => grupo.toUpperCase().includes(texto));\r\n if (grupos.length > 0) {\r\n setGrupos(grupos);\r\n\r\n }\r\n }\r\n }\r\n\r\n const verficarCambiosListaGrupos = () => {\r\n setCheckedListGrupos(filtrosReferencia.verTodosLosGrupos ? todosLosGrupos : []);\r\n };\r\n\r\n\r\n const updateNumberPage = (current, size) => {\r\n let listaPaginas = obtenerPaginas(grupoMarcasLocal.Referencias, size);\r\n //console.log(\"objeto ref\", listaPaginas)\r\n setPagination({\r\n \"numeroTotalRegistro\": grupoMarcasLocal.Referencias.referencias.length - 1,\r\n \"numeroTotalRegistroPaginacion\": listaPaginas.length * size,\r\n \"numeroRegistroPagina\": size,\r\n \"numeroDePaginas\": listaPaginas.length,\r\n \"paginas\": listaPaginas,\r\n \"paginaAMostrar\": current - 1\r\n })\r\n\r\n setHayReferenicaAMostrar(false)\r\n }\r\n\r\n\r\n\r\n const actualizarReferenciasEnPantalla = (page, pageSize) => {\r\n setHayReferenicaAMostrar(false)\r\n pagination.paginaAMostrar = page - 1;\r\n pagination.numeroRegistroPagina = pageSize;\r\n setPagination(pagination);\r\n mostrarReferenciaEnPantalla(obtenerReferencia);\r\n }\r\n\r\n const añadirLocalmenteLadoMontaje = (lado, estaActivo) => {\r\n let listaSeleccionados = []\r\n if (estaActivo) {\r\n if (listaLadosSeleccionados.length === 0) {\r\n listaSeleccionados.push(lado)\r\n //setLadoMontajeSeleccionados(listaSeleccionados)\r\n } else {\r\n let seEncuentra = listaLadosSeleccionados.find(registro => registro === lado);\r\n if (seEncuentra === undefined) {\r\n listaSeleccionados = listaLadosSeleccionados\r\n listaSeleccionados.push(lado)\r\n //setLadoMontajeSeleccionados(listaSeleccionados);\r\n }\r\n }\r\n\r\n } else {\r\n if (listaLadosSeleccionados.length > 0) {\r\n listaSeleccionados = listaLadosSeleccionados;\r\n let i = listaSeleccionados.indexOf(lado);\r\n listaSeleccionados.splice(i, 1);\r\n //setLadoMontajeSeleccionados(listaSeleccionados)\r\n\r\n }\r\n }\r\n\r\n\r\n setListaLadosSeleccionados(listaSeleccionados);\r\n let objetoRegistro = actualizarRegistros(grupoMarcasLocal.Referencias.auxReferencia, checkedListMarcas, checkedListGrupos, esConLado, listaSeleccionados)\r\n\r\n if (objetoRegistro.Referencias.referencias.length === 0) {\r\n setListaDeReferenciasDeLaPaginaActual([])\r\n setHayReferenicaAMostrar(false)\r\n setMostrarFilrosComponente(false)\r\n setMarcas([]);\r\n setGrupos([]);\r\n }\r\n }\r\n\r\n const actulizarEstadoTiempoReparacio = (objetoLocal) => {\r\n if (props.listaTiempoReparacion.length > 0) {\r\n\r\n if (props.componentePadre === \"TIEMPOS\") {\r\n\r\n props.listaTiempoReparacion.map(tiempo => {\r\n if (tiempo.tareas.length > 0) {\r\n tiempo.tareas.map(tarea => {\r\n if (tarea.Articulos.length > 0) {\r\n tarea.Articulos.map(articulo => {\r\n if (articulo.Id.toString() === props.grupoMontaje) {\r\n articulo.Precio = objetoLocal.PRECIO\r\n articulo.Referencia = objetoLocal.REFERENCIA\r\n articulo.Marca = objetoLocal.NOMRE_MARCA\r\n\r\n articulo.ReferenciaSeleccionado = objetoLocal\r\n }\r\n\r\n })\r\n }\r\n })\r\n }\r\n })\r\n } else if (props.componentePadre === \"MANTENIMIENTOS\") {\r\n props.listaTiempoReparacion.map(tiempo => {\r\n if (tiempo.SubTareas.length > 0) {\r\n tiempo.SubTareas.map(tarea => {\r\n if (tarea.Articulos.length > 0) {\r\n tarea.Articulos.map(articulo => {\r\n if (articulo.Id.toString() === props.grupoMontaje) {\r\n articulo.Precio = objetoLocal.PRECIO\r\n articulo.Referencia = objetoLocal.REFERENCIA\r\n articulo.Marca = objetoLocal.NOMRE_MARCA\r\n\r\n articulo.ReferenciaSeleccionado = objetoLocal\r\n }\r\n\r\n })\r\n }\r\n })\r\n }\r\n\r\n })\r\n }\r\n props.modificarArticulo = [...props.listaTiempoReparacion];\r\n\r\n } else if (props.componentePadre === \"PRESUPUESTO\") {\r\n props.modificarArticulo(objetoLocal)\r\n }\r\n\r\n\r\n if (props.componentePadre === \"TECRMI\") {\r\n props.registroSeleccionado(objetoLocal)\r\n }\r\n\r\n\r\n\r\n store.dispatch(DrawerFichaGMVehiculoHaynes(false));\r\n }\r\n\r\n mostrarReferenciaEnPantalla(obtenerReferencia);\r\n\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n { store.dispatch(DrawerFichaGMVehiculoHaynes(false)); createRipple(e) }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n {Object.keys(pagination).length > 0 ?\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nFichaGMYVehiculoHaynesPro.propTypes = {\r\n modificarArticulo: PropTypes.func,\r\n listaTiempoReparacion: PropTypes.array,\r\n config: PropTypes.object,\r\n detallesReferencia: PropTypes.object,\r\n masInformacion: PropTypes.object,\r\n fichaAbierta: PropTypes.bool,\r\n activeItemOuterTabs: PropTypes.string,\r\n grupoMontaje: PropTypes.string,\r\n vehiculoId: PropTypes.string,\r\n componentePadre: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n fichaBusquedaVehiculo: state.fichaBusquedaVehiculo,\r\n datosGraficos: state.datosGraficos,\r\n configApp: state.configApp,\r\n\r\n props: props,\r\n openDrawerFichaGMYVehiculoHaynesPro: state.estadoDrawer.openDrawerFichaGMYVehiculoHaynesPro,\r\n mostrarComponente: state.mostrarComponente,\r\n propiedadesVisor: state.propiedadesVisor,\r\n buscadorTree: state.buscadorTree,\r\n nodoGraficoSeleccionado: state.nodoGraficoSeleccionado,\r\n codmotorizacion: state.codmotorizacion,\r\n\r\n\r\n openDrawerReferenciaGrafico: state.estadoDrawer.openDrawerReferenciaGrafico,\r\n openDrawerFichaReferenciaVehiculo: state.estadoDrawer.openDrawerFichaReferenciaVehiculo,\r\n openDrawerFichaEquivalenciaArticulo: state.estadoDrawer.openDrawerFichaEquivalenciaArticulo,\r\n openDrawerMasInfo: state.estadoDrawer.openDrawerMasInfo,\r\n openDrawerMasInfo2: state.estadoDrawer.openDrawerMasInfo2,\r\n mostrarComponente: state.mostrarComponente,\r\n propiedadesVisor: state.propiedadesVisor,\r\n grupoDeMarcas: state.grupoDeMarcas,\r\n\r\n buscadorTree: state.buscadorTree,\r\n nodoGraficoSeleccionado: state.nodoGraficoSeleccionado,\r\n codmotorizacion: state.codmotorizacion,\r\n filtrosReferencia: state.filtrosReferencia,\r\n usuario: state.usuario,\r\n DIRECTORIO_DOCUMENTO: state.DIRECTORIO_DOCUMENTO\r\n\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaGMYVehiculoHaynesPro);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { DrawerFichaManoDeObra } from \"../action/actionCreators\"\r\nimport { MSGOK, convertirMoneda, calculoLineaFacturacion, dynamicSortDesc, dynamicSortAsc, calculoTotalesPresupuesto,asignarImportes, MSGERROR, traducirPagina } from '../librerias/funciones'\r\nimport { MDBBtn, MDBCol } from 'mdbreact';\r\nimport {\r\n FallOutlined,\r\n SaveOutlined\r\n\r\n} from '@ant-design/icons';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs } from 'antd';\r\nimport store from \"../store\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst ManoObraGenerico = ({ props, configApp, datosFacturacion }) => {\r\n const [cargarLineasLocal, setCargarLineasLocal] = React.useState(false);\r\n const [desabilitarBotonLinea, setDesabilitarBotonLinea] = React.useState(false);\r\n const [lineasLocal, setLineasLocal] = React.useState([]);\r\n const inputRef = React.useRef(null);\r\n const sharedProps = {\r\n ref: inputRef,\r\n };\r\n\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ORDEN_LINEA: 0,\r\n TIPO_LINEA: \"T\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n }\r\n );\r\n \r\n \r\n\r\n\r\n const calcularTodo = (cantidad, precio, DTO, iva) => {\r\n let lineFacturacion = calculoLineaFacturacion(cantidad, precio, DTO, iva)\r\n payLoadLocal.IMPORTE_BRUTO = lineFacturacion.importeBruto;\r\n payLoadLocal.IMPORTE_DESCUENTOS = lineFacturacion.importeDescuento;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE = lineFacturacion.baseImp;\r\n payLoadLocal.IMPORTE_IMPUESTOS = lineFacturacion.impuesto;\r\n payLoadLocal.IMPORTE_TOTAL = lineFacturacion.total;\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n }\r\n\r\n\r\n if (props.ABRIR_FICHA && !cargarLineasLocal) {\r\n setCargarLineasLocal(true);\r\n setLineasLocal(props.lineas)\r\n\r\n setTimeout(() => {\r\n if( inputRef.current !== undefined && inputRef.current !== null){\r\n inputRef.current.focus({\r\n cursor: 'start',\r\n },[]);\r\n }\r\n }, 500)\r\n\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n setPayLoadLocal({\r\n ORDEN_LINEA: props.lineaSeleccionada.ORDEN_LINEA,\r\n \r\n TIPO_LINEA: props.lineaSeleccionada.TIPO_LINEA,\r\n REFERENCIA_SOCIO: props.lineaSeleccionada.REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: props.lineaSeleccionada.REFERENCIA_TECDOC,\r\n MARCA_SOCIO: props.lineaSeleccionada.MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: props.lineaSeleccionada.MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: props.lineaSeleccionada.MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: props.lineaSeleccionada.MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: props.lineaSeleccionada.REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: props.lineaSeleccionada.MANO_OBRA,\r\n PRECIO: props.lineaSeleccionada.PRECIO,\r\n IVA_VALOR: props.lineaSeleccionada.IVA_VALOR,\r\n DTO_VALOR: props.lineaSeleccionada.DTO_VALOR,\r\n CANTIDAD: props.lineaSeleccionada.CANTIDAD,\r\n IMPORTE_BRUTO: props.lineaSeleccionada.IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: props.lineaSeleccionada.IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: props.lineaSeleccionada.IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: props.lineaSeleccionada.IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: props.lineaSeleccionada.IMPORTE_TOTAL,\r\n ID: props.lineaSeleccionada.ID\r\n\r\n })\r\n } else {\r\n\r\n payLoadLocal.IVA_VALOR = datosFacturacion.ivaPorDefecto\r\n payLoadLocal.PRECIO = datosFacturacion.manoObraPorDecto\r\n \r\n setPayLoadLocal(payLoadLocal)\r\n calcularTodo(payLoadLocal.CANTIDAD, payLoadLocal.PRECIO, payLoadLocal.DTO_VALOR, payLoadLocal.IVA_VALOR);\r\n }\r\n\r\n } else {\r\n if (cargarLineasLocal && !props.ABRIR_FICHA) {\r\n setCargarLineasLocal(false);\r\n setLineasLocal([])\r\n \r\n setPayLoadLocal({\r\n ORDEN_LINEA: 0,\r\n \r\n TIPO_LINEA: \"T\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n })\r\n }\r\n }\r\n\r\n const gestionarLineaManoObra = () => {\r\n let arr = lineasLocal;\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n let buscarID = arr.findIndex(manoObra => manoObra.ID === payLoadLocal.ID)\r\n if (buscarID !== undefined) {\r\n //let i = arr.indexOf(payLoadLocal.ID);\r\n arr.splice(buscarID, 1);\r\n\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n\r\n props.stateLineasManoObra(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineas, props.lineasArticulos)\r\n \r\n props.statePayLoadDocumento(asignarImportes(props,resultTotales))\r\n\r\n props.CERRAR_FICHA(false)\r\n \r\n }\r\n\r\n } else {\r\n //NUEVA LINEA\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n props.stateLineasManoObra(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineas, props.lineasArticulos)\r\n props.statePayLoadDocumento(asignarImportes(props,resultTotales))\r\n\r\n\r\n props.CERRAR_FICHA(false)\r\n }\r\n }\r\n\r\n\r\n const convertirCantidad = (CANTIDAD) =>{\r\n CANTIDAD = CANTIDAD.replace(\",\",\".\")\r\n return CANTIDAD;\r\n }\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const CANTIDAD = e.target.name === 'CANTIDAD' ? convertirCantidad(e.target.value) : payLoadLocal.CANTIDAD;\r\n const DTO_VALOR = e.target.name === 'DTO_VALOR' ? e.target.value : payLoadLocal.DTO_VALOR;\r\n //const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n //const ID_TALLER = e.target.name === 'ID_TALLER' ? e.target.value : payLoadLocal.ID_TALLER;\r\n const IMPORTE_BASE_IMPONIBLE = e.target.name === 'IMPORTE_BASE_IMPONIBLE' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE;\r\n const IMPORTE_BRUTO = e.target.name === 'IMPORTE_BRUTO' ? e.target.value : payLoadLocal.IMPORTE_BRUTO;\r\n const IMPORTE_DESCUENTOS = e.target.name === 'IMPORTE_DESCUENTOS' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS;\r\n const IMPORTE_IMPUESTOS = e.target.name === 'IMPORTE_IMPUESTOS' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS;\r\n const IMPORTE_TOTAL = e.target.name === 'IMPORTE_TOTAL' ? e.target.value : payLoadLocal.IMPORTE_TOTAL;\r\n const IVA_VALOR = e.target.name === 'IVA_VALOR' ? e.target.value : payLoadLocal.IVA_VALOR;\r\n const MANO_OBRA = e.target.name === 'MANO_OBRA' ? e.target.value : payLoadLocal.MANO_OBRA;\r\n const MARCA_SOCIO = e.target.name === 'MARCA_SOCIO' ? e.target.value : payLoadLocal.MARCA_SOCIO;\r\n const MARCA_SOCIO_DESCRIPCION = e.target.name === 'MARCA_SOCIO_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_SOCIO_DESCRIPCION;\r\n const MARCA_TECDOC = e.target.name === 'MARCA_TECDOC' ? e.target.value : payLoadLocal.MARCA_TECDOC;\r\n const MARCA_TECDOC_DESCRIPCION = e.target.name === 'MARCA_TECDOC_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_TECDOC_DESCRIPCION;\r\n const REFERENCIA_DESCRIPCION = e.target.name === 'REFERENCIA_DESCRIPCION' ? e.target.value : payLoadLocal.REFERENCIA_DESCRIPCION;\r\n const REFERENCIA_SOCIO = e.target.name === 'REFERENCIA_SOCIO' ? e.target.value : payLoadLocal.REFERENCIA_SOCIO;\r\n const REFERENCIA_TECDOC = e.target.name === 'REFERENCIA_TECDOC' ? e.target.value : payLoadLocal.REFERENCIA_TECDOC;\r\n const TIPO_LINEA = e.target.name === 'TIPO_LINEA' ? e.target.value : payLoadLocal.TIPO_LINEA;\r\n const PRECIO = e.target.name === 'PRECIO' ? e.target.value : payLoadLocal.PRECIO;\r\n const ORDEN_LINEA = e.target.name === 'ORDEN_LINEA' ? e.target.value : payLoadLocal.ORDEN_LINEA;\r\n const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n\r\n\r\n setPayLoadLocal(\r\n {\r\n ORDEN_LINEA: ORDEN_LINEA,\r\n \r\n TIPO_LINEA: TIPO_LINEA,\r\n REFERENCIA_SOCIO: REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: REFERENCIA_TECDOC,\r\n MARCA_SOCIO: MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: MANO_OBRA,\r\n PRECIO: PRECIO,\r\n IVA_VALOR: IVA_VALOR,\r\n DTO_VALOR: DTO_VALOR,\r\n CANTIDAD: CANTIDAD,\r\n IMPORTE_BRUTO: IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: IMPORTE_TOTAL,\r\n ID: ID\r\n }\r\n )\r\n }\r\n\r\n const verificarElIva = (e) =>{\r\n let lineaManoObra = props.lineas;\r\n let lineaArticulos = props.lineasArticulos;\r\n let totalLinea = lineaManoObra.concat(lineaArticulos);\r\n\r\n let uniqueArray = totalLinea.reduce(function (a, d) {\r\n if (a.indexOf(d.IVA_VALOR) === -1) {\r\n a.push(d.IVA_VALOR);\r\n }\r\n return a;\r\n }, []);\r\n\r\n \r\n if(uniqueArray.length === 3 ){\r\n let comprabarCoincidencia = uniqueArray.find(iva => (iva.toString()) === e.target.value)\r\n if(comprabarCoincidencia === undefined){\r\n MSGERROR(`${traducirPagina(\"msg_limite_iva\")} ${uniqueArray.toString()}`)\r\n setDesabilitarBotonLinea(true)\r\n }else{\r\n setDesabilitarBotonLinea(false)\r\n }\r\n }else{\r\n setDesabilitarBotonLinea(false)\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {\r\n colapseMarca ?\r\n \r\n\r\n \r\n {\r\n visualizacionDescuento ?\r\n \r\n\r\n \r\n {\r\n verFiltros ?\r\n \r\n\r\n\r\n\r\n \r\n {esConLado !== undefined ?\r\n esConLado ?\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgDelantero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"V\", estaActivo);\r\n }}>\r\n : null\r\n : null}\r\n \r\n\r\n \r\n {esConLado !== undefined ?\r\n esConLado ?\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgDerecho\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"D\", estaActivo)\r\n }}>\r\n : null\r\n : null}\r\n \r\n\r\n \r\n {esConLado !== undefined ?\r\n esConLado ?\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgIzquierdo\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"L\", estaActivo)\r\n }}>\r\n : null\r\n : null}\r\n \r\n\r\n \r\n {esConLado !== undefined ?\r\n esConLado ?\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgTrasero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"H\", estaActivo)\r\n }}>\r\n : null\r\n : null}\r\n \r\n\r\n \r\n
\r\n { setColapseMarca(false); setHayReferenicaAMostrar(false) }} >\r\n
\r\n :\r\n { setColapseMarca(true); setHayReferenicaAMostrar(false) }} >\r\n
\r\n\r\n }\r\n setVisualizacionDescuento(false)} >\r\n
\r\n :\r\n { setVisualizacionDescuento(true) }} >\r\n
\r\n\r\n }\r\n setVerFiltros(false)} >\r\n
\r\n :\r\n\r\n {\r\n setVerFiltros(true);\r\n }}>\r\n
\r\n\r\n }\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgDelantero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"V\", estaActivo);\r\n }}>\r\n : null\r\n : null}\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgDerecho\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"D\", estaActivo)\r\n }}>\r\n : null\r\n : null}\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgIzquierdo\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"L\", estaActivo)\r\n }}>\r\n : null\r\n : null}\r\n {\r\n let estaActivo = efectoLadoDeMontaje(\"imgTrasero\" + props.tipoComponente);\r\n añadirLocalmenteLadoMontaje(\"H\", estaActivo)\r\n }}>\r\n : null\r\n : null}\r\n \r\n {Object.keys(pagination).length > 0 ?\r\n { updateNumberPage(current, size) }}\r\n total={pagination.numeroDePaginas * pagination.numeroRegistroPagina}\r\n showTotal={() => ` ${(pagination.numeroTotalRegistro + 1) + \" \" + traducirPagina(\"Referencias\").toLowerCase()} `}\r\n current={pagination.paginaAMostrar + 1}\r\n defaultPageSize={40}\r\n onChange={(page, pageSize) => { actualizarReferenciasEnPantalla(page, pageSize) }}\r\n > \r\n : null\r\n }\r\n
\r\n \r\n
\r\n \r\n { actulizarMarcasSeleccionadas(e); }}>\r\n {\r\n todasLasMarcas.map((row, i) =>\r\n \r\n\r\n { actulizarGruposSeleccionadas(arrayGrupoMontaje); /*mostarReferenciasEnPantalla(grupoDeMarcas.auxReferencia);*/ }}>\r\n {\r\n todosLosGrupos.map((row, i) =>\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n {/* store.dispatch(props.tipoComponente === \"graficos\" || props.tipoComponente === \"referenciaMarca\" || props.tipoComponente === \"equivalenciaArticulo\" */}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {/* onClick={(e) => {store.dispatch(verFiltroPorMarca(filtrosReferencia.verTodasLasMarcas ? false:true))}} */}\r\n \r\n
\r\n \r\n { aplicarFiltroPorMarca(e); efectoBotonRemoveLocal(\"buscadorFiltroMarcaGE\", \"closeFiltroMarcaGE\", \"MARCAS\") }} />\r\n
\r\n\r\n \r\n { createRipple(e); efectoBotonRemoveLocal(\"\", \"closeFiltroMarcaGE\", \"MARCAS\") }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n \r\n
\r\n \r\n {row} \r\n
\r\n
\r\n )\r\n }\r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n { aplicarFiltroPorGrupo(e); efectoBotonRemoveLocal(\"buscadorFiltroGrupoGE\", \"closeFiltroGrupoGE\", \"GRUPOS\") }} />\r\n
\r\n\r\n \r\n { createRipple(e); efectoBotonRemoveLocal(\"\", \"closeFiltroGrupoGE\", \"GRUPOS\") }} style={{ border: '0', padding: '6px 5px 5px 7px', margin: '0', boxShadown: 'none', visibility: 'hidden' }} className=\"btn-matriculav2\"> \r\n
\r\n\r\n \r\n\r\n \r\n { createRipple(e); }} style={{ border: '0', padding: '6px 1px 5px 7px', margin: '0', boxShadown: 'none' }} className=\"btn-matriculav2\"> \r\n
\r\n \r\n \r\n
\r\n \r\n {row} \r\n
\r\n
\r\n )\r\n }\r\n \r\n
\r\n {obtenerReferencia === null ?\r\n \r\n :\r\n Object.keys(obtenerReferencia).length > 0 ?\r\n listaDeReferenciasDeLaPaginaActual.map((marca, i) =>\r\n colapseMarca ?\r\n \r\n }\r\n
\r\n \r\n {traducirPagina(\"Sin_referencias\")}
\r\n
\r\n :\r\n {marca.nombreMarca}
\r\n {marca.referencias.map((item, i) =>\r\n\r\n
: null}\r\n
\r\n )}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n {/*\r\n \r\n \r\n\r\n */}\r\n {/*\r\n \r\n */}\r\n\r\n\r\n {\r\n store.dispatch(DrawerStockAlmacen(true));\r\n referenciaActualSelect({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REFERENCIA_PROVEEDOR: item.REFERENCIA_PROVEEDOR, REGISTROS: item });\r\n\r\n }}\r\n className=\"activebtnMenu2 col-md-12\"\r\n style={{ height: '40px', width: '210px', border: '0', borderRadius: '3px', fontSize: '13px', verticalAlign: 'bottom', color: item.STOCK_ALMACEN > 0 ? '#25c281' : item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL > 0 ? '#ff8000' : 'red', backgroundColor: 'transparent', display: verficarSiEsCatalogo(usuario) ? 'none' : '', marginBottom: '5px' }}\r\n >\r\n {item.STOCK_ALMACEN === 0 && item.STOCK_TOTAL === 0 ?\r\n \r\n
\r\n {marca.referencias.length > 1 ? (marca.referencias.length - 1) === i ? null : {\r\n store.dispatch(DrawerMasInformacion(true));\r\n store.dispatch(actulizarReferenciaSeleccionada({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, NUMBERTAG: \"3\" }));\r\n }}>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n limpiarGrupoDrawer();\r\n limpiarCocheStore();\r\n\r\n setTimeout(() => {\r\n document.getElementById(\"buscadorReferencia\").value = item.REFERENCIA\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: item.REFERENCIA });\r\n buscarReferenciaYMostrarEnPantalla(item.REFERENCIA)\r\n efectoBotonRemove(item.REFERENCIA, \"closeBuscadorReferencia\")\r\n }, 500)\r\n\r\n }}> {item.REFERENCIA + \" \"} \r\n\r\n { copiarAlPortapapeles(\"referenciaGECopiarAPortapapel\" + item.CODIGO_MARCA + item.REFERENCIA) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} />\r\n\r\n {item.NOMBRE_GRUPO_MONTAJE}\r\n \r\n
\r\n {traducirPagina(\"Referencia_proveedor\") + \": \"}\r\n {item.REFERENCIA_PROVEEDOR}\r\n {item.REFERENCIA_PROVEEDOR !== \"\" ? { copiarAlPortapapeles(\"referenciaProveedorGECopiarAPortapapel\" + item.CODIGO_MARCA + item.REFERENCIA) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} /> : null}\r\n\r\n
\r\n {\"EAN: \"}\r\n \r\n { copiarAlPortapapeles(\"EANGE\" + item.CODIGO_MARCA + item.REFERENCIA) }} style={{ fontSize: '18px', color: '#000', verticalAlign: 'text-bottom', cursor: 'pointer', paddingRight: '10px' }} />\r\n\r\n \r\n
\r\n \r\n \r\n {traducirPagina(\"Referencia_proveedor\") + \": \"}\r\n {item.REFERENCIA_PROVEEDOR}\r\n {item.REFERENCIA_PROVEEDOR !== \"\" ?
\r\n {\"EAN: \"}\r\n \r\n
\r\n
\r\n\r\n \r\n {\r\n if (e.target.title !== \"labelRefComercial\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n\r\n }} id={\"RefComGE\" + item.CODIGO_MARCA + item.REFERENCIA} className={\"RefComGE\" + item.CODIGO_MARCA + item.REFERENCIA}>\r\n \r\n
\r\n\r\n \r\n {\r\n if (e.target.title !== \"labelSustituyeA\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n }\r\n } id={\"SustituyeGE\" + item.CODIGO_MARCA + item.REFERENCIA} >\r\n \r\n
\r\n\r\n \r\n {\r\n if (e.target.title !== \"labelSustituyePor\") {\r\n document.getElementById(\"buscadorReferencia\").value = e.target.innerText.replace(\"|\", \"\")\r\n store.dispatch({ type: \"STATE_TXT_BUSCAR_REFERENCIA\", txtBuscadorReferencia: e.target.innerText.replace(\"|\", \"\") });\r\n buscarReferenciaYMostrarEnPantalla(e.target.innerText.replace(\"|\", \"\"))\r\n efectoBotonRemove(e.target.innerText.replace(\"|\", \"\"), \"closeBuscadorReferencia\")\r\n }\r\n }\r\n } id={\"SustPorGE\" + item.CODIGO_MARCA + item.REFERENCIA} >\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n\r\n\r\n {codmotorizacion !== \"\" ?\r\n {traducirPagina(\"PVP\").toUpperCase() + \": \" + convertirMoneda(item.PRECIO, \" €\")}
\r\n\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(item.PRECIO, \" €\")}
\r\n\r\n \r\n {traducirPagina(\"Dto\") + \": \" + item.DESCUENTO + \" %\"} \r\n
\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}\r\n
\r\n
\r\n\r\n\r\n \r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}\r\n
\r\n
\r\n \r\n
\r\n : null}\r\n\r\n : null}\r\n
\r\n
\r\n )\r\n :\r\n {marca.nombreMarca}
\r\n {marca.referencias !== undefined ?\r\n marca.referencias.map((item, i) =>\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }));\r\n }}>\r\n \r\n {item.REFERENCIA}\r\n {\" \" + item.NOMBRE_GRUPO_MONTAJE}\r\n \r\n \r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }))\r\n }}\r\n style={{ width: '180px' }}>\r\n \r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }))\r\n\r\n }} style={{ width: '120px' }}>\r\n \r\n\r\n {\r\n store.dispatch(DrawerFichaMasInformacion2(true));\r\n store.dispatch(actulizarReferenciaMasInfo2({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA }))\r\n\r\n }} style={{ width: '170px' }}>\r\n \r\n\r\n {\r\n store.dispatch(DrawerStockAlmacen(true));\r\n referenciaActualSelect({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REFERENCIA_PROVEEDOR: item.REFERENCIA_PROVEEDOR, REGISTROS: item });\r\n\r\n }}>\r\n \r\n \r\n\r\n {\r\n createRipple(e);\r\n store.dispatch(DrawerCarroCompra(true));\r\n referenciaActualSelect({ REFERENCIA: item.REFERENCIA, CODIGO_MARCA: item.CODIGO_MARCA, REFERENCIA_PROVEEDOR: item.REFERENCIA_PROVEEDOR, TITULO: traducirPagina(\"Editar_referencia_a_la_cesta\").toUpperCase(), REGISTROS: item });\r\n }}>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n :\r\n null\r\n }\r\n {traducirPagina(\"Precio\") + \": \" + convertirMoneda(item.PRECIO, \" €\")}
\r\n {traducirPagina(\"Dto\") + \": \" + item.DESCUENTO + \" %\"}
\r\n {traducirPagina(\"Neto\") + \": \" + convertirMoneda(item.NETO, \" €\")}
\r\n \r\n
\r\n\r\n \r\n { \r\n props.CERRAR_FICHA(false)\r\n props.LIMPIAR_SELECCIONADA({})\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nManoObraGenerico.propTypes = {\r\n title: PropTypes.string,\r\n lineas: PropTypes.array,\r\n lineasArticulos: PropTypes.array,\r\n stateLineasManoObra: PropTypes.func,\r\n lineaSeleccionada: PropTypes.object,\r\n payLoadLocal: PropTypes.object,\r\n statePayLoadDocumento:PropTypes.func,\r\n\r\n ABRIR_FICHA:PropTypes.bool,\r\n CERRAR_FICHA:PropTypes.func,\r\n LIMPIAR_SELECCIONADA:PropTypes.func,\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n datosFacturacion: state.datosFacturacion\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(ManoObraGenerico);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { MSGOK, convertirMoneda, calculoLineaFacturacion, dynamicSortDesc, dynamicSortAsc, calculoTotalesPresupuesto, asignarImportes, MSGERROR, traducirPagina } from '../librerias/funciones'\r\nimport { MDBBtn, MDBCol } from 'mdbreact';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs } from 'antd';\r\nconst { TabPane } = Tabs;\r\n\r\nconst ArticuloGenerico = ({ props, configApp, datosFacturacion }) => {\r\n const [cargarLineasLocal, setCargarLineasLocal] = React.useState(false);\r\n const [desabilitarBotonLinea, setDesabilitarBotonLinea] = React.useState(false);\r\n\r\n const [lineasLocal, setLineasLocal] = React.useState([]);\r\n const inputRef = React.useRef(null);\r\n const sharedProps = {\r\n ref: inputRef,\r\n };\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ORDEN_LINEA: 0,\r\n TIPO_LINEA: \"A\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n }\r\n );\r\n\r\n\r\n const calcularTodo = (cantidad, precio, DTO, iva) => {\r\n let lineFacturacion = calculoLineaFacturacion(cantidad, precio, DTO, iva)\r\n\r\n payLoadLocal.IMPORTE_BRUTO = lineFacturacion.importeBruto;\r\n payLoadLocal.IMPORTE_DESCUENTOS = lineFacturacion.importeDescuento;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE = lineFacturacion.baseImp;\r\n payLoadLocal.IMPORTE_IMPUESTOS = lineFacturacion.impuesto;\r\n payLoadLocal.IMPORTE_TOTAL = lineFacturacion.total;\r\n setPayLoadLocal(payLoadLocal)\r\n }\r\n\r\n\r\n if (props.ABRIR_FICHA && !cargarLineasLocal) {\r\n setCargarLineasLocal(true);\r\n setLineasLocal(props.lineas)\r\n\r\n setTimeout(() => {\r\n if (inputRef.current !== undefined && inputRef.current !== null) {\r\n inputRef.current.focus({\r\n cursor: 'start',\r\n }, []);\r\n }\r\n }, 500)\r\n\r\n\r\n\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n setPayLoadLocal({\r\n ORDEN_LINEA: props.lineaSeleccionada.ORDEN_LINEA,\r\n TIPO_LINEA: props.lineaSeleccionada.TIPO_LINEA,\r\n REFERENCIA_SOCIO: props.lineaSeleccionada.REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: props.lineaSeleccionada.REFERENCIA_TECDOC,\r\n MARCA_SOCIO: props.lineaSeleccionada.MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: props.lineaSeleccionada.MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: props.lineaSeleccionada.MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: props.lineaSeleccionada.MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: props.lineaSeleccionada.REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: props.lineaSeleccionada.MANO_OBRA,\r\n PRECIO: props.lineaSeleccionada.PRECIO,\r\n IVA_VALOR: props.lineaSeleccionada.IVA_VALOR,\r\n DTO_VALOR: props.lineaSeleccionada.DTO_VALOR,\r\n CANTIDAD: props.lineaSeleccionada.CANTIDAD,\r\n IMPORTE_BRUTO: props.lineaSeleccionada.IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: props.lineaSeleccionada.IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: props.lineaSeleccionada.IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: props.lineaSeleccionada.IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: props.lineaSeleccionada.IMPORTE_TOTAL,\r\n ID: props.lineaSeleccionada.ID\r\n\r\n })\r\n } else {\r\n payLoadLocal.IVA_VALOR = datosFacturacion.ivaPorDefecto\r\n //payLoadLocal.PRECIO = datosFacturacion.manoObraPorDecto\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n calcularTodo(payLoadLocal.CANTIDAD, payLoadLocal.PRECIO, payLoadLocal.DTO_VALOR, payLoadLocal.IVA_VALOR);\r\n }\r\n\r\n } else {\r\n if (cargarLineasLocal && !props.ABRIR_FICHA) {\r\n setCargarLineasLocal(false);\r\n setLineasLocal([])\r\n //setFormatearCantidad(true)\r\n\r\n setPayLoadLocal({\r\n ORDEN_LINEA: 0,\r\n TIPO_LINEA: \"A\",\r\n REFERENCIA_SOCIO: \"\",\r\n REFERENCIA_TECDOC: \"\",\r\n MARCA_SOCIO: \"\",\r\n MARCA_SOCIO_DESCRIPCION: \"\",\r\n MARCA_TECDOC: 0,\r\n MARCA_TECDOC_DESCRIPCION: \"\",\r\n REFERENCIA_DESCRIPCION: \"\",\r\n MANO_OBRA: \"\",\r\n PRECIO: 0.00,\r\n IVA_VALOR: 0.00,\r\n DTO_VALOR: 0.00,\r\n CANTIDAD: 1.00,\r\n IMPORTE_BRUTO: 0.00,\r\n IMPORTE_DESCUENTOS: 0.00,\r\n IMPORTE_BASE_IMPONIBLE: 0.00,\r\n IMPORTE_IMPUESTOS: 0.00,\r\n IMPORTE_TOTAL: 0.00,\r\n ID: 0\r\n })\r\n }\r\n }\r\n\r\n const gestionarLineaArticulo = () => {\r\n let arr = lineasLocal;\r\n let PRECIO_MOD = payLoadLocal.PRECIO\r\n\r\n if (PRECIO_MOD !== undefined && PRECIO_MOD !== null && PRECIO_MOD !== \"\") {\r\n \r\n PRECIO_MOD = PRECIO_MOD.toString();\r\n console.log(\"PRECIO_MOD\",PRECIO_MOD)\r\n payLoadLocal.PRECIO = PRECIO_MOD.replaceAll(\",\", \".\");\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n\r\n\r\n if (Object.keys(props.lineaSeleccionada).length > 0) {\r\n let buscarID = arr.findIndex(manoObra => manoObra.ID === payLoadLocal.ID)\r\n if (buscarID !== undefined) {\r\n //let i = arr.indexOf(payLoadLocal.ID);\r\n arr.splice(buscarID, 1);\r\n\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n\r\n props.setLineasArticulos(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineasManoObra, props.lineas)\r\n props.setPayLoadLocal(asignarImportes(props, resultTotales))\r\n props.CERRAR_FICHA(false)\r\n }\r\n\r\n } else {\r\n //NUEVA LINEA\r\n let ultimaID = 0;\r\n if (lineasLocal.length === 0) {\r\n ultimaID = 1;\r\n } else {\r\n let item = lineasLocal.sort(dynamicSortDesc(\"ID\"));\r\n ultimaID = item[0].ID + 1;\r\n }\r\n\r\n payLoadLocal.ID = ultimaID;\r\n arr.push(payLoadLocal);\r\n\r\n props.setLineasArticulos(arr.sort(dynamicSortAsc(\"ORDEN_LINEA\")))\r\n let resultTotales = calculoTotalesPresupuesto(props.lineasManoObra, props.lineas)\r\n props.setPayLoadLocal(asignarImportes(props, resultTotales))\r\n props.CERRAR_FICHA(false)\r\n }\r\n }\r\n\r\n\r\n const convertirCantidad = (CANTIDAD) => {\r\n CANTIDAD = CANTIDAD.replace(\",\", \".\")\r\n return CANTIDAD;\r\n }\r\n\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const CANTIDAD = e.target.name === 'CANTIDAD' ? convertirCantidad(e.target.value) : payLoadLocal.CANTIDAD;\r\n const DTO_VALOR = e.target.name === 'DTO_VALOR' ? e.target.value : payLoadLocal.DTO_VALOR;\r\n //const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n\r\n //const ID_TALLER = e.target.name === 'ID_TALLER' ? e.target.value : payLoadLocal.ID_TALLER;\r\n const IMPORTE_BASE_IMPONIBLE = e.target.name === 'IMPORTE_BASE_IMPONIBLE' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE;\r\n const IMPORTE_BRUTO = e.target.name === 'IMPORTE_BRUTO' ? e.target.value : payLoadLocal.IMPORTE_BRUTO;\r\n const IMPORTE_DESCUENTOS = e.target.name === 'IMPORTE_DESCUENTOS' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS;\r\n const IMPORTE_IMPUESTOS = e.target.name === 'IMPORTE_IMPUESTOS' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS;\r\n const IMPORTE_TOTAL = e.target.name === 'IMPORTE_TOTAL' ? e.target.value : payLoadLocal.IMPORTE_TOTAL;\r\n const IVA_VALOR = e.target.name === 'IVA_VALOR' ? e.target.value : payLoadLocal.IVA_VALOR;\r\n const MANO_OBRA = e.target.name === 'MANO_OBRA' ? e.target.value : payLoadLocal.MANO_OBRA;\r\n const MARCA_SOCIO = e.target.name === 'MARCA_SOCIO' ? e.target.value : payLoadLocal.MARCA_SOCIO;\r\n const MARCA_SOCIO_DESCRIPCION = e.target.name === 'MARCA_SOCIO_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_SOCIO_DESCRIPCION;\r\n const MARCA_TECDOC = e.target.name === 'MARCA_TECDOC' ? e.target.value : payLoadLocal.MARCA_TECDOC;\r\n const MARCA_TECDOC_DESCRIPCION = e.target.name === 'MARCA_TECDOC_DESCRIPCION' ? e.target.value : payLoadLocal.MARCA_TECDOC_DESCRIPCION;\r\n const REFERENCIA_DESCRIPCION = e.target.name === 'REFERENCIA_DESCRIPCION' ? e.target.value : payLoadLocal.REFERENCIA_DESCRIPCION;\r\n const REFERENCIA_SOCIO = e.target.name === 'REFERENCIA_SOCIO' ? e.target.value : payLoadLocal.REFERENCIA_SOCIO;\r\n const REFERENCIA_TECDOC = e.target.name === 'REFERENCIA_TECDOC' ? e.target.value : payLoadLocal.REFERENCIA_TECDOC;\r\n const TIPO_LINEA = e.target.name === 'TIPO_LINEA' ? e.target.value : payLoadLocal.TIPO_LINEA;\r\n const PRECIO = e.target.name === 'PRECIO' ? e.target.value : payLoadLocal.PRECIO;\r\n const ORDEN_LINEA = e.target.name === 'ORDEN_LINEA' ? e.target.value : payLoadLocal.ORDEN_LINEA;\r\n const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n\r\n\r\n setPayLoadLocal(\r\n {\r\n ORDEN_LINEA: ORDEN_LINEA,\r\n\r\n TIPO_LINEA: TIPO_LINEA,\r\n REFERENCIA_SOCIO: REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: REFERENCIA_TECDOC,\r\n MARCA_SOCIO: MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: MANO_OBRA,\r\n PRECIO: PRECIO,\r\n IVA_VALOR: IVA_VALOR,\r\n DTO_VALOR: DTO_VALOR,\r\n CANTIDAD: CANTIDAD,\r\n IMPORTE_BRUTO: IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: IMPORTE_TOTAL,\r\n ID: ID\r\n }\r\n )\r\n }\r\n\r\n\r\n const verificarElIva = (e) => {\r\n let lineaManoObra = props.lineasManoObra;\r\n let lineaArticulos = props.lineas;\r\n let totalLinea = lineaManoObra.concat(lineaArticulos);\r\n\r\n let uniqueArray = totalLinea.reduce(function (a, d) {\r\n if (a.indexOf(d.IVA_VALOR) === -1) {\r\n a.push(d.IVA_VALOR);\r\n }\r\n return a;\r\n }, []);\r\n\r\n\r\n if (uniqueArray.length === 3) {\r\n let comprabarCoincidencia = uniqueArray.find(iva => (iva.toString()) === e.target.value)\r\n if (comprabarCoincidencia === undefined) {\r\n MSGERROR(`${traducirPagina(\"msg_limite_iva\")} ${uniqueArray.toString()}`)\r\n setDesabilitarBotonLinea(true)\r\n } else {\r\n setDesabilitarBotonLinea(false)\r\n }\r\n } else {\r\n setDesabilitarBotonLinea(false)\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n guardarEstadoFormulario(e)} />\r\n \r\n\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n props.CERRAR_FICHA(false)\r\n props.setLineaSeleccionada({})\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nArticuloGenerico.propTypes = {\r\n title: PropTypes.string,\r\n lineas: PropTypes.array,\r\n lineasManoObra: PropTypes.array,\r\n setLineasArticulos: PropTypes.func,\r\n lineaSeleccionada: PropTypes.object,\r\n setLineaSeleccionada: PropTypes.func,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaArticulo: state.estadoDrawer.openDrawerFichaArticulo,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n datosFacturacion: state.datosFacturacion\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(ArticuloGenerico);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { DrawerFichaImpresionDocumento } from \"../action/actionCreators\"\r\n\r\n\r\nimport { ObtenerPresupuestoHTMLEnAPI, ImprimirFacturaEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport { MSGOK, convertirMoneda, calculoLineaFacturacion, dynamicSortDesc, dynamicSortAsc, calculoTotalesPresupuesto, asignarImportes, MSGERROR, descargarPdfPasandoBase64 } from '../librerias/funciones'\r\nimport { MDBBtn, MDBCol } from 'mdbreact';\r\nimport {\r\n SaveOutlined,\r\n MailOutlined,\r\n PrinterOutlined,\r\n ZoomInOutlined,\r\n ZoomOutOutlined,\r\n ArrowDownOutlined\r\n\r\n} from '@ant-design/icons';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs } from 'antd';\r\nimport store from \"../store\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst FichaImpresionGenerico = ({ props, configApp }) => {\r\n const [hayDocumento, setHayDocumento] = React.useState(false);\r\n const [escalaPorDefecto, setEscalaPorDefecto] = React.useState(0.72);\r\n\r\n\r\n if (!hayDocumento && props.ABRIR_FICHA) {\r\n setHayDocumento(true);\r\n\r\n } else {\r\n if (!props.ABRIR_FICHA && hayDocumento) {\r\n //setDocumento(\"\");\r\n setEscalaPorDefecto(0.72)\r\n setHayDocumento(false);\r\n \r\n\r\n }\r\n }\r\n\r\n\r\n const printDiv = async() => {\r\n if(props.DOCUMENTO_SELECCIONADO !== undefined && props.DOCUMENTO_SELECCIONADO !== null && Object.keys(props.DOCUMENTO_SELECCIONADO).length > 0){\r\n const ID = props.DOCUMENTO_SELECCIONADO.ID;\r\n const data = await ImprimirFacturaEnAPI(ID);\r\n if(data.OK){\r\n let data = document.getElementsByClassName(\"ContenedorDocumento\");\r\n\r\n if (data.length > 0) {\r\n let myWindow = window.open('', 'my div', 'height=600,width=600');\r\n myWindow.document.write(data[0].innerHTML);\r\n myWindow.document.close();\r\n \r\n myWindow.onload = function () {\r\n myWindow.focus();\r\n myWindow.print();\r\n myWindow.close();\r\n };\r\n }\r\n }\r\n\r\n //props.IMPRESORA(data);\r\n }else{\r\n let data = document.getElementsByClassName(\"ContenedorDocumento\");\r\n\r\n if (data.length > 0) {\r\n let myWindow = window.open('', 'my div', 'height=600,width=600');\r\n myWindow.document.write(data[0].innerHTML);\r\n myWindow.document.close();\r\n \r\n myWindow.onload = function () {\r\n myWindow.focus();\r\n myWindow.print();\r\n myWindow.close();\r\n };\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n guardarEstadoFormulario(e)} />\r\n \r\n\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n { props.CERRAR_FICHA(false); \r\n props.MODIFICAR_DOCUMENTO(\"\")\r\n\r\n if( typeof props.IMPRESORA === 'function'){\r\n props.IMPRESORA();\r\n }\r\n\r\n\r\n }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n
\r\n\r\n \r\n {props.DOCUMENTO !== \"\" ?\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nFichaImpresionGenerico.propTypes = {\r\n title: PropTypes.string,\r\n DOCUMENTO: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n DESCARGAR_DOCUMENTO: PropTypes.func,\r\n MODIFICAR_DOCUMENTO: PropTypes.func,\r\n\r\n DOCUMENTO_SELECCIONADO: PropTypes.object,\r\n IMPRESORA: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaImpresionDocumento: state.estadoDrawer.openDrawerFichaImpresionDocumento,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n datosFacturacion: state.datosFacturacion\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaImpresionGenerico);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { getClienteVehiculosEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport { MDBTable, MDBTableHead, MDBTableBody, MDBBtn, MDBCol } from 'mdbreact';\r\nimport { Drawer } from 'antd';\r\nimport { traducirPagina } from \"../librerias/funciones\"\r\n\r\nconst FichaVehClienteGenerico = ({ props, configApp }) => {\r\n const [hayRegistros, setHayRegistros] = React.useState(false);\r\n const [vehiculos, setVehiculos] = React.useState([]);\r\n\r\n if (!hayRegistros && props.ABRIR_FICHA) {\r\n setHayRegistros(true);\r\n \r\n getClienteVehiculosEnAPI(\"\", 1, \"A\", props.ID_CLIENTE).then((coches) => {\r\n if (coches.CLIENTES_VEHICULOS !== null && coches.CLIENTES_VEHICULOS.length > 0) {\r\n setVehiculos(coches.CLIENTES_VEHICULOS);\r\n } else {\r\n setVehiculos(null);\r\n }\r\n })\r\n } else {\r\n if (!props.ABRIR_FICHA && hayRegistros) {\r\n setHayRegistros(false);\r\n setVehiculos([])\r\n\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n\r\n \r\n { props.CERRAR_FICHA(false); }} >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nFichaVehClienteGenerico.propTypes = {\r\n title: PropTypes.string,\r\n ID_CLIENTE: PropTypes.number,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n VEHICULO_SELECCIONADO: PropTypes.func\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n openDrawerFichaVehiculoCliente: state.estadoDrawer.openDrawerFichaVehiculoCliente,\r\n clienteTallerSeleccionado: state.clienteTallerSeleccionado,\r\n VehiculoTallerSeleccionado: state.VehiculoTallerSeleccionado,\r\n PresupuestoTallerSeleccionado: state.PresupuestoTallerSeleccionado\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaVehClienteGenerico);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { DrawerFichaVehiculoPresupuesto, DrawerFichaMantenimientoPresupuesto, DrawerFichaClienteTaller, DrawerFichaManoDeObra, DrawerFichaArticulo, DrawerFichaImpresionDocumento, DrawerFichaEnvioDocumento, DrawerFichaGMVehiculoHaynes, DrawerFichaGTEstimate, actualizarCodigoGT, actualizarCocheIdentificador, actualizarCocheID } from \"../action/actionCreators\"\r\nimport { getPresupuestosTallerEnAPI, getFabricantesEnAPI, getModelosTurismosEnAPI, getMotorizacionesTurismosEnAPI, setPresupuestosTallerEnAPI, GetPortapapelesPresupuestosEnAPI, LimpiarPortapapelesPresupuestosEnAPI, EnviarPresupuestoEnAPI, GetPresupuestoGTEnAPI, setCestaLineasEnAPI, abortFetch, ObtenerPresupuestoPDFEnAPI, ObtenerPresupuestoHTMLEnAPI } from \"../action/actionCreatorsRequests\"\r\nimport { MSGOK, traducirPagina, convertirMoneda, nuevoFormatoFechaCliente, obtenerFechaLocal, obtenerLineasPorTipo, calculoTotalesPresupuesto, asignarImportes, convertirMonedaANumero, crearLineasParaElPresupuestoLocal, verificarSiEsMostrador, MSGERROR, añadirPresupuestoNextControl, descargarPdfPasandoBase64, convertirSimboloMoneda } from '../librerias/funciones'\r\nimport { MDBBtn, MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBCol, MDBRow, MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\nimport FichaManoObra from '../components/FichaManoObra'\r\nimport FichaArticulo from '../components/FichaArticulo'\r\nimport FichaEnvioEmail from '../components/FichaEnvioEmail'\r\nimport FichaGMVehiculoHaynesPro from '../components/FichaGMYVehiculoHaynesPro'\r\nimport ManoObraGenerico from './ManoObraGenerico';\r\nimport ArticuloGenerico from './ArticuloGenerico';\r\nimport FichaImpresionGenerico from './FichaImpresionGenerico';\r\n\r\nimport {\r\n PlusOutlined,\r\n SaveOutlined,\r\n EditOutlined,\r\n DeleteOutlined,\r\n SearchOutlined,\r\n PrinterOutlined,\r\n MailOutlined,\r\n ArrowDownOutlined,\r\n ShoppingOutlined,\r\n CloudDownloadOutlined,\r\n FilePptOutlined,\r\n CloseOutlined,\r\n ShareAltOutlined\r\n} from '@ant-design/icons';\r\n\r\nimport { Card, Input, Row, Col, Drawer, Tabs, DatePicker, Select, Modal, Button } from 'antd';\r\nimport store from \"../store\";\r\nimport FichaVehClienteGenerico from './FichaVehClienteGenerico';\r\nimport FichaAñadirCesta from \"./FichaAñadirCesta.jsx\";\r\n\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\nconst { RangePicker } = DatePicker;\r\nconst { TextArea } = Input;\r\n\r\nconst MantenimientoPresupuestoTaller = ({ props, configApp, openDrawerFichaMantenimientoPresupuesto, clienteTallerSeleccionado, PresupuestoTallerSeleccionado, clienteSeleccionado, ALBARAN_SELECCIONADO }) => {\r\n const [referenciaSeleccionada, setReferenciaSeleccionada] = React.useState({});\r\n const [fichaCesta, setFichaCesta] = React.useState(false);\r\n\r\n\r\n const [hayPresupuesto, setHayPresupuesto] = React.useState(false);\r\n\r\n const [tabPorDefecto, setTabPorDefecto] = React.useState(\"1\");\r\n const [activeItemOuterTabs, setActiveItemOuterTabs] = React.useState(\"1\");\r\n\r\n const [fabricantes, setFabricantes] = React.useState([]);\r\n const [fabricantePorDefecto, setFabricantePorDefecto] = React.useState(0);\r\n const [modelos, setModelos] = React.useState([]);\r\n const [modelosPorDefecto, setModelosPorDefecto] = React.useState(0);\r\n const [motorizaciones, setMotorizaciones] = React.useState([]);\r\n const [motorizacionesPorDefecto, setMotorizacionesPorDefecto] = React.useState(0);\r\n const [lineasManoObra, setLineasManoObra] = React.useState([]);\r\n const [lineasArticulos, setLineasArticulos] = React.useState([]);\r\n const [lineaSeleccionada, setLineaSeleccionada] = React.useState({});\r\n const [hayLineasEnPortapapeles, setHayLineasEnPortapapeles] = React.useState(false);\r\n const [ABRIR_FICHA_EMAIL, setABRIR_FICHA_EMAIL] = React.useState(\"\");\r\n const [verCestaGT, setVerCestaGT] = React.useState(false);\r\n const [presupuestoGT_ESTIMATE, setPresupuestoGT_ESTIMATE] = React.useState({});\r\n const [visible, setVisible] = React.useState(false);\r\n const [referencia_Selecionada, setReferencia_Selecionada] = React.useState({});\r\n const [fichaVehiculo, setFichaVehiculo] = React.useState(false);\r\n\r\n const [abrirFichaManoObra, setAbrirFichaManoObra] = React.useState(false);\r\n const [abrirFichaArticulo, setAbrirFichaArticulo] = React.useState(false);\r\n\r\n const [ABRIR_FICHA_IMPRESION, setABRIR_FICHA_IMPRESION] = React.useState(false);\r\n const [DOC_HTML, setDOC_HTML] = React.useState(\"\");\r\n\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ID: null,\r\n CODIGO: \"\",\r\n FECHA: \"\",\r\n ID_VEHICULO: 0,\r\n VEH_MATRICULA: \"\",\r\n VEH_DENOMINACION: \"\",\r\n VEH_ID_TECDOC: 0,\r\n ID_MARCA_MATRICULA: 0,\r\n ID_MODELO_MATRICULA: 0,\r\n ID_MOTOR_MATRICULA: 0,\r\n ID_CLIENTE: null,\r\n CLI_NOMBRE: \"\",\r\n CLI_CIF: \"\",\r\n CLI_DIRECCION: \"\",\r\n CLI_POBLACION: \"\",\r\n CLI_PROVINCIA: \"\",\r\n CLI_CP: \"\",\r\n CLI_PAIS: \"\",\r\n CLI_TELEFONO: \"\",\r\n CLI_TELEFONO_2: \"\",\r\n CLI_TELEFONO_3: \"\",\r\n CLI_MAIL: \"\",\r\n VALOR_DTO_GENERAL: 0,\r\n VALOR_IVA_1: 0,\r\n VALOR_IVA_2: 0,\r\n VALOR_IVA_3: 0,\r\n IMPORTE_BRUTO_1: 0,\r\n IMPORTE_BRUTO_2: 0,\r\n IMPORTE_BRUTO_3: 0,\r\n IMPORTE_BRUTO: 0,\r\n IMPORTE_DESCUENTOS_1: 0,\r\n IMPORTE_DESCUENTOS_2: 0,\r\n IMPORTE_DESCUENTOS_3: 0,\r\n IMPORTE_DESCUENTOS: 0,\r\n IMPORTE_BASE_IMPONIBLE_1: 0,\r\n IMPORTE_BASE_IMPONIBLE_2: 0,\r\n IMPORTE_BASE_IMPONIBLE_3: 0,\r\n IMPORTE_BASE_IMPONIBLE: 0,\r\n IMPORTE_IMPUESTOS: 0,\r\n IMPORTE_IMPUESTOS_1: 0,\r\n IMPORTE_IMPUESTOS_2: 0,\r\n IMPORTE_IMPUESTOS_3: 0,\r\n IMPORTE_TOTAL_1: 0,\r\n IMPORTE_TOTAL_2: 0,\r\n IMPORTE_TOTAL_3: 0,\r\n IMPORTE_TOTAL: 0,\r\n OBSERVACIONES_PRESUPUESTO: \"\",\r\n IMPRIMIDO: false,\r\n ENVIADO: false,\r\n FECHA_IMPRESION: \"\",\r\n FECHA_ENVIO: \"\",\r\n ESTADO: \"P\",\r\n VEH_BASTIDOR: \"\",\r\n ID_PRESUPUESTO_GT_ESTIMATE: 0,\r\n LINEAS: [],\r\n BASTIDOR: \"\"\r\n }\r\n );\r\n\r\n\r\n const buscarModelos = (fabricante) => {\r\n getModelosTurismosEnAPI(fabricante).then((modelos) => {\r\n if (modelos !== undefined) {\r\n if (modelos !== null) {\r\n setModelos(modelos)\r\n } else {\r\n setModelos(null)\r\n }\r\n }\r\n })\r\n }\r\n\r\n const buscarMotorizaciones = (modelo) => {\r\n getMotorizacionesTurismosEnAPI(modelo).then((motorizacion) => {\r\n if (motorizacion !== undefined) {\r\n if (motorizacion !== null) {\r\n setMotorizaciones(motorizacion)\r\n } else {\r\n setMotorizaciones(null)\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n const cargaAutomaticaDeLineas = () => {\r\n //let LINEASLOCAL = PresupuestoTallerSeleccionado.presupuestoSecundario;\r\n //let concatenrLineas = LINEASLOCAL.concat(payLoadLocal.LINEAS);\r\n GetPortapapelesPresupuestosEnAPI().then((LINEAS) => {\r\n if (LINEAS !== undefined && LINEAS !== null) {\r\n if (LINEAS.PRESUPUESTOS !== null && LINEAS.PRESUPUESTOS.length > 0) {\r\n LINEAS.PRESUPUESTOS.map((lineas) => {\r\n lineas.ORDEN_LINEA = 0;\r\n lineas.ID_PRESUPUESTO = null;\r\n })\r\n let concatenrLineas = LINEAS.PRESUPUESTOS.concat(payLoadLocal.LINEAS);\r\n\r\n recalcularTotalesLocal(concatenrLineas)\r\n MSGOK(traducirPagina(\"Descarga_lineas\"))\r\n\r\n LimpiarPortapapelesPresupuestosEnAPI(3).then((registro) => {\r\n if (registro !== undefined) {\r\n if (registro.OK) {\r\n setHayLineasEnPortapapeles(false);\r\n }\r\n }\r\n })\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n const recalcularTotalesLocal = (concatenrLineas) => {\r\n\r\n let ManoObre = obtenerLineasPorTipo(concatenrLineas, \"T\")\r\n let Articulos = obtenerLineasPorTipo(concatenrLineas, \"A\")\r\n\r\n setLineasManoObra(ManoObre)\r\n setLineasArticulos(Articulos)\r\n let resultTotales = calculoTotalesPresupuesto(ManoObre, Articulos);\r\n\r\n payLoadLocal.VALOR_IVA_1 = resultTotales.iva_1;\r\n payLoadLocal.VALOR_IVA_2 = resultTotales.iva_2;\r\n payLoadLocal.VALOR_IVA_3 = resultTotales.iva_3;\r\n payLoadLocal.IMPORTE_BRUTO_1 = resultTotales.importeBruto_1;\r\n payLoadLocal.IMPORTE_BRUTO_2 = resultTotales.importeBruto_2;\r\n payLoadLocal.IMPORTE_BRUTO_3 = resultTotales.importeBruto_3;\r\n payLoadLocal.IMPORTE_BRUTO = resultTotales.importeBruto;\r\n payLoadLocal.IMPORTE_DESCUENTOS_1 = resultTotales.importeDescuento_1;\r\n payLoadLocal.IMPORTE_DESCUENTOS_2 = resultTotales.importeDescuento_2;\r\n payLoadLocal.IMPORTE_DESCUENTOS_3 = resultTotales.importeDescuento_3;\r\n payLoadLocal.IMPORTE_DESCUENTOS = resultTotales.importeDescuento;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE_1 = resultTotales.baseImp_1;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE_2 = resultTotales.baseImp_2;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE_3 = resultTotales.baseImp_3;\r\n payLoadLocal.IMPORTE_BASE_IMPONIBLE = resultTotales.baseImp;\r\n payLoadLocal.IMPORTE_IMPUESTOS = resultTotales.impuesto;\r\n payLoadLocal.IMPORTE_IMPUESTOS_1 = resultTotales.impuesto_1;\r\n payLoadLocal.IMPORTE_IMPUESTOS_2 = resultTotales.impuesto_2;\r\n payLoadLocal.IMPORTE_IMPUESTOS_3 = resultTotales.impuesto_3;\r\n payLoadLocal.IMPORTE_TOTAL_1 = resultTotales.total_1;\r\n payLoadLocal.IMPORTE_TOTAL_2 = resultTotales.total_2;\r\n payLoadLocal.IMPORTE_TOTAL_3 = resultTotales.total_3;\r\n payLoadLocal.IMPORTE_TOTAL = resultTotales.total;\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n }\r\n\r\n\r\n const buscarFabricantes = () => {\r\n getFabricantesEnAPI().then((fabricantes) => {\r\n if (fabricantes !== undefined) {\r\n if (fabricantes !== null) {\r\n setFabricantes(fabricantes)\r\n } else {\r\n setFabricantes(null)\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n const vehiculoSeleccionado = (vehiculo) => {\r\n payLoadLocal.ID_VEHICULO = vehiculo.ID;\r\n payLoadLocal.VEH_MATRICULA = vehiculo.MATRICULA;\r\n payLoadLocal.VEH_BASTIDOR = vehiculo.BASTIDOR;\r\n payLoadLocal.BASTIDOR = vehiculo.BASTIDOR;\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n\r\n setFabricantes([{ ManNo: 1, Term: vehiculo.MARCA }])\r\n setModelos([{ ID: 1, DESCRIPCION: vehiculo.MODELO }])\r\n setMotorizaciones([{ ID: 1, DESCRIPCION: vehiculo.MOTOR }])\r\n setFabricantePorDefecto(1);\r\n setModelosPorDefecto(1);\r\n setMotorizacionesPorDefecto(1)\r\n\r\n\r\n setFichaVehiculo(false)\r\n }\r\n\r\n const ponerCocheAPresupuesto = async () => {\r\n\r\n if (Object.keys(props.VEHICULO_LOCAL).length > 0) {\r\n const { MATRICULA, BASTIDOR, MARCA_VEHICULO, MODELO_VEHICULO, MOTOR_VEHICULO, VEHICULO_TECDOC, HISTORIAL_VEHICULO } = props.VEHICULO_LOCAL;\r\n\r\n if (HISTORIAL_VEHICULO.length === 3) {\r\n let ID_MARCA = HISTORIAL_VEHICULO[0].id\r\n let ID_MODELO = HISTORIAL_VEHICULO[1].id\r\n let ID_MOTOR = HISTORIAL_VEHICULO[2].id\r\n\r\n payLoadLocal.VEH_MATRICULA = MATRICULA;\r\n\r\n payLoadLocal.VEH_BASTIDOR = BASTIDOR;\r\n payLoadLocal.BASTIDOR = BASTIDOR;\r\n\r\n //payLoadLocal.VEH_ID_TECDOC = VEHICULO_TECDOC.ID;\r\n payLoadLocal.ID_MOTOR_MATRICULA = VEHICULO_TECDOC.ID;\r\n payLoadLocal.VEH_DENOMINACION = MARCA_VEHICULO + \" \" + MODELO_VEHICULO + \" \" + MOTOR_VEHICULO;\r\n\r\n\r\n const MODELO = await buscarModelos(ID_MARCA);\r\n const MOTOR = await buscarMotorizaciones(ID_MODELO)\r\n\r\n setFabricantePorDefecto(ID_MARCA)\r\n setModelosPorDefecto(ID_MODELO)\r\n setMotorizacionesPorDefecto(ID_MOTOR)\r\n setPayLoadLocal(payLoadLocal)\r\n\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n if (Object.keys(PresupuestoTallerSeleccionado.cliente).length > 0 && PresupuestoTallerSeleccionado.cliente.ID !== payLoadLocal.ID_CLIENTE) {\r\n payLoadLocal.ID_CLIENTE = PresupuestoTallerSeleccionado.cliente.ID;\r\n payLoadLocal.CLI_NOMBRE = PresupuestoTallerSeleccionado.cliente.NOMBRE;\r\n payLoadLocal.CLI_CIF = PresupuestoTallerSeleccionado.cliente.CIF;\r\n payLoadLocal.CLI_DIRECCION = PresupuestoTallerSeleccionado.cliente.DIRECCION;\r\n payLoadLocal.CLI_POBLACION = PresupuestoTallerSeleccionado.cliente.POBLACION;\r\n payLoadLocal.CLI_PROVINCIA = PresupuestoTallerSeleccionado.cliente.PROVINCIA;\r\n payLoadLocal.CLI_CP = PresupuestoTallerSeleccionado.cliente.CP;\r\n payLoadLocal.CLI_PAIS = PresupuestoTallerSeleccionado.cliente.PAIS;\r\n payLoadLocal.CLI_TELEFONO = PresupuestoTallerSeleccionado.cliente.TELEFONO;\r\n payLoadLocal.CLI_TELEFONO_2 = PresupuestoTallerSeleccionado.cliente.TELEFONO_2;\r\n payLoadLocal.CLI_TELEFONO_3 = PresupuestoTallerSeleccionado.cliente.TELEFONO_3;\r\n payLoadLocal.CLI_MAIL = PresupuestoTallerSeleccionado.cliente.MAIL;\r\n }\r\n\r\n\r\n\r\n if (!hayPresupuesto && openDrawerFichaMantenimientoPresupuesto) {\r\n setHayPresupuesto(true);\r\n\r\n\r\n if (Object.keys(ALBARAN_SELECCIONADO).length > 0) {\r\n const COPIAR_ALBARAN = { ...ALBARAN_SELECCIONADO };\r\n setTabPorDefecto(\"2\")\r\n let listaArticulo = [];\r\n store.dispatch({ type: 'STATE_ALBARAN_SELECCIONADO', ALBARAN_SELECCIONADO: {} });\r\n COPIAR_ALBARAN.LINEAS.map((articulo, indice) => {\r\n let ITEM_ARTICULO = {};\r\n if (parseInt(articulo.cantidad) > 0) {\r\n ITEM_ARTICULO = {\r\n PRECIO: articulo.precio,\r\n REFERENCIA_PROVEEDOR: articulo.referencia,\r\n REFERENCIA: articulo.referencia_comercial /*articulo.referencia_comercial*/,\r\n CODIGO_MARCA_ERP: articulo.marca,\r\n NOMRE_MARCA: articulo.marca,\r\n CODIGO_MARCA: articulo.marca_grupo,\r\n NOMBRE_GRUPO_MONTAJE: articulo.descripcion,\r\n DESCUENTO: 0,\r\n CANTIDAD: parseInt(articulo.cantidad)\r\n }\r\n }\r\n listaArticulo.push(crearLineasParaElPresupuestoLocal(ITEM_ARTICULO, \"A\", true));\r\n\r\n })\r\n recalcularTotalesLocal(listaArticulo);\r\n }\r\n\r\n GetPortapapelesPresupuestosEnAPI().then((LINEAS) => {\r\n if (LINEAS !== undefined && LINEAS !== null) {\r\n if (LINEAS.PRESUPUESTOS !== null && LINEAS.PRESUPUESTOS.length > 0) {\r\n setHayLineasEnPortapapeles(true);\r\n }\r\n }\r\n })\r\n\r\n\r\n if (!PresupuestoTallerSeleccionado.esNuevoPresupuesto) {\r\n getPresupuestosTallerEnAPI(PresupuestoTallerSeleccionado.id, 1, \"A\", \"\").then((presupuesto) => {\r\n if (presupuesto !== undefined && presupuesto !== null) {\r\n if (presupuesto.PRESUPUESTOS !== null) {\r\n\r\n let datosAPI = presupuesto.PRESUPUESTOS[0];\r\n let obtenerFecha = nuevoFormatoFechaCliente(datosAPI.FECHA)\r\n\r\n let ManoObre = obtenerLineasPorTipo(datosAPI.LINEAS, \"T\")\r\n let Articulos = obtenerLineasPorTipo(datosAPI.LINEAS, \"A\")\r\n setLineasManoObra(ManoObre)\r\n setLineasArticulos(Articulos)\r\n\r\n\r\n let resultTotales = calculoTotalesPresupuesto(ManoObre, Articulos)\r\n let temporal = {\r\n ID: datosAPI.ID,\r\n CODIGO: datosAPI.CODIGO,\r\n FECHA: obtenerFecha,\r\n ID_VEHICULO: datosAPI.ID_VEHICULO,\r\n VEH_MATRICULA: datosAPI.VEH_MATRICULA,\r\n VEH_DENOMINACION: datosAPI.VEH_DENOMINACION,\r\n VEH_ID_TECDOC: datosAPI.VEH_ID_TECDOC,\r\n ID_CLIENTE: datosAPI.ID_CLIENTE,\r\n BASTIDOR: datosAPI.BASTIDOR,\r\n\r\n ID_MARCA_MATRICULA: datosAPI.ID_MARCA_MATRICULA,\r\n ID_MODELO_MATRICULA: datosAPI.ID_MODELO_MATRICULA,\r\n ID_MOTOR_MATRICULA: datosAPI.ID_MOTOR_MATRICULA,\r\n CLI_NOMBRE: datosAPI.CLI_NOMBRE,\r\n CLI_CIF: datosAPI.CLI_CIF,\r\n CLI_DIRECCION: datosAPI.CLI_DIRECCION,\r\n CLI_POBLACION: datosAPI.CLI_POBLACION,\r\n CLI_PROVINCIA: datosAPI.CLI_PROVINCIA,\r\n CLI_CP: datosAPI.CLI_CP,\r\n CLI_PAIS: datosAPI.CLI_PAIS,\r\n CLI_TELEFONO: datosAPI.CLI_TELEFONO,\r\n CLI_TELEFONO_2: datosAPI.CLI_TELEFONO_2,\r\n CLI_TELEFONO_3: datosAPI.CLI_TELEFONO_3,\r\n CLI_MAIL: datosAPI.CLI_MAIL,\r\n VALOR_DTO_GENERAL: datosAPI.VALOR_DTO_GENERAL,\r\n VALOR_IVA_1: resultTotales.iva_1,\r\n VALOR_IVA_2: resultTotales.iva_2,\r\n VALOR_IVA_3: resultTotales.iva_3,\r\n IMPORTE_BRUTO_1: resultTotales.importeBruto_1,\r\n IMPORTE_BRUTO_2: resultTotales.importeBruto_2,\r\n IMPORTE_BRUTO_3: resultTotales.importeBruto_3,\r\n IMPORTE_BRUTO: resultTotales.importeBruto,\r\n IMPORTE_DESCUENTOS_1: resultTotales.importeDescuento_1,\r\n IMPORTE_DESCUENTOS_2: resultTotales.importeDescuento_2,\r\n IMPORTE_DESCUENTOS_3: resultTotales.importeDescuento_3,\r\n IMPORTE_DESCUENTOS: resultTotales.importeDescuento,\r\n IMPORTE_BASE_IMPONIBLE_1: resultTotales.baseImp_1,\r\n IMPORTE_BASE_IMPONIBLE_2: resultTotales.baseImp_2,\r\n IMPORTE_BASE_IMPONIBLE_3: resultTotales.baseImp_3,\r\n IMPORTE_BASE_IMPONIBLE: resultTotales.baseImp,\r\n IMPORTE_IMPUESTOS: resultTotales.impuesto,\r\n IMPORTE_IMPUESTOS_1: resultTotales.impuesto_1,\r\n IMPORTE_IMPUESTOS_2: resultTotales.impuesto_2,\r\n IMPORTE_IMPUESTOS_3: resultTotales.impuesto_3,\r\n IMPORTE_TOTAL_1: resultTotales.total_1,\r\n IMPORTE_TOTAL_2: resultTotales.total_2,\r\n IMPORTE_TOTAL_3: resultTotales.total_3,\r\n IMPORTE_TOTAL: resultTotales.total,\r\n OBSERVACIONES_PRESUPUESTO: datosAPI.OBSERVACIONES_PRESUPUESTO,\r\n IMPRIMIDO: datosAPI.IMPRIMIDO,\r\n ENVIADO: datosAPI.ENVIADO,\r\n FECHA_IMPRESION: datosAPI.FECHA_IMPRESION,\r\n FECHA_ENVIO: datosAPI.FECHA_ENVIO,\r\n ESTADO: datosAPI.ESTADO,\r\n ID_PRESUPUESTO_GT_ESTIMATE: datosAPI.ID_PRESUPUESTO_GT_ESTIMATE,\r\n LINEAS: datosAPI.LINEAS\r\n }\r\n\r\n setPayLoadLocal(temporal)\r\n buscarVehiculo(temporal)\r\n\r\n\r\n if (datosAPI.ID_PRESUPUESTO_GT_ESTIMATE > 0) {\r\n store.dispatch(actualizarCodigoGT(\"\"))\r\n store.dispatch(actualizarCocheIdentificador(\"\"))\r\n store.dispatch(actualizarCocheID(datosAPI.ID_PRESUPUESTO_GT_ESTIMATE))\r\n }\r\n }\r\n }\r\n })\r\n } else {\r\n //Codigo para modificar el presupuesto...\r\n let fechaLocal = obtenerFechaLocal(false);\r\n payLoadLocal.FECHA = fechaLocal;\r\n setPayLoadLocal(payLoadLocal);\r\n\r\n ponerCocheAPresupuesto();\r\n\r\n }\r\n } else {\r\n if (!openDrawerFichaMantenimientoPresupuesto && hayPresupuesto) {\r\n store.dispatch(actualizarCodigoGT(\"\"))\r\n store.dispatch(actualizarCocheIdentificador(\"\"))\r\n store.dispatch(actualizarCocheID(\"\"))\r\n\r\n setHayLineasEnPortapapeles(false)\r\n setFabricantes([])\r\n setModelos([])\r\n setMotorizaciones([])\r\n setFabricantePorDefecto(0)\r\n setModelosPorDefecto(0)\r\n setMotorizacionesPorDefecto(0)\r\n setPresupuestoGT_ESTIMATE({})\r\n setTabPorDefecto(\"1\")\r\n setActiveItemOuterTabs(\"1\")\r\n setHayPresupuesto(false);\r\n setLineasManoObra([])\r\n setLineasArticulos([])\r\n setVerCestaGT(false)\r\n setVisible(false);\r\n setReferencia_Selecionada({})\r\n setPayLoadLocal({\r\n ID: null,\r\n CODIGO: \"\",\r\n FECHA: \"\",\r\n ID_VEHICULO: 0,\r\n VEH_MATRICULA: \"\",\r\n VEH_DENOMINACION: \"\",\r\n VEH_ID_TECDOC: 0,\r\n ID_MARCA_MATRICULA: 0,\r\n ID_MODELO_MATRICULA: 0,\r\n ID_MOTOR_MATRICULA: 0,\r\n ID_CLIENTE: null,\r\n CLI_NOMBRE: \"\",\r\n CLI_CIF: \"\",\r\n CLI_DIRECCION: \"\",\r\n CLI_POBLACION: \"\",\r\n CLI_PROVINCIA: \"\",\r\n CLI_CP: \"\",\r\n CLI_PAIS: \"\",\r\n CLI_TELEFONO: \"\",\r\n CLI_TELEFONO_2: \"\",\r\n CLI_TELEFONO_3: \"\",\r\n CLI_MAIL: \"\",\r\n VALOR_DTO_GENERAL: 0,\r\n VALOR_IVA_1: 0,\r\n VALOR_IVA_2: 0,\r\n VALOR_IVA_3: 0,\r\n IMPORTE_BRUTO_1: 0,\r\n IMPORTE_BRUTO_2: 0,\r\n IMPORTE_BRUTO_3: 0,\r\n IMPORTE_BRUTO: 0,\r\n IMPORTE_DESCUENTOS_1: 0,\r\n IMPORTE_DESCUENTOS_2: 0,\r\n IMPORTE_DESCUENTOS_3: 0,\r\n IMPORTE_DESCUENTOS: 0,\r\n IMPORTE_BASE_IMPONIBLE_1: 0,\r\n IMPORTE_BASE_IMPONIBLE_2: 0,\r\n IMPORTE_BASE_IMPONIBLE_3: 0,\r\n IMPORTE_BASE_IMPONIBLE: 0,\r\n IMPORTE_IMPUESTOS_1: 0,\r\n IMPORTE_IMPUESTOS_2: 0,\r\n IMPORTE_IMPUESTOS_3: 0,\r\n IMPORTE_IMPUESTOS: 0,\r\n IMPORTE_TOTAL_1: 0,\r\n IMPORTE_TOTAL_2: 0,\r\n IMPORTE_TOTAL_3: 0,\r\n IMPORTE_TOTAL: 0,\r\n OBSERVACIONES_PRESUPUESTO: \"\",\r\n IMPRIMIDO: false,\r\n ENVIADO: false,\r\n FECHA_IMPRESION: \"\",\r\n FECHA_ENVIO: \"\",\r\n ESTADO: \"P\",\r\n VEH_BASTIDOR: \"\",\r\n ID_PRESUPUESTO_GT_ESTIMATE: 0,\r\n LINEAS: [],\r\n BASTIDOR: \"\"\r\n })\r\n }\r\n }\r\n\r\n\r\n const buscarVehiculo = async (registro) => {\r\n if (registro.ID_MARCA_MATRICULA > 0) {\r\n setFabricantePorDefecto(registro.ID_MARCA_MATRICULA)\r\n setModelosPorDefecto(registro.ID_MODELO_MATRICULA)\r\n setMotorizacionesPorDefecto(registro.ID_MOTOR_MATRICULA)\r\n\r\n buscarModelos(registro.ID_MARCA_MATRICULA)\r\n buscarMotorizaciones(registro.ID_MODELO_MATRICULA)\r\n }\r\n\r\n }\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const ID = e.target.name === 'ID' ? e.target.value : payLoadLocal.ID;\r\n const CODIGO = e.target.name === 'CODIGO' ? e.target.value : payLoadLocal.CODIGO;\r\n const FECHA = e.target.name === 'FECHA' ? e.target.value : payLoadLocal.FECHA;\r\n const ID_VEHICULO = e.target.name === 'ID_VEHICULO' ? e.target.value : payLoadLocal.ID_VEHICULO;\r\n const VEH_MATRICULA = e.target.name === 'VEH_MATRICULA' ? e.target.value : payLoadLocal.VEH_MATRICULA;\r\n const VEH_DENOMINACION = e.target.name === 'VEH_DENOMINACION' ? e.target.value : payLoadLocal.VEH_DENOMINACION;\r\n const VEH_ID_TECDOC = e.target.name === 'VEH_ID_TECDOC' ? e.target.value : payLoadLocal.VEH_ID_TECDOC;\r\n const ID_CLIENTE = e.target.name === 'ID_CLIENTE' ? e.target.value : payLoadLocal.ID_CLIENTE;\r\n const CLI_NOMBRE = e.target.name === 'CLI_NOMBRE' ? e.target.value : payLoadLocal.CLI_NOMBRE;\r\n const CLI_CIF = e.target.name === 'CLI_CIF' ? e.target.value : payLoadLocal.CLI_CIF;\r\n const CLI_DIRECCION = e.target.name === 'CLI_DIRECCION' ? e.target.value : payLoadLocal.CLI_DIRECCION;\r\n const CLI_POBLACION = e.target.name === 'CLI_POBLACION' ? e.target.value : payLoadLocal.CLI_POBLACION;\r\n const CLI_PROVINCIA = e.target.name === 'CLI_PROVINCIA' ? e.target.value : payLoadLocal.CLI_PROVINCIA;\r\n const CLI_CP = e.target.name === 'CLI_CP' ? e.target.value : payLoadLocal.CLI_CP;\r\n const CLI_PAIS = e.target.name === 'CLI_PAIS' ? e.target.value : payLoadLocal.CLI_PAIS;\r\n const CLI_TELEFONO = e.target.name === 'CLI_TELEFONO' ? e.target.value : payLoadLocal.CLI_TELEFONO;\r\n const CLI_TELEFONO_2 = e.target.name === 'CLI_TELEFONO_2' ? e.target.value : payLoadLocal.CLI_TELEFONO_2;\r\n const CLI_TELEFONO_3 = e.target.name === 'CLI_TELEFONO_3' ? e.target.value : payLoadLocal.CLI_TELEFONO_3;\r\n const CLI_MAIL = e.target.name === 'CLI_MAIL' ? e.target.value : payLoadLocal.CLI_MAIL;\r\n const VALOR_DTO_GENERAL = e.target.name === 'VALOR_DTO_GENERAL' ? e.target.value : payLoadLocal.VALOR_DTO_GENERAL;\r\n const VALOR_IVA_1 = e.target.name === 'VALOR_IVA_1' ? e.target.value : payLoadLocal.VALOR_IVA_1;\r\n const VALOR_IVA_2 = e.target.name === 'VALOR_IVA_2' ? e.target.value : payLoadLocal.VALOR_IVA_2;\r\n const VALOR_IVA_3 = e.target.name === 'VALOR_IVA_3' ? e.target.value : payLoadLocal.VALOR_IVA_3;\r\n const IMPORTE_BRUTO_1 = e.target.name === 'IMPORTE_BRUTO_1' ? e.target.value : payLoadLocal.IMPORTE_BRUTO_1;\r\n const IMPORTE_BRUTO_2 = e.target.name === 'IMPORTE_BRUTO_2' ? e.target.value : payLoadLocal.IMPORTE_BRUTO_2;\r\n const IMPORTE_BRUTO_3 = e.target.name === 'IMPORTE_BRUTO_3' ? e.target.value : payLoadLocal.IMPORTE_BRUTO_3;\r\n const IMPORTE_BRUTO = e.target.name === 'IMPORTE_BRUTO' ? e.target.value : payLoadLocal.IMPORTE_BRUTO;\r\n const IMPORTE_DESCUENTOS_1 = e.target.name === 'IMPORTE_DESCUENTOS_1' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS_1;\r\n const IMPORTE_DESCUENTOS_2 = e.target.name === 'IMPORTE_DESCUENTOS_2' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS_2;\r\n const IMPORTE_DESCUENTOS_3 = e.target.name === 'IMPORTE_DESCUENTOS_3' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS_3;\r\n const IMPORTE_DESCUENTOS = e.target.name === 'IMPORTE_DESCUENTOS' ? e.target.value : payLoadLocal.IMPORTE_DESCUENTOS;\r\n const IMPORTE_BASE_IMPONIBLE_1 = e.target.name === 'IMPORTE_BASE_IMPONIBLE_1' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE_1;\r\n const IMPORTE_BASE_IMPONIBLE_2 = e.target.name === 'IMPORTE_BASE_IMPONIBLE_2' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE_2;\r\n const IMPORTE_BASE_IMPONIBLE_3 = e.target.name === 'IMPORTE_BASE_IMPONIBLE_3' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE_3;\r\n const IMPORTE_BASE_IMPONIBLE = e.target.name === 'IMPORTE_BASE_IMPONIBLE' ? e.target.value : payLoadLocal.IMPORTE_BASE_IMPONIBLE;\r\n const IMPORTE_IMPUESTOS_1 = e.target.name === 'IMPORTE_IMPUESTOS_1' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS_1;\r\n const IMPORTE_IMPUESTOS_2 = e.target.name === 'IMPORTE_IMPUESTOS_2' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS_2;\r\n const IMPORTE_IMPUESTOS_3 = e.target.name === 'IMPORTE_IMPUESTOS_3' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS_3;\r\n const IMPORTE_IMPUESTOS = e.target.name === 'IMPORTE_IMPUESTOS' ? e.target.value : payLoadLocal.IMPORTE_IMPUESTOS;\r\n\r\n const IMPORTE_TOTAL_1 = e.target.name === 'IMPORTE_TOTAL_1' ? e.target.value : payLoadLocal.IMPORTE_TOTAL_1;\r\n const IMPORTE_TOTAL_2 = e.target.name === 'IMPORTE_TOTAL_2' ? e.target.value : payLoadLocal.IMPORTE_TOTAL_2;\r\n const IMPORTE_TOTAL_3 = e.target.name === 'IMPORTE_TOTAL_3' ? e.target.value : payLoadLocal.IMPORTE_TOTAL_3;\r\n const IMPORTE_TOTAL = e.target.name === 'IMPORTE_TOTAL' ? e.target.value : payLoadLocal.IMPORTE_TOTAL;\r\n const OBSERVACIONES_PRESUPUESTO = e.target.name === 'OBSERVACIONES_PRESUPUESTO' ? e.target.value : payLoadLocal.OBSERVACIONES_PRESUPUESTO;\r\n const IMPRIMIDO = e.target.name === 'IMPRIMIDO' ? e.target.value : payLoadLocal.IMPRIMIDO;\r\n const ENVIADO = e.target.name === 'ENVIADO' ? e.target.value : payLoadLocal.ENVIADO;\r\n const FECHA_IMPRESION = e.target.name === 'FECHA_IMPRESION' ? e.target.value : payLoadLocal.FECHA_IMPRESION;\r\n const FECHA_ENVIO = e.target.name === 'FECHA_ENVIO' ? e.target.value : payLoadLocal.FECHA_ENVIO;\r\n const ESTADO = e.target.name === 'ESTADO' ? e.target.value : payLoadLocal.ESTADO;\r\n const VEH_BASTIDOR = e.target.name === 'VEH_BASTIDOR' ? e.target.value : payLoadLocal.VEH_BASTIDOR;\r\n const ID_PRESUPUESTO_GT_ESTIMATE = e.target.name === 'ID_PRESUPUESTO_GT_ESTIMATE' ? e.target.value : payLoadLocal.ID_PRESUPUESTO_GT_ESTIMATE;\r\n const ID_MARCA_MATRICULA = e.target.name === 'ID_MARCA_MATRICULA' ? e.target.value : payLoadLocal.ID_MARCA_MATRICULA;\r\n const ID_MODELO_MATRICULA = e.target.name === 'ID_MODELO_MATRICULA' ? e.target.value : payLoadLocal.ID_MODELO_MATRICULA;\r\n const ID_MOTOR_MATRICULA = e.target.name === 'ID_MOTOR_MATRICULA' ? e.target.value : payLoadLocal.ID_MOTOR_MATRICULA;\r\n const BASTIDOR = e.target.name === 'BASTIDOR' ? e.target.value : payLoadLocal.BASTIDOR;\r\n\r\n\r\n\r\n\r\n const LINEAS = e.target.name === 'LINEAS' ? e.target.value : payLoadLocal.LINEAS;\r\n setPayLoadLocal(\r\n {\r\n ID: ID,\r\n CODIGO: CODIGO,\r\n FECHA: FECHA,\r\n ID_VEHICULO: ID_VEHICULO,\r\n VEH_MATRICULA: VEH_MATRICULA,\r\n VEH_DENOMINACION: VEH_DENOMINACION,\r\n VEH_ID_TECDOC: VEH_ID_TECDOC,\r\n ID_MARCA_MATRICULA: ID_MARCA_MATRICULA,\r\n ID_MODELO_MATRICULA: ID_MODELO_MATRICULA,\r\n ID_MOTOR_MATRICULA: ID_MOTOR_MATRICULA,\r\n ID_CLIENTE: ID_CLIENTE,\r\n CLI_NOMBRE: CLI_NOMBRE,\r\n CLI_CIF: CLI_CIF,\r\n CLI_DIRECCION: CLI_DIRECCION,\r\n CLI_POBLACION: CLI_POBLACION,\r\n CLI_PROVINCIA: CLI_PROVINCIA,\r\n CLI_CP: CLI_CP,\r\n CLI_PAIS: CLI_PAIS,\r\n CLI_TELEFONO: CLI_TELEFONO,\r\n CLI_TELEFONO_2: CLI_TELEFONO_2,\r\n CLI_TELEFONO_3: CLI_TELEFONO_3,\r\n CLI_MAIL: CLI_MAIL,\r\n VALOR_DTO_GENERAL: VALOR_DTO_GENERAL,\r\n VALOR_IVA_1: VALOR_IVA_1,\r\n VALOR_IVA_2: VALOR_IVA_2,\r\n VALOR_IVA_3: VALOR_IVA_3,\r\n IMPORTE_BRUTO_1: IMPORTE_BRUTO_1,\r\n IMPORTE_BRUTO_2: IMPORTE_BRUTO_2,\r\n IMPORTE_BRUTO_3: IMPORTE_BRUTO_3,\r\n IMPORTE_BRUTO: IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS_1: IMPORTE_DESCUENTOS_1,\r\n IMPORTE_DESCUENTOS_2: IMPORTE_DESCUENTOS_2,\r\n IMPORTE_DESCUENTOS_3: IMPORTE_DESCUENTOS_3,\r\n IMPORTE_DESCUENTOS: IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE_1: IMPORTE_BASE_IMPONIBLE_1,\r\n IMPORTE_BASE_IMPONIBLE_2: IMPORTE_BASE_IMPONIBLE_2,\r\n IMPORTE_BASE_IMPONIBLE_3: IMPORTE_BASE_IMPONIBLE_3,\r\n IMPORTE_BASE_IMPONIBLE: IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS_1: IMPORTE_IMPUESTOS_1,\r\n IMPORTE_IMPUESTOS_2: IMPORTE_IMPUESTOS_2,\r\n IMPORTE_IMPUESTOS_3: IMPORTE_IMPUESTOS_3,\r\n IMPORTE_IMPUESTOS: IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL_1: IMPORTE_TOTAL_1,\r\n IMPORTE_TOTAL_2: IMPORTE_TOTAL_2,\r\n IMPORTE_TOTAL_3: IMPORTE_TOTAL_3,\r\n IMPORTE_TOTAL: IMPORTE_TOTAL,\r\n OBSERVACIONES_PRESUPUESTO: OBSERVACIONES_PRESUPUESTO,\r\n IMPRIMIDO: IMPRIMIDO,\r\n ENVIADO: ENVIADO,\r\n FECHA_IMPRESION: FECHA_IMPRESION,\r\n FECHA_ENVIO: FECHA_ENVIO,\r\n ESTADO: ESTADO,\r\n VEH_BASTIDOR: VEH_BASTIDOR,\r\n BASTIDOR: BASTIDOR,\r\n ID_PRESUPUESTO_GT_ESTIMATE: ID_PRESUPUESTO_GT_ESTIMATE,\r\n LINEAS: LINEAS\r\n }\r\n )\r\n }\r\n\r\n const nuevoPresupuesto = (payLoadLocal) => {\r\n let nuevoLineas = [];\r\n lineasManoObra.map(manoObra => {\r\n let obj = {\r\n ORDEN_LINEA: manoObra.ORDEN_LINEA,\r\n ID_PRESUPUESTO: manoObra.ID_PRESUPUESTO,\r\n TIPO_LINEA: manoObra.TIPO_LINEA,\r\n REFERENCIA_SOCIO: manoObra.REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: manoObra.REFERENCIA_TECDOC,\r\n MARCA_SOCIO: manoObra.MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: manoObra.MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: manoObra.MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: manoObra.MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: manoObra.REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: manoObra.MANO_OBRA,\r\n PRECIO: manoObra.PRECIO,\r\n IVA_VALOR: manoObra.IVA_VALOR,\r\n DTO_VALOR: manoObra.DTO_VALOR,\r\n CANTIDAD: manoObra.CANTIDAD,\r\n IMPORTE_BRUTO: manoObra.IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: manoObra.IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: manoObra.IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: manoObra.IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: manoObra.IMPORTE_TOTAL\r\n }\r\n nuevoLineas.push(obj);\r\n })\r\n\r\n lineasArticulos.map(manoObra => {\r\n let obj = {\r\n ORDEN_LINEA: manoObra.ORDEN_LINEA,\r\n ID_PRESUPUESTO: manoObra.ID_PRESUPUESTO,\r\n TIPO_LINEA: manoObra.TIPO_LINEA,\r\n REFERENCIA_SOCIO: manoObra.REFERENCIA_SOCIO,\r\n REFERENCIA_TECDOC: manoObra.REFERENCIA_TECDOC,\r\n MARCA_SOCIO: manoObra.MARCA_SOCIO,\r\n MARCA_SOCIO_DESCRIPCION: manoObra.MARCA_SOCIO_DESCRIPCION,\r\n MARCA_TECDOC: manoObra.MARCA_TECDOC,\r\n MARCA_TECDOC_DESCRIPCION: manoObra.MARCA_TECDOC_DESCRIPCION,\r\n REFERENCIA_DESCRIPCION: manoObra.REFERENCIA_DESCRIPCION,\r\n MANO_OBRA: manoObra.MANO_OBRA,\r\n PRECIO: manoObra.PRECIO,\r\n IVA_VALOR: manoObra.IVA_VALOR,\r\n DTO_VALOR: manoObra.DTO_VALOR,\r\n CANTIDAD: manoObra.CANTIDAD,\r\n IMPORTE_BRUTO: manoObra.IMPORTE_BRUTO,\r\n IMPORTE_DESCUENTOS: manoObra.IMPORTE_DESCUENTOS,\r\n IMPORTE_BASE_IMPONIBLE: manoObra.IMPORTE_BASE_IMPONIBLE,\r\n IMPORTE_IMPUESTOS: manoObra.IMPORTE_IMPUESTOS,\r\n IMPORTE_TOTAL: manoObra.IMPORTE_TOTAL\r\n }\r\n nuevoLineas.push(obj);\r\n })\r\n\r\n let fabricante = fabricantes !== null ? fabricantes.filter((fabricante) => fabricante.ManNo === fabricantePorDefecto) : []\r\n let modelo = modelos !== null ? modelos.filter((modelo) => modelo.ID === modelosPorDefecto) : []\r\n let motorizacion = motorizaciones !== null ? motorizaciones.filter((motor) => motor.ID === motorizacionesPorDefecto) : []\r\n\r\n if (fabricante.length > 0 && modelo.length > 0 && motorizacion.length > 0) {\r\n payLoadLocal.VEH_DENOMINACION = fabricante[0].Term + \" \" + modelo[0].DESCRIPCION + \" \" + motorizacion[0].DESCRIPCION;\r\n }\r\n\r\n\r\n payLoadLocal.VEH_BASTIDOR = payLoadLocal.BASTIDOR;\r\n payLoadLocal.VEH_ID_TECDOC = payLoadLocal.ID_MOTOR_MATRICULA;\r\n\r\n\r\n let MOSTRAR_MESAJE = payLoadLocal.VEH_ID_TECDOC > 0 && payLoadLocal.VEH_MATRICULA === \"\" ? true : false;\r\n\r\n let formatoImporte = { ...payLoadLocal };\r\n\r\n formatoImporte.IMPORTE_TOTAL = convertirMonedaANumero(formatoImporte.IMPORTE_TOTAL)\r\n formatoImporte.IMPORTE_IMPUESTOS = convertirMonedaANumero(formatoImporte.IMPORTE_IMPUESTOS)\r\n formatoImporte.IMPORTE_IMPUESTOS_1 = convertirMonedaANumero(formatoImporte.IMPORTE_IMPUESTOS_1)\r\n formatoImporte.IMPORTE_IMPUESTOS_2 = convertirMonedaANumero(formatoImporte.IMPORTE_IMPUESTOS_2)\r\n formatoImporte.IMPORTE_IMPUESTOS_3 = convertirMonedaANumero(formatoImporte.IMPORTE_IMPUESTOS_3)\r\n formatoImporte.IMPORTE_BASE_IMPONIBLE = convertirMonedaANumero(formatoImporte.IMPORTE_BASE_IMPONIBLE)\r\n formatoImporte.IMPORTE_BASE_IMPONIBLE_1 = convertirMonedaANumero(formatoImporte.IMPORTE_BASE_IMPONIBLE_1)\r\n formatoImporte.IMPORTE_BASE_IMPONIBLE_2 = convertirMonedaANumero(formatoImporte.IMPORTE_BASE_IMPONIBLE_2)\r\n formatoImporte.IMPORTE_BASE_IMPONIBLE_3 = convertirMonedaANumero(formatoImporte.IMPORTE_BASE_IMPONIBLE_3)\r\n formatoImporte.IMPORTE_DESCUENTOS = convertirMonedaANumero(formatoImporte.IMPORTE_DESCUENTOS)\r\n formatoImporte.IMPORTE_DESCUENTOS_1 = convertirMonedaANumero(formatoImporte.IMPORTE_DESCUENTOS_1)\r\n formatoImporte.IMPORTE_DESCUENTOS_2 = convertirMonedaANumero(formatoImporte.IMPORTE_DESCUENTOS_2)\r\n formatoImporte.IMPORTE_DESCUENTOS_3 = convertirMonedaANumero(formatoImporte.IMPORTE_DESCUENTOS_3)\r\n formatoImporte.IMPORTE_BRUTO = convertirMonedaANumero(formatoImporte.IMPORTE_BRUTO)\r\n formatoImporte.IMPORTE_BRUTO_1 = convertirMonedaANumero(formatoImporte.IMPORTE_BRUTO_1)\r\n formatoImporte.IMPORTE_BRUTO_2 = convertirMonedaANumero(formatoImporte.IMPORTE_BRUTO_2)\r\n formatoImporte.IMPORTE_BRUTO_3 = convertirMonedaANumero(formatoImporte.IMPORTE_BRUTO_3)\r\n formatoImporte.VALOR_IVA_1 = convertirMonedaANumero(formatoImporte.VALOR_IVA_1)\r\n formatoImporte.VALOR_IVA_2 = convertirMonedaANumero(formatoImporte.VALOR_IVA_2)\r\n formatoImporte.VALOR_IVA_3 = convertirMonedaANumero(formatoImporte.VALOR_IVA_3)\r\n formatoImporte.VALOR_DTO_GENERAL = convertirMonedaANumero(formatoImporte.VALOR_DTO_GENERAL)\r\n\r\n\r\n if (MOSTRAR_MESAJE) {\r\n MSGERROR(traducirPagina(\"Ingrese_una_matricula\"))\r\n } else {\r\n setPresupuestosTallerEnAPI(PresupuestoTallerSeleccionado.esNuevoPresupuesto ? 0 : 1, formatoImporte, nuevoLineas).then((presupuesto) => {\r\n if (presupuesto !== undefined) {\r\n if (presupuesto.OK) {\r\n //store.dispatch({ type: \"UPDATE_LISTA_PRESUPUESTO\", actualizarListaPresupuesto: true })\r\n MSGOK(\"El presupuesto se guardó correctamente\");\r\n props.setHayPresupuestos(\"\", 2, \"D\", \"\")\r\n\r\n store.dispatch({ type: \"UPDATE_CLIENTE_SELECCIONADO_PARA_PRESUPUESTO_TALLER\", cliente: {} })\r\n store.dispatch({ type: \"UPDATE_VEHICULO_SELECCIONADO_PARA_PRESUPUESTO\", vehiculo: {} })\r\n store.dispatch(DrawerFichaMantenimientoPresupuesto(false));\r\n }\r\n }\r\n })\r\n }\r\n }\r\n\r\n\r\n const eliminarLineaArticulo = (ID_LINEA) => {\r\n let local = []\r\n lineasArticulos.map((articulo) => {\r\n if (articulo.ID !== ID_LINEA) {\r\n local.push(articulo)\r\n }\r\n })\r\n setLineasArticulos(local)\r\n\r\n let concatenrLineas = local.concat(lineasManoObra);\r\n recalcularTotalesLocal(concatenrLineas)\r\n }\r\n\r\n const eliminarLineaManoObra = (ID_LINEA) => {\r\n let local = []\r\n lineasManoObra.map((manoObra) => {\r\n if (manoObra.ID !== ID_LINEA) {\r\n local.push(manoObra)\r\n }\r\n })\r\n setLineasManoObra(local)\r\n let concatenrLineas = local.concat(lineasArticulos);\r\n recalcularTotalesLocal(concatenrLineas)\r\n }\r\n\r\n\r\n const enviarDocumentoPDF = async (payLoad) => {\r\n payLoad.ID_PRESUPUESTO = payLoadLocal.ID\r\n //payLoad.CUERPO = \"Envio de presupuesto\"\r\n const documento = await EnviarPresupuestoEnAPI(true, payLoad)\r\n if (documento !== undefined) {\r\n if (documento.OK) {\r\n setABRIR_FICHA_EMAIL(false);\r\n MSGOK(traducirPagina(\"Email_enviado\"))\r\n }\r\n }\r\n\r\n }\r\n\r\n const buscarPresupuesto = () => {\r\n setVerCestaGT(true);\r\n setPresupuestoGT_ESTIMATE({})\r\n GetPresupuestoGTEnAPI(payLoadLocal.ID_PRESUPUESTO_GT_ESTIMATE).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro.OK) {\r\n\r\n\r\n registro.PRESUPUESTO.PIEZAS.map((pieza) => {\r\n pieza.PRECIO_REAL = 0\r\n pieza.MARCA = \"\"\r\n pieza.REFERENCIA = \"\"\r\n pieza.REFERENCIA_DESCRIPCION = pieza.ES_PINTURA ? `${traducirPagina(\"Materiales_pintura\")}: ${pieza.REFERENCIA_DESCRIPCION}` : pieza.REFERENCIA_DESCRIPCION\r\n })\r\n\r\n setPresupuestoGT_ESTIMATE(registro.PRESUPUESTO)\r\n\r\n } else {\r\n setVerCestaGT(false);\r\n }\r\n }\r\n })\r\n }\r\n\r\n const comprobarSiHayPiezasSinReferencia = (articulos) => {\r\n let continuar = false;\r\n let verficarSiHayPrecio = articulos.filter(articulo => articulo.REFERENCIA === \"\" && !articulo.ES_PINTURA)\r\n if (verficarSiHayPrecio.length === 0) {\r\n continuar = true;\r\n }\r\n return continuar\r\n }\r\n\r\n const actualizaLineaSeleccionada = (registroSeleccionado) => {\r\n \r\n presupuestoGT_ESTIMATE.PIEZAS.map(registro => {\r\n if (registro.REFERENCIA_ORIGINAL === referencia_Selecionada.REFERENCIA_ORIGINAL) {\r\n registro.PRECIO_REAL = registroSeleccionado.PRECIO\r\n registro.PRECIO_GT = registroSeleccionado.PRECIO\r\n\r\n registro.MARCA = registroSeleccionado.NOMRE_MARCA\r\n\r\n registro.REFERENCIA = registroSeleccionado.REFERENCIA\r\n registro.REFERENCIA_PROVEEDOR = registroSeleccionado.REFERENCIA_PROVEEDOR\r\n registro.CODIGO_MARCA_ERP = registroSeleccionado.CODIGO_MARCA_ERP\r\n registro.NOMRE_MARCA = registroSeleccionado.NOMRE_MARCA\r\n registro.CODIGO_MARCA = registroSeleccionado.CODIGO_MARCA\r\n registro.NOMBRE_GRUPO_MONTAJE = registroSeleccionado.NOMBRE_GRUPO_MONTAJE\r\n registro.DESCUENTO = registroSeleccionado.DESCUENTO\r\n }\r\n })\r\n\r\n\r\n presupuestoGT_ESTIMATE.PIEZAS = [...presupuestoGT_ESTIMATE.PIEZAS]\r\n setPresupuestoGT_ESTIMATE({ ...presupuestoGT_ESTIMATE })\r\n }\r\n\r\n\r\n\r\n\r\n\r\n const añadirALaCesta = (registro, CANTIDAD) => {\r\n if (registro.REFERENCIA_TECDOC !== undefined && registro.REFERENCIA_TECDOC !== null && registro.REFERENCIA_TECDOC !== \"\") {\r\n if (CANTIDAD === \"\") {\r\n MSGERROR(traducirPagina(\"ingrese_cantidad\"))\r\n } else {\r\n let esMostrador = verificarSiEsMostrador()\r\n if (esMostrador && clienteSeleccionado.nombre === \"\") {\r\n //setVisible(true)\r\n MSGERROR(traducirPagina(\"Msg_vender\"))\r\n } else {\r\n let cliente = store.getState().clienteSeleccionado;\r\n\r\n registro.CANTIDAD_SELECCIONADA = CANTIDAD\r\n //setReferenciaSeleccionada(registro)\r\n setReferenciaSeleccionada({\r\n CLIENTE: cliente !== undefined && cliente !== null && Object.keys(cliente).length > 0 && cliente.codigo !== \"\" ? cliente.codigo : \"\",\r\n REFERENCIA: registro.REFERENCIA_TECDOC,\r\n CODIGO_MARCA: registro.MARCA_TECDOC,\r\n REFERENCIA_PROVEEDOR: registro.REFERENCIA_SOCIO,\r\n CANTIDAD: CANTIDAD,\r\n CANTIDAD_SELECCIONADA: CANTIDAD,\r\n REGISTROS: registro\r\n })\r\n setFichaCesta(true);\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n const añadirLineasApresupuesto = () => {\r\n let listaManoObra = [];\r\n let listaArticulo = [];\r\n\r\n presupuestoGT_ESTIMATE.MANO_OBRA.map((tarea, indice) => {\r\n let Obra = {\r\n Tiempo: tarea.CANTIDAD,\r\n Descripcion: tarea.MANO_OBRA,\r\n TAREAS_REPARACION: []\r\n };\r\n listaManoObra.push(crearLineasParaElPresupuestoLocal(Obra, \"T\", true))\r\n })\r\n\r\n setLineasManoObra(listaManoObra)\r\n\r\n presupuestoGT_ESTIMATE.PIEZAS.map((articulo, indice) => {\r\n let itemArticulo = {};\r\n if (articulo.PRECIO_REAL > 0) {\r\n itemArticulo = {\r\n PRECIO: articulo.PRECIO_REAL,\r\n REFERENCIA_PROVEEDOR: articulo.REFERENCIA_PROVEEDOR,\r\n REFERENCIA: articulo.REFERENCIA,\r\n CODIGO_MARCA_ERP: articulo.CODIGO_MARCA_ERP,\r\n NOMRE_MARCA: articulo.NOMRE_MARCA,\r\n CODIGO_MARCA: articulo.CODIGO_MARCA,\r\n NOMBRE_GRUPO_MONTAJE: articulo.NOMBRE_GRUPO_MONTAJE,\r\n DESCUENTO: articulo.DESCUENTO,\r\n }\r\n } else {\r\n itemArticulo = {\r\n PRECIO: articulo.PRECIO_GT === null ? 0 : articulo.PRECIO_GT,\r\n REFERENCIA_PROVEEDOR: \"\",\r\n REFERENCIA: articulo.REFERENCIA_ORIGINAL,\r\n CODIGO_MARCA_ERP: \"\",\r\n NOMRE_MARCA: \"ORIGINAL\",\r\n CODIGO_MARCA: 0,\r\n NOMBRE_GRUPO_MONTAJE: articulo.REFERENCIA_DESCRIPCION,\r\n DESCUENTO: 0\r\n }\r\n }\r\n\r\n listaArticulo.push(crearLineasParaElPresupuestoLocal(itemArticulo, \"A\", true))\r\n })\r\n\r\n\r\n\r\n setLineasArticulos(listaArticulo)\r\n let concatenrLineas = listaManoObra.concat(listaArticulo);\r\n recalcularTotalesLocal(concatenrLineas)\r\n setVerCestaGT(false);\r\n MSGOK(traducirPagina(\"Referencia_agregada\"))\r\n }\r\n\r\n\r\n const cambiosVehiculo = async (MATRICULA_ACTUAL) => {\r\n if (payLoadLocal.VEH_MATRICULA !== \"\" && MATRICULA_ACTUAL !== payLoadLocal.VEH_MATRICULA) {\r\n await buscarFabricantes();\r\n\r\n payLoadLocal.ID_VEHICULO = 0;\r\n payLoadLocal.BASTIDOR = \"\"\r\n\r\n setFabricantePorDefecto(0);\r\n setModelosPorDefecto(0);\r\n setMotorizacionesPorDefecto(0);\r\n\r\n //buscarModelos([]);\r\n setMotorizaciones([]);\r\n setPayLoadLocal(payLoadLocal)\r\n\r\n }\r\n }\r\n\r\n const cambiosFabricantes = () => {\r\n payLoadLocal.ID_VEHICULO = 0;\r\n //payLoadLocal.VEH_MATRICULA = \"\";\r\n //payLoadLocal.BASTIDOR = \"\";\r\n\r\n setPayLoadLocal(payLoadLocal)\r\n }\r\n\r\n\r\n const formatearImporteFacturacion = (valor, simbolo) => {\r\n const formato = typeof valor === \"number\" ? valor : valor === \"\" ? \"\" : `${valor} ${convertirSimboloMoneda(simbolo)}`;\r\n return formato;\r\n }\r\n\r\n const buscarDocumentoPDF = () => {\r\n ObtenerPresupuestoPDFEnAPI(payLoadLocal.ID).then((doc) => {\r\n if (doc !== undefined) {\r\n if (doc !== \"\" && doc !== null) {\r\n descargarPdfPasandoBase64(doc, \"Presupuesto\")\r\n\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n const buscarDocumento = (ID) => {\r\n ObtenerPresupuestoHTMLEnAPI(ID).then((doc) => {\r\n if (doc !== undefined) {\r\n if (doc !== null || doc !== \"\") {\r\n setDOC_HTML(doc)\r\n } else {\r\n setDOC_HTML(\"\")\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n return (\r\n \r\n {vehiculos === null ?\r\n \r\n \r\n \r\n {traducirPagina(\"Matricula\")} \r\n {traducirPagina(\"Bastidor\")} \r\n {traducirPagina(\"Descripción\")} \r\n \r\n \r\n \r\n {vehiculos.map((vehiculo, i) =>\r\n {\r\n props.VEHICULO_SELECCIONADO(vehiculo);\r\n\r\n }}>\r\n {vehiculo.MATRICULA} \r\n {vehiculo.BASTIDOR} \r\n {vehiculo.DESCRIPCION.substring(0, vehiculo.DESCRIPCION.length > 7 ? 7 : vehiculo.DESCRIPCION.length) + \" ...\"} \r\n \r\n )}\r\n \r\n \r\n :\r\n
\r\n \r\n
\r\n :\r\n vehiculos.length > 0 ?\r\n {traducirPagina(\"No_vehiculos\")}
\r\n\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n abortFetch();\r\n store.dispatch({ type: \"UPDATE_CLIENTE_SELECCIONADO_PARA_PRESUPUESTO_TALLER\", cliente: {} })\r\n store.dispatch({ type: \"UPDATE_VEHICULO_SELECCIONADO_PARA_PRESUPUESTO\", vehiculo: {} })\r\n store.dispatch(DrawerFichaMantenimientoPresupuesto(false));\r\n\r\n }}\r\n visible={openDrawerFichaMantenimientoPresupuesto}\r\n placement={\"right\"}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ zIndex: '9999', color: '#fff' }}>\r\n
\r\n
\r\n\r\n \r\n {\r\n abortFetch();\r\n\r\n store.dispatch({ type: \"UPDATE_CLIENTE_SELECCIONADO_PARA_PRESUPUESTO_TALLER\", cliente: {} })\r\n store.dispatch({ type: \"UPDATE_VEHICULO_SELECCIONADO_PARA_PRESUPUESTO\", vehiculo: {} })\r\n store.dispatch(DrawerFichaMantenimientoPresupuesto(false));\r\n\r\n }}>\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {traducirPagina(\"Ficha_de_presupuesto\").toUpperCase()}\r\n
\r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n \r\n {Object.keys(presupuestoGT_ESTIMATE).length > 0 ?\r\n presupuestoGT_ESTIMATE.LINEAS.length > 0 ?\r\n \r\n\r\n }\r\n
\r\n \r\n {\r\n let verificar = comprobarSiHayPiezasSinReferencia(presupuestoGT_ESTIMATE.PIEZAS);\r\n if (verificar) {\r\n añadirLineasApresupuesto();\r\n } else {\r\n setVisible(true);\r\n }\r\n\r\n }}>\r\n {\r\n\r\n setVerCestaGT(false);\r\n }}>\r\n
\r\n :\r\n\r\n \r\n
\r\n\r\n {traducirPagina(\"Trabajos\")}
\r\n\r\n\r\n {presupuestoGT_ESTIMATE.MANO_OBRA.map((tarea, indice) =>\r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n {tarea.MANO_OBRA}
\r\n \r\n {convertirMoneda(tarea.CANTIDAD, \"horas\")}
\r\n \r\n {traducirPagina(\"Piezas_necesarias\")}
\r\n\r\n\r\n {presupuestoGT_ESTIMATE.PIEZAS.map((articulo, ind) =>\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n {articulo.REFERENCIA === null || articulo.REFERENCIA === \"\" ? articulo.REFERENCIA_DESCRIPCION : articulo.REFERENCIA_DESCRIPCION + \" (\" + articulo.REFERENCIA + \" - \" + articulo.MARCA + \")\"}
\r\n \r\n {convertirMoneda(articulo.PRECIO_GT, \"€\")}
\r\n\r\n \r\n {convertirMoneda(parseInt(articulo.CANTIDAD))}
\r\n \r\n { store.dispatch(DrawerFichaGMVehiculoHaynes(true)); setReferencia_Selecionada(articulo) }}> {
\r\n \r\n \r\n
\r\n {\r\n\r\n setVerCestaGT(false);\r\n }}>\r\n
\r\n :\r\n {\"Actualmente no hay lineas para descargar.\"}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n setActiveItemOuterTabs(\"1\")} role=\"tab\">{traducirPagina(\"Identificación\")} \r\n \r\n\r\n \r\n { setActiveItemOuterTabs(\"2\"); buscarFabricantes(); }} role=\"tab\">{traducirPagina(\"Vehiculo\")} \r\n \r\n\r\n \r\n setActiveItemOuterTabs(\"3\")} role=\"tab\">{traducirPagina(\"Observaciones\")} \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Codigo\").toUpperCase()} \r\n {payLoadLocal.CODIGO} \r\n \r\n\r\n\r\n 0 ? \"\" : 'none' }}>\r\n {traducirPagina(\"Abrir_GT_Estimate\").toUpperCase()} \r\n {payLoadLocal.ID_PRESUPUESTO_GT_ESTIMATE} \r\n {} \r\n \r\n\r\n\r\n \r\n {traducirPagina(\"Fecha\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n\r\n \r\n {traducirPagina(\"Cliente\").toUpperCase()} \r\n {payLoadLocal.ID_CLIENTE} \r\n {} \r\n \r\n \r\n {traducirPagina(\"Nombre\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n\r\n \r\n \r\n {traducirPagina(\"Cif\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n \r\n {traducirPagina(\"Provincia\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n\r\n \r\n {traducirPagina(\"Poblacion\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n \r\n {traducirPagina(\"Direccion\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n\r\n \r\n {traducirPagina(\"Codigo_postal\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n \r\n {traducirPagina(\"Pais\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n \r\n {traducirPagina(\"Telefono\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n\r\n\r\n \r\n {traducirPagina(\"Email\").toUpperCase()} \r\n guardarEstadoFormulario(e)} /> \r\n \r\n \r\n \r\n \r\n
\r\n {traducirPagina(\"Datos_técnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Matricula\").toUpperCase()} \r\n guardarEstadoFormulario(e)} value={payLoadLocal.VEH_MATRICULA} onBlur={(e) => { cambiosVehiculo(e.target.value.trim()) }} /> \r\n {} \r\n \r\n \r\n {traducirPagina(\"Marca\").toUpperCase()} \r\n \r\n {fabricantes !== null ?\r\n\r\n \r\n :\r\n \r\n\r\n \r\n \r\n {traducirPagina(\"Modelo\").toUpperCase()} \r\n \r\n {modelos !== null ?\r\n \r\n :\r\n \r\n \r\n \r\n {/*registro.DESCRIPCION + \" & \" + registro.DESDE + \" - \" + (registro.HASTA === \"\" ? \"Hasta la fecha actual\":registro.HASTA */}\r\n {traducirPagina(\"Motor\").toUpperCase()} \r\n \r\n {motorizaciones !== null ?\r\n \r\n :\r\n \r\n \r\n\r\n \r\n {traducirPagina(\"Bastidor\").toUpperCase()} \r\n guardarEstadoFormulario(e)} value={payLoadLocal.BASTIDOR} /> \r\n \r\n\r\n \r\n \r\n \r\n
\r\n {traducirPagina(\"No_fabricantes\")}
\r\n }\r\n{traducirPagina(\"No_modelos\")}
\r\n }\r\n{traducirPagina(\"No_motorizaciones\")}
\r\n }\r\n\r\n
\r\n \r\n \r\n \r\n \r\n {traducirPagina(\"Observaciones\").toUpperCase()} \r\n \r\n \r\n