\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 \r\n {renderMobileMenu}\r\n {renderMenu}\r\n
\r\n );\r\n}\r\n\r\nconst AppBar = withStyles({\r\n colorDefault: {\r\n background: '#243746',//'linear-gradient(178deg, rgba(67,191,240,94) 0%, rgba(19,53,66,26) 100%)',\r\n color: 'white',\r\n },\r\n})(MuiAppBar);\r\n\r\nconst Menu = withStyles({\r\n paper: {\r\n minWidth: 150,\r\n }\r\n})(MuiMenu);\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n display: 'none',\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'block',\r\n },\r\n },\r\n sectionDesktop: {\r\n display: 'none',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'flex',\r\n },\r\n },\r\n sectionMobile: {\r\n display: 'flex',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n}));\r\n\r\nexport default Header;","import React from 'react';\r\nimport { Route } from 'react-router-dom';\r\n\r\nconst LayoutRoute = ({ component: Component, layout: Layout, ...rest }) => (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/*\r\n \r\n \r\n */}\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Cargando\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n // eslint-disable-next-line\r\n menu.expanded.map((submenu, ind) => {\r\n\r\n if(IsAllow(submenu.to, true))\r\n {\r\n return (\r\n /*
\r\n toggleDrawer('left', true)} open={SideMenu.left} onClose={() => toggleDrawer('left', false)}>\r\n {sideList('left')}\r\n \r\n toggleDrawer('right', true)} onClose={() => toggleDrawer('right', false)}>\r\n {sideList('right')}\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nconst ListItemLink = (props) => {\r\n const { icon, primary, to } = props;\r\n\r\n const renderLink = React.useMemo(\r\n () =>\r\n React.forwardRef((itemProps, ref) => (\r\n // With react-router-dom@^6.0.0 use `ref` instead of `innerRef`\r\n // See https://github.com/ReactTraining/react-router/issues/6056\r\n \r\n \r\n \r\n Login Modala Example \r\n \r\n \r\n \r\n \r\n \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 AuthModalPage;\r\n","import AuthForm, { STATE_LOGIN } from 'components/Authorize/AuthForm';\r\nimport React from 'react';\r\nimport { Card, Col, Row } from 'reactstrap';\r\n\r\nclass AuthPage extends React.Component {\r\n handleAuthState = authState => {\r\n if (authState === STATE_LOGIN) {\r\n this.props.history.push('/login');\r\n } else {\r\n this.props.history.push('/signup');\r\n }\r\n };\r\n\r\n handleLogoClick = () => {\r\n this.props.history.push('/');\r\n };\r\n render() {\r\n const styleBody = {\r\n height: '100vh',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n // backgroundColor: '#153950',\r\n backgroundColor:'#243746',\r\n // backgroundImage:'linear-gradient(to left, #4CA1AF, #2C3E50)', /* Chrome 10-25, Safari 5.1-6 */\r\n backgroundImage: '#243746'//'linear-gradient(to left, #64c4ee, #2C3E50)' /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */,\r\n\r\n };\r\n return (\r\n \r\n setRaised(true)}\r\n onMouseLeave={() => setRaised(false)}>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n Permisos.UsuarioOficina && Permisos.AdministradorProductos &&\r\n \r\n }\r\n {\r\n Permisos.UsuarioOficina && Permisos.AdministradorProductos &&\r\n \r\n }\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Coleccion;","import React from 'react';\r\nimport { FaWarehouse, FaRegClock } from \"react-icons/fa\";\r\nimport { ViewComfy } from '@material-ui/icons';\r\nconst CustomIcon = (props) => {\r\n switch (props.IconName) {\r\n case 'FaWarehouse':\r\n return \r\n
{props.coleccion.CodigoColeccion}
\r\nStatus AX: {props.coleccion.Estatus === 1 ? \"Disponible para la venta\" : \"En Proceso\"}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Venta Inicio:
\r\n\r\n {moment(props.coleccion.VentaInicio).format(\"DD/MM/YYYY\")}\r\n
\r\n \r\n
\r\n \r\n
\r\n Venta Fin:
\r\n\r\n {moment(props.coleccion.VentaFinal).format(\"DD/MM/YYYY\")}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Entrega Inicio:
\r\n\r\n {moment(props.coleccion.EntregaInicio).format(\"DD/MM/YYYY\")}\r\n
\r\n \r\n
\r\n \r\n
\r\n Entrega Fin:
\r\n\r\n {moment(props.coleccion.EntregaFinal).format(\"DD/MM/YYYY\")}\r\n
\r\n \r\n
\r\n\r\n );\r\n\r\n\r\n}\r\n\r\nexport default Colecciones;","import React, { useState, useEffect } from 'react';\r\nimport styles from 'components/Pedidos/ProductoLista/Producto.module.css';\r\nimport Img from 'react-image';\r\nimport { ScaleLoader } from 'react-spinners';\r\nimport notFound from 'assets/nodisponible.png';\r\nimport { Card, } from 'reactstrap';\r\nimport { FiEye, FiSearch } from 'react-icons/fi';\r\nimport { MdCheck } from \"react-icons/md\";\r\nimport { useSnackbar } from 'notistack';\r\nimport { useSelector } from 'react-redux';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\n\r\nconst Producto = (props) => {\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n let stockDisponible = 0;\r\n\r\n if (!props.isFuture) {\r\n stockDisponible = props.producto.fisicaDisponible.reduce((a, b) => (a + b.Cantidad), 0);\r\n }\r\n\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n\r\n const alertDeshabilitado = () => {\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Este producto no esta disponible',\r\n customClass: {\r\n container: styles.ToastOnTopModal,\r\n }\r\n });\r\n }\r\n\r\n\r\n const toggleSelect = () => {\r\n if (props.producto.Deshabilitado && !permisos.AdministradorProductos) {\r\n alertDeshabilitado()\r\n } else if (primerRender ? (precioProductoTemporal !== undefined) : (precioProducto !== undefined)) {\r\n if (!(selected || isSelectedTemporal) && totalProducto + props.TotalPedido > props.LimiteVenta) {\r\n props.alertaLimiteCredito();\r\n } else {\r\n if ((props.producto.fisicaDisponible.reduce((acc, curr) => { return acc + curr.Cantidad }, 0) > 0) || props.isFuture) {\r\n setselected(!selected);\r\n props.toggleSelectProducto(props.producto);\r\n } else {\r\n enqueueSnackbar('Producto sin stock', {\r\n variant: 'error',\r\n anchorOrigin: {\r\n vertical: 'bottom',\r\n horizontal: 'left',\r\n },\r\n });\r\n }\r\n\r\n }\r\n } else {\r\n props.alertaPrecio();\r\n }\r\n }\r\n const [selected, setselected] = useState(false);\r\n const [primerRender, setPrimerRender] = useState(true);\r\n const [totalProducto, setTotalProducto] = useState(0);\r\n const [precioProducto, setPrecio] = useState(undefined);\r\n const permisos = useSelector(e => e.Permisos[0]);\r\n let isSelectedTemporal = false;\r\n let precioProductoTemporal = undefined;\r\n\r\n try {\r\n isSelectedTemporal = props.TableValue[props.producto.Linea.IdLinea][props.producto.CodigoColeccion][props.producto.GrupoTalla].Productos[props.producto.ProductoId].Selected;\r\n } catch { }\r\n\r\n precioProductoTemporal = props.producto.Precio.find(precioxProd => {\r\n return precioxProd.GrupoPrecio === props.GrupoPrecioCliente;\r\n });\r\n\r\n\r\n useEffect(() => {\r\n\r\n let precio = props.producto.Precio.find(precioxProd => {\r\n return precioxProd.GrupoPrecio === props.GrupoPrecioCliente;\r\n });\r\n if (!precio && props.producto.fisicaDisponible.length > 0) {\r\n let precioFisicoDisponible = props.producto.fisicaDisponible.find(fsDis => fsDis.PreciosEspecificos.find(ps => ps.Precio > 0 && ps.GrupoPrecio === props.GrupoPrecioCliente))\r\n if (precioFisicoDisponible) {\r\n precio = { Precio: precioFisicoDisponible.PreciosEspecificos.find(ps => ps.Precio > 0 && ps.GrupoPrecio === props.GrupoPrecioCliente).Precio };\r\n }\r\n }\r\n if (precio) {\r\n try {\r\n let tempTotal = 0.00;\r\n Object.keys(props.TableValue[props.producto.Linea.IdLinea][props.producto.CodigoColeccion][props.producto.GrupoTalla].Productos[props.producto.ProductoId].Colores).forEach((codigoColor) => {\r\n let color = props.TableValue[props.producto.Linea.IdLinea][props.producto.CodigoColeccion][props.producto.GrupoTalla].Productos[props.producto.ProductoId].Colores[codigoColor];\r\n\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n\r\n let valorTalla = color.Tallas[codigoTalla];\r\n tempTotal = tempTotal + (precio.Precio * (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10)));\r\n });\r\n });\r\n setTotalProducto(tempTotal);\r\n } catch { }\r\n setPrecio(precio);\r\n setPrimerRender(false);\r\n }\r\n // eslint-disable-next-line\r\n }, []);\r\n useEffect(() => {\r\n let selected = false;\r\n try {\r\n selected = props.TableValue[props.producto.Linea.IdLinea][props.producto.CodigoColeccion][props.producto.GrupoTalla].Productos[props.producto.ProductoId].Selected;\r\n } catch { }\r\n setselected(selected);\r\n // eslint-disable-next-line\r\n }, [props.producto]);\r\n let selectableClassName = styles.selectable;\r\n\r\n const handleClickVistaRapida = (e) => {\r\n if (permisos.AdministradorProductos) {\r\n props.ClickVistaRapida(e);\r\n return;\r\n }\r\n\r\n if (!permisos.AdministradorProductos && !props.producto.Deshabilitado) {\r\n props.ClickVistaRapida(e);\r\n return;\r\n }\r\n\r\n alertDeshabilitado();\r\n }\r\n\r\n const handleVerDetalle = (e) => {\r\n if (permisos.AdministradorProductos) {\r\n props.Click(e);\r\n return;\r\n }\r\n\r\n if (!permisos.AdministradorProductos && !props.producto.Deshabilitado) {\r\n props.Click(e);\r\n return;\r\n }\r\n\r\n alertDeshabilitado();\r\n }\r\n\r\n if (primerRender ? isSelectedTemporal : selected) {\r\n selectableClassName = selectableClassName + ' ' + styles.selected;\r\n }\r\n\r\n return (\r\n //className=\"col-xl-3 col-md-6 col-lg-4 col-sm-6 col-12\"\r\n \r\n \r\n \r\n { changeTab(props, value) }}>\r\n {getValidCollections().map((tipCol, index) => {\r\n return \r\n \r\n \r\n\r\n\r\n
\r\n\r\n \r\n {/* onChangeSearch(event.target.value)}\r\n /> */}\r\n\r\n {/* onClickIcon()}\r\n >\r\n {\r\n Active ?
\r\n \r\n\r\n
\r\n \r\n
\r\n {\r\n props.colecciones.map((coleccion, index) => {\r\n if (coleccion.ColeccionTipo === value && coleccion.Lineas.includes(props.LineaSeleccionada.IdLinea)) {\r\n let encontrado = coleccion.Nombre.toLowerCase().includes(TextboxValue.toLowerCase().trim());\r\n if (encontrado) {\r\n return (\r\n \r\n { toggleSelect() }}\r\n className={styles.card}\r\n >\r\n {\r\n !props.isFuture &&\r\n <>\r\n {\r\n props.SoldOut &&
\r\n );\r\n}\r\nconst areEqual = (prevProps, nextProps) => {\r\n return false;\r\n}\r\nexport default React.memo(Producto, areEqual);","import React from 'react';\r\nimport Producto from 'components/Pedidos/ProductoLista/Producto';\r\nimport AutoSizer from \"react-virtualized-auto-sizer\";\r\nimport { FixedSizeList } from \"react-window\";\r\nimport styles from 'components/Pedidos/ProductoLista/Producto.module.css'\r\n\r\nconst filtro = (arrayAtributosXProducto, filtroAtributos) => {\r\n var tipos = Object.keys(filtroAtributos);\r\n if (tipos.length === 0) {\r\n return true;\r\n }\r\n var atributoSeleccionados = Object.values(filtroAtributos).find(arraydDescripcion => (arraydDescripcion.length > 0));\r\n if (!atributoSeleccionados) {\r\n return true;\r\n }\r\n\r\n return tipos.find(type => {\r\n\r\n return filtroAtributos[type].find((filtroAtributo) => {\r\n return arrayAtributosXProducto.find(atributoProducto => (filtroAtributo === atributoProducto.Descripcion));\r\n });\r\n });\r\n\r\n}\r\n\r\nconst SoldOut = (producto) => {\r\n let encontrado = false;\r\n let cantidad = 0;\r\n producto.fisicaDisponible.map(disponible => {\r\n cantidad += disponible.Cantidad;\r\n return false;\r\n })\r\n\r\n if (cantidad === 0) {\r\n encontrado = true\r\n }\r\n\r\n return encontrado;\r\n}\r\n\r\nconst Productos = (props) => {\r\n const searched = (nombre, codigo, texto) => {\r\n if (texto === '') {\r\n return true;\r\n }\r\n let found = false;\r\n\r\n found = nombre.toLowerCase().includes(texto.toLowerCase()) || codigo.toLowerCase().includes(texto.toLowerCase());\r\n return found;\r\n }\r\n let isFuture = false;\r\n if (props.coleccion.ColeccionTipo === \"F\" || props.coleccion.ColeccionTipo === 'f') {\r\n isFuture = true;\r\n };\r\n\r\n let cantidad = 0;\r\n let cardSize = 360;\r\n let productosList = [];\r\n\r\n const Row = React.memo(({ index, data, style }) => {\r\n\r\n const { ListProducts, itemsPerRow, styles } = data;\r\n\r\n const items = [];\r\n const fromIndex = index * itemsPerRow;\r\n const toIndex = Math.min(fromIndex + itemsPerRow, ListProducts.length);\r\n\r\n let Restante = 0;\r\n if (toIndex === ListProducts.length) {\r\n Restante = toIndex - fromIndex;\r\n\r\n if (Restante === itemsPerRow) {\r\n Restante = 0;\r\n }\r\n else {\r\n Restante = itemsPerRow - Restante;\r\n }\r\n }\r\n\r\n let AltClass = (itemsPerRow > ListProducts.length || itemsPerRow === ListProducts.length);\r\n\r\n for (let i = fromIndex; i < toIndex; i++) {\r\n items.push(\r\n Sin Stock
\r\n }\r\n \r\n }\r\n {\r\n props.producto.InOut && In&Out
\r\n }\r\n {\r\n props.producto.Deshabilitado && Cerrado
\r\n }\r\n {\r\n props.producto.Nuevo && Nuevo
\r\n }\r\n {\r\n props.producto.PiezaSuelta && Sueltas
\r\n }\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n {props.producto.NombreProducto}\r\n
\r\n\r\n \r\n {/* Pseudo */}CĆ³digo - {props.producto.ProductoId}\r\n
\r\n\r\n {(!props.isFuture) && \r\n {/* Pseudo */}Stock Disponible : {stockDisponible}\r\n
}\r\n\r\n\r\n \r\n *Disponible en {props.producto.ListaColores.length} {(props.producto.ListaColores.length === 1) ? 'color' : 'colores'}\r\n
\r\n\r\n \r\n {/* El boton se mostrara en responsive */}\r\n {/* */}\r\n\r\n
\r\n\r\n \r\n {/* \r\n \r\n \r\n
\r\n
\r\n\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 (\r\n \r\n {items}\r\n
\r\n )\r\n }, areEqual);\r\n\r\n\r\n props.coleccion.Edades.map((edad) => {\r\n if (props.filtroEdad === \"Sueltas\") {\r\n edad.ProductosXEdad.map((producto) => {\r\n if (isFuture || !props.NoStock) {\r\n let encontrado = searched(producto.NombreProducto, producto.ProductoId, props.buscador);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos) && producto.PiezaSuelta) {\r\n cantidad++;\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n else {\r\n let Sold = SoldOut(producto);\r\n\r\n if (!Sold) {\r\n let encontrado = searched(producto.NombreProducto, producto.ProductoId, props.buscador);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos) && producto.PiezaSuelta) {\r\n cantidad++;\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n return false;\r\n })\r\n } else {\r\n if (props.filtroEdad === null || props.filtroEdad === edad.IdEdad) {\r\n edad.ProductosXEdad.map((producto) => {\r\n if (isFuture || !props.NoStock) {\r\n let encontrado = searched(producto.NombreProducto, producto.ProductoId, props.buscador);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos)) {\r\n cantidad++;\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n else {\r\n let Sold = SoldOut(producto);\r\n\r\n if (!Sold) {\r\n let encontrado = searched(producto.NombreProducto, producto.ProductoId, props.buscador);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos)) {\r\n cantidad++;\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n return false;\r\n })\r\n }\r\n return null;\r\n }\r\n });\r\n\r\n if (props.coleccion.ColeccionTipo !== \"F\" || props.coleccion.ColeccionTipo !== 'f') {\r\n productosList.forEach((e, i) => {\r\n const stock = e.fisicaDisponible.reduce((a, b) => (a + b.Cantidad), 0);\r\n e.stockDisponible = stock;\r\n });\r\n if (props.Ordenamiento) {\r\n if (props.Ordenamiento === \"Nombre\") {\r\n productosList.sort((a, b) => (a.NombreProducto.localeCompare(b.NombreProducto)));\r\n } else if (props.Ordenamiento === \"Codigo\") {\r\n productosList.sort((a, b) => (a.ProductoId.localeCompare(b.ProductoId)));\r\n } else {\r\n productosList.sort((a, b) => ((a.stockDisponible > b.stockDisponible) ? -1 : 1));\r\n }\r\n } else {\r\n productosList.sort((a, b) => ((a.stockDisponible > b.stockDisponible) ? -1 : 1));\r\n }\r\n }\r\n\r\n if (props.coleccion.ColeccionTipo === \"F\" || props.coleccion.ColeccionTipo === 'f') {\r\n if (props.Ordenamiento) {\r\n if (props.Ordenamiento === \"Nombre\") {\r\n productosList.sort((a, b) => (a.NombreProducto.localeCompare(b.NombreProducto)));\r\n } else if (props.Ordenamiento === \"Codigo\") {\r\n productosList.sort((a, b) => (a.ProductoId.localeCompare(b.ProductoId)));\r\n }\r\n } else {\r\n productosList.sort((a, b) => a.ProductoId.localeCompare(b.ProductoId));\r\n }\r\n }\r\n\r\n let productosNuevo = productosList.filter(x => x.Nuevo);\r\n productosNuevo.sort((a, b) => ((a.Prioridad < b.Prioridad) ? -1 : 1));\r\n\r\n let productosInOut = productosList.filter(x => x.InOut);\r\n productosInOut.sort((a, b) => ((a.Prioridad < b.Prioridad) ? -1 : 1));\r\n\r\n let productosRegulares = productosList.filter(x => !x.InOut && !x.Nuevo);\r\n productosRegulares.sort((a, b) => ((a.Prioridad < b.Prioridad) ? -1 : 1));\r\n\r\n productosList = [...productosNuevo, ...productosInOut, ...productosRegulares];\r\n\r\n let productos = (\r\n \r\n \r\n {({ height, width }) => {\r\n const itemsPerRow = ~~(width / cardSize) || 1;\r\n const rowCount = Math.ceil(cantidad / itemsPerRow);\r\n let itemData = { ListProducts: productosList, itemsPerRow: itemsPerRow, styles: styles };\r\n\r\n return (\r\n \r\n
\r\n );\r\n\r\n let mensajeCantidad = \"No hay Productos\";\r\n if (props.CantidadProductos.current) {\r\n if (cantidad !== 0) {\r\n if (cantidad > 1) {\r\n mensajeCantidad = cantidad + \" Productos\";\r\n }\r\n else {\r\n mensajeCantidad = cantidad + \" Producto\"\r\n }\r\n }\r\n props.CantidadProductos.current.innerText = mensajeCantidad;\r\n }\r\n\r\n if (props.coleccion)\r\n return productos;\r\n}\r\n\r\nconst areEqual = (prevProps, nextProps) => {\r\n let iguales = prevProps.filtroAtributos === nextProps.filtroAtributos;\r\n iguales = iguales && prevProps.coleccion === nextProps.coleccion;\r\n iguales = iguales && prevProps.coleccion === nextProps.coleccion;\r\n iguales = iguales && prevProps.buscador === nextProps.buscador;\r\n iguales = iguales && prevProps.filtroEdad === nextProps.filtroEdad;\r\n return iguales;\r\n}\r\nexport default (Productos);","import React, { useState, useEffect } from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport { Checkbox } from 'element-react';\r\nimport {\r\n Button,\r\n Dialog,\r\n DialogContent,\r\n DialogTitle,\r\n DialogActions,\r\n ExpansionPanel as MuiExpansionPanel,\r\n ExpansionPanelSummary as MuiExpansionPanelSummary,\r\n ExpansionPanelDetails as MuiExpansionPanelDetails,\r\n} from '@material-ui/core';\r\n\r\nconst ModalFiltros = (props) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n\r\n useEffect(() => {\r\n // Update the document title using the browser API\r\n let node = document.getElementById(props.IdNode);\r\n if (node !== null) {\r\n document.getElementById(props.IdNode).addEventListener(\"click\", () => handleClickOpen());\r\n }\r\n setIsOpen(false);\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n const handleClickOpen = () => {\r\n setIsOpen(true);\r\n }\r\n\r\n const handleClose = () => {\r\n setIsOpen(false);\r\n }\r\n\r\n const GetModal = (\r\n \r\n \r\n {Row}\r\n \r\n
\r\n );\r\n }}\r\n \r\n
\r\n {\r\n props.Filtros.length !== 0 ?\r\n props.Filtros.map((atributoXcoleccion, index) => {\r\n return (\r\n \r\n
\r\n props.SearchFiltros(event)} placeholder={\"Buscar\"} className={\"pr-2 \" + props.styles.SearchFiltros} />\r\n\r\n \r\n props.OnClickSearch()} >\r\n
\r\n \r\n\r\n props.toggleExpandirFiltroAtributos(\"panel\" + index.toString())}>\r\n \r\n \r\n \r\n
\r\n )\r\n })\r\n :\r\n \r\n\r\n {atributoXcoleccion.Descripciones.map((Descripcion, index2) => {\r\n var atrib = {\r\n [atributoXcoleccion.Tipo]: Descripcion\r\n };\r\n return (\r\n
\r\n\r\n \r\n
\r\n
\r\n Sin Resultados\r\n
\r\n }\r\n \r\n ![{\"Foto]({\"http://www.quesoselllanojaral.com/img/nodisponible.png\"})
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n {props.producto.AtributosXProducto.map((element, index) => {\r\n return (\r\n
\r\n \r\n \r\n\r\n {props.producto.ListaColores.map((element, index) => {\r\n var colorId = \"color\" + index;\r\n\r\n let color = \"#fff\"\r\n if (element.Color !== '0' && element.Color !== null) {\r\n color = decimalColorToHTMLcolor(element.Color);\r\n }\r\n return (\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n {props.producto.ListaTalla.map((element, index) => {\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\n\r\n \r\n {props.producto.NombreProducto}
\r\n{'Codigo: '} {props.producto.ProductoId}
\r\n\r\n\r\n
Detalle del Producto
\r\n| {element.Tipo} | \r\n{element.Descripcion} | \r\n
Colores Disponibles
\r\n\r\n \r\n {element.NombreColor}\r\n \r\n
\r\n\r\n\r\n )\r\n })}\r\n\r\n \r\n\r\n\r\n
\r\n\r\n \r\n
Tallas Disponibles
\r\n\r\n
\r\n\r\n )\r\n })}\r\n {element.Talla}
\r\n\r\n\r\n \r\n
\r\n
\r\n
\r\n {\r\n (props.NoEsFuturo || props.stockVisibleFuturo) &&\r\n <>\r\n
\r\n \r\n {/*
\r\n {\r\n (props.hasBackOrder !== 'N' && props.hasBackOrder !== 'n') ?\r\n \r\n
*/}\r\n \r\n {\"Stock: \"}\r\n
\r\n\r\n \r\n {/* */}\r\n
\r\n \r\n Stock:
\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 {\"BackO: \"}\r\n
\r\n \r\n\r\n {/* */}\r\n
\r\n \r\n {props.backorder}\r\n
\r\n \r\n {/*
\r\n \r\n
*/}\r\n \r\n {\"Precio: \"}\r\n
\r\n\r\n \r\n {/* */}\r\n
\r\n \r\n Precio: {props.precio.toFixed(2)}\r\n
\r\n \r\n
\r\n Colores sin stock\r\n \r\n
\r\n | Codigo | \r\nColor | \r\nDescripcion | \r\n
|---|---|---|
| {color.CodigoColor} | \r\n{color.NombreColor} | \r\n
\r\n {props.producto.ListaColoresSinStock.length > 0 && {\r\n actualizarPrioridad(value)\r\n }}\r\n options={[\r\n { key: 1, value: 1, text: \"1\" },\r\n { key: 2, value: 2, text: \"2\" },\r\n { key: 3, value: 3, text: \"3\" },\r\n { key: 4, value: 4, text: \"4\" },\r\n { key: 5, value: 5, text: \"5\" },\r\n ]}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={prioridadProducto}\r\n />\r\n\r\n\r\n \r\n )\r\n\r\n }\r\n {\r\n\r\n permisos.AdministradorProductos && props.producto.ListaColores.length > 1 && \r\n \r\n
\r\n {IsOpen && (\r\n setIsOpen(false)}\r\n onMovePrevRequest={() =>\r\n setSelectedImage((SelectedImage + imagenes.length - 1) % imagenes.length)\r\n }\r\n onMoveNextRequest={() =>\r\n setSelectedImage((SelectedImage + 1) % imagenes.length)\r\n }\r\n />\r\n )}\r\n
\r\n );\r\n}\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nconst ListaColores = props => {\r\n const { colores, handleColorFiltrado, colorFiltrado } = props;\r\n\r\n return (\r\n Otros Colores
}\r\n {props.producto.ListaColores.length > 1 &&{showFiltro ? \"Ocultar Filtro -\" : \"Filtrar colores +\"}
}\r\n {colorFiltrado.length > 0 &&{showFiltroStock ? \"Ordenar por Stock\" : \"Ordenar Por Nombre\"}
}\r\n\r\n\r\n| Prioridad | \r\nCerrado | \r\n \r\n )\r\n }\r\nColor | \r\n {props.producto.ListaTalla.map((talla, index) => {\r\n return (\r\n\r\n \r\n {\r\n talla.Distribucion.length !== 0 &&\r\n \r\n \r\n {talla.Talla}\r\n \r\n \r\n \r\n \r\n \r\n {talla.Talla} \r\n }\r\n\r\n | \r\n )\r\n })}\r\n Cant | \r\nTotal | \r\n
|---|---|---|---|---|---|
| \r\n \r\n \r\n Stock Total: {color.StockColor} \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 (hasImages) {\r\n props.setListaImagenes(color.NombreColor);\r\n }\r\n setColorSeleccionado(color.NombreColor);\r\n }}\r\n >\r\n {/* */}\r\n {hasImages ? | \r\n {\r\n Object.keys(props.TableValue[props.producto.GrupoTalla].Productos[props.producto.ProductoId].Colores[color.CodigoColor].Tallas).map((talla, index2) => {\r\n var valorTalla = props.TableValue[props.producto.GrupoTalla].Productos[props.producto.ProductoId].Colores[color.CodigoColor].Tallas[talla];\r\n var backOrder = (valorTalla.Cantidad > valorTalla.Disponible) ? (valorTalla.Cantidad - valorTalla.Disponible) : 0;\r\n let cantidadXTalla = (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10));\r\n cantidadTotalXColor += cantidadXTalla;\r\n let totalXTalla = cantidadXTalla * valorTalla.Precio;\r\n totalXColor = parseInt(totalXColor, 10) + totalXTalla;\r\n return (\r\n\r\n {cantidadTotalXColor} | \r\n\r\n{numberWithCommas(totalXColor)} | \r\n
- \r\n {colores.map(x => (\r\n
\r\n
\r\n \r\n (slider1 = slider)}\r\n >\r\n {\r\n state.imagenes.map((imagen, index) => {\r\n return (\r\n <>\r\n \r\n
\r\n {\r\n state.multipleImages &&\r\n \r\n {props.ListaImagenes.Deshabilitado && 
\r\n
\r\n \r\n );\r\n })\r\n }\r\n Cerrado
}\r\n \r\n (slider2 = slider)}\r\n >\r\n {\r\n state.imagenes.map((imagen, index) => {\r\n return (\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n );\r\n })\r\n }\r\n {props.color}
\r\n \r\n )\r\n}\r\n\r\nexport default SliderFunction;\r\n\r\n\r\n\r\nconst PrimaryNextArrow = (props) => {\r\n const { className, style, onClick } = props;\r\n return (\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nconst areEqual = (prevProps, nextProps) => {\r\n return false;\r\n}\r\nexport default React.memo(Producto, areEqual);","import React,{useEffect,useRef} from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport Producto from \"components/Pedidos/ProductoDetalle/RelatedProduct\";\r\nimport { MdKeyboardArrowLeft, MdKeyboardArrowRight } from \"react-icons/md\";\r\nimport {useSelector} from 'react-redux';\r\n\r\nconst Carousel = (props) => {\r\n const producto = useSelector(e=>e.producto);\r\n const mySlider = useRef()\r\n\r\n const settings = {\r\n infinite: false,\r\n lazyLoad: true,\r\n speed: 500,\r\n slidesToShow: 4,\r\n slidesToScroll: 4,\r\n nextArrow: \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {props.producto.NombreProducto}\r\n
\r\n \r\n
\r\n {(stockDisponible>0)&& \r\n {props.producto.ProductoId}\r\n
\r\n \r\n
}\r\n \r\n {\"Disponible: \"+stockDisponible}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {props.index + 1}\r\n / \r\n {props.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 else if (props.filtroEdad !== null) {\r\n chips = (\r\n \r\n Filtros:\r\n
*/}\r\n {/* {className=\"col-lg-11 col-10 p-0\"} */}\r\n \r\n \r\n\r\n {\r\n Object.keys(props.filtroAtributos).map((categ, indCateg) => {\r\n\r\n return props.filtroAtributos[categ].map((filtro, ind) => {\r\n return (\r\n props.handleDeleteFiltros(categ, filtro)}\r\n label={categ.charAt(0).toUpperCase() + categ.slice(1).toLowerCase() + \" / \" + filtro}\r\n icon={ props.setFiltroEdad(null)}\r\n icon={ props.handleDeleteAllFiltros()}\r\n icon={ \r\n
\r\n \r\n {/*
\r\n )\r\n }\r\n\r\n return chips;\r\n}\r\n\r\n\r\nexport default FiltroChips;","import React from 'react';\r\nimport Carousel from \"components/Pedidos/ProductoDetalle/RelatedSlider\";\r\nimport SearchButton from 'components/Pedidos/ProductoLista/SearchButton'\r\nimport ModalFiltros from '../ProductoLista/ModalFiltros';\r\nimport FiltroChips from '../ProductoLista/FiltroChips';\r\nimport { Add } from '@material-ui/icons';\r\nimport { Fab } from '@material-ui/core';\r\nimport styles from 'components/Pedidos/ProductoDetalle/RelatedContainer.module.scss'\r\n\r\nconst filtro = (arrayAtributosXProducto, filtroAtributos) => {\r\n var tipos = Object.keys(filtroAtributos);\r\n if (tipos.length === 0) {\r\n return true;\r\n }\r\n var atributoSeleccionados = Object.values(filtroAtributos).find(arraydDescripcion => (arraydDescripcion.length > 0));\r\n if (!atributoSeleccionados) {\r\n return true;\r\n }\r\n\r\n return tipos.find(type => {\r\n\r\n return filtroAtributos[type].find((filtroAtributo) => {\r\n return arrayAtributosXProducto.find(atributoProducto => (filtroAtributo === atributoProducto.Descripcion));\r\n });\r\n });\r\n}\r\n\r\nconst Productos = (props) => {\r\n const [TextboxValue, setTextboxValue] = React.useState(\"\");\r\n let isFuture = false;\r\n if (props.coleccion.ColeccionTipo === \"F\" || props.coleccion.ColeccionTipo === 'f') {\r\n isFuture = true;\r\n };\r\n\r\n let productosList = [];\r\n\r\n const onChangeSearch = (text) => {\r\n setTextboxValue(text);\r\n }\r\n\r\n const onSearchClear = (text) => {\r\n setTextboxValue(\"\");\r\n }\r\n\r\n const SoldOut = (producto) => {\r\n let encontrado = false;\r\n let cantidad = 0;\r\n producto.fisicaDisponible.map(disponible => {\r\n cantidad += disponible.Cantidad;\r\n return false;\r\n })\r\n\r\n if (cantidad === 0) {\r\n encontrado = true\r\n }\r\n\r\n return encontrado;\r\n }\r\n\r\n const searched = (product, texto) => {\r\n if (texto === '') {\r\n return true;\r\n }\r\n let foundName = false;\r\n let foundAttribute = false;\r\n\r\n foundName = product.NombreProducto.toLowerCase().includes(texto.toLowerCase());\r\n\r\n product.AtributosXProducto.map(atributo => {\r\n let encontrado = atributo.Descripcion.toLowerCase().includes(texto.toLowerCase());\r\n\r\n if (encontrado) {\r\n foundAttribute = true\r\n }\r\n\r\n return false;\r\n });\r\n\r\n let found = foundName || foundAttribute;\r\n\r\n return found;\r\n }\r\n\r\n props.coleccion.Edades.map((edad) => {\r\n if(props.filtroEdad === \"Sueltas\"){\r\n edad.ProductosXEdad.map((producto) => {\r\n\r\n if (isFuture || !props.NoStock) {\r\n let encontrado = searched(producto, TextboxValue);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos) && producto.PiezaSuelta) {\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n else {\r\n\r\n let Sold = SoldOut(producto);\r\n\r\n if (!Sold) {\r\n\r\n let encontrado = searched(producto, TextboxValue);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos) && producto.PiezaSuelta) {\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n })\r\n }else{\r\n if (props.filtroEdad === null || props.filtroEdad === edad.IdEdad) {\r\n edad.ProductosXEdad.map((producto) => {\r\n\r\n if (isFuture || !props.NoStock) {\r\n let encontrado = searched(producto, TextboxValue);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos)) {\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n else {\r\n\r\n let Sold = SoldOut(producto);\r\n\r\n if (!Sold) {\r\n\r\n let encontrado = searched(producto, TextboxValue);\r\n\r\n if (encontrado) {\r\n if (props.Linea.IdLinea === producto.Linea.IdLinea && filtro(producto.AtributosXProducto, props.filtroAtributos)) {\r\n let productoConEdad = { ...producto, IdEdad: edad.IdEdad, Edad: edad.Edad };\r\n productosList.push(productoConEdad);\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n })\r\n }\r\n return null;\r\n }\r\n });\r\n\r\n\r\n if (props.coleccion) {\r\n\r\n if (props.coleccion.ColeccionTipo === \"F\" || props.coleccion.ColeccionTipo === 'f') {\r\n productosList.sort((a,b)=>a.ProductoId.localeCompare(b.ProductoId));\r\n };\r\n\r\n return (\r\n \r\n Filtros:\r\n
*/}\r\n {/* className=\"col-lg-11 col-10 p-0\" */}\r\n \r\n \r\n props.setFiltroEdad(null)}\r\n icon={ \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default Productos;","import React, { useState } from \"react\";\r\nimport { ExpandMore, InfoOutlined } from '@material-ui/icons';\r\nimport { ExpansionPanel, ExpansionPanelDetails, ExpansionPanelSummary } from '@material-ui/core';\r\nimport styles from 'components/Pedidos/ProductoDetalle/VistaProducto.module.css';\r\nimport Base from \"assets/img/Icon/Base.png\";\r\nimport Brand from \"assets/img/Icon/Brand.png\";\r\nimport Category from \"assets/img/Icon/Category.png\";\r\nimport Fabric from \"assets/img/Icon/Fabric.png\";\r\nimport Type from \"assets/img/Icon/Type.png\";\r\n\r\nconst Expandable = (props) => {\r\n const [Expandido, setExpandido] = useState(false);\r\n\r\n const handleChange = panel => (event, isExpanded) => {\r\n setExpandido(isExpanded ? panel : false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n Productos
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n Filtros\r\n
\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.producto.AtributosXProducto.map((element, index) => {\r\n let tipo = element.Tipo.toLowerCase();\r\n let icono = null;\r\n switch (tipo) {\r\n case 'base':\r\n icono = Base;\r\n break;\r\n case 'marca':\r\n icono = Brand;\r\n break;\r\n case 'categoria':\r\n icono = Category;\r\n break;\r\n case 'tejido':\r\n icono = Fabric;\r\n break;\r\n case 'tipo':\r\n icono = Type;\r\n break;\r\n default:\r\n icono = Brand;\r\n break;\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 {element.Tipo}\r\n
\r\n
\r\n {element.Tipo}\r\n
\r\n \r\n {element.Descripcion}\r\n \r\n
\r\n \r\n Deshabilitar Producto\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n ĀæEsta seguro en deshabilitar el producto de la coleccion {coleccion} para el pais {empresa}?
\r\nEscriba el codigo del producto para confirmar.
\r\n { handleChangeCodigo(e.target.value) }} />\r\n\r\n \r\n \r\n
\r\n \r\n Eliminar imagen producto\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n ĀæEsta seguro en eliminar la imagen?
\r\nEscriba el codigo de la imagen para confirmar.
\r\n { handleChangeCodigo(e.target.value) }} />\r\n\r\n \r\n \r\n
\r\n \r\n Eliminar Imagen {codigoProducto}\r\n
\r\n \r\n
\r\n \r\n {imagenesProducto.length > 0 && <>
\r\n Imagenes en producto
\r\nImagenes en colores
\r\n\r\n \r\n {imagen !== \"\" && 
}\r\n
\r\n - \r\n {listaImagenes.map(x => (
- { seleccionarImagen(x.Fotografia, x.IdFotografia) }} className={`list-group-item d-flex justify-content-between align-items-center ${(codigoImagen === x.IdFotografia ? 'active' : '')}`} key={x.IdFotografia}>\r\n \r\n\r\n \r\n
Imagen: {x.Nombre}
\r\nCodigo Imagen: {x.IdFotografia}
\r\nCodigo Color: {x.CodigoColor}
\r\n ))}\r\n
\r\n setIsOpen(false)}\r\n onMovePrevRequest={() =>\r\n setSelectedImage((SelectedImage + imagenes.length - 1) % imagenes.length)\r\n }\r\n onMoveNextRequest={() =>\r\n setSelectedImage((SelectedImage + 1) % imagenes.length)\r\n }\r\n />\r\n )}\r\n
\r\n );\r\n}\r\n\r\n// const decimalColorToHTMLcolor = (number) => {\r\n// //converts to a integer\r\n// var intnumber = number - 0;\r\n\r\n// // isolate the colors - really not necessary\r\n// var red, green, blue;\r\n\r\n// // needed since toString does not zero fill on left\r\n// var template = \"#000000\";\r\n\r\n// // in the MS Windows world RGB colors\r\n// // are 0xBBGGRR because of the way Intel chips store bytes\r\n// red = (intnumber & 0x0000ff) << 16;\r\n// green = intnumber & 0x00ff00;\r\n// blue = (intnumber & 0xff0000) >>> 16;\r\n\r\n// // mask out each color and reverse the order\r\n// intnumber = red | green | blue;\r\n\r\n// // toString converts a number to a hexstring\r\n// var HTMLcolor = intnumber.toString(16);\r\n\r\n// //template adds # for standard HTML #RRGGBB\r\n// HTMLcolor = template.substring(0, 7 - HTMLcolor.length) + HTMLcolor;\r\n\r\n// return HTMLcolor;\r\n// }\r\n\r\nconst areEqual = (prevProps, nextProps) => {\r\n return false;\r\n // let iguales = prevProps.producto === nextProps.producto;\r\n // iguales = iguales && prevProps.imagenProducto === nextProps.imagenProducto;\r\n // iguales = iguales && prevProps.Cliente === nextProps.Cliente;\r\n // return iguales;\r\n}\r\nexport default React.memo(VistaProducto, areEqual);\r\n","import React, { useState } from 'react'\r\nimport styles from 'components/Pedidos/SelectCliente/Historico.module.css';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { ClipLoader } from 'react-spinners';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport moment from \"moment\";\r\nmoment.locale('es');\r\n\r\nconst Historico = (props) => {\r\n let fin = new moment().toDate();\r\n let ini = new moment(fin).add(-6, 'days').toDate();\r\n const [fechaInicio, setFechaInicio] = useState(ini);\r\n const [fechaFin, setFechaFin] = useState(fin);\r\n const [showTable, setShowTable] = useState(false);\r\n\r\n const handleFechaInicio = (fecha) => {\r\n unloadTable();\r\n var date = moment(fecha).toDate();\r\n\r\n var fech = moment(fecha).toDate();\r\n fech.setDate(date.getDate() + 6);\r\n\r\n setFechaInicio(date);\r\n setFechaFin(fech);\r\n loadTable();\r\n }\r\n\r\n const handleFechaFin = (fecha) => {\r\n unloadTable();\r\n var date = moment(fecha).toDate();\r\n\r\n const diffTime = new Date(date) - new Date(fechaInicio);\r\n\r\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n if (diffDays <= 7 && diffDays > 0) {\r\n setFechaFin(date);\r\n }\r\n else {\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Ingrese Fecha VƔlida',\r\n })\r\n var fech = new Date();\r\n fech.setDate(fechaInicio.getDate() + 6);\r\n\r\n setFechaFin(fech);\r\n }\r\n loadTable();\r\n\r\n }\r\n\r\n const loadTable = () => {\r\n setTimeout(() => {\r\n setShowTable(true);\r\n }, 3000)\r\n }\r\n const unloadTable = () => {\r\n setShowTable(false);\r\n }\r\n\r\n return (\r\n \r\n {\r\n isEmptyImages ?\r\n
\r\n \r\n 
\r\n
\r\n :\r\n \r\n \r\n {props.producto.NombreProducto} {(props.producto.ListaImagenes.length > 0) &&
\r\n
\r\n {IsOpen && (\r\n \r\n {props.producto.NombreProducto} {(props.producto.ListaImagenes.length > 0) && setIsOpen(true)} size={\"30px\"} />}\r\n {permisos.AdministradorProductos &&\r\n \r\n \r\n \r\n \r\n }\r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n {'CĆ³digo: '}{props.producto.ProductoId}\r\n
\r\n\r\n
\r\n \r\n {/*
\r\n \r\n
\r\n */}\r\n \r\n\r\n
\r\n\r\n Colores Disponibles
\r\n\r\n\r\n {props.producto.ListaColores.map((element, index) => {\r\n var colorId = \"color\" + index;\r\n\r\n let color = \"#fff\"\r\n if (element.Color !== '0' && element.Color !== null) {\r\n color = decimalColorToHTMLcolor(element.Color);\r\n }\r\n return (\r\n\r\n
\r\n \r\n \r\n {element.NombreColor}\r\n \r\n
\r\n\r\n\r\n )\r\n })}\r\n\r\n \r\n\r\n\r\n
\r\n\r\n \r\n\r\n
\r\n Tallas Disponibles
\r\n\r\n\r\n {props.producto.ListaTalla.map((element, index) => {\r\n return (\r\n\r\n
\r\n \r\n
\r\n\r\n )\r\n })}\r\n {element.Talla}
\r\n\r\n\r\n
\r\n \r\n \r\n {props.producto.CantidadMinima > 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\nconst columns = [\r\n {\r\n name: \"Name\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n name: \"Title\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n name: \"Location\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n name: \"Age\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n name: \"Salary\",\r\n options: {\r\n filter: true,\r\n sort: false\r\n }\r\n }\r\n];\r\n\r\n\r\nconst data = [\r\n [\"Gabby George\", \"Business Analyst\", \"Minneapolis\", 30, \"$100,000\"],\r\n [\"Aiden Lloyd\", \"Business Consultant\", \"Dallas\", 55, \"$200,000\"],\r\n [\"Jaden Collins\", \"Attorney\", \"Santa Ana\", 27, \"$500,000\"],\r\n [\"Franky Rees\", \"Business Analyst\", \"St. Petersburg\", 22, \"$50,000\"],\r\n [\"Aaren Rose\", \"Business Consultant\", \"Toledo\", 28, \"$75,000\"],\r\n [\"Blake Duncan\", \"Business Management Analyst\", \"San Diego\", 65, \"$94,000\"],\r\n [\"Frankie Parry\", \"Agency Legal Counsel\", \"Jacksonville\", 71, \"$210,000\"],\r\n [\"Lane Wilson\", \"Commercial Specialist\", \"Omaha\", 19, \"$65,000\"],\r\n [\"Robin Duncan\", \"Business Analyst\", \"Los Angeles\", 20, \"$77,000\"],\r\n [\"Mel Brooks\", \"Business Consultant\", \"Oklahoma City\", 37, \"$135,000\"],\r\n [\"Harper White\", \"Attorney\", \"Pittsburgh\", 52, \"$420,000\"],\r\n [\"Kris Humphrey\", \"Agency Legal Counsel\", \"Laredo\", 30, \"$150,000\"],\r\n [\"Frankie Long\", \"Industrial Analyst\", \"Austin\", 31, \"$170,000\"],\r\n [\"Brynn Robbins\", \"Business Analyst\", \"Norfolk\", 22, \"$90,000\"],\r\n [\"Justice Mann\", \"Business Consultant\", \"Chicago\", 24, \"$133,000\"],\r\n [\"Addison Navarro\", \"Business Management Analyst\", \"New York\", 50, \"$295,000\"],\r\n [\"Jesse Welch\", \"Agency Legal Counsel\", \"Seattle\", 28, \"$200,000\"],\r\n [\"Eli Mejia\", \"Commercial Specialist\", \"Long Beach\", 65, \"$400,000\"],\r\n [\"Gene Leblanc\", \"Industrial Analyst\", \"Hartford\", 34, \"$110,000\"],\r\n [\"Danny Leon\", \"Computer Scientist\", \"Newark\", 60, \"$220,000\"],\r\n [\"Lane Lee\", \"Corporate Counselor\", \"Cincinnati\", 52, \"$180,000\"],\r\n [\"Jesse Hall\", \"Business Analyst\", \"Baltimore\", 44, \"$99,000\"],\r\n [\"Danni Hudson\", \"Agency Legal Counsel\", \"Tampa\", 37, \"$90,000\"],\r\n [\"Terry Macdonald\", \"Commercial Specialist\", \"Miami\", 39, \"$140,000\"],\r\n [\"Justice Mccarthy\", \"Attorney\", \"Tucson\", 26, \"$330,000\"],\r\n [\"Silver Carey\", \"Computer Scientist\", \"Memphis\", 47, \"$250,000\"],\r\n [\"Franky Miles\", \"Industrial Analyst\", \"Buffalo\", 49, \"$190,000\"],\r\n [\"Glen Nixon\", \"Corporate Counselor\", \"Arlington\", 44, \"$80,000\"],\r\n [\"Gabby Strickland\", \"Business Process Consultant\", \"Scottsdale\", 26, \"$45,000\"],\r\n [\"Mason Ray\", \"Computer Scientist\", \"San Francisco\", 39, \"$142,000\"]\r\n];\r\n\r\nconst options = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n expandableRows: true,\r\n expandableRowsOnClick: true,\r\n selectableRows: 'none',\r\n renderExpandableRow: (rowData, rowMeta) => {\r\n const colSpan = rowData.length + 1;\r\n return (\r\n \r\n
\r\n \r\n HistĆ³rico {props.nombre.toLowerCase()}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n
\r\n Fecha Inicio
\r\n\r\n\r\n handleFechaFin(date)}\r\n />\r\n
\r\n Fecha Fin
\r\n\r\n {\r\n showTable ?\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n :\r\n \r\n
\r\n }\r\n \r\n Detalle Linea {detalle.Linea}\r\n \r\n
\r\n | ColecciĆ³n | \r\nUnidades Pendientes | \r\nMonto Pendiente | \r\n
|---|---|---|
| {item.Coleccion} | \r\n{numberWithCommas(item.UnidadesPendientes)} | \r\n{numberWithCommas(item.MontoPendiente)} | \r\n
| Total Reservado | \r\n{numberWithCommas(data.reduce((prev, curr) => prev + curr.UnidadesPendientes, 0))} | \r\n{abreviacion} {numberWithCommas(data.reduce((prev, curr) => prev + curr.MontoPendiente, 0))} | \r\n\r\n
\r\n
\r\n )\r\n\r\n if (props.autocompleteValue !== null && props.autocompleteValue !== false) {\r\n alerta = true;\r\n }\r\n }\r\n\r\n if (props.autocompleteValue != null && props.autocompleteValue.FacturacionEntrega === \"Factura\") {\r\n FacturacionEntrega = (\r\n \r\n
\r\n )\r\n\r\n if (props.autocompleteValue !== null && props.autocompleteValue !== false) {\r\n alerta = true;\r\n }\r\n }\r\n\r\n const mensajeError = () => {\r\n if (props.autocompleteValue !== null) {\r\n if (props.autocompleteValue.FacturacionEntrega === \"Todo\") return \"El cliente actualmente se encuentra bloqueado.\";\r\n if (props.autocompleteValue.FacturacionEntrega === \"Factura\") return \"El cliente actualmente se encuentra deshabilitado por mora.\";\r\n }\r\n }\r\n\r\n const actualizarCoordenadasPedido = (longitud, latitud) => {\r\n let copiaClientes = clientesPedido;\r\n let indice = copiaClientes.map(x => x.Codigo).indexOf(props.autocompleteValue.Codigo);\r\n copiaClientes[indice].Longitud = longitud;\r\n copiaClientes[indice].Latitud = latitud;\r\n props.refrescarClienteSeleccionado(copiaClientes[indice]);\r\n setValue(JSON.stringify(copiaClientes[indice]));\r\n dispatch({ type: 'STORE_CLIENTES', clientes: copiaClientes });\r\n }\r\n\r\n const actualizarCoordenadasRecibo = (longitud, latitud) => {\r\n let copiaClientes = clientesRecibo.clientes;\r\n let indice = copiaClientes.map(x => x.Codigo).indexOf(props.autocompleteValue.Codigo);\r\n copiaClientes[indice].Longitud = longitud;\r\n copiaClientes[indice].Latitud = latitud;\r\n dispatch({ type: 'STORE_RECIBO_CLIENTES', clientes: copiaClientes });\r\n }\r\n\r\n const actualizarData = request => {\r\n const { latitud, longitud } = request.data;\r\n actualizarCoordenadasPedido(longitud, latitud);\r\n actualizarCoordenadasRecibo(longitud, latitud);\r\n }\r\n\r\n const enviarCoordenadasApi = async (coor) => {\r\n try {\r\n const data = {\r\n cliente: props.autocompleteValue.Codigo,\r\n latitud: coor.latitude,\r\n longitud: coor.longitude\r\n }\r\n const request = await axios.post(`${APIURL}/api/cliente/coordenadas`, data);\r\n actualizarData(request);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Coordenadas del cliente han sido actualizadas con Ć©xito.\",\r\n type: 'success',\r\n confirmButtonText: 'OK',\r\n });\r\n } catch (err) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Ha ocurrido un error y no se pudo obtener las coordenadas.\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n }\r\n\r\n const mensajeErrorCoordenadas = () => {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Ha ocurrido un error y no se pudo obtener las coordenadas.\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n\r\n const confirmacionCoordenadas = async () => {\r\n let isOnline = await verificarConexion();\r\n if (localStorage.getItem(\"Conexion\") === \"Online\" && isOnline) {\r\n Swal.fire({\r\n title: 'Confirmar',\r\n text: `ĀæEstĆ” seguro de realizar el pinneo en la ubicacĆ³n actual?`,\r\n type: 'question',\r\n showCancelButton: true,\r\n confirmButtonColor: '#06bf53',\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonText: 'SĆ',\r\n cancelButtonText: 'No',\r\n }).then((result) => {\r\n if (result.value) {\r\n ObtenerCoordenadas((position) => {\r\n enviarCoordenadasApi({\r\n longitude: position.coords.longitude,\r\n latitude: position.coords.latitude\r\n })\r\n }, (error) => {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Ha ocurrido un error y no se pudo obtener las coordenadas.\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n });\r\n }\r\n })\r\n } else {\r\n mostrarAdvertencia(\"Modo Offline\", \"Se encuentra en modo offline, no puede actualizar registros.\", \"warning\");\r\n }\r\n }\r\n\r\n const verificarObtencionCoordenadas = () => {\r\n navigator.permissions.query({ name: 'geolocation' }).then(res => {\r\n if (res.state === \"granted\") {\r\n confirmacionCoordenadas();\r\n } else {\r\n Swal.fire({\r\n title: 'Advertencia',\r\n text: \"Habilite la geoposiciĆ³n en su dispositivo para realizar esta acciĆ³n.\",\r\n type: 'warning',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n }).catch(err => {\r\n mensajeErrorCoordenadas()\r\n })\r\n }\r\n\r\n /*if (props.autocompleteValue != null && props.autocompleteValue.EmpresaId.toUpperCase() !== empresa.toUpperCase() && props.autocompleteValue !== false) {\r\n EsVisible = true;\r\n }*/\r\n\r\n let optionsMap = null;\r\n let color = \"#FF0000\";\r\n let zoom = 17;\r\n\r\n if (locationAsesor.latitude && locationAsesor.longitude) {\r\n let distancia = CalcularDistancia(locationAsesor.latitude, locationAsesor.longitude, locationCliente.latitude, locationCliente.longitude)\r\n if (distancia <= parseInt(Configuraciones.DistPermitidaPedido)) {\r\n color = \"#1ECE39\";\r\n }\r\n\r\n optionsMap = {\r\n strokeColor: color,\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: color,\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n draggable: false,\r\n editable: false,\r\n visible: true,\r\n radius: 30000,\r\n zIndex: 1,\r\n }\r\n }\r\n\r\n const mapLocation = () => {\r\n\r\n let initialCoors = { lat: locationCliente.latitude, lng: locationCliente.longitude };\r\n return (\r\n <>\r\n\r\n \r\n UbicaciĆ³n:\r\n
\r\n {locationCliente.latitude != null && gpsActivo && isLoaded ?\r\n\r\n\r\n {/* \r\n {(locationAsesor.latitude !== null && locationAsesor.longitude !== null) && \r\n
\r\n :\r\n {locationCliente.latitude}
\r\n{locationCliente.longitude}
\r\n\r\n{locationAsesor.latitude}
\r\n{locationAsesor.longitude}
*/}\r\n\r\nDistancia: {distancia} mtrs
\r\n\r\n\r\n UbicaciĆ³n no disponible\r\n
\r\n }\r\n\r\n\r\n \r\n )\r\n }\r\n\r\n const reservadoCliente = () => {\r\n if (props.autocompleteValue.ReservadoClientePorLinea && props.autocompleteValue.ReservadoClientePorLinea.length === 0) {\r\n return Sin pedidos pendientes de facturar.
\r\n }\r\n\r\n let Abreviacion = props.autocompleteValue.Moneda ? Monedas.find(e => e.IdMoneda === props.autocompleteValue.Moneda) ? Monedas.find(e => e.IdMoneda === props.autocompleteValue.Moneda).Abreviacion : \"\" : \"\";\r\n\r\n return (\r\n <>\r\nPendiente FacturaciĆ³n
\r\n \r\n| Linea | \r\nMonto | \r\nUnidades | \r\nAcciones | \r\n
|---|---|---|---|
| {reservado.Linea} | \r\n{numberWithCommas(reservado.MontoPendiente)} | \r\n{numberWithCommas(reservado.UnidadesPendientes)} | \r\n\r\n\r\n |
| Total Reservado | \r\n{Abreviacion} {numberWithCommas(props.autocompleteValue.ReservadoClientePorLinea.reduce((prev, curr) => prev + curr.MontoPendiente, 0))} | \r\n{numberWithCommas(props.autocompleteValue.ReservadoClientePorLinea.reduce((prev, curr) => prev + curr.UnidadesPendientes, 0))} | \r\n\r\n |
| VALORES DE LOS PEDIDOS NO INCLUYEN ISV. | \r\n
No puede realizar el pedido, su distancia con el cliente es mayor a {Configuraciones.DistPermitidaPedido} metros - Distancia actual {distancia} metros
\r\n \r\n }\r\n\r\n {locationCliente.latitude == null && localStorage.getItem('codigo') == Configuraciones.UsuarioTest &&\r\n \r\nEl cliente no tiene una ubicaciĆ³n registrada. Por favor, regĆstrela y actualice la pĆ”gina.
\r\n \r\n\r\n }\r\n\r\n\r\n
\r\n\r\n {!permisos.UsuarioOficina && localStorage.getItem('codigo') == Configuraciones.UsuarioTest &&\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n {(!BloqueoCredito) &&\r\n InformaciĆ³n General
\r\n \r\n| \r\n {'Codigo: '}\r\n | \r\n\r\n {props.autocompleteValue.Codigo}\r\n | \r\n
| \r\n {'Nombre:'}\r\n | \r\n\r\n {props.autocompleteValue.Nombre}\r\n | \r\n
| \r\n {'Conocido como:'}\r\n | \r\n\r\n {props.autocompleteValue.Alias}\r\n | \r\n
| \r\n {'Bloqueo Crediticio: '}\r\n | \r\n\r\n {props.autocompleteValue.FacturacionEntrega} | \r\n
| \r\n {'Grupo Precios: '}\r\n | \r\n\r\n {`${props.autocompleteValue.GrupoPrecio} - ${props.autocompleteValue.NombreGrupoPrecio}`} | \r\n
| \r\n {'Departamento: '}\r\n | \r\n\r\n {props.autocompleteValue.Departamento}\r\n | \r\n
| \r\n {'Ciudad: '}\r\n | \r\n\r\n {props.autocompleteValue.Ciudad}\r\n | \r\n
| \r\n {'DirecciĆ³n: '}\r\n | \r\n\r\n {props.autocompleteValue.Direccion} | \r\n
| \r\n Pinear Coordenada\r\n | \r\n\r\n \r\n | \r\n
\r\n {FacturacionEntrega}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
}\r\n InformaciĆ³n Crediticia
\r\n \r\n| \r\n Tipo\r\n | \r\n\r\n Valor Credito\r\n | \r\n\r\n Saldo CxC\r\n | \r\n\r\n Disponible\r\n | \r\n
|---|---|---|---|
| {credito.Tipo} | \r\n0 ? 'green' : 'red' }}>{credito.Valor ? numberWithCommas(credito.Valor) : 0} | \r\n{credito.SaldoTotal ? numberWithCommas(credito.SaldoTotal) : 0} | \r\n0 ? 'green' : 'red' }}>{credito.Disponible ? numberWithCommas(credito.Disponible) : 0} | \r\n
| {Total} | \r\n0 ? 'green' : 'red' }}>{Abreviacion} {numberWithCommas(ValorCreditoTotal)} | \r\n{Abreviacion} {numberWithCommas(CXCTotal)} | \r\n0 ? 'green' : 'red' }}>{Abreviacion} {numberWithCommas(DisponibleTotal)} | \r\n
| }\r\n {props.autocompleteValue.Nombre.includes('CONSUMIDOR FINAL') && | \r\n | }\r\n {props.autocompleteValue.Nombre.includes('CONSUMIDOR FINAL') && Cliente Seleccionado: {clienteContado === null ? 'Ninguno' : clienteContado.Nombre} | }\r\n
\r\n \r\n
\r\n Reporte visitas
\r\n \r\n \r\n\r\n\r\n {reservadoCliente()}\r\n
\r\n \r\n {mapLocation()}\r\n
\r\n }\r\n\r\n\r\n \r\n
\r\n }\r\n \r\n \r\n 
{ setOpenContado(false) }} />\r\n \r\n \r\n \r\n\r\n {props.autocompleteValue !== 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 props.autocompleteValue &&\r\n \r\n }\r\n setOpenModalDirecciones(false)} open={openModalDirecciones} direcciones={props.autocompleteValue == null ? [] : props.autocompleteValue.Direcciones} />\r\n
\r\n \r\n );\r\n}\r\n\r\nconst ModalDirecciones = ({ open, direcciones, cerrar }) => {\r\n const dispatch = useDispatch();\r\n\r\n const onClickDireccion = (e) => {\r\n dispatch({ type: \"SET_DIRECCIONENTREGA\", payload: e });\r\n cerrar();\r\n }\r\n\r\n return (\r\n \r\n Cliente Contado\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Nuevo Pedido\r\n
\r\n\r\n
\r\n
\r\n\r\n {(props.autocompleteValue && direccionEntrega) && (\r\n handleOnChange(value)}\r\n options={options}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={Value}\r\n />\r\n
\r\n\r\n \r\n {\r\n\r\n localStorage.getItem('codigo') == Configuraciones.UsuarioTest ? (\r\n\r\n (gpsActivo && distancia >= 0 && distancia <= parseInt(Configuraciones.DistPermitidaPedido) && locationCliente.latitude != null) ? (\r\n \r\n Continuar\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n \r\n Continuar\r\n \r\n
\r\n ) : (\r\n\r\n \r\n )\r\n ) : (\r\n \r\n
)}\r\n\r\n {!gpsActivo && !permisos.UsuarioOficina && localStorage.getItem('codigo') == Configuraciones.UsuarioTest &&\r\n \r\n \r\n
\r\n DirecciĆ³n Entrega: {direccionEntrega.nombreDireccion} - {direccionEntrega.direccion}
\r\n\r\n \r\n
\r\n Para continuar con el pedido, por favor active el GPS y actualice la pĆ”gina para actualizar su ubicaciĆ³n.
\r\n \r\n }\r\n\r\n\r\n
*/}\r\n \r\n
\r\n {infoCliente}\r\n\r\n \r\n Seleccionar direcciĆ³n entrega\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {direcciones.map(x => (
- onClickDireccion(x)} className={`list-group-item d-flex justify-content-between align-items-center mt-3`} key={x.postalAddress}>\r\n \r\n\r\n
Nombre direcciĆ³n: {x.nombreDireccion}
\r\nDirecciĆ³n: {x.direccion}
\r\nTipo: {x.principal ? \"Principal\" : \"Secundaria\"}
\r\n ))}\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n Seleccionar Tipo de Pedido\r\n
\r\n\r\n
\r\n\r\n {props.tiposPedido.map((tipoPedido) => {\r\n\r\n if (tipoPedido.Aplica_Todos) {\r\n\r\n if (tipoPedido.TipoPedido === \"Contado\") {\r\n return (\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\n\r\nconst numberWithCommasNoDec = (x) => {\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\nexport default SelectTipoPedido;","import React from 'react';\r\nimport {\r\n Button,\r\n} from 'reactstrap';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst SelectBodega = (props) => {\r\n const Bodegas = useSelector(b => b.MaestroBodegaAlmacenes);\r\n const Permisos = useSelector(e => e.Permisos[0]);\r\n\r\n const BodegasOrdenadas = () => {\r\n let bodegas = [];\r\n\r\n for (let bodega of Bodegas) {\r\n if (bodega.BodegaPrincipal) {\r\n bodegas.unshift(bodega);\r\n } else {\r\n bodegas.push(bodega);\r\n }\r\n }\r\n\r\n return bodegas;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n if (!BloqueoCredito) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n let acuerdosFiltradoTipoPedido = acuerdosFiltrados.filter(x => x.IdTipoPedido === tipoPedido.IdTipoPedido);\r\n if (acuerdosFiltradoTipoPedido.length > 0) {\r\n let plural = acuerdosFiltradoTipoPedido.length === 1 ? \"Acuerdo\" : \"Acuerdos\";\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {plural} de Venta\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return false;\r\n\r\n })\r\n\r\n }\r\n \r\n \r\n {\r\n showDivider &&\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n Seleccionar Bodega\r\n
\r\n\r\n
\r\n\r\n {BodegasOrdenadas().map((bodega, index) => {\r\n\r\n if (bodega.BodegaPrincipal) {\r\n return (\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SelectBodega;","import React from 'react';\r\nimport Img from 'react-image'\r\nimport { ScaleLoader } from 'react-spinners';\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardMedia,\r\n CardActionArea,\r\n Typography\r\n} from \"@material-ui/core\";\r\nimport nodisponible from 'assets/nodisponible.png';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport {useDispatch,useSelector} from 'react-redux';\r\nimport { verificarConexion } from 'utils/http';\r\nimport { Loading } from 'components/Global/Loading';\r\n\r\nconst Linea = (props) => {\r\n const [Raised, setRaised] = React.useState(false);\r\n const dispatch = useDispatch();\r\n const usuarioOficina = useSelector(e=>e.Permisos[0].UsuarioOficina);\r\n const BodegaSeleccionada = useSelector(e=>e.BodegaSeleccionada);\r\n let imagen = props.Linea.Imagen !== null ? props.Linea.Imagen : nodisponible;\r\n const [loading,setLoading] = React.useState(false);\r\n if (props.Linea.Imagen === null) {\r\n switch (props.Linea.Linea) {\r\n case 'Complementario':\r\n imagen = 'https://img1.theiconic.com.au/bU-XGvyk3KPm0oiRVkaYFIBjdAk=/634x811/filters:quality(95):fill(ffffff)/http%3A%2F%2Fstatic.theiconic.com.au%2Fp%2Fnique-5751-618679-1.jpg';\r\n break;\r\n case 'Denim':\r\n imagen = 'https://img1.theiconic.com.au/mPfUc-yG99_JGPGqOXSyOETirZs=/634x811/filters:quality(95):fill(ffffff)/http%3A%2F%2Fstatic.theiconic.com.au%2Fp%2Ftopshop-7099-995926-3.jpg';\r\n break;\r\n case 'Estampado':\r\n imagen = 'https://img1.theiconic.com.au/9A9b_POtDSWKwcKSPFBW3PeyhLA=/634x811/filters:quality(95):fill(ffffff)/http%3A%2F%2Fstatic.theiconic.com.au%2Fp%2Fstaple-superior-3410-496245-1.jpg';\r\n break;\r\n case 'Tejido de punto':\r\n imagen = \"https://img1.theiconic.com.au/1kLelXjR5ACyG3jzPO_pVIBIiM8=/634x811/filters:quality(95):fill(ffffff)/http%3A%2F%2Fstatic.theiconic.com.au%2Fp%2Fbetty-basics-2335-305479-1.jpg\";\r\n break;\r\n default:\r\n imagen = props.Linea.Imagen != null ? props.Linea.Imagen : nodisponible;\r\n break;\r\n }\r\n }\r\n\r\n const cargarColecciones = async () => {\r\n if (usuarioOficina) {\r\n props.setLinea(props.Linea);\r\n fetch(`${APIURL}/api/colecciones/${props.Linea.IdLinea}/${localStorage.getItem('EmpresaCliente')}/${BodegaSeleccionada.Almacen}/${BodegaSeleccionada.CodigoSitio}`)\r\n .then(res => res.json())\r\n .then(data => dispatch({ type: 'STORE_COLECCIONES', colecciones: data }));\r\n } else {\r\n if (localStorage.getItem(\"Conexion\") === \"offline\") {\r\n props.setLinea(props.Linea);\r\n } else {\r\n setLoading(true);\r\n let isOnline = await verificarConexion();\r\n setLoading(false);\r\n props.setLinea(props.Linea);\r\n if (localStorage.getItem(\"Conexion\") === \"Online\" && isOnline) {\r\n fetch(`${APIURL}/api/colecciones/${props.Linea.IdLinea}/${localStorage.getItem('EmpresaCliente')}/${BodegaSeleccionada.Almacen}/${BodegaSeleccionada.CodigoSitio}`)\r\n .then(res => res.json())\r\n .then(data => dispatch({ type: 'STORE_COLECCIONES', colecciones: data }));\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 if (localStorage.getItem(\"Conexion\") === \"Online\" && Permisos.BodegaEspecifico && bodega.EmpresaId.toUpperCase() === props.Cliente.EmpresaId) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n return false;\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Seleccionar Linea\r\n
\r\n\r\n
\r\n\r\n {\r\n props.maestroLineas.map((LineaIndividual, index) => {\r\n return (\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SelectLinea;","import React, { useState, useEffect } from 'react';\r\nimport styles from 'components/Pedidos/MatrizResumen/MatrizResumen.module.css';\r\nimport PopupState, {\r\n bindTrigger,\r\n bindPopover\r\n} from 'material-ui-popup-state';\r\nimport ToggleIcon from 'material-ui-toggle-icon'\r\nimport { Visibility, VisibilityOff } from '@material-ui/icons'\r\nimport { Popover, Typography, Card, CardContent, CardMedia } from \"@material-ui/core\";\r\nimport CeldaTallas from \"components/Pedidos/Global/CeldaTallas\";\r\nimport { FiTrash2 } from \"react-icons/fi\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Lightbox from 'react-image-lightbox';\r\nimport 'react-image-lightbox/style.css';\r\nimport 'sweetalert2/src/sweetalert2.scss';\r\nimport { useSelector } from 'react-redux';\r\n\r\n\r\nconst ProductoTable = (props) => {\r\n const [dirty, setDirty] = useState(false);\r\n const [SelectedImage, setSelectedImage] = useState(0);\r\n const [hasBackOrder, setHasBackOrder] = useState(\"N\");\r\n const [IsOpen, setIsOpen] = useState(false);\r\n const Configuraciones = useSelector(e => e.Configuraciones);\r\n\r\n let ArregloProductos = Object.keys(props.producto.Colores).map((key) => ([key, props.producto.Colores[key]]));\r\n ArregloProductos.sort((a, b) => a[1].NombreColor < b[1].NombreColor ? -1 : 1)\r\n .sort((a, b) => a[1].StockColor > b[1].StockColor ? 1 : -1)\r\n .sort((a, b) => a[1].Prioridad > b[1].Prioridad ? -1 : 1);\r\n\r\n useEffect(() => {\r\n setDirty(props.mostrarVacios);\r\n cargarBackOrder();\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.mostrarVacios]);\r\n\r\n const EliminarProducto = (grupo, cod, nombre) => {\r\n Swal.fire({\r\n title: 'ĀæEliminar producto?',\r\n text: `Desea eliminar el producto ${nombre}?\\nCĆ³digo: ${cod}`,\r\n type: 'warning',\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: 'Eliminar!',\r\n cancelButtonText: 'Cancelar',\r\n }).then((result) => {\r\n if (result.value) {\r\n props.Eliminar(grupo, cod);\r\n Swal.fire(\r\n {\r\n type: 'success',\r\n title: 'El producto ha sido eliminado',\r\n showConfirmButton: false,\r\n timer: 1500\r\n }\r\n )\r\n }\r\n })\r\n }\r\n\r\n const cargarBackOrder = () => {\r\n setHasBackOrder(Configuraciones.BO)\r\n }\r\n\r\n const onFocus = () => {\r\n setDirty(false);\r\n }\r\n\r\n const onBlur = () => {\r\n setDirty(true);\r\n }\r\n\r\n const handleArrowKeys = (event) => {\r\n if (event.keyCode === 39) {\r\n const form = event.target.form;\r\n const index = Array.prototype.indexOf.call(form, event.target);\r\n if (form.elements[index + 1]) {\r\n form.elements[index + 1].focus();\r\n }\r\n event.preventDefault();\r\n }\r\n else if (event.keyCode === 37) {\r\n const form = event.target.form;\r\n const index = Array.prototype.indexOf.call(form, event.target);\r\n if (form.elements[index - 1]) {\r\n form.elements[index - 1].focus();\r\n }\r\n event.preventDefault();\r\n }\r\n }\r\n\r\n let productoTable = (\r\n <>\r\n \r\n
\r\n );\r\n })\r\n }\r\n \r\n\r\n \r\n {popupState => {\r\n return (\r\n <>\r\n \r\n\r\n \r\n {\r\n props.producto.ListaImagenes ?\r\n \r\n \r\n {props.producto.NombreProducto}\r\n \r\n \r\n {props.codigoProducto}\r\n \r\n \r\n \r\n \r\n \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.codigoProducto}\r\n
\r\n {props.producto.NombreProducto}
\r\n \r\n
\r\n\r\n\r\n setIsOpen(true)}>\r\n setIsOpen(false)}\r\n onMovePrevRequest={() =>\r\n setSelectedImage((SelectedImage + props.producto.ListaImagenes.length - 1) % props.producto.ListaImagenes.length)\r\n }\r\n onMoveNextRequest={() =>\r\n setSelectedImage((SelectedImage + 1) % props.producto.ListaImagenes.length)\r\n }\r\n />\r\n )}\r\n
\r\n :\r\n \r\n EliminarProducto(props.grupoTalla, props.codigoProducto, props.producto.NombreProducto)} />\r\n {props.producto.CantidadMinima > 0 && Este producto se vende en mĆŗltiplos de {props.producto.CantidadMinima}}\r\n
\r\n \r\n
\r\n\r\n {\r\n popupState.isOpen &&\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nconst numberWithCommasNoDec = (x) => {\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\nconst areEqual = (prevProps, nextProps) => {\r\n return false;\r\n // let iguales = prevProps.filtroAtributos === nextProps.filtroAtributos;\r\n // iguales = iguales && prevProps.coleccion === nextProps.coleccion;\r\n}\r\nexport default React.memo(MatrizResumen, areEqual);\r\n","import React, { useState } from 'react';\r\nimport styles from 'components/Pedidos/MatrizResumen/MatrizResumenExpandable.module.css';\r\nimport ProductoTable from 'components/Pedidos/MatrizResumen/ProductoTable';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport {\r\n Card,\r\n CardContent,\r\n CardHeader,\r\n ExpansionPanel,\r\n ExpansionPanelDetails,\r\n ExpansionPanelSummary,\r\n Popover,\r\n Box,\r\n Typography\r\n} from '@material-ui/core';\r\nimport PopupState, { bindTrigger, bindPopover } from 'material-ui-popup-state';\r\nimport { InfoOutlined } from \"@material-ui/icons\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js'\r\nimport 'sweetalert2/src/sweetalert2.scss';\r\nimport {useSelector} from 'react-redux';\r\n\r\n\r\nconst MatrizResumen = (props) => {\r\n const [mostrarVacios, setMostrarVacios] = useState(false);\r\n const [expanded, setExpanded] = React.useState(false);\r\n\r\n const Monedas = useSelector(e=>e.AbreviacionMonedas);\r\n const AcuerdoVenta = useSelector(e=>e.AcuerdoVenta);\r\n let referenceCantidad = [];\r\n let referenceTotal = [];\r\n let gruposTalla = Object.keys(props.tableValue);\r\n let unidadesTotales = 0;\r\n let totalGlobal = 0.00;\r\n let impuesto = 0;\r\n const moneda = Monedas.find(e=>e.IdMoneda === props.Cliente.Moneda).Abreviacion;\r\n let productosSinCantindad = false;\r\n\r\n const coleccion = useSelector(e=>e.coleccion.Edades);\r\n const productoImpuestos = useSelector(e=>e.ProductoImpuestos);\r\n const clienteImpuestos = useSelector(e=>e.ClienteImpuestos);\r\n const cliente = useSelector(e=>e.cliente);\r\n const clienteImpuesto = clienteImpuestos.find(x=>x.GRUPO===cliente.GrupoImpuesto);\r\n const configuracionBaseColor = useSelector(x=>x.configuracionBaseColor);\r\n const configuracionBaseColorPais = configuracionBaseColor.filter(x=>x.empresa===cliente.Codigo.split('-')[0]);\r\n\r\n const findProduct=(codigo)=>\r\n {\r\n for(const edades of coleccion)\r\n {\r\n for(const producto of edades.ProductosXEdad)\r\n {\r\n if(producto.ProductoId===codigo){\r\n return producto;\r\n }\r\n }\r\n }\r\n }\r\n\r\n const onContinuar = () => {\r\n if (AcuerdoVenta) {\r\n if (AcuerdoVenta.Saldo < (totalGlobal + impuesto)) {\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: 'No se puede procesar el pedido ya que excede el limite del acuerdo.',\r\n type: 'warning',\r\n });\r\n return;\r\n }\r\n }\r\n \r\n if (productosSinCantindad) {\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: \"Ha dejado productos con cantidades igual a 0 , los cuales no se tomaran en cuenta. Desea continuar?\",\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonText: 'Continuar',\r\n cancelButtonText: 'Corregir',\r\n }).then((result) => {\r\n if (result.value) {\r\n props.mostrarResumen();\r\n } else {\r\n setMostrarVacios(true);\r\n }\r\n })\r\n } else {\r\n props.mostrarResumen();\r\n }\r\n\r\n }\r\n\r\n const handleChange = panel => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const Headers = (array) => {\r\n return (\r\n \r\n \r\n Unidades: {numberWithCommasNoDec(unidadesTotales)}\r\n
\r\n \r\n Subtotal: {moneda} {numberWithCommas(totalGlobal)}\r\n
\r\n \r\n ISV: {moneda} {numberWithCommas(impuesto)}\r\n
\r\n \r\n Total: {moneda} {numberWithCommas(totalGlobal +impuesto)}\r\n
\r\n \r\n \r\n
\r\n Matriz
\r\n }\r\n style={{ borderBottom: '1px solid #ddd', padding: '10px 16px' }}\r\n />\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nconst getTotales = (producto, Cliente) => {\r\n let Totales = { totalCantidad: 0, totalPrecio: 0 };\r\n\r\n Object.keys(producto.Colores).map((codigoColor, index2) => {\r\n let color = producto.Colores[codigoColor];\r\n var totalXColor = 0;\r\n var totalPrecioXColor = 0;\r\n\r\n Object.keys(color.Tallas).map((codigoTalla, index3) => {\r\n var valorTalla = color.Tallas[codigoTalla];\r\n totalXColor = parseInt(totalXColor, 10) + (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10));\r\n totalPrecioXColor += (valorTalla.Precio ? valorTalla.Precio: 0)*valorTalla.Cantidad;\r\n return false;\r\n })\r\n Totales.totalCantidad += totalXColor;\r\n Totales.totalPrecio += totalPrecioXColor;\r\n return false;\r\n })\r\n return Totales;\r\n}\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nconst numberWithCommasNoDec = (x) => {\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\nconst areEqual = (prevProps, nextProps) => {\r\n return false;\r\n // let iguales = prevProps.filtroAtributos === nextProps.filtroAtributos;\r\n // iguales = iguales && prevProps.coleccion === nextProps.coleccion;\r\n}\r\nexport default React.memo(MatrizResumen, areEqual);\r\n","import React from 'react';\r\nimport styles from 'components/Pedidos/ResumenPedido/ResumenPedido.module.css';\r\nimport 'components/Pedidos/ResumenPedido/recibo.css';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport CardHeader from '@material-ui/core/CardHeader';\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\nimport { ScaleLoader } from 'react-spinners';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport SignatureCanvas from 'react-signature-canvas';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Dropdown } from \"semantic-ui-react/\";\r\nimport CancelPresentationIcon from '@material-ui/icons/CancelPresentation';\r\nimport ClienteContado from '../SelectCliente/ClienteContado';\r\n\r\nconst ResumenPedido = (props) => {\r\n\r\n let fechaInicioEntrega = moment().toDate();\r\n let fechaMinimaEntrega = moment().toDate();\r\n\r\n if(props.coleccion.ColeccionTipo === \"F\"){\r\n fechaInicioEntrega = moment(props.coleccion.EntregaFinal).toDate();\r\n fechaMinimaEntrega = moment(props.coleccion.EntregaInicio).toDate()\r\n }else{\r\n fechaInicioEntrega = moment(fechaInicioEntrega, \"DD-MM-YYYY\").add(3, 'days');\r\n fechaMinimaEntrega = moment(fechaMinimaEntrega, \"DD-MM-YYYY\").add(2, 'days');\r\n\r\n if(fechaInicioEntrega.day()===0){\r\n fechaInicioEntrega = moment(fechaInicioEntrega, \"DD-MM-YYYY\").add(1, 'days');\r\n }\r\n }\r\n\r\n const [firma, setFirma] = React.useState(null);\r\n const [mostrarFirma, setMostrarFirma] = React.useState(false);\r\n const [ErrorFecha, setErrorFecha] = React.useState(false);\r\n const [ErrorFirma, setErrorFirma] = React.useState(true);\r\n const [FechaEntrega, setFechaEntrega] = React.useState(fechaInicioEntrega);\r\n const TipoCredito = useSelector(e => e.TipoPedido);\r\n var sigPad = {};\r\n const [flete, setFlete] = React.useState(0);\r\n const [openContado, setOpenContado] = React.useState(false);\r\n const clienteContado = useSelector(e => e.clienteContado);\r\n const BloqueoCredito = useSelector(e=>e.Permisos[0].BloqueoCredito);\r\n const empresas = useSelector(e => e.Empresas);\r\n const empresa = empresas.find(x => x.COMPANY_CODE === localStorage.getItem('empresa').toUpperCase());\r\n let comunidadSelected = \"\";\r\n let modoEntrega = \"\";\r\n let habilitado = false;\r\n\r\n if (clienteContado === null) {\r\n if (props.Cliente.ComunidadAutonoma !== \"\") {\r\n comunidadSelected = props.Cliente.ComunidadAutonoma;\r\n habilitado = true;\r\n }\r\n\r\n if (props.Cliente.ModoEntrega !== \"\") {\r\n modoEntrega = props.Cliente.ModoEntrega;\r\n }\r\n }\r\n\r\n let pais = \"HND\";\r\n if(localStorage.getItem('empresa')==='IMGT'){\r\n pais = \"GTM\"\r\n }else if (localStorage.getItem('empresa')==='imcr'){\r\n pais = \"CRI\";\r\n }\r\n else if (localStorage.getItem('empresa')==='imsl'){\r\n pais = \"SLV\";\r\n }\r\n\r\n const dispatch = useDispatch();\r\n const impuesto = Number(localStorage.getItem('Impuesto'));\r\n const lineaSeleccionada = useSelector(e => e.LineaSeleccionada);\r\n\r\n const requiereEntrega = useSelector(e => e.requiereEntrega);\r\n const empresasTransporte = useSelector(e => e.empresasTransporte);\r\n const precioCajas = useSelector(e => e.precioCajas);\r\n const comunidadesAutonomas = useSelector(e => e.comunidadesAutonomas);\r\n const [transporte, setTransporte] = React.useState(modoEntrega);\r\n const [comunidad, setComunidad] = React.useState(comunidadSelected);\r\n const esBiomedico = (lineaSeleccionada.IdLinea === \"BIO\" && requiereEntrega);\r\n const Monedas = useSelector(e=>e.AbreviacionMonedas);\r\n\r\n var gruposTalla = Object.keys(props.tableValue);\r\n var unidadesTotales = 0;\r\n var totalGlobal = 0.00;\r\n\r\n const moneda = Monedas.find(e=>e.IdMoneda === props.Cliente.Moneda).Abreviacion;\r\n const calcularFlete = () => {\r\n if (comunidad === \"\" || transporte === \"\") {\r\n return 0;\r\n }\r\n\r\n const precioCaja = precioCajas.find(x => x.STATE === comunidad && x.CODE === transporte);\r\n if (precioCaja === null || precioCaja === undefined) {\r\n return 0;\r\n }\r\n\r\n const multiploCaja = empresasTransporte.find(x => x.CODE === transporte);\r\n if (multiploCaja === null || multiploCaja === undefined || multiploCaja.MULTIPLO === 0) {\r\n return 0;\r\n }\r\n\r\n let division = parseFloat(unidadesTotales) / parseFloat(multiploCaja.MULTIPLO);\r\n\r\n if (!(division % 1 === 0)) {\r\n division += 1;\r\n }\r\n\r\n let cajas = Math.trunc(division);\r\n\r\n if (cajas === 0) {\r\n cajas = 1;\r\n }\r\n\r\n const impuestoLocal = 0.15;\r\n\r\n const valorImpuesto = (cajas * precioCaja.UNITVALUEBOXES) * impuestoLocal;\r\n const valorFlete = (cajas * precioCaja.UNITVALUEBOXES) + valorImpuesto;\r\n\r\n return valorFlete;\r\n }\r\n\r\n const closeDialogFirma = () => {\r\n if (sigPad.isEmpty()) {\r\n setMostrarFirma(false);\r\n setFirma(null);\r\n props.guardarFirma(null);\r\n setErrorFirma(true);\r\n }\r\n else {\r\n setMostrarFirma(false);\r\n setFirma(sigPad.getCanvas().toDataURL('image/png'));\r\n props.guardarFirma(sigPad.getCanvas().toDataURL('image/png'));\r\n setErrorFirma(false);\r\n }\r\n }\r\n const clearFirma = () => {\r\n sigPad.clear();\r\n }\r\n\r\n const ApruebaBio = () => {\r\n return clienteContado !== null\r\n && clienteContado.RTN === ''\r\n && lineaSeleccionada.IdLinea === \"BIO\"\r\n && ((totalGlobal + impuesto) + flete) > 10000;\r\n }\r\n\r\n const correlativoCache = (correlativo) => {\r\n if (correlativo === \"\") {\r\n if (localStorage.getItem(\"CorrelativoPedido\") === undefined || localStorage.getItem(\"CorrelativoPedido\") === null) {\r\n localStorage.setItem(\"CorrelativoPedido\", localStorage.getItem(\"CorrelativoPedidoDiario\"));\r\n }\r\n else {\r\n let CorrelativoActual = localStorage.getItem(\"CorrelativoPedido\");\r\n let Iniciales = CorrelativoActual.substring(0, CorrelativoActual.lastIndexOf('-') + 1);\r\n let NumeroActual = CorrelativoActual.substring(CorrelativoActual.lastIndexOf('-') + 1);\r\n let NumeroSiguiente = Number(NumeroActual) + 1;\r\n localStorage.setItem(\"CorrelativoPedido\", Iniciales + NumeroSiguiente);\r\n }\r\n } else {\r\n localStorage.setItem(\"CorrelativoPedido\", correlativo)\r\n }\r\n }\r\n\r\n const Finalizar = async () => {\r\n props.guardarFecha(FechaEntrega);\r\n if (ApruebaBio()) {\r\n setOpenContado(true);\r\n } else {\r\n if (!props.loadingRecibo) {\r\n if (ErrorFecha || ErrorFirma) {\r\n\r\n var mensajeError = 'Error'\r\n if (ErrorFirma) {\r\n mensajeError = 'Ingrese Firma';\r\n }\r\n else if (ErrorFecha) {\r\n mensajeError = 'Fecha Entrega no es vĆ”lida';\r\n }\r\n\r\n Swal.fire({\r\n type: 'error',\r\n title: 'Error',\r\n text: mensajeError,\r\n })\r\n\r\n props.desactivarLoading();\r\n }\r\n else {\r\n if (props.NumeroOrden) {\r\n props.FinalizarPedidoOnline();\r\n } else {\r\n if ((props.Cliente.FacturacionEntrega !== \"No\" && props.Cliente.FacturacionEntrega !== \"Nunca\")) {\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: 'El pedido serĆ” subido a AX pero no serĆ” autorizado automĆ”ticamente, porque el cliente actualmente se encuentra con bloqueo Ć³ en mora.',\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Continuar',\r\n cancelButtonText: 'Cancelar'\r\n }).then(async (result) => {\r\n if (result.value) {\r\n const { correlativo } = await props.obtenerUltimoCorrelativo();\r\n correlativoCache(correlativo);\r\n props.enviarPedido(correlativo);\r\n }\r\n })\r\n } else if ((totalGlobal + impuesto) > props.Cliente.CreditoDisponible && TipoCredito.TipoPedido !== 'Contado') {\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: 'El pedido serĆ” subido a AX pero no serĆ” autorizado automĆ”ticamente, porque superĆ³ su lĆmite de crĆ©dito.',\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Continuar',\r\n cancelButtonText: 'Cancelar'\r\n }).then(async (result) => {\r\n if (result.value) {\r\n const { correlativo } = await props.obtenerUltimoCorrelativo();\r\n correlativoCache(correlativo);\r\n props.enviarPedido(correlativo);\r\n }\r\n })\r\n }\r\n else {\r\n const { correlativo } = await props.obtenerUltimoCorrelativo();\r\n correlativoCache(correlativo);\r\n props.enviarPedido(correlativo);\r\n }\r\n\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n const cancelarReinicio = e => {\r\n if (e.which === 116) {\r\n e.preventDefault();\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n window.addEventListener('keydown', cancelarReinicio);\r\n return () => {\r\n window.removeEventListener('keydown', cancelarReinicio);\r\n }\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n if (lineaSeleccionada.IdLinea === \"BIO\" && props.Cliente.Codigo.includes('IMHN')) {\r\n const valorFlete = calcularFlete();\r\n setFlete(valorFlete)\r\n dispatch({ type: 'SET_FLETE', payload: valorFlete });\r\n }\r\n // eslint-disable-next-line\r\n }, [comunidad, transporte]);\r\n const onChangeDate = (date) => {\r\n setFechaEntrega(date);\r\n props.guardarFecha(date);\r\n }\r\n\r\n const onErrorDate = (date) => {\r\n //setErrorFecha(true);\r\n }\r\n\r\n const onAcceptDate = (date) => {\r\n setErrorFecha(false);\r\n props.guardarFecha(date);\r\n }\r\n\r\n const HeadersDetallePedido = [\r\n {\r\n name: \"Producto\",\r\n label: \"Producto\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Nombre\",\r\n label: \"Nombre\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Cantidad\",\r\n label: \"Cantidad\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Total\",\r\n label: \"Total\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n }\r\n ];\r\n\r\n var DataDetallePedido = [];\r\n gruposTalla.forEach((grupoTalla, index) => {\r\n var productos = Object.keys(props.tableValue[grupoTalla].Productos);\r\n if (props.tableValue[grupoTalla].Mostrar) {\r\n\r\n productos.forEach((codigoProducto) => {\r\n var producto = props.tableValue[grupoTalla].Productos[codigoProducto];\r\n let ColoresProductos = Object.keys(producto.Colores).map((key) => (producto.Colores[key]));\r\n ColoresProductos.sort((a, b) => a.NombreColor < b.NombreColor ? -1 : 1);\r\n\r\n var precio = producto.Precio.find(precioxProd => {\r\n return precioxProd.GrupoPrecio === props.Cliente.GrupoPrecio;\r\n });\r\n if (precio === undefined) {\r\n precio = {\r\n Precio: 0\r\n }\r\n }\r\n if (producto.Selected) {\r\n var totalXProducto = 0;\r\n var cantidadTotal = 0;\r\n var Datos = [];\r\n let TotalPrecio = 0;\r\n ColoresProductos.forEach(codigoColor => {\r\n var dato = {\r\n color: codigoColor.NombreColor,\r\n tallasXcolor: [],\r\n cantidadTotal: 0,\r\n total: 0.00\r\n }\r\n Object.keys(codigoColor.Tallas).forEach(codigoTalla => {\r\n var talla = {\r\n codigoTalla: codigoTalla,\r\n cantidad: (isNaN(parseInt(codigoColor.Tallas[codigoTalla].Cantidad, 10))) ? 0 : parseInt(codigoColor.Tallas[codigoTalla].Cantidad, 10),\r\n precio: numberWithCommas(codigoColor.Tallas[codigoTalla].Precio)\r\n }\r\n cantidadTotal = parseInt(cantidadTotal, 10) + talla.cantidad;\r\n dato.tallasXcolor.push(talla);\r\n dato.cantidadTotal += talla.cantidad;\r\n dato.total = dato.total + (codigoColor.Tallas[codigoTalla].Precio * talla.cantidad)\r\n TotalPrecio+=((codigoColor.Tallas[codigoTalla].Precio * talla.cantidad));\r\n });\r\n Datos.push(dato);\r\n });\r\n if (cantidadTotal > 0) {\r\n totalXProducto = TotalPrecio;\r\n unidadesTotales = unidadesTotales + cantidadTotal;\r\n totalGlobal = totalGlobal + totalXProducto;\r\n DataDetallePedido.push({\r\n Producto: codigoProducto,\r\n Nombre: producto.NombreProducto,\r\n Cantidad: numberWithCommasNoDec(cantidadTotal),\r\n Total: numberWithCommas(totalXProducto),\r\n ExpandedRow: {\r\n ListaTallas: producto.ListaTallas,\r\n Datos: Datos\r\n }\r\n });\r\n\r\n }\r\n }\r\n });\r\n\r\n }\r\n }\r\n );\r\n const DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n expandableRows: true,\r\n expandableRowsOnClick: true,\r\n selectableRows: 'none',\r\n renderExpandableRow: (rowData, rowMeta) => {\r\n const colSpan = rowData.length + 1;\r\n return (\r\n \r\n Unidades: {numberWithCommasNoDec(unidadesTotales)}\r\n
\r\n \r\n Subtotal: {moneda} {numberWithCommas(totalGlobal)}\r\n
\r\n \r\n ISV: {moneda} {numberWithCommas(impuesto)}\r\n
\r\n \r\n Total: {moneda} {numberWithCommas(totalGlobal +impuesto)}\r\n
\r\n \r\n \r\n
\r\n | \r\n Color\r\n | \r\n {DataDetallePedido[rowMeta.dataIndex].ExpandedRow.ListaTallas.map((talla, index) => {\r\n return (\r\n\r\n {talla.Talla}\r\n | \r\n )\r\n })}\r\n\r\n Cantidad\r\n | \r\n\r\n Total\r\n | \r\n
|---|---|---|---|
| {dato.color} | \r\n {dato.tallasXcolor.map((tallaXColor, index2) => {\r\n return (\r\n \r\n \r\n {/* \r\n {\"Precio : \" + tallaXColor.precio}\r\n \r\n */}\r\n \r\n\r\n | )\r\n })}\r\n \r\n {dato.cantidadTotal}\r\n | \r\n\r\n {numberWithCommas(dato.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 (firma !== null) &&\r\n
\r\n \r\n\r\n
\r\n }\r\n\r\n {\r\n (!(firma !== null)) && \r\n }\r\n \r\n Firma:\r\n
\r\n \r\n setMostrarFirma(true)}\r\n style={{\r\n width: '350px',\r\n height: '200px',\r\n }} />\r\n
\r\n\r\n \r\n (e.day()===0)}\r\n onError={(error) => onErrorDate(error)}\r\n onAccept={(date) => onAcceptDate(date)}\r\n maxDateMessage={(props.coleccion.ColeccionTipo === \"F\") ? \"La fecha es menor que la fecha final de entrega\" : \"Fecha no es vƔlida\"}\r\n minDateMessage={(props.coleccion.ColeccionTipo === \"F\") ? \"La fecha es menor que la fecha inicial de entrega\" : \"Fecha no es vƔlida\"}\r\n value={FechaEntrega}\r\n minDate={fechaMinimaEntrega}\r\n maxDate={(props.coleccion.ColeccionTipo === \"F\") ? moment(props.coleccion.EntregaFinal).toDate() : moment('2100-01-01').toDate()}\r\n onChange={(date) => onChangeDate(date)}\r\n />\r\n
\r\n {(esBiomedico && props.Cliente.Codigo.includes('IMHN')) && <>\r\n \r\n {\r\n setTransporte(value);\r\n\r\n }}\r\n defaultValue={modoEntrega}\r\n options={empresasTransporte.map(empresa => {\r\n return { key: empresa.CODE, value: empresa.CODE, text: empresa.TXT }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n \r\n {\r\n setComunidad(value);\r\n\r\n }}\r\n defaultValue={comunidadSelected}\r\n disabled={habilitado}\r\n options={comunidadesAutonomas.filter(e=>e.COUNTRYREGIONID===pais).map(comunidad => {\r\n return { key: comunidad.STATEID, value: comunidad.STATEID, text: comunidad.NAME }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Unidades:\r\n
\r\n \r\n {numberWithCommasNoDec(unidadesTotales)}\r\n
\r\n \r\n
\r\n {(lineaSeleccionada.IdLinea === \"BIO\"\r\n && requiereEntrega\r\n && props.Cliente.Codigo.includes('IMHN')) && \r\n Subtotal:\r\n
\r\n \r\n {moneda} {props.Cliente.IncluyeImpuesto ? numberWithCommas(totalGlobal-impuesto) : numberWithCommas(totalGlobal)}\r\n
\r\n \r\n
}\r\n \r\n Flete:\r\n
\r\n \r\n {moneda} {numberWithCommas(flete)}\r\n
\r\n \r\n
\r\n \r\n ISV:\r\n
\r\n \r\n {moneda} {numberWithCommas(impuesto)}\r\n
\r\n \r\n
\r\n \r\n Total:\r\n
\r\n \r\n {moneda} {props.Cliente.IncluyeImpuesto ? numberWithCommas(totalGlobal+flete) : numberWithCommas((totalGlobal + impuesto) + flete)}\r\n
\r\n \r\n {(!BloqueoCredito) &&\r\n \r\n }\r\n
\r\n\r\n {esBiomedico && \r\n Requiere {empresa.FISCAL_DOCUMENT}\r\n
\r\n \r\n { sigPad = ref }} />\r\n
\r\n \r\n
\r\n );\r\n }\r\n else if (props.lineal) {\r\n return (\r\n \r\n {`Total Pedido: ${moneda} ` + numberWithCommas(tempTotal)}\r\n
\r\n \r\n {props.AcuerdoVenta ? `Saldo Acuerdo: ${moneda} ` + numberWithCommas(props.AcuerdoVenta.Saldo) : `LĆmite CrĆ©dito: ${moneda} ` + (Limite !== null ? numberWithCommas(Limite) : \"no aplica\").toString()}\r\n
\r\n \r\n {`Saldo Disponible: ${moneda} ` + (numberWithCommas((Disponible ? Disponible : 0) - tempTotal)).toString()}\r\n
\r\n \r\n
\r\n );\r\n }\r\n else {\r\n return (\r\n <>\r\n \r\n {`Total Pedido: ${moneda} ` + numberWithCommas(tempTotal)}\r\n
\r\n \r\n {props.AcuerdoVenta ? `Saldo Acuerdo: ${moneda} ` + numberWithCommas(props.AcuerdoVenta.Saldo) : `LĆmite CrĆ©dito: ${moneda} ` + (Limite !== null ? numberWithCommas(Limite) : \"no aplica\").toString()}\r\n
\r\n \r\n {`Saldo Disponible: ${moneda} ` + (numberWithCommas((Disponible ? Disponible : 0) - tempTotal)).toString()}\r\n
\r\n \r\n {\"Total Pedido: \" + numberWithCommas(tempTotal)}\r\n
\r\n \r\n {\"LĆmite CrĆ©dito: \" + (Limite !== null ? numberWithCommas(Limite) : \"no aplica\").toString()}\r\n
\r\n \r\n {\"Saldo Disponible: \" + (numberWithCommas((Disponible ? Disponible : 0) - tempTotal)).toString()}\r\n
\r\n \r\n );\r\n }\r\n }else{\r\n return \r\n }\r\n\r\n}\r\n\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nconst areEqual = (prevProps, nextProps) => {\r\n return false;\r\n}\r\nexport default React.memo(TotalXPedido, areEqual);\r\n","import React from 'react';\r\nimport styles from 'components/Pedidos/PedidosBreadCrumb/PedidosBreadCrumb.module.css';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport NavigationBreadcrumb from 'components/Pedidos/NavigationBreadcrumb/NavigationBreadcrumb';\r\nimport {Button } from '@material-ui/core';\r\nimport {\r\n FaSignOutAlt,\r\n FaShoppingCart,\r\n FaExclamationCircle\r\n} from 'react-icons/fa';\r\nimport {\r\n /*Button,*/\r\n Col,\r\n Container,\r\n Row,\r\n} from 'reactstrap';\r\nimport {\r\n Dropdown,\r\n} from 'element-react';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nmoment.locale('es');\r\n\r\nconst PedidosBreadCrumb = (props) => {\r\n return (\r\n \r\n
\r\n \r\n { props.clickBreadCrumb(\"/Pedidos/Bodega\") }, Titulo: props.BodegaSeleccionada.Etiqueta },\r\n { Click: () => { props.clickBreadCrumb(\"/Pedidos/Linea\") }, Titulo: props.LineaSeleccionada.Linea },\r\n { Click: () => { props.clickBreadCrumb(\"/Pedidos/TipoPedido\") }, Titulo: props.TipoPedido.TipoPedido },\r\n { Click: () => { props.clickBreadCrumb(\"/Pedidos/Colecciones\") }, Titulo: 'Colecciones' },\r\n { Titulo: props.coleccion.Nombre }\r\n ]}\r\n />\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n {'Fecha Maxima de entrega: ' + moment(props.coleccion.EntregaFinal).format('DD/MM/YYYY')}\r\n
\r\n \r\n \r\n Cancelar \r\n \r\n )}\r\n >\r\n \r\n
\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst SVGCircle = ({ radius }) => (\r\n\t\r\n);\r\n\r\n// From stackoverflow: https://stackoverflow.com/questions/5736398/how-to-calculate-the-svg-path-for-an-arc-of-a-circle\r\nfunction polarToCartesian(centerX, centerY, radius, angleInDegrees) {\r\n var angleInRadians = (angleInDegrees-90) * Math.PI / 180.0;\r\n\r\n return {\r\n x: centerX + (radius * Math.cos(angleInRadians)),\r\n y: centerY + (radius * Math.sin(angleInRadians))\r\n };\r\n}\r\n\r\nfunction describeArc(x, y, radius, startAngle, endAngle){\r\n\r\n var start = polarToCartesian(x, y, radius, endAngle);\r\n var end = polarToCartesian(x, y, radius, startAngle);\r\n\r\n var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\r\n\r\n var d = [\r\n \"M\", start.x, start.y, \r\n \"A\", radius, radius, 0, largeArcFlag, 0, end.x, end.y\r\n ].join(\" \");\r\n\r\n return d; \r\n}\r\n\r\n// Stackoverflow: https://stackoverflow.com/questions/10756313/javascript-jquery-map-a-range-of-numbers-to-another-range-of-numbers\r\nfunction mapNumber(number, in_min, in_max, out_min, out_max) {\r\n return (number - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;\r\n}","import React, { useState } from 'react';\r\nimport { matchPath, Prompt } from 'react-router-dom';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js'\r\nimport 'sweetalert2/src/sweetalert2.scss';\r\n\r\nconst GuardPedidoActivo = (props) => {\r\n const [detenerNavegacion, setDetenerNavegacion] = useState(true);\r\n\r\n return (\r\n <>\r\n \r\n\t\t\t\t\t{seconds && (\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n
\r\n )\r\n}\r\n\r\nexport default Loader;\r\n","import React from 'react';\r\nimport {Button } from '@material-ui/core';\r\nimport ReactToPrint from 'react-to-print';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport {useSelector} from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport {FiArrowRightCircle,FiPlusCircle } from \"react-icons/fi\";\r\nimport { FaPrint } from \"react-icons/fa\";\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\n\r\nconst ImprimirPedidoOriginal = (props) => {\r\n localStorage.removeItem(\"borrador\");\r\n const clientesContado = useSelector(e=>e.clientesContado);\r\n const Monedas = useSelector(e=>e.AbreviacionMonedas);\r\n const pedidoSelected = useSelector(k => k.pedidoSelected);\r\n const empresas = useSelector(e=>e.Empresas);\r\n const TipoCredito = useSelector(e => e.TipoPedido);\r\n const modoVenta = TipoCredito.TipoPedido === 'Contado' ? 'Contado' : 'Credito';\r\n const empresa = empresas.find(x=>x.COMPANY_CODE === localStorage.getItem('EmpresaCliente').toUpperCase());\r\n const clienteContado = pedidoSelected !== null && pedidoSelected !== undefined ? clientesContado.find(x=>x.id=== pedidoSelected.ClienteContado) : null;\r\n const moneda = Monedas.find(e=>e.IdMoneda===props.Cliente.Moneda).Abreviacion;\r\n const impuesto = Number(localStorage.getItem('Impuesto'));\r\n var nuevafecha = new Date();\r\n var fecha = moment(nuevafecha).toDate();\r\n var gruposTalla = Object.keys(props.tableValue);\r\n const componentRef = React.useRef();\r\n const useStyles = makeStyles((theme) => ({\r\n button: {\r\n marginLeft: theme.spacing(2),\r\n },\r\n }));\r\n const classes = useStyles();\r\n\r\n let TotalUnidad = 0;\r\n let tallasDist = [];\r\n const Tallas = (talla) => {\r\n talla.Distribucion.forEach(dist => {\r\n if(tallasDist.length > 0){\r\n let ExisteTalla = tallasDist.filter(x => x.NombreTalla === dist.NombreTalla);\r\n\r\n if(ExisteTalla.length === 0){\r\n tallasDist.push({NombreTalla: dist.NombreTalla, Orden: dist.Orden})\r\n }\r\n }\r\n else{\r\n tallasDist.push({NombreTalla: dist.NombreTalla, Orden: dist.Orden})\r\n }\r\n })\r\n tallasDist.sort((a, b) => {\r\n return Number(a.Orden) < Number(b.Orden) ? -1 : 1;\r\n });\r\n return tallasDist;\r\n }\r\n \r\n let CantDist = 0;\r\n const getTableGroup = (productos, tallas, grupoTalla, index) => {\r\n let grupoTabla = { total: 0, tabla: null };\r\n let Distribuciones = []; \r\n grupoTabla.tabla = (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Cargando..\r\n
\r\n | \r\n\r\n | \r\n {tallas.map((talla, index2) => {\r\n Distribuciones = Tallas(talla);\r\n return (\r\n <>\r\n {\r\n talla.Distribucion.length !== 0 && tallas.length === index2 + 1 &&\r\n Distribuciones.map((dist, index3) => {\r\n CantDist = talla.Distribucion.reduce((acc, curr) => {return acc + Number(curr.Cantidad) }, 0);\r\n return (\r\n\r\n {\r\n {dist.NombreTalla} \r\n }\r\n | \r\n )\r\n })\r\n }\r\n {\r\n talla.Distribucion.length === 0 &&\r\n \r\n {talla.Talla}\r\n | \r\n }\r\n \r\n )\r\n })}\r\nCant | \r\nTotal | \r\n
|---|
\r\n {\"Precio\"}\r\n
\r\n {color.NombreColor}\r\n \r\n
\r\n \r\n {PrecioDistribucion}\r\n
\r\n \r\n {totalcantidad}\r\n
\r\n \r\n
\r\n \r\n {valorTalla.Precio}\r\n
\r\n \r\n {valorTalla.Cantidad !== \"\" ? valorTalla.Cantidad : 0}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nexport default ImprimirPedidoOriginal;","//Libraries\r\nimport React from 'react';\r\nimport { connect } from 'react-redux'\r\nimport { Route, Switch, Redirect } from 'react-router-dom';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport withReactContent from 'sweetalert2-react-content';\r\nimport { StickyContainer, Sticky } from 'react-sticky';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Radio } from 'semantic-ui-react';\r\n//import { Link } from \"react-scroll\";\r\nimport { Checkbox, Dropdown } from 'element-react';\r\nimport { /*Button,*/ Col, Container, Row, } from 'reactstrap';\r\nimport { Button } from '@material-ui/core';\r\nimport html2canvas from 'html2canvas';\r\nimport pdfMake from 'pdfmake/build/pdfmake';\r\nimport { FaSignOutAlt, FaShoppingCart, FaArrowCircleLeft, FaAlignJustify } from 'react-icons/fa';\r\nimport { IoIosArrowRoundUp } from \"react-icons/io\";\r\nimport { FiAlertTriangle } from \"react-icons/fi\";\r\nimport Media from 'react-media';\r\nimport {\r\n ExpansionPanel as MuiExpansionPanel,\r\n ExpansionPanelSummary as MuiExpansionPanelSummary,\r\n ExpansionPanelDetails as MuiExpansionPanelDetails,\r\n} from '@material-ui/core';\r\nimport axios from 'axios';\r\nimport { post, postPedidoStorage } from 'utils/http';\r\nimport { Dropdown as MiDropdown } from \"semantic-ui-react\";\r\n\r\n//Components\r\nimport NavigationBreadcrumb from 'components/Pedidos/NavigationBreadcrumb/NavigationBreadcrumb'\r\nimport Colecciones from 'components/Pedidos/Colecciones/ColeccionesList';\r\nimport Productos from 'components/Pedidos/ProductoLista/ProductosList';\r\nimport ModalFiltros from 'components/Pedidos/ProductoLista/ModalFiltros';\r\nimport VistaRapidaProducto from 'components/Pedidos/ProductoLista/VistaRapidaProducto';\r\nimport VistaProducto from 'components/Pedidos/ProductoDetalle/VistaProducto';\r\nimport SelectCliente from 'components/Pedidos/SelectCliente/SelectCliente';\r\nimport SelectTipoPedido from 'components/Pedidos/SelectTipoPedido/SelectTipoPedido';\r\nimport SelectBodega from 'components/Pedidos/SelectBodega/SelectBodega';\r\nimport SelectLinea from 'components/Pedidos/SelectLinea/SelectLinea';\r\nimport MatrizResumen from 'components/Pedidos/MatrizResumen/MatrizResumen';\r\nimport MatrizResumenExpandable from 'components/Pedidos/MatrizResumen/MatrizResumenExpandable';\r\nimport ResumenPedido from 'components/Pedidos/ResumenPedido/ResumenPedido';\r\nimport TotalXPedido from 'components/Pedidos/TotalXPedido/TotalXPedido';\r\nimport PedidosBreadCrumb from 'components/Pedidos/PedidosBreadCrumb/PedidosBreadCrumb';\r\nimport SearchButton from 'components/Pedidos/ProductoLista/SearchButton'\r\nimport Countdown from \"components/Pedidos/Global/Countdown\";\r\nimport GuardPedidoActivo from 'containers/Pedidos/GuardPedidoActivo';\r\nimport Loader from 'components/Global/Loader';\r\nimport ImprimirPedidoOriginal from 'components/Pedidos/ResumenPedido/ImprimirPedidoOriginal';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n//Styles\r\nimport styles from './Pedidos.module.css'\r\nimport './Filtros.css'\r\nimport 'sweetalert2/src/sweetalert2.scss';\r\nimport FiltroChips from 'components/Pedidos/ProductoLista/FiltroChips';\r\nimport honduras from 'utils/img/honduras.png';\r\nimport costarica from 'utils/img/costarica.png';\r\nimport guatemala from 'utils/img/guatemala.png';\r\nimport salvador from 'utils/img/salvador.jpg';\r\nimport { verificarConexion } from 'utils/http';\r\nimport { ObtenerCoordenadas } from 'utils/common';\r\n\r\nconst ReactSwal = withReactContent(Swal)\r\n\r\n\r\nmoment.locale('es');\r\n\r\nvar time;\r\nclass Pedidos extends React.Component {\r\n\r\n\r\n IsEncabezadoCreado = false;\r\n PedidoId = null;\r\n\r\n urlApi = APIURL;\r\n\r\n NotFoundImage = \"http://www.quesoselllanojaral.com/img/nodisponible.png\";\r\n\r\n scroll = React.createRef();\r\n CantidadProductos = React.createRef();\r\n state = {\r\n error: null,\r\n isLoaded: false,\r\n collapse: false,\r\n autocompleteValue: null,\r\n nombreColeccionAutocompleteValue1: '',\r\n nombreColeccionAutocompleteValue2: '',\r\n numbervalue: 1,\r\n ProductoPorAgregar: {},\r\n imagenProductoDialogSeleccionada: '',\r\n filtroEdad: null,\r\n filtroAtributos: {},\r\n tableValue: {},\r\n unidadesCarrito: 0,\r\n activeTab: '1',\r\n activeCollapse: [],\r\n productoDialog: {},\r\n mostrarAlertaBackButton: false,\r\n mostrarAlertaPrimerBackButton: false,\r\n selectClienteLoading: false,\r\n buscador: '',\r\n buscadorFiltros: '',\r\n expandable: true,\r\n NoStock: true,\r\n loading: false,\r\n loadingColecciones: false,\r\n //Resumen Pedido\r\n mostrarResumen: false,\r\n mostrarRecibo: false,\r\n loadingRecibo: false,\r\n errorEnviarRecibo: false,\r\n firmaPedido: null,\r\n fechaEntregaPedido: null,\r\n NumPedido: '#',\r\n clientes: [],\r\n clientesFiltrados: [],\r\n paisSeleccionado: null,\r\n Ordenamiento: null\r\n };\r\n\r\n\r\n\r\n cargarData = () => {\r\n /*Promise.all([this.cargarClientes(),\r\n this.cargarMaestroLinea(),\r\n this.cargarTiposColeccion(),\r\n this.cargarTiposPedido()]).then(this.setState({\r\n isLoaded: true,\r\n }));*/\r\n\r\n this.cargarClientes();\r\n this.setState({\r\n isLoaded: true,\r\n })\r\n }\r\n\r\n ModuloConfiguraciones = () => {\r\n this.cargarMaestroLinea();\r\n this.cargarTiposPedido();\r\n this.cargarTiposColeccion();\r\n this.cargarEmpresasTransporteGlobal();\r\n this.cargarPrecioCajasGlobal();\r\n this.cargarImpuestoClienteGlobal();\r\n this.cargarImpuestoProductosGlobal();\r\n this.cargarAbreviacionMonedas();\r\n this.cargarClientesContado();\r\n this.cargarComunidadAutonoma();\r\n this.cargarMonedasGlobal();\r\n }\r\n\r\n cargarMonedasGlobal = async () => {\r\n fetch(this.urlApi + \"/api/moneda/monedas\")\r\n .then(res => res.json())\r\n .then(data => { this.props.onStoreMonedas(data); })\r\n .catch(error => console.log(error))\r\n }\r\n\r\n cargarComunidadAutonoma = () => {\r\n fetch(this.urlApi + \"/api/transporte/comunidadautonoma\")\r\n .then(res => res.json())\r\n .then(data => { this.props.onStoreComunidadAutonoma(data); })\r\n .catch(error => console.log(error))\r\n }\r\n\r\n cargarClientesContado = () => {\r\n fetch(this.urlApi + `/api/clientecontado/${localStorage.getItem('codigo')}`)\r\n .then(res => {\r\n if (res.status === 200) {\r\n\r\n res.json().then(\r\n (result) => {\r\n this.props.onStoreClienteContado(result);\r\n },\r\n (error) => {\r\n console.log(error)\r\n }\r\n )\r\n }\r\n if (res.status === 401) {\r\n console.log(\"Ocurrio un error al cargar clientes de contado\")\r\n }\r\n })\r\n }\r\n\r\n cargarEmpresasTransporteGlobal = () => {\r\n fetch(this.urlApi + \"/api/transporte/empresas\")\r\n .then(res => {\r\n if (res.status === 200) {\r\n\r\n res.json().then(\r\n (result) => {\r\n this.props.onSetEmpresasTransporte(result);\r\n },\r\n (error) => {\r\n console.log(error)\r\n }\r\n )\r\n }\r\n if (res.status === 401) {\r\n console.log(\"Ocurrio un error al cargar empresas transporte global\")\r\n }\r\n })\r\n }\r\n\r\n cargarPrecioCajasGlobal = () => {\r\n fetch(this.urlApi + \"/api/transporte/preciocaja\")\r\n .then(res => {\r\n if (res.status === 200) {\r\n res.json().then(\r\n (result) => {\r\n this.props.onStorePrecioCajasGlobal(result);\r\n },\r\n (error) => {\r\n console.log(error)\r\n }\r\n )\r\n }\r\n if (res.status === 401) {\r\n console.log(\"Ocurrio un error al cargar precio caja global\")\r\n }\r\n })\r\n }\r\n\r\n cargarImpuestoClienteGlobal = () => {\r\n fetch(this.urlApi + \"/api/gruposimpuestos/Clientes\")\r\n .then(res => {\r\n if (res.status === 200) {\r\n res.json().then(\r\n (result) => {\r\n this.props.onStoreImpuestoClientesGlobal(result);\r\n },\r\n (error) => {\r\n this.setState({\r\n isLoaded: true,\r\n error\r\n });\r\n }\r\n )\r\n }\r\n if (res.status === 401) {\r\n console.log(\"Ocurrio un error al cargar impuesto cliente global\")\r\n }\r\n })\r\n }\r\n\r\n cargarImpuestoProductosGlobal = () => {\r\n fetch(this.urlApi + \"/api/gruposimpuestos/Articulos\")\r\n .then(res => {\r\n if (res.status === 200) {\r\n res.json().then(\r\n (result) => {\r\n this.props.onStoreImpuestoProductosGlobal(result);\r\n },\r\n (error) => {\r\n console.log(\"Ocurrio un error al cargar impuesto Articulos global\", error)\r\n }\r\n )\r\n }\r\n if (res.status === 401) {\r\n console.log(\"Ocurrio un error al cargar impuesto Articulos global\")\r\n }\r\n })\r\n }\r\n\r\n cargarAbreviacionMonedas = () => {\r\n fetch(this.urlApi + \"/api/moneda\")\r\n .then(res => res.json())\r\n .then(data => { this.props.onStoreAbreviacionMonedas(data); })\r\n .catch(error => console.log(error))\r\n }\r\n\r\n cargarColecciones = (empresa) => {\r\n let colecciones = this.props.ListaPrecios.filter((x) => x.EmpresaId === empresa);\r\n this.props.onStoreColecciones(colecciones);\r\n }\r\n\r\n cargarMaestroLinea = () => {\r\n fetch(this.urlApi + \"/api/maestrolinea/\", {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n\r\n }\r\n })\r\n .then(res => {\r\n\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n\r\n res.json().then(\r\n (result) => {\r\n this.props.onStoreMaestroLinea(result);\r\n\r\n },\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n this.setState({\r\n isLoaded: true,\r\n error\r\n });\r\n }\r\n )\r\n }\r\n })\r\n }\r\n\r\n cargarClientes = () => {\r\n if (this.props.UsuarioOficina) {\r\n fetch(this.urlApi + \"/api/cliente/pedido\", {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n\r\n }\r\n })\r\n .then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(\r\n (result) => {\r\n this.props.onStoreClientes(result);\r\n this.setState((prevState) => ({ ...prevState, clientes: result, clientesFiltrados: result }));\r\n },\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n this.setState({\r\n\r\n error\r\n });\r\n this.setState((prevState) => ({ ...prevState, clientes: this.props.clientes, clientesFiltrados: this.props.clientes }));\r\n }\r\n )\r\n }\r\n\r\n })\r\n } else {\r\n this.setState((prevState) => ({ ...prevState, clientes: this.props.clientes, clientesFiltrados: this.props.clientes }));\r\n }\r\n }\r\n\r\n cargarTiposPedido = () => {\r\n fetch(this.urlApi + \"/api/tipopedido\")\r\n .then(res => res.json())\r\n .then(\r\n (result) => {\r\n this.props.onStoreTipoPedido(result);\r\n },\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n this.setState({\r\n\r\n error\r\n });\r\n }\r\n )\r\n }\r\n\r\n cargarMonedas = (empresa) => {\r\n ///let empresa = localStorage.getItem('empresa');\r\n /*fetch(`${this.urlApi}/api/moneda/${empresa}`)\r\n .then(res=>res.json())\r\n .then(data=>{this.props.onSaveMonedas(data)})\r\n .catch(error=>console.log(error))*/\r\n let monedasCliente = this.props.MonedasGlobal.filter(x => x.Empresa === empresa);\r\n this.props.onSaveMonedas(monedasCliente);\r\n }\r\n\r\n cargarTiposColeccion = () => {\r\n fetch(this.urlApi + \"/api/TiposColeccion\")\r\n .then(res => res.json())\r\n .then(\r\n (result) => {\r\n\r\n this.props.onStoreTiposColeccion(result);\r\n },\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n this.setState({\r\n\r\n error\r\n });\r\n }\r\n )\r\n }\r\n\r\n cargarEmpresasTransporte = (empresa) => {\r\n //const empresa = localStorage.getItem('empresa');\r\n\r\n /*fetch(`${this.urlApi}/api/transporte/${empresa}/empresas`)\r\n .then(res=>res.json())\r\n .then(data=>this.props.onStoreEmpresasTransporte(data))\r\n .catch(error=>this.setState({error}))*/\r\n let empresasTransporteCliente = this.props.EmpresaTransporteGlobal.filter(x => x.COMPANY === empresa);\r\n this.props.onStoreEmpresasTransporte(empresasTransporteCliente);\r\n }\r\n\r\n cargarPrecioCajas = (empresa) => {\r\n //const empresa = localStorage.getItem('empresa');\r\n\r\n /*fetch(`${this.urlApi}/api/transporte/${empresa}/preciocaja`)\r\n .then(res=>res.json())\r\n .then(data=>this.props.onStorePrecioCajas(data))\r\n .catch(error=>this.setState({error}))*/\r\n let precioCajasCliente = this.props.PrecioCajasGlobal.filter(x => x.COMPANY === empresa);\r\n this.props.onStorePrecioCajas(precioCajasCliente);\r\n }\r\n\r\n cargarImpuestoClientes = (empresa) => {\r\n //const empresa = localStorage.getItem('empresa');\r\n /*fetch(`${this.urlApi}/api/gruposimpuestos/${empresa}/clientes`)\r\n .then(res=>res.json())\r\n .then(data=>this.props.onStoreImpuestoClientes(data))\r\n .catch(error=>this.setState({error}))*/\r\n let impuestosCliente = this.props.ClienteImpuestosGlobal.filter(x => x.EMPRESA === empresa);\r\n this.props.onStoreImpuestoClientes(impuestosCliente);\r\n }\r\n\r\n cargarImpuestoProductos = (empresa) => {\r\n //const empresa = localStorage.getItem('empresa');\r\n\r\n /*fetch(`${this.urlApi}/api/gruposimpuestos/${empresa}/articulos`)\r\n .then(res=>res.json())\r\n .then(data=>this.props.onStoreImpuestoProductos(data))\r\n .catch(error=>this.setState({error}))*/\r\n let impuestoProductosCliente = this.props.ProductoImpuestosGlobal.filter(x => x.EMPRESA === empresa);\r\n this.props.onStoreImpuestoProductos(impuestoProductosCliente);\r\n }\r\n\r\n Alerta = () => {\r\n document.querySelector('#wrapper').classList.toggle('toggled');\r\n }\r\n\r\n componentDidMount() {\r\n\r\n if (!IsAllow(this.props.match.url)) {\r\n this.props.history.push('/home');\r\n }\r\n this.cargarData();\r\n\r\n // window.onpopstate = this.onBackButtonEvent;\r\n this.inactivityTime();\r\n // window.onpopstate = this.onBackButtonEvent;\r\n }\r\n\r\n\r\n\r\n inactivityTime = () => {\r\n window.onload = this.resetTimer;\r\n // DOM Events\r\n document.onmousemove = this.resetTimer;\r\n document.onkeypress = this.resetTimer;\r\n document.onscroll = this.resetTimer;\r\n };\r\n\r\n InactivoErase = () => {\r\n this.props.history.push(\"/Pedidos/Cliente\");\r\n this.cancelarPedido();\r\n }\r\n\r\n CargarImpresionPedido = (ValoresPedido) => {\r\n this.props.history.push({ pathname: `/Pedidos/ImprimirPedido`, state: JSON.stringify(ValoresPedido) });\r\n }\r\n\r\n countdownHTML = () => {\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n }\r\n content={() => componentRef.current}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n
\r\n {\r\n gruposTalla.map((grupoTalla, index) => {\r\n\r\n var productos = Object.keys(props.tableValue[grupoTalla].Productos);\r\n var tallas = props.tableValue[grupoTalla].ListaTallas;\r\n if (props.tableValue[grupoTalla].Mostrar) {\r\n let result = getTableGroup(productos, tallas, grupoTalla, index);\r\n\r\n if (result.total) {\r\n return result.tabla;\r\n }\r\n }\r\n return 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 (clienteContado !== null && clienteContado !== undefined) ? ((props.ValoresPedido.totalGlobal * 1.15) < 10000) ? 'Consumidor Final' : clienteContado.Nombre : props.Cliente.Nombre\r\n }
\r\n\r\n DirecciĆ³n : {(clienteContado !== null && clienteContado !== undefined) ? clienteContado.Direccion : props.Cliente.Direccion}
\r\n CĆ³digo : {props.Cliente.Codigo}
\r\n {\r\n localStorage.getItem(\"isOffline\") === \"true\" &&\r\n
\r\n {\"Este documento ha sido generado fuera de linea.\"}\r\n
\r\n }\r\n \r\n\r\n
\r\n \r\n
\r\n Pedido {props.NumeroOrden}
\r\n\r\n Fecha del pedido : {moment(fecha).format('DD/MM/YYYY hh:mm a')}
\r\n Entrega Sugerida : {moment(props.ValoresPedido.FechaEntrega).format('DD/MM/YYYY hh:mm a')}
\r\n Asesor: {localStorage.getItem('asesor')}
\r\n Modo Venta: {modoVenta}
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n props.ValoresPedido.firma === null ?\r\n :\r\n 
\r\n }\r\n\r\n
\r\n\r\n \r\n \r\n Firma\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n\r\n \r\n {TotalUnidad !== 0 ? TotalUnidad : props.ValoresPedido.unidadesTotales}\r\n
\r\n \r\n
\r\n\r\n {(props.ValoresPedido.flete > 0) && \r\n Subtotal:\r\n
\r\n\r\n \r\n {moneda} {props.Cliente.IncluyeImpuesto ? numberWithCommas(props.ValoresPedido.totalGlobal-impuesto) : numberWithCommas(props.ValoresPedido.totalGlobal)}\r\n
\r\n \r\n
}\r\n\r\n \r\n Flete:\r\n
\r\n\r\n \r\n {numberWithCommas(props.ValoresPedido.flete)}\r\n
\r\n \r\n
\r\n\r\n \r\n Impuesto:\r\n
\r\n\r\n \r\n {moneda} {numberWithCommas((impuesto))}\r\n
\r\n \r\n
\r\n \r\n Total:\r\n
\r\n\r\n \r\n {moneda} {props.Cliente.IncluyeImpuesto ? numberWithCommas(props.ValoresPedido.totalGlobal + props.ValoresPedido.flete) : numberWithCommas((props.ValoresPedido.totalGlobal + impuesto) + props.ValoresPedido.flete)}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n inactivityTimeUp = () => {\r\n\r\n ReactSwal.fire({\r\n title: 'Su sesiĆ³n expirarĆ” en',\r\n html: this.countdownHTML(),\r\n timer: 60200,\r\n\r\n onClose: () => {\r\n this.resetTimer();\r\n },\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: 'Cancelar Pedido',\r\n cancelButtonText: 'Continuar Pedido',\r\n }).then((result) => {\r\n if (result.value) {\r\n this.InactivoErase();\r\n // this.cancelarPedido();\r\n }\r\n else {\r\n this.resetTimer();\r\n }\r\n });\r\n }\r\n\r\n resetTimer = () => {\r\n if (this.isPedidoActivo()) {\r\n clearTimeout(time);\r\n time = setTimeout(this.inactivityTimeUp, 540000)\r\n } else {\r\n clearTimeout(time);\r\n }\r\n\r\n // 1000 milliseconds = 1 second\r\n }\r\n\r\n onBackButtonEvent = (event) => {\r\n if (this.state.mostrarAlertaBackButton) {\r\n window.history.pushState(null, \"\", window.location.href);\r\n if (this.state.mostrarAlertaPrimerBackButton) {\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: \"Se borrarĆ” la informaciĆ³n del pedido en curso\",\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonText: 'Borrar',\r\n cancelButtonText: 'Cancelar',\r\n }).then((result) => {\r\n if (result.value) {\r\n this.props.history.push(\"/Pedidos/Colecciones\");\r\n this.setState({\r\n mostrarAlertaBackButton: false,\r\n mostrarAlertaPrimerBackButton: false,\r\n activeCollapse: [],\r\n filtroAtributos: {}\r\n });\r\n this.props.onSetTableValue({});\r\n this.props.onResetProductosAgreagados();\r\n localStorage.removeItem(\"borrador\");\r\n }\r\n })\r\n }\r\n else {\r\n this.setState({ mostrarAlertaPrimerBackButton: true });\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n setMatrizProducto = (producto) => {\r\n var tableValue = this.props.TableValue;\r\n let precio = producto.Precio.find(precioxProd => {\r\n return precioxProd.GrupoPrecio === this.props.cliente.GrupoPrecio;\r\n });\r\n if (precio === undefined) {\r\n precio = { Precio: 0 };\r\n }\r\n if (tableValue[producto.Linea.IdLinea] === undefined) {\r\n tableValue[producto.Linea.IdLinea] = {};\r\n }\r\n var value = tableValue[producto.Linea.IdLinea];\r\n\r\n if (value[producto.CodigoColeccion] === undefined) {\r\n value[producto.CodigoColeccion] = {};\r\n }\r\n value = value[producto.CodigoColeccion];\r\n\r\n if (value[producto.GrupoTalla] === undefined) {\r\n value[producto.GrupoTalla] = {};\r\n value[producto.GrupoTalla].Productos = {};\r\n value[producto.GrupoTalla].ListaTallas = producto.ListaTalla;\r\n }\r\n value = value[producto.GrupoTalla].Productos;\r\n\r\n if (value[producto.ProductoId] === undefined) {\r\n value[producto.ProductoId] = {};\r\n value[producto.ProductoId].Colores = {};\r\n value[producto.ProductoId].ListaTallas = producto.ListaTalla\r\n value[producto.ProductoId].NombreProducto = producto.NombreProducto;\r\n value[producto.ProductoId].Precio = producto.Precio;\r\n if (producto.ListaImagenes !== null && producto.ListaImagenes.length > 0) {\r\n\r\n value[producto.ProductoId].ListaImagenes = producto.ListaImagenes;\r\n }\r\n value = value[producto.ProductoId].Colores;\r\n\r\n producto.ListaColores.forEach(color => {\r\n value[color.CodigoColor] = {}\r\n value[color.CodigoColor].NombreColor = color.NombreColor;\r\n value[color.CodigoColor].Color = color.Color;\r\n value[color.CodigoColor].ListaImagenes = color.ListaImagenes;\r\n value[color.CodigoColor].Deshabilitado = color.Deshabilitado;\r\n\r\n value[color.CodigoColor].Prioridad = color.Prioridad;\r\n let StockColor = producto.fisicaDisponible.filter((e) => e.CodigoColor === color.CodigoColor).map((s) => s.Cantidad).reduce((a, b) => a + b, 0);\r\n value[color.CodigoColor].StockColor = StockColor;\r\n\r\n value[color.CodigoColor].Tallas = {}\r\n producto.ListaTalla.map(talla => {\r\n var fisicoDisponible = producto.fisicaDisponible.find(fd => { return fd.CodigoColor === color.CodigoColor && fd.IdTalla === talla.Talla })\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla] = {}\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Disponible = fisicoDisponible ? fisicoDisponible.Cantidad : 0;\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Cantidad = \"\";\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Distribucion = talla.Distribucion;\r\n if (fisicoDisponible ? fisicoDisponible.PreciosEspecificos && fisicoDisponible.PreciosEspecificos.length > 0 : false) {\r\n var PreciosEspecifico = fisicoDisponible.PreciosEspecificos.find(p => p.GrupoPrecio === this.props.cliente.GrupoPrecio)\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Precio = PreciosEspecifico.Precio\r\n } else {\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Precio = talla.Distribucion.length !== 0 ? 0 : precio.Precio;\r\n }\r\n return false;\r\n });\r\n return false;\r\n });\r\n this.props.onSetTableValue(tableValue);\r\n }\r\n }\r\n\r\n\r\n setProductoDialog = (producto, event) => {\r\n event.stopPropagation();\r\n this.setState({\r\n productoDialog: { ...producto },\r\n dialogVistaRapida: true\r\n });\r\n }\r\n CerrarDialog = (producto, event) => {\r\n // event.stopPropagation();\r\n this.setState({\r\n dialogVistaRapida: false\r\n });\r\n }\r\n\r\n querySearch = (queryString, cb) => {\r\n const { clientes } = this.props;\r\n const results = queryString ? (clientes.filter(this.createFilter(queryString))).map(x => { return { ...x, value: x.Nombre } }) : clientes.map(x => { return { ...x, value: x.Nombre } });\r\n cb(results);\r\n }\r\n createFilter = (queryString) => {\r\n\r\n return (cliente) => {\r\n return (cliente.Nombre.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);\r\n };\r\n }\r\n\r\n refrescarClienteSeleccionado = cliente => {\r\n this.setState((prevState) => ({ ...prevState, autocompleteValue: cliente }));\r\n }\r\n\r\n handleSelect = (item) => {\r\n this.setState({\r\n selectClienteLoading: true,\r\n autocompleteValue: null,\r\n });\r\n ObtenerCoordenadas((value) => {\r\n }, (error) => {\r\n });\r\n //if (navigator.geolocation) {\r\n //}\r\n\r\n this.setState({\r\n autocompleteValue: item,\r\n selectClienteLoading: false,\r\n });\r\n // fetch(\"https://aventas.devcit.com:3044/api/cliente/ActualizarCuentaCorriente/?id=\" + item.Codigo, {\r\n // headers: {\r\n // 'Content-Type': 'application/json',\r\n // 'Authorization':\r\n // 'Bearer ' + localStorage.getItem('token')\r\n // },\r\n // method: 'GET'\r\n // }).then((res) => {\r\n // if (res.status === 200) {\r\n // res.json()\r\n // .then(result => {\r\n // item.CuentaCorriente = result\r\n // this.setState({\r\n // autocompleteValue: item,\r\n // selectClienteLoading: false,\r\n // });\r\n // })\r\n // } else {\r\n // this.setState({\r\n // autocompleteValue: item,\r\n // selectClienteLoading: false,\r\n // });\r\n // }\r\n // });\r\n\r\n\r\n }\r\n changeNombreColeccionAutocomplete1 = (value) => {\r\n\r\n this.setState({\r\n nombreColeccionAutocompleteValue1: value,\r\n });\r\n\r\n }\r\n infoCliente = (selectClienteProps, cssStyle) => {\r\n let FacturacionEntrega = null;\r\n if (!(selectClienteProps.clienteSelected != null && (selectClienteProps.clienteSelected.FacturacionEntrega === \"No\" || selectClienteProps.clienteSelected.FacturacionEntrega === \"Nunca\"))) {\r\n FacturacionEntrega = (\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 changeNombreColeccionAutocomplete2 = (value) => {\r\n this.setState({\r\n nombreColeccionAutocompleteValue2: value,\r\n });\r\n\r\n }\r\n getProducto = (producto, event) => {\r\n event.stopPropagation();\r\n this.setMatrizProducto(producto);\r\n this.props.onSetProducto(producto);\r\n this.props.history.push(\"/Pedidos/Colecciones/\" + this.props.coleccion.ColeccionTipo + \"/\" + this.props.coleccion.CodigoColeccion + \"/\" + producto.ProductoId);\r\n this.setState({ mostrarAlertaBackButton: true, mostrarAlertaPrimerBackButton: false });\r\n }\r\n\r\n\r\n getColeccion = (coleccion) => {\r\n this.props.onSetColeccion(coleccion);\r\n this.props.history.push(\"/Pedidos/Colecciones/\" + coleccion.ColeccionTipo + \"/\" + coleccion.CodigoColeccion);\r\n }\r\n seleccionarCliente = () => {\r\n if (this.state.autocompleteValue.Nombre.includes('CONSUMIDOR FINAL') && this.props.clienteContado === null) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'Debe seleccionar un cliente contado',\r\n type: 'error',\r\n confirmButtonText: 'Ok'\r\n })\r\n } else {\r\n this.cargarColecciones(this.state.autocompleteValue.EmpresaId);\r\n this.cargarImpuestoClientes(this.state.autocompleteValue.EmpresaId);\r\n this.cargarImpuestoProductos(this.state.autocompleteValue.EmpresaId);\r\n this.cargarMonedas(this.state.autocompleteValue.EmpresaId);\r\n this.cargarEmpresasTransporte(this.state.autocompleteValue.EmpresaId);\r\n this.cargarPrecioCajas(this.state.autocompleteValue.EmpresaId);\r\n //this.cargarComunidadAutonoma(this.state.autocompleteValue.EmpresaId);\r\n this.props.onSetCliente(this.state.autocompleteValue);\r\n this.props.history.push(\"/Pedidos/Bodega\");\r\n }\r\n localStorage.setItem('EmpresaCliente', this.state.autocompleteValue.EmpresaId);\r\n }\r\n seleccionarTipoPedido = (tipoPedido, acuerdoVenta) => {\r\n this.props.history.push(\"/Pedidos/Colecciones\");\r\n this.props.onSetTipoPedido(tipoPedido, acuerdoVenta);\r\n }\r\n textValueChange = (textValue) => {\r\n this.setState({\r\n autocompleteValue: textValue\r\n });\r\n }\r\n\r\n seleccionarLinea = (linea) => {\r\n this.props.onSetLineaSeleccionada(linea);\r\n this.props.history.push(\"/Pedidos/TipoPedido\");\r\n }\r\n\r\n seleccionarBodega = (bodega) => {\r\n this.props.onSetBodegaSeleccionada(bodega);\r\n this.props.history.push(\"/Pedidos/Linea\");\r\n }\r\n clickBreadCrumb = (nuevaRuta) => {\r\n this.props.history.push(nuevaRuta);\r\n }\r\n clickBreadCrumbColecciones = () => {\r\n // this.props.onSetProducto(null);\r\n // this.changeImageProducto('');\r\n this.props.history.push(\"/Pedidos/Colecciones/\" + this.props.coleccion.ColeccionTipo + \"/\" + this.props.coleccion.CodigoColeccion);\r\n }\r\n\r\n\r\n cambiarTabColecciones = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n isPedidoActivo = () => {\r\n let isProductosSeleccionados = false;\r\n isProductosSeleccionados = parseInt(localStorage.getItem('ProdEnCarrito')) > 0 ? true : false;\r\n /*let tableValue = { ...this.props.TableValue };\r\nif (this.props.LineaSeleccionada && this.props.coleccion) {\r\n if (tableValue[this.props.LineaSeleccionada.IdLinea] === undefined || tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion] === undefined) {\r\n return isProductosSeleccionados;\r\n }\r\n const gruposTalla = Object.keys(tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion]);\r\n isProductosSeleccionados = gruposTalla.length > 0 && gruposTalla.every(grupoTalla => {\r\n return tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Mostrar === true;\r\n });\r\n\r\n}*/\r\n return isProductosSeleccionados;\r\n }\r\n toggle = () => {\r\n let productosSeleccionado = false;\r\n let tableValue = this.props.TableValue;\r\n try {\r\n let result = Object.keys(tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion]).find(grupoTalla => {\r\n return tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Mostrar === true;\r\n });\r\n if (result) {\r\n productosSeleccionado = true;\r\n } else {\r\n productosSeleccionado = false;\r\n\r\n }\r\n } catch {\r\n\r\n productosSeleccionado = false;\r\n }\r\n\r\n if (productosSeleccionado) {\r\n this.props.history.push(\"/Pedidos/MatrizResumen\");\r\n this.setState({ mostrarAlertaBackButton: true, mostrarAlertaPrimerBackButton: false });\r\n } else {\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Debe seleccionar al menos un producto',\r\n })\r\n }\r\n }\r\n alertaPrecio = (mensaje) => {\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Producto sin ' + (mensaje ? mensaje : 'Precio') + '. Favor elegir otro producto.',\r\n });\r\n\r\n }\r\n calcularTipoVenta() {\r\n // 0 Equivale pedido Diario\r\n // 3 Equivale a Pedido de Venta\r\n let isMora = !(this.props.cliente.FacturacionEntrega === 'No' || this.props.cliente.FacturacionEntrega === 'Nunca');\r\n if (isMora) {\r\n return 0;\r\n }\r\n if (this.props.coleccion.ColeccionTipo === 'B') {\r\n if (this.props.cliente.CuentaCorriente === null || this.props.cliente.CuentaCorriente.length === 0) {\r\n return 0;\r\n }\r\n }\r\n return 3;\r\n }\r\n toggleSelectProducto = (producto) => {\r\n let tableValue = { ...this.props.TableValue };\r\n let isSelected = true;\r\n let carrito = parseInt(localStorage.getItem('ProdEnCarrito'));\r\n let borrador = JSON.parse(localStorage.getItem(\"borrador\"));\r\n try {\r\n let value = tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[producto.ProductoId]\r\n value.Selected = isSelected = !value.Selected;\r\n if (!value.Selected) {\r\n if (Object.keys(tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos).every(productoId => {\r\n return tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[productoId].Selected === false\r\n })) {\r\n tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Mostrar = false;\r\n } else {\r\n tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Mostrar = true;\r\n }\r\n } else {\r\n\r\n tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Mostrar = true;\r\n }\r\n\r\n } catch {\r\n if (tableValue[producto.Linea.IdLinea] === undefined) {\r\n tableValue[producto.Linea.IdLinea] = {};\r\n }\r\n let value = tableValue[producto.Linea.IdLinea];\r\n\r\n if (value[producto.CodigoColeccion] === undefined) {\r\n value[producto.CodigoColeccion] = {};\r\n }\r\n value = value[producto.CodigoColeccion];\r\n\r\n if (value[producto.GrupoTalla] === undefined) {\r\n value[producto.GrupoTalla] = {};\r\n value[producto.GrupoTalla].Mostrar = true;\r\n value[producto.GrupoTalla].Productos = {};\r\n value[producto.GrupoTalla].ListaTallas = producto.ListaTalla;\r\n }\r\n value = value[producto.GrupoTalla].Productos;\r\n\r\n if (value[producto.ProductoId] === undefined) {\r\n value[producto.ProductoId] = {};\r\n value[producto.ProductoId].Colores = {};\r\n value[producto.ProductoId].ListaTallas = producto.ListaTalla\r\n value[producto.ProductoId].Selected = true;\r\n value[producto.ProductoId].NombreProducto = producto.NombreProducto;\r\n value[producto.ProductoId].Precio = producto.Precio;\r\n if (producto.ListaImagenes !== null && producto.ListaImagenes.length > 0) {\r\n\r\n value[producto.ProductoId].ListaImagenes = producto.ListaImagenes;\r\n }\r\n value = value[producto.ProductoId].Colores;\r\n\r\n producto.ListaColores.forEach(color => {\r\n value[color.CodigoColor] = {}\r\n value[color.CodigoColor].NombreColor = color.NombreColor;\r\n value[color.CodigoColor].Color = color.Color;\r\n value[color.CodigoColor].ListaImagenes = color.ListaImagenes;\r\n value[color.CodigoColor].Tallas = {}\r\n producto.ListaTalla.map(talla => {\r\n let fisicoDisponible = producto.fisicaDisponible.find(fd => { return fd.CodigoColor === color.CodigoColor && fd.IdTalla === talla.Talla })\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla] = {}\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Disponible = fisicoDisponible ? fisicoDisponible.Cantidad : 0;\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Cantidad = \"\";\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Distribucion = talla.Distribucion;\r\n if (fisicoDisponible && fisicoDisponible.PreciosEspecificos && fisicoDisponible.PreciosEspecificos.length > 0) {\r\n var PreciosEspecifico = fisicoDisponible.PreciosEspecificos.find(p => p.GrupoPrecio === this.props.cliente.GrupoPrecio)\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Precio = PreciosEspecifico.Precio\r\n } else {\r\n\r\n let precio = producto.Precio.find(precioxProd => {\r\n return precioxProd.GrupoPrecio === this.props.cliente.GrupoPrecio;\r\n });\r\n if (precio === undefined) {\r\n precio = { Precio: 0 };\r\n }\r\n value[color.CodigoColor].Tallas['Ā ' + talla.Talla].Precio = precio.Precio;\r\n }\r\n // precio = { Precio: 20 };\r\n return false;\r\n });\r\n });\r\n } else {\r\n let value = tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[producto.ProductoId];\r\n if (value.Selected === undefined) {\r\n value.Selected = isSelected = true\r\n tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Mostrar = true;\r\n } else {\r\n value.Selected = isSelected = !value.Selected;\r\n if (!value.Selected) {\r\n if (Object.keys(tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos).every(productoId => {\r\n return tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[productoId].Selected === false\r\n })) {\r\n tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Mostrar = false;\r\n } else {\r\n tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Mostrar = true;\r\n }\r\n } else {\r\n tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Mostrar = true;\r\n }\r\n }\r\n\r\n }\r\n }\r\n let totalAcumulado = this.props.TotalPedido;\r\n if (isSelected) {\r\n localStorage.setItem('ProdEnCarrito', parseInt(carrito + 1))\r\n borrador.ProdEnCarrito = carrito + 1;\r\n let newProduct = { ...producto, Selected: true };\r\n this.props.onSetProductoLista(newProduct);\r\n Object.keys(tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[producto.ProductoId].Colores).forEach((codigoColor) => {\r\n let color = tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[producto.ProductoId].Colores[codigoColor];\r\n\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n let valorTalla = color.Tallas[codigoTalla];\r\n totalAcumulado = totalAcumulado + (valorTalla.Precio * (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10)));\r\n });\r\n });\r\n } else {\r\n localStorage.setItem('ProdEnCarrito', parseInt(carrito - 1))\r\n borrador.ProdEnCarrito = carrito - 1;\r\n let newProduct = { ...producto, Selected: false };\r\n this.props.onSetProductoLista(newProduct);\r\n Object.keys(tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[producto.ProductoId].Colores).forEach((codigoColor) => {\r\n let color = tableValue[producto.Linea.IdLinea][producto.CodigoColeccion][producto.GrupoTalla].Productos[producto.ProductoId].Colores[codigoColor];\r\n\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n\r\n let valorTalla = color.Tallas[codigoTalla];\r\n totalAcumulado = totalAcumulado - (valorTalla.Precio * (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10)));\r\n });\r\n });\r\n }\r\n this.props.onSetTotalPedido(totalAcumulado)\r\n\r\n borrador.TableValue = tableValue;\r\n borrador.TotalPedido = totalAcumulado;\r\n localStorage.setItem(\"borrador\", JSON.stringify(borrador));\r\n\r\n this.props.onSetTableValue(tableValue);\r\n // this.calcularTotal();\r\n // this.props.onToggleSelectProducto(producto)\r\n\r\n\r\n }\r\n changeImagenProductoDialogSeleccionada = (imagenProducto) => {\r\n this.setState({ imagenProductoDialogSeleccionada: imagenProducto })\r\n\r\n }\r\n\r\n VerificarFiltro = (atributo) => {\r\n var filtro = this.state.filtroAtributos;\r\n var tipoAtributo = Object.keys(atributo)[0];\r\n if (filtro[tipoAtributo] === undefined) {\r\n return false;\r\n }\r\n if (filtro[tipoAtributo].includes(atributo[tipoAtributo])) {\r\n return true\r\n }\r\n return false;\r\n\r\n }\r\n verificarExpandirFiltroAtributos = (indexFiltroAtributo) => {\r\n var arregloIndexFiltroAtributo = [...this.state.activeCollapse];\r\n return arregloIndexFiltroAtributo.includes(indexFiltroAtributo);\r\n }\r\n toggleExpandirFiltroAtributos = (indexFiltroAtributo) => {\r\n var arregloIndexFiltroAtributo = [...this.state.activeCollapse];\r\n if (this.verificarExpandirFiltroAtributos(indexFiltroAtributo)) {\r\n arregloIndexFiltroAtributo.splice(arregloIndexFiltroAtributo.indexOf(indexFiltroAtributo), 1);\r\n } else {\r\n arregloIndexFiltroAtributo.push(indexFiltroAtributo);\r\n }\r\n this.setState({ activeCollapse: arregloIndexFiltroAtributo });\r\n }\r\n MarcarFiltro = (atributo) => {\r\n // event.stopPropagation();\r\n var filtro = { ...this.state.filtroAtributos };\r\n var tipo = Object.keys(atributo)[0];\r\n if (filtro[tipo] === undefined) {\r\n filtro[tipo] = [];\r\n }\r\n\r\n var indexDescripcion = filtro[tipo].findIndex(descripcion => {\r\n return descripcion === atributo[tipo]\r\n });\r\n if (indexDescripcion === -1) {\r\n\r\n filtro[tipo].push(atributo[tipo]);\r\n } else {\r\n filtro[tipo].splice(indexDescripcion, 1);\r\n\r\n }\r\n this.setState({ filtroAtributos: filtro });\r\n }\r\n\r\n reiniciarPedido = () => {\r\n this.props.history.push(\"/Pedidos/Bodega\");\r\n this.setState({\r\n activeCollapse: [],\r\n mostrarRecibo: false,\r\n filtroAtributos: {}\r\n });\r\n this.props.onReinicarPedido();\r\n }\r\n\r\n guardarFirma = (imagen) => {\r\n this.setState({ firmaPedido: imagen })\r\n }\r\n\r\n // setExpandable = () => {\r\n // this.setState({\r\n // expandable: !this.state.expandable\r\n // })\r\n // }\r\n\r\n setNoStock = () => {\r\n this.setState({\r\n NoStock: !this.state.NoStock\r\n })\r\n }\r\n\r\n EliminarProducto = (grupoTalla, codigoProducto) => {\r\n var tableValue = { ...this.props.TableValue };\r\n tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[codigoProducto].Selected = false\r\n if (Object.keys(tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos).every(productoId => {\r\n return tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[productoId].Selected === false\r\n })) {\r\n tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Mostrar = false;\r\n } else {\r\n tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Mostrar = true;\r\n }\r\n\r\n let totalAcumulado = this.props.TotalPedido;\r\n let precio = tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[codigoProducto].Precio.find(precioxProd => {\r\n return precioxProd.GrupoPrecio === this.props.cliente.GrupoPrecio;\r\n });\r\n if (precio === undefined) {\r\n precio = { Precio: 0 };\r\n }\r\n Object.keys(tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[codigoProducto].Colores).forEach((codigoColor) => {\r\n let color = tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[codigoProducto].Colores[codigoColor];\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n let valorTalla = color.Tallas[codigoTalla];\r\n if (valorTalla.Cantidad > 0) {\r\n totalAcumulado = totalAcumulado - valorTalla.Cantidad;\r\n this.props.NumeroOrden && this.CrearDetallePedidoOnline(codigoProducto, codigoColor, codigoTalla.slice(1), 0, 0);\r\n valorTalla.Cantidad = 0;\r\n }\r\n });\r\n });\r\n this.props.onSetTotalPedido(totalAcumulado)\r\n\r\n let borrador = JSON.parse(localStorage.getItem(\"borrador\"));\r\n borrador.TableValue = tableValue;\r\n borrador.TotalPedido = totalAcumulado;\r\n localStorage.setItem(\"borrador\", JSON.stringify(borrador));\r\n\r\n this.props.onSetTableValue(tableValue);\r\n }\r\n\r\n setFechaEntregaPedido = (date) => {\r\n this.setState({\r\n fechaEntregaPedido: moment(date).toDate()\r\n });\r\n }\r\n cancelarPedido = () => {\r\n if (this.isPedidoActivo && !this.state.mostrarRecibo) {\r\n\r\n this.setState({\r\n autocompleteValue: null,\r\n activeCollapse: [],\r\n filtroAtributos: {}\r\n });\r\n this.props.history.push(\"/Pedidos/Cliente\");\r\n } else {\r\n this.setState({\r\n autocompleteValue: null,\r\n activeCollapse: [],\r\n filtroAtributos: {},\r\n mostrarRecibo: false\r\n });\r\n this.props.history.push(\"/Pedidos/Cliente\");\r\n this.props.onCancelarPedido();\r\n }\r\n\r\n }\r\n\r\n mostrarResumen = () => {\r\n // this.setState({ mostrarResumen: true })\r\n this.setState({ mostrarRecibo: false })\r\n this.props.history.push(\"/Pedidos/ResumenPedido\");\r\n\r\n }\r\n\r\n obtenerUltimoCorrelativo = async () => {\r\n var correlativo = \"\", errorCor;\r\n if (localStorage.getItem(\"Conexion\") === \"Online\") {\r\n let isOnline = await verificarConexion();\r\n if (isOnline) {\r\n try {\r\n this.setState((prevState) => ({ ...prevState, loadingRecibo: true }));\r\n const request = await axios.get(`${this.urlApi}/api/PedidosXCliente/correlativo/${localStorage.getItem('empresa')}`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n\r\n return { correlativo: request.data, errorCor };\r\n } catch (err) {\r\n return { correlativo, errorCor };\r\n }\r\n } else {\r\n return { correlativo, errorCor };\r\n }\r\n } else {\r\n return { correlativo, errorCor };\r\n }\r\n }\r\n\r\n enviarPedidoAx = async (pedido) => {\r\n let isOnline = await verificarConexion();\r\n if (isOnline) {\r\n try {\r\n const request = await axios.post(this.urlApi + \"/api/PedidosXCliente/postax\", pedido, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n },\r\n timeout: 900 * 1000\r\n });\r\n\r\n console.log(request.data);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se pudo sincronizar el pedido con AX.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n type: 'error',\r\n title: 'Error',\r\n text: mensaje,\r\n })\r\n }\r\n }\r\n }\r\n\r\n reemplazarListaPreciosOriginal = listaPreciosCopia => {\r\n let listaPreciosNueva = this.props.ListaPrecios.map(x => listaPreciosCopia.find(y => y.$id === x.$id) || x);\r\n this.props.onSaveListaPrecios(listaPreciosNueva);\r\n }\r\n\r\n reducirStockOffline = producto => {\r\n let listaPreciosCopia = this.props.ListaPrecios.filter(x => x.CodigoColeccion === producto.CodigoColeccion);\r\n listaPreciosCopia.forEach(coleccion => {\r\n coleccion.Edades.forEach(edad => {\r\n if (edad.IdEdad === producto.Edad) {\r\n edad.ProductosXEdad.forEach(productoEdad => {\r\n if (productoEdad.ProductoId === producto.CodigoProducto) {\r\n productoEdad.fisicaDisponible.forEach(fisico => {\r\n if (fisico.IdTalla === producto.Talla && fisico.CodigoColor === producto.CodigoColor) {\r\n fisico.Cantidad -= parseInt(producto.Cantidad);\r\n }\r\n })\r\n }\r\n })\r\n }\r\n })\r\n })\r\n\r\n this.reemplazarListaPreciosOriginal(listaPreciosCopia);\r\n }\r\n\r\n reducirStockBackground = (productos) => {\r\n if (this.props.cliente.FacturacionEntrega === \"No\" || this.props.cliente.FacturacionEntrega === \"Nunca\") {\r\n for (let producto of productos) {\r\n this.reducirStockOffline(producto);\r\n }\r\n }\r\n }\r\n\r\n enviarPeticionPedido = async (location, correlativo) => {\r\n let isOnline = await verificarConexion();\r\n let nuevoSubtotal = this.props.cliente.Codigo.IncluyeImpuesto ? this.props.TotalPedido - Number(localStorage.getItem('Impuesto')) : this.props.TotalPedido;\r\n const configuracionBaseColorPais = this.props.configuracionBaseColor.filter(x => x.empresa === this.props.cliente.Codigo.split('-')[0]);\r\n let pedido = {\r\n NumeroReferencia: localStorage.getItem(\"CorrelativoPedido\"),\r\n //PedidoCache:localStorage.getItem(\"isOffline\"),\r\n PedidoId: 100 + (Math.random() * (10000 - 100)),\r\n CodigoCliente: this.props.cliente.Codigo,\r\n Nombre: this.props.cliente.Nombre,\r\n Firma: this.state.firmaPedido,\r\n FechaEntrega: this.state.fechaEntregaPedido,\r\n AcuerdoVenta: this.props.AcuerdoVenta ? this.props.AcuerdoVenta.IdAcuerdoxCliente : '',\r\n location: location,\r\n EmpresaUsuario: localStorage.getItem('empresa'),\r\n Linea: this.props.LineaSeleccionada.IdLinea,\r\n CodigoColeccion: this.props.coleccion.CodigoColeccion,\r\n DetallePedido: [],\r\n TipoPedido: this.props.TipoPedido,\r\n TipoVenta: this.calcularTipoVenta(),\r\n ClienteContadoId: (this.props.clienteContado !== null) ? this.props.clienteContado.id : null,\r\n ModoVenta: (this.props.TipoPedido.TipoPedido === 'Contado') ? 'Contado' : 'Credito',\r\n Flete: this.props.flete,\r\n RequiereEntrega: this.props.requiereEntrega,\r\n Impuesto: Number(localStorage.getItem('Impuesto')),\r\n subtotal: nuevoSubtotal,\r\n Direccion: this.props.cliente.Direccion,\r\n MonedaCliente: this.props.cliente.Moneda,\r\n BodegaEspecifica: !this.props.BodegaSeleccionada.BodegaPrincipal,\r\n Sitio: this.props.BodegaSeleccionada.CodigoSitio,\r\n Almacen: this.props.BodegaSeleccionada.Almacen,\r\n DireccionEntrega: this.props.direccionEntrega.postalAddress,\r\n };\r\n let tableValue = this.props.TableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion];\r\n let productosReducir = [];\r\n\r\n Object.keys(tableValue).forEach(codigoGrupoTalla => {\r\n if (tableValue[codigoGrupoTalla].Mostrar) {\r\n Object.keys(tableValue[codigoGrupoTalla].Productos).forEach(codigoProducto => {\r\n if (tableValue[codigoGrupoTalla].Productos[codigoProducto].Selected) {\r\n this.props.coleccion.Edades.map(edad => {\r\n let producto = edad.ProductosXEdad.find(prod => prod.ProductoId === codigoProducto);\r\n\r\n if (producto) {\r\n\r\n producto.matriz = [];\r\n producto.ListaColores.forEach(color => {\r\n\r\n Object.keys(tableValue[codigoGrupoTalla].Productos[codigoProducto].Colores[color.CodigoColor].Tallas).forEach(talla => {\r\n let detalle = {\r\n IdProducto: producto.CodigoProducto,\r\n CodigoProducto: codigoProducto,\r\n NombreProducto: producto.NombreProducto,\r\n CodigoColor: color.CodigoColor,\r\n NombreColor: color.NombreColor,\r\n Cantidad: tableValue[codigoGrupoTalla].Productos[codigoProducto].Colores[color.CodigoColor].Tallas[talla].Cantidad,\r\n Unidad: \"Und\",\r\n PrecioUnitario: tableValue[codigoGrupoTalla].Productos[codigoProducto].Colores[color.CodigoColor].Tallas[talla].Precio,\r\n Talla: talla.substring(1),\r\n CodigoColeccion: this.props.coleccion.CodigoColeccion,\r\n PorcentajeDescuento: \"\",\r\n Edad: edad.IdEdad\r\n };\r\n \r\n if (producto.atributo) {\r\n let configuracionBaseColorImpuesto = configuracionBaseColorPais.find(x => x.codigobase === producto.atributo.codigo && x.color === color.CodigoColor);\r\n if (configuracionBaseColorImpuesto) {\r\n detalle[\"CodigoImpuesto\"] = configuracionBaseColorImpuesto.codigoImpuesto;\r\n }else{\r\n detalle[\"CodigoImpuesto\"] = \"\";\r\n }\r\n }\r\n\r\n if (tableValue[codigoGrupoTalla].Productos[codigoProducto].Colores[color.CodigoColor].Tallas[talla].Cantidad > 0) {\r\n pedido.DetallePedido.push(detalle);\r\n if (!isOnline || localStorage.getItem(\"Conexion\") === \"offline\") {\r\n productosReducir.push(detalle);\r\n }\r\n }\r\n });\r\n });\r\n }\r\n return false;\r\n })\r\n\r\n }\r\n })\r\n }\r\n })\r\n\r\n let impuestoFinal = this.props.cliente.Codigo.IncluyeImpuesto ? 0 : pedido.Impuesto;\r\n let total = pedido.subtotal + impuestoFinal + pedido.Flete\r\n this.reducirDisponibleAcuerdo(pedido.CodigoCliente, total, pedido.TipoPedido.TipoPedido, pedido.AcuerdoVenta);\r\n if (!isOnline || localStorage.getItem(\"Conexion\") === \"offline\" || pedido.NumeroReferencia === \"\") {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Actualmente no dispone de internet el pedido se guardara en cache.\",\r\n });\r\n\r\n const data = postPedidoStorage(pedido);\r\n let numPedido = data.EncabezadoPedido.PedidoId;\r\n this.setState({ mostrarRecibo: true, loadingRecibo: false, NumPedido: numPedido });\r\n this.props.onSetNumeroOrden(numPedido);\r\n this.reducirStockBackground(productosReducir);\r\n localStorage.setItem(\"isOffline\", true);\r\n }\r\n \r\n else {\r\n const { data, error } = await post(this.urlApi + \"/api/PedidosXCliente\", pedido, \"SET_PEDIDOSINCRONIZAR\");\r\n localStorage.setItem(\"isOffline\", false);\r\n if (error) {\r\n if (error.response) {\r\n let mensaje = error.response.data.Message;\r\n Swal.fire({\r\n type: 'error',\r\n title: 'Error',\r\n text: mensaje,\r\n })\r\n this.setState({ loadingRecibo: false });\r\n }\r\n let numPedido = pedido.NumeroReferencia;\r\n this.setState({ mostrarRecibo: true, loadingRecibo: false, NumPedido: numPedido });\r\n } else {\r\n if (!data) {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Actualmente no dispone de internet el pedido se guardara en cache.\",\r\n });\r\n\r\n const data = postPedidoStorage(pedido);\r\n let numPedido = data.EncabezadoPedido.PedidoId;\r\n this.setState({ mostrarRecibo: true, loadingRecibo: false, NumPedido: numPedido });\r\n this.props.onSetNumeroOrden(numPedido);\r\n localStorage.setItem(\"isOffline\", true);\r\n return;\r\n }\r\n\r\n const { correlativo, mensaje } = data;\r\n if (mensaje) {\r\n if (mensaje.includes(\"flotante\")) {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: mensaje,\r\n })\r\n }\r\n this.setState({ mostrarRecibo: true, loadingRecibo: false, NumPedido: correlativo });\r\n this.props.onSetNumeroOrden(correlativo);\r\n }\r\n else {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Actualmente no dispone de internet el pedido se guardara en cache.\",\r\n });\r\n let numPedido = data.EncabezadoPedido.PedidoId;\r\n this.setState({ mostrarRecibo: true, loadingRecibo: false, NumPedido: numPedido });\r\n this.props.onSetNumeroOrden(numPedido);\r\n localStorage.setItem(\"isOffline\", true);\r\n }\r\n }\r\n\r\n }\r\n }\r\n\r\n reducirDisponibleAcuerdo = (codigoCliente, montoTotal, TipoCredito, numAcuerdo) => {\r\n let newlistaClientes = [];\r\n let ClientesLista = this.state.clientes;\r\n ClientesLista.filter(x => x.Codigo === codigoCliente).forEach(cliente => {\r\n cliente.AcuerdosVenta.filter(x => x.IdAcuerdoxCliente === numAcuerdo).forEach(acuerdo => {\r\n let nDisponible = acuerdo.Saldo - montoTotal;\r\n acuerdo.Saldo = nDisponible;\r\n })\r\n cliente.Credito.filter(x => x.Tipo === TipoCredito).forEach(credito => {\r\n let nDisponible = credito.Disponible - montoTotal;\r\n credito.Disponible = nDisponible;\r\n })\r\n });\r\n newlistaClientes = ClientesLista;\r\n this.props.onStoreClientes(newlistaClientes);\r\n }\r\n\r\n desactivarLoading = () => {\r\n this.setState((prevState) => ({ ...prevState, loadingRecibo: false }));\r\n }\r\n\r\n enviarPedido = async (correlativo) => {\r\n localStorage.removeItem(\"ColeccionSeleccionada\");\r\n localStorage.removeItem(\"HoraIngreso\");\r\n localStorage.removeItem(\"ProdEnCarrito\");\r\n this.setState({ loadingRecibo: true });\r\n ObtenerCoordenadas((position) => {\r\n this.enviarPeticionPedido({\r\n longitude: position.coords.longitude,\r\n latitude: position.coords.latitude\r\n }, correlativo)\r\n }, (error) => {\r\n this.enviarPeticionPedido(null, correlativo);\r\n });\r\n }\r\n FinalizarPedidoOnline = () => {\r\n this.setState({ mostrarRecibo: true, loadingRecibo: false, NumPedido: this.props.NumeroOrden });\r\n\r\n }\r\n CrearDetallePedidoOnline = (productoId, codigoColor, talla, valor, precio, cantidad = 0) => {\r\n /*if (this.props.NumeroOrden && cantidad < 3) {\r\n \r\n fetch(this.urlApi + \"/api/PedidoOnline/CrearDetalle\", {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token'),\r\n\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'POST',\r\n body: JSON.stringify({\r\n CodigoCliente: this.props.cliente.Codigo,\r\n ProductoId: productoId,\r\n CodigoColor: codigoColor,\r\n Talla: talla,\r\n Cantidad: valor,\r\n MontoLinea: precio,\r\n PrecioUnitario: precio,\r\n }),\r\n })\r\n .then(res => {\r\n if (res.status === 200) {\r\n\r\n /* this.setState({\r\n \r\n }) \r\n } else {\r\n this.CrearDetallePedidoOnline(productoId, codigoColor, talla, valor, precio, cantidad + 1);\r\n }\r\n }, error => error)\r\n } else {\r\n this.setState({\r\n\r\n }) \r\n }*/\r\n }\r\n CrearEncabezadoPedidoOnline = (cantidad = 0) => {\r\n /*if (cantidad < 3) {\r\n if (!this.state.loading) {\r\n this.setState({ loading: true });\r\n }\r\n\r\n fetch(this.urlApi + \"/api/PedidoOnline/CrearEncabezado\", {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token'),\r\n\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'POST',\r\n body: JSON.stringify({\r\n CodigoCliente: this.props.cliente.Codigo,\r\n CodigoColeccion: this.props.coleccion.CodigoColeccion,\r\n TipoColeccion: this.props.coleccion.ColeccionTipo,\r\n IdLinea: this.props.LineaSeleccionada.IdLinea,\r\n AcuerdoVenta: this.props.AcuerdoVenta ? this.props.AcuerdoVenta.IdAcuerdoxCliente : '',\r\n Crear: true,\r\n }),\r\n })\r\n .then(res => {\r\n if (res.status === 200) {\r\n this.setState({ loading: false });\r\n res.json().then(\r\n (result) => {\r\n this.props.onSetNumeroOrden(result.SalesTable.Orden);\r\n\r\n })\r\n } else {\r\n this.CrearEncabezadoPedidoOnline(cantidad + 1);\r\n }\r\n }, () => { this.setState({ loading: false }) })\r\n } else {\r\n this.setState({ loading: false });\r\n\r\n }*/\r\n }\r\n SendEmailPDF = async () => {\r\n let isOnline = await verificarConexion();\r\n if (isOnline) {\r\n var element = document.getElementById(\"invoice-POS\");\r\n html2canvas(element).then(canvas => {\r\n var data = canvas.toDataURL('image/jpeg', 1.0);\r\n var pdfExportSetting = {\r\n pageSize: {\r\n width: 600,\r\n height: 'auto'\r\n },\r\n content: [\r\n\r\n {\r\n image: data,\r\n width: 500,\r\n }\r\n ]\r\n };\r\n pdfMake.createPdf(pdfExportSetting).getBase64((base64) => {\r\n var pdf = 'data:application/pdf;base64,' + base64;\r\n\r\n var email = { pdf: pdf, CodigoCliente: this.props.cliente.Codigo };\r\n\r\n fetch(this.urlApi + \"/api/Correo\", {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token'),\r\n\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'POST',\r\n body: JSON.stringify(email),\r\n })\r\n .then(res => {\r\n if (res.status === 204) {\r\n this.setState({\r\n CorreoEnviado: true,\r\n })\r\n }\r\n else {\r\n }\r\n\r\n })\r\n\r\n });\r\n //pdfMake.createPdf(pdfExportSetting).download(\"test_file.pdf\");\r\n });\r\n }\r\n\r\n };\r\n\r\n detalleCarrito = () => {\r\n\r\n return (\r\n\r\n this.props.listaProductosAgregados.map((producto, index) => {\r\n if (producto.selected) {\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n InformaciĆ³n General
\r\n \r\n| \r\n {'Codigo: '}\r\n | \r\n\r\n {selectClienteProps.clienteSelected.Codigo}\r\n | \r\n
| \r\n {'Comunidad Autonoma: '}\r\n | \r\n\r\n {selectClienteProps.clienteSelected.ComunidadAutonoma}\r\n | \r\n
| \r\n {'Facturacion Entrega: '}\r\n | \r\n{selectClienteProps.clienteSelected.FacturacionEntrega} | \r\n
| \r\n {'Nombre:'}\r\n | \r\n\r\n {selectClienteProps.clienteSelected.Nombre}\r\n | \r\n
| \r\n {'Grupo Cliente: '}\r\n | \r\n\r\n {selectClienteProps.clienteSelected.GrupoCliente}\r\n | \r\n
| \r\n {'Estado Crediticio: '}\r\n | \r\n\r\n {selectClienteProps.clienteSelected.FacturacionEntrega} | \r\n
| \r\n {'Direccion: '}\r\n | \r\n\r\n {selectClienteProps.clienteSelected.Direccion} | \r\n
\r\n {FacturacionEntrega}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n Tipo\r\n \r\n \r\n Disponible\r\n \r\n \r\n SaldoTotal\r\n \r\n \r\n C15Dias\r\n \r\n \r\n \r\n \r\n {selectClienteProps.clienteSelected.Credito.map((credito, index) => {\r\n return (\r\n \r\n {credito.Tipo} \r\n {credito.Disponible} \r\n {credito.SaldoTotal} \r\n {credito.C15Dias} \r\n \r\n )\r\n })}\r\n \r\n {/* */}\r\n {/* */}\r\n \r\n \r\n
\r\n
\r\n\r\n InformaciĆ³n Crediticia
\r\n \r\n \r\n| \r\n Tipo\r\n | \r\n\r\n Disponible\r\n | \r\n\r\n SaldoTotal\r\n | \r\n\r\n C15Dias\r\n | \r\n
|---|---|---|---|
| {credito.Tipo} | \r\n{credito.Disponible} | \r\n{credito.SaldoTotal} | \r\n{credito.C15Dias} | \r\n
| \r\n {cuentaCorriente.Descripcion}\r\n | \r\n\r\n {cuentaCorriente.Valor.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\r\n | \r\n
{\"Precio: L. \" +\r\n producto.Precio[0].Precio}
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n )\r\n } else {\r\n return null;\r\n\r\n }\r\n\r\n }\r\n\r\n SearchProductos = (text) => {\r\n this.setState({\r\n buscador: text,\r\n })\r\n }\r\n\r\n ClearSearch = () => {\r\n this.setState({\r\n buscador: '',\r\n })\r\n }\r\n\r\n handleDeleteFiltros = (categoria, filtro) => {\r\n var ListaFiltros = { ...this.state.filtroAtributos };\r\n let filtros = ListaFiltros[categoria];\r\n\r\n filtros.some((filt, inde) => {\r\n if (filt === filtro) {\r\n filtros.splice(inde, 1);\r\n return true;\r\n }\r\n return false;\r\n })\r\n\r\n this.setState({\r\n filtroAtributos: ListaFiltros\r\n })\r\n }\r\n\r\n handleDeleteAllFiltros = () => {\r\n this.setState({\r\n filtroAtributos: {},\r\n })\r\n }\r\n\r\n setFiltroEdad = (data) => {\r\n this.setState({\r\n filtroEdad: data\r\n })\r\n }\r\n\r\n SearchFiltros = (event) => {\r\n this.setState({\r\n buscadorFiltros: event.target.value,\r\n })\r\n }\r\n OnClickSearch = () => {\r\n this.state.buscadorFiltros !== \"\" && this.setState({ buscadorFiltros: \"\" })\r\n }\r\n\r\n Filtros = () => {\r\n var filtros = [];\r\n var filtro = {};\r\n this.props.coleccion.AtributosXColeccion.forEach(atri => {\r\n if (atri.IdLinea === this.props.LineaSeleccionada.IdLinea) {\r\n if (filtro[atri.Tipo] === undefined) {\r\n filtro[atri.Tipo] = [];\r\n }\r\n let encontrado = atri.Descripcion.toLowerCase().includes(this.state.buscadorFiltros.toLowerCase());\r\n if (this.state.buscadorFiltros === \"\") {\r\n filtro[atri.Tipo].push(atri.Descripcion);\r\n }\r\n else if (encontrado) {\r\n filtro[atri.Tipo].push(atri.Descripcion);\r\n }\r\n else {\r\n if (filtro[atri.Tipo].length === 0) {\r\n delete filtro[atri.Tipo];\r\n }\r\n }\r\n }\r\n });\r\n filtros = Object.keys(filtro).map(key => {\r\n return {\r\n Tipo: key,\r\n Descripciones: filtro[key]\r\n }\r\n });\r\n return filtros;\r\n }\r\n\r\n seleccionarPais = (pais) => {\r\n /*clientes:this.props.clientes,\r\n clientesFiltrados:[],\r\n paisSeleccionado:null*/\r\n if (this.state.paisSeleccionado === pais) {\r\n this.setState((prevState) => ({ ...prevState, clientesFiltrados: prevState.clientes, paisSeleccionado: null, autocompleteValue: null }));\r\n } else {\r\n const paisFiltrado = this.state.clientes.filter(x => x.EmpresaId === pais);\r\n this.setState((prevState) => ({ ...prevState, clientesFiltrados: paisFiltrado, paisSeleccionado: pais, autocompleteValue: null }))\r\n }\r\n }\r\n\r\n OpcionesOrdenamiento = () => {\r\n if (this.props.coleccion.ColeccionTipo === \"F\" || this.props.coleccion.ColeccionTipo === 'f') {\r\n return [\"Codigo\", \"Nombre\"].map(e => ({ key: e, value: e, text: e }));\r\n }\r\n\r\n return [\"Codigo\", \"Nombre\", \"Stock\"].map(e => ({ key: e, value: e, text: e }));\r\n }\r\n\r\n render() {\r\n const { error, isLoaded, loading } = this.state;\r\n var filtroActivo = false;\r\n\r\n Object.keys(this.state.filtroAtributos).map((categ, indCateg) => {\r\n\r\n return this.state.filtroAtributos[categ].map((filtro, ind) => {\r\n filtroActivo = true;\r\n return true\r\n });\r\n })\r\n if (error) {\r\n return \r\n \r\n
\r\n\r\n \r\n Detalle del Pedido
\r\n \r\n \r\n\r\n\r\n
- \r\n {this.detalleCarrito()}\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n Completar Pedido\r\n\r\n Error: {error.message}
;\r\n } else if ((!isLoaded || loading)) {\r\n return \r\n {\r\n return (\r\n <>\r\n {\r\n return (\r\n <>\r\n \r\n \r\n \r\n {\r\n return (\r\n <>\r\n \r\n {/* Other elements can be in between `StickyContainer` and `Sticky`,\r\n but certain styles can break the positioning logic used. */}\r\n \r\n {({\r\n style,\r\n\r\n // the following are also available but unused in this example\r\n isSticky,\r\n wasSticky,\r\n distanceFromTop,\r\n distanceFromBottom,\r\n calculatedHeight\r\n }) => (\r\n \r\n \r\n )}\r\n \r\n {\r\n this.state.expandable ?\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 {\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 Cancelar \r\n \r\n )}\r\n >\r\n \r\n
\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.clickBreadCrumb(\"/Pedidos/Bodega\") }, Titulo: this.props.BodegaSeleccionada ? this.props.BodegaSeleccionada.Etiqueta : \"Bodega\" },\r\n { Titulo: 'Linea' }\r\n ]}\r\n />\r\n\r\n\r\n \r\n \r\n Cancelar \r\n \r\n )}\r\n >\r\n \r\n
\r\n }\r\n />\r\n\r\n {\r\n let listFiltros = [...this.Filtros()];\r\n return (\r\n \r\n \r\n )\r\n }} />\r\n\r\n {\r\n // this.CrearEncabezadoPedidoOnline();\r\n\r\n if (this.props.coleccion === null) {\r\n this.props.onSetColeccion(this.props.colecciones.find(col => col.CodigoColeccion === this.props.codigoColeccionActiva));\r\n return null;\r\n } else {\r\n return (\r\n \r\n \r\n {/* Other elements can be in between `StickyContainer` and `Sticky`,\r\n but certain styles can break the positioning logic used. */}\r\n \r\n {({\r\n style,\r\n\r\n // the following are also available but unused in this example\r\n isSticky,\r\n wasSticky,\r\n distanceFromTop,\r\n distanceFromBottom,\r\n calculatedHeight\r\n }) => (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n {matches => (\r\n <>\r\n {\r\n matches.mobile &&\r\n \r\n }\r\n {\r\n matches.desktop &&\r\n \r\n }\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n // {edad.Edad}\r\n // \r\n )\r\n }\r\n return null;\r\n })}\r\n\r\n
\r\n\r\n \r\n {this.props.coleccion.Edades.map((edad, index0, self) => {\r\n if (self.map(e => e.IdEdad).indexOf(edad.IdEdad) === index0) {\r\n return (\r\n this.SelectFiltroEdad(edad.IdEdad)}\r\n >\r\n {edad.Edad}\r\n
\r\n // \r\n {/*
\r\n \r\n )}\r\n \r\n \r\n\r\n
*/}\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n\r\n \r\n\r\n \r\n )\r\n }\r\n\r\n }\r\n\r\n }\r\n />\r\n \r\n\r\n \r\n {\r\n matches => {\r\n let listFiltros = [...this.Filtros()];\r\n return (\r\n <>\r\n {matches.mobile &&\r\n
\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.carrito()}\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Ordenar por:\r\n {\r\n this.setState((prevState) => ({ ...prevState, Ordenamiento: 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 this.setNoStock()}\r\n checked={this.state.NoStock} />\r\n
\r\n \r\n
\r\n )\r\n }\r\n return (\r\n \r\n {this.props.Paises.length > 1 &&\r\n
\r\n \r\n \r\n\r\n );\r\n }\r\n }\r\n\r\n ScrollToTop = (ref) => {\r\n ref.current.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n\r\n NoEsFuturo = () => {\r\n let noFuturo = this.props.coleccion.ColeccionTipo !== \"F\";\r\n return noFuturo;\r\n }\r\n\r\n SelectFiltroEdad = (edadSelected) => {\r\n this.setState({ filtroEdad: edadSelected })\r\n }\r\n\r\n Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n background: 'red',\r\n timer: 3000,\r\n })\r\n\r\n\r\n alertaLimiteCredito() {\r\n\r\n this.Toast.fire({\r\n title: \"Excede el limite de crƩdito disponible.\",\r\n icon: 'error'\r\n });\r\n }\r\n\r\n onchangeText(text, productoId, codigoColor, grupoTalla, talla, precio) {\r\n this.props.onSetBloqueo(false);\r\n let borrador = JSON.parse(localStorage.getItem(\"borrador\") || \"{}\");\r\n let tableValue = { ...this.props.TableValue };\r\n const valor = (text.target.validity.valid) ? text.target.value : tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[productoId].Colores[codigoColor].Tallas[talla].Cantidad;\r\n let valorPrevio = tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[productoId].Colores[codigoColor].Tallas[talla];\r\n let totalAcumulado = this.props.TotalPedido - (valorPrevio.Cantidad - valor) * precio;\r\n if (this.props.TipoPedido.Restrictivo) {\r\n if (this.props.AcuerdoVenta) {\r\n if (!(this.props.AcuerdoVenta.Saldo >= totalAcumulado)) {\r\n this.props.onSetBloqueo(true);\r\n this.alertaLimiteCredito();\r\n }\r\n } else {\r\n if (!(this.props.cliente.LimiteCredito >= totalAcumulado)) {\r\n this.alertaLimiteCredito();\r\n }\r\n\r\n\r\n }\r\n }\r\n valorPrevio.Cantidad = valor;\r\n if (tableValue[this.props.LineaSeleccionada.IdLinea][this.props.coleccion.CodigoColeccion][grupoTalla].Productos[productoId].Selected) {\r\n this.props.onSetTotalPedido(totalAcumulado);\r\n borrador.TotalPedido = totalAcumulado;\r\n // this.CrearDetallePedidoOnline(productoId, codigoColor, talla.slice(1) , valor, precio);\r\n }\r\n\r\n borrador.TableValue = tableValue;\r\n localStorage.setItem(\"borrador\", JSON.stringify(borrador));\r\n\r\n this.props.onSetTableValue(tableValue);\r\n }\r\n\r\n AgregarProducto = () => {\r\n var id = 'ProdId' + this.props.producto.ProductoId;\r\n var prods = JSON.parse(localStorage.getItem(id));\r\n var array = this.props.TableValue;\r\n localStorage.setItem(id, JSON.stringify(array));\r\n\r\n\r\n var found = false;\r\n var agregados = this.props.listaProductosAgregados;\r\n\r\n\r\n var contador = this.state.unidadesCarrito;\r\n\r\n agregados.map((agregado) => {\r\n if (this.props.producto.ProductoId === agregado.ProductoId) {\r\n if (agregado.selected) {\r\n found = true;\r\n }\r\n }\r\n return false;\r\n })\r\n\r\n if (found) {\r\n contador = this.state.unidadesCarrito;\r\n prods.map((color, indexC) => {\r\n color.map((talla, indexT) => {\r\n contador -= parseInt((prods[indexC])[indexT]);\r\n return false;\r\n })\r\n return false;\r\n })\r\n\r\n array.map((color, indexC) => {\r\n color.map((talla, indexT) => {\r\n contador += parseInt((array[indexC])[indexT]);\r\n return false;\r\n })\r\n return false;\r\n })\r\n\r\n this.setState({ unidadesCarrito: contador });\r\n }\r\n else {\r\n this.toggleSelectProducto(this.props.producto);\r\n }\r\n\r\n }\r\n}\r\n\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n colecciones: state.colecciones,\r\n producto: state.producto,\r\n coleccion: state.coleccion,\r\n clientes: state.clientes,\r\n cliente: state.cliente,\r\n listaProductosAgregados: state.listaProductosAgregados,\r\n TiposPedido: state.TiposPedido,\r\n TipoPedido: state.TipoPedido,\r\n MaestroLineas: state.MaestroLineas,\r\n LineaSeleccionada: state.LineaSeleccionada,\r\n TableValue: state.TableValue,\r\n PedidoEnCurso: state.PedidoEnCurso,\r\n CodigoColeccionActiva: state.codigoColeccionActiva,\r\n AcuerdoVenta: state.AcuerdoVenta,\r\n TotalPedido: state.TotalPedido,\r\n Limite: state.Limite,\r\n NumeroOrden: state.NumeroOrden,\r\n TiposColeccion: state.TiposColeccion,\r\n clienteContado: state.clienteContado,\r\n flete: state.flete,\r\n requiereEntrega: state.requiereEntrega,\r\n impuesto: state.Impuesto,\r\n Paises: state.Permisos[0].EmpresasUsuarios,\r\n ListaPrecios: state.ListaPrecios,\r\n MonedasGlobal: state.MonedasGlobal,\r\n EmpresaTransporteGlobal: state.EmpresaTransporteGlobal,\r\n PrecioCajasGlobal: state.PrecioCajasGlobal,\r\n ClienteImpuestosGlobal: state.ClienteImpuestosGlobal,\r\n ProductoImpuestosGlobal: state.ProductoImpuestosGlobal,\r\n UsuarioOficina: state.Permisos[0].UsuarioOficina,\r\n BodegaSeleccionada: state.BodegaSeleccionada,\r\n configuracionBaseColor: state.configuracionBaseColor,\r\n direccionEntrega: state.direccionEntrega, \r\n };\r\n};\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onSetProductoLista: (producto) => dispatch({ type: 'SET_PRODUCTOAGREGADO', payload: producto }),\r\n onSetBloqueo: (valor) => dispatch({ type: 'SET_BLOQUEO', payload: valor }),\r\n onStoreColecciones: (colecciones) => dispatch({ type: 'STORE_COLECCIONES', colecciones: colecciones }),\r\n onStoreClientes: (clientes) => dispatch({ type: 'STORE_CLIENTES', clientes: clientes }),\r\n onStoreTipoPedido: (TipoPedido) => dispatch({ type: 'STORE_TIPO_PEDIDO', TipoPedido: TipoPedido }),\r\n onSetProducto: (producto) => dispatch({ type: 'SET_PRODUCTO', producto: producto }),\r\n onSetColeccion: (coleccion) => dispatch({ type: 'SET_COLECCION', coleccion: coleccion }),\r\n onSetCliente: (cliente) => dispatch({ type: 'SET_CLIENTE', cliente: cliente }),\r\n onSetTipoPedido: (tipoPedido, acuerdoVenta) => dispatch({ type: 'SET_PEDIDO', TipoPedido: tipoPedido, AcuerdoVenta: acuerdoVenta }),\r\n onCancelarPedido: () => dispatch({ type: 'CANCELAR_PEDIDO' }),\r\n onReinicarPedido: () => dispatch({ type: 'REINICIAR_PEDIDO' }),\r\n onToggleSelectProducto: (producto) => dispatch({ type: 'TOGGLE_SELECT_PRODUCTO', producto: producto }),\r\n onResetProductosAgreagados: () => dispatch({ type: 'RESET_PRODUCTOS_AGREGADOS' }),\r\n onStoreMaestroLinea: (maestroLineas) => dispatch({ type: 'STORE_MAESTROLINEA', maestroLineas: maestroLineas }),\r\n onSetLineaSeleccionada: (lineaSeleccionada) => dispatch({ type: 'SET_LINEA', LineaSeleccionada: lineaSeleccionada }),\r\n onSetTableValue: (tableValue) => dispatch({ type: 'SET_TABLEVALUE', TableValue: tableValue }),\r\n onSetPedidoEnCurso: (pedidoEnCurso) => dispatch({ type: 'SET_PEDIDOENCURSO', pedidoEnCurso: pedidoEnCurso }),\r\n onSetTotalPedido: (TotalPedido) => dispatch({ type: 'SET_TOTALPEDIDO', TotalPedido: TotalPedido }),\r\n onSetNumeroOrden: (NumeroOrden) => dispatch({ type: 'SET_NUMEROORDEN', NumeroOrden: NumeroOrden }),\r\n onStoreTiposColeccion: (TiposColeccion) => dispatch({ type: 'STORE_TIPOS_COLECCION', TiposColeccion: TiposColeccion }),\r\n onStoreDatosParaPedido: (colecciones, clientes, TiposPedido, maestroLineas) => dispatch(\r\n { type: 'STORE_DATOSPARAPEDIDO', colecciones: colecciones, clientes: clientes, TiposPedido: TiposPedido, maestroLineas: maestroLineas }),\r\n onStoreEmpresasTransporte: (empresas) => dispatch({ type: 'SET_EMPRESASTRANSPORTE', payload: empresas }),\r\n onStorePrecioCajas: (precioCajas) => dispatch({ type: 'SET_PRECIOCAJAS', payload: precioCajas }),\r\n onStoreImpuestoClientes: (impuestos) => dispatch({ type: 'SET_CLIENTEIMPUESTOS', payload: impuestos }),\r\n onStoreImpuestoProductos: (impuestos) => dispatch({ type: 'SET_PRODUCTOIMPUESTOS', payload: impuestos }),\r\n onSaveMonedas: (monedas) => { dispatch({ type: 'SET_MONEDAS', payload: monedas }) },\r\n onSetEmpresasTransporte: (data) => { dispatch({ type: 'SET_EMPRESASTRANSPORTEGLOBAL', payload: data }) },\r\n onStorePrecioCajasGlobal: (precioCajas) => dispatch({ type: 'SET_PRECIOCAJASGLOBAL', payload: precioCajas }),\r\n onStoreImpuestoClientesGlobal: (impuestos) => dispatch({ type: 'SET_CLIENTEIMPUESTOSGLOBAL', payload: impuestos }),\r\n onStoreImpuestoProductosGlobal: (impuestos) => dispatch({ type: 'SET_PRODUCTOIMPUESTOSGLOBAL', payload: impuestos }),\r\n onStoreAbreviacionMonedas: (data) => dispatch({ type: 'SET_ABREVACIONMONEDAS', payload: data }),\r\n onStoreClienteContado: (data) => dispatch({ type: 'SET_CLIENTESCONTADO', payload: data }),\r\n onStoreComunidadAutonoma: (data) => dispatch({ type: 'SET_COMUNIDADAUTONOMA', payload: data }),\r\n onStoreMonedas: (data) => dispatch({ type: 'SET_MONEDASGLOBAL', payload: data }),\r\n onSaveListaPrecios: (precios) => { dispatch({ type: 'SET_LISTAPRECIOS', payload: precios }) },\r\n onSetBodegaSeleccionada: (BodegaSeleccionada) => dispatch({ type: 'SET_BODEGASELECCIONADA', payload: BodegaSeleccionada })\r\n };\r\n};\r\n/* const linkButton = {\r\n background: \"none\",\r\n border: \"none\",\r\n }; */\r\nconst ExpansionPanel = withStyles({\r\n root: {\r\n border: '1px solid rgba(0, 0, 0, .125)',\r\n boxShadow: 'none',\r\n '&:not(:last-child)': {\r\n borderBottom: 0,\r\n },\r\n '&:before': {\r\n display: 'none',\r\n },\r\n '&$expanded': {\r\n margin: 'auto',\r\n },\r\n },\r\n expanded: {},\r\n})(MuiExpansionPanel);\r\n\r\nconst ExpansionPanelSummary = withStyles({\r\n root: {\r\n backgroundColor: 'rgba(255,255,255)',\r\n borderBottom: '1px solid rgba(0, 0, 0, .125)',\r\n marginBottom: -1,\r\n minHeight: 56,\r\n '&$expanded': {\r\n minHeight: 56,\r\n },\r\n },\r\n content: {\r\n '&$expanded': {\r\n margin: '12px 0',\r\n },\r\n },\r\n expanded: {},\r\n})(MuiExpansionPanelSummary);\r\n\r\nconst ExpansionPanelDetails = withStyles(theme => ({\r\n root: {\r\n padding: theme.spacing(2),\r\n },\r\n}))(MuiExpansionPanelDetails);\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Pedidos);","import React, { useState } from 'react';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport styles from 'components/Pedidos/SelectCliente/SelectCliente.module.css';\r\nimport { useSelector } from 'react-redux';\r\nimport { FiAlertTriangle } from 'react-icons/fi';\r\nimport { numberWithCommas } from 'utils/common';\r\nimport { ReservadoDetalleLinea } from 'components/Pedidos/SelectCliente/ReservadoDetalleLinea';\r\n\r\nexport const InformacionGeneral = props => {\r\n const [verPedidoPendientes, setVerPedidoPendientes] = useState(false);\r\n const [detalleColeccion, setDetalleColeccion] = useState([]);\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n let FacturacionEntrega = null;\r\n let DisponibleTotal = 0;\r\n let ValorCreditoTotal = 0;\r\n let CXCTotal = 0;\r\n\r\n if (props.cliente === undefined) {\r\n return \r\n
\r\n }\r\n Filtro por pais
\r\n\r\n {\r\n // eslint-disable-next-line\r\n this.props.Paises.map(pais => {\r\n if (pais.EmpresaId === \"IMHN\") {\r\n let stylePaises = { width: '30px', height: '30px', marginLeft: '25px' };\r\n if (this.state.paisSeleccionado === \"IMHN\") {\r\n stylePaises = { width: '30px', height: '30px', marginLeft: '25px', outline: '5px solid green' }\r\n }\r\n\r\n return 
{ this.seleccionarPais(pais.EmpresaId) }} />\r\n } else if (pais.EmpresaId === \"IMCR\") {\r\n let stylePaises = { width: '30px', height: '30px', marginLeft: '25px' };\r\n if (this.state.paisSeleccionado === \"IMCR\") {\r\n stylePaises = { width: '30px', height: '30px', marginLeft: '25px', outline: '5px solid green' };\r\n }\r\n return 
{ this.seleccionarPais(pais.EmpresaId) }} />\r\n } else if (pais.EmpresaId === \"IMGT\") {\r\n let stylePaises = { width: '30px', height: '30px', marginLeft: '25px' }\r\n if (this.state.paisSeleccionado === \"IMGT\") {\r\n stylePaises = { width: '30px', height: '30px', marginLeft: '25px', outline: '5px solid green' };\r\n }\r\n return 
{ this.seleccionarPais(pais.EmpresaId) }} />\r\n } else if (pais.EmpresaId === \"IMSL\") {\r\n let stylePaises = { width: '30px', height: '30px', marginLeft: '25px' }\r\n if (this.state.paisSeleccionado === \"IMSL\") {\r\n stylePaises = { width: '30px', height: '30px', marginLeft: '25px', outline: '5px solid green' };\r\n }\r\n return 
{ this.seleccionarPais(pais.EmpresaId) }} />\r\n }\r\n })}\r\n
\r\n Seleccione un cliente
\r\n }\r\n\r\n const mensajeError = () => {\r\n if (props.cliente !== null) {\r\n if (props.cliente.FacturacionEntrega === \"Factura\") return \"El cliente actualmente se encuentra deshabilitado por mora.\";\r\n if (props.cliente.FacturacionEntrega === \"Todo\") return \"El cliente actualmente se encuentra bloqueado.\";\r\n }\r\n }\r\n\r\n const reservadoCliente = () => {\r\n if (props.cliente.ReservadoClientePorLinea && props.cliente.ReservadoClientePorLinea.length === 0) {\r\n returnNo hay valores reservados.
\r\n }\r\n\r\n var abreviacion = Monedas.find(e => e.IdMoneda === props.cliente.Moneda).Abreviacion;\r\n\r\n return (\r\n <>\r\nPendiente FacturaciĆ³n
\r\n \r\n| ColecciĆ³n | \r\nMonto | \r\nUnidades | \r\nAcciones | \r\n
|---|---|---|---|
| {reservado.Linea} | \r\n{numberWithCommas(reservado.MontoPendiente)} | \r\n{numberWithCommas(reservado.UnidadesPendientes)} | \r\n\r\n |
| Total Reservado | \r\n{abreviacion} {numberWithCommas(props.cliente.ReservadoClientePorLinea.reduce((prev, curr) => prev + curr.MontoPendiente, 0))} | \r\n{numberWithCommas(props.cliente.ReservadoClientePorLinea.reduce((prev, curr) => prev + curr.UnidadesPendientes, 0))} | \r\n|
| VALORES DE LOS PEDIDOS NO INCLUYEN ISV. | \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 InformaciĆ³n General
\r\n \r\n| \r\n {'Codigo: '}\r\n | \r\n\r\n {props.cliente.Codigo}\r\n | \r\n
| \r\n {'Nombre:'}\r\n | \r\n\r\n {props.cliente.Nombre}\r\n | \r\n
| \r\n {'Conocido como:'}\r\n | \r\n\r\n {props.cliente.Alias}\r\n | \r\n
| \r\n {'Bloqueo Crediticio: '}\r\n | \r\n\r\n {props.cliente.FacturacionEntrega} | \r\n
| \r\n {'Grupo Precios: '}\r\n | \r\n\r\n {`${props.cliente.GrupoPrecio} - ${props.cliente.NombreGrupoPrecio}`} | \r\n
| \r\n {'Departamento: '}\r\n | \r\n\r\n {props.cliente.Departamento}\r\n | \r\n
| \r\n {'Ciudad: '}\r\n | \r\n\r\n {props.cliente.Ciudad}\r\n | \r\n
| \r\n {'Direccion: '}\r\n | \r\n\r\n {props.cliente.Direccion} | \r\n
\r\n {FacturacionEntrega}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n InformaciĆ³n Crediticia
\r\n \r\n| \r\n Tipo\r\n | \r\n\r\n Valor Credito\r\n | \r\n\r\n Saldo CxC\r\n | \r\n\r\n Disponible\r\n | \r\n
|---|---|---|---|
| {credito.Tipo} | \r\n0 ? 'green' : 'red' }}>{credito.Valor ? numberWithCommas(credito.Valor) : 0} | \r\n{credito.SaldoTotal ? numberWithCommas(credito.SaldoTotal) : 0} | \r\n0 ? 'green' : 'red' }}>{credito.Disponible ? numberWithCommas(credito.Disponible) : 0} | \r\n
| {Total} | \r\n0 ? 'green' : 'red' }}>{Monedas.find(e => e.IdMoneda === props.cliente.Moneda).Abreviacion} {numberWithCommas(ValorCreditoTotal)} | \r\n{Monedas.find(e => e.IdMoneda === props.cliente.Moneda).Abreviacion} {numberWithCommas(CXCTotal)} | \r\n0 ? 'green' : 'red' }}>{Monedas.find(e => e.IdMoneda === props.cliente.Moneda).Abreviacion} {numberWithCommas(DisponibleTotal)} | \r\n
\r\n {reservadoCliente()}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Recolocar Pedido\r\n
\r\n\r\n
\r\n
\r\n \r\n handleOnChange(value)}\r\n options={obtenerClientes()}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n style={{ zIndex: 999 }}\r\n multiple={false}\r\n value={value}\r\n />\r\n
\r\n \r\n continuarDevolucion(value)}\r\n variant=\"contained\"\r\n color=\"primary\">\r\n Continuar\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n Precio: {props.precio.toFixed(2)}\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.codigoProducto}\r\n
\r\n {props.producto.NombreProducto}
\r\n \r\n { setExpandir(!expandir) }}>\r\n \r\n \r\n {expandir &&\r\n \r\n \r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport {\r\n Card,\r\n CardContent,\r\n} from '@material-ui/core';\r\nimport axios from 'axios';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { mostrarModal } from 'utils/common';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport Button from '@material-ui/core/Button';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\nimport { Loading } from 'components/Global/Loading';\r\nimport SignatureCanvas from 'react-signature-canvas';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport { ExpandableRecolocacion } from './ExpandableRecolocacion';\r\nimport styles from 'components/Pedidos/MatrizResumen/MatrizResumenExpandable.module.css';\r\nimport { ObtenerCoordenadas } from 'utils/common';\r\nimport { verificarConexion } from 'utils/http';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { post, postPedidoStorage } from 'utils/http';\r\n\r\nexport const Recolocacion = (props) => {\r\n let fechaInicioEntrega = moment().toDate();\r\n let fechaMinimaEntrega = moment().toDate();\r\n\r\n const [firma, setFirma] = useState(null);\r\n const [rma, setRma] = useState(\"\");\r\n const [open, setOpen] = useState(false);\r\n const [title, setTitle] = useState(\"\");\r\n // eslint-disable-next-line\r\n const [ErrorFirma, setErrorFirma] = useState(true);\r\n const [mostrarFirma, setMostrarFirma] = useState(false);\r\n // eslint-disable-next-line\r\n const [ErrorFecha, setErrorFecha] = useState(false);\r\n const [FechaEntrega, setFechaEntrega] = useState(fechaInicioEntrega);\r\n const [loading, setLoading] = useState(false);\r\n const [tipoCredito, setTipoCredito] = useState(null);\r\n\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n const ColeccionRecolocacion = useSelector(e => e.TrasladoPedido.coleccion);\r\n const clienteImpuestos = useSelector(e => e.TrasladoPedido.ClienteImpuestosRecolocacion);\r\n let tableValue = useSelector(e => e.TrasladoPedido.TableValue);\r\n const productoImpuestos = useSelector(e => e.TrasladoPedido.ProductoImpuestosRecolocacion);\r\n const clienteSeleccionado = useSelector(e => e.TrasladoPedido.clienteSeleccionado);\r\n const tiposPedido = useSelector(e => e.TiposPedido);\r\n const bodegaMaestro = useSelector(e => e.MaestroBodegaAlmacenes);\r\n const dispatch = useDispatch();\r\n\r\n let unidadesTotales = 0;\r\n let totalCant = 0;\r\n let totalGlobal = 0.00;\r\n let impuesto = 0;\r\n let productosSinCantidad = false;\r\n let sigPad = {};\r\n\r\n const bodegaLocal = bodegaMaestro.find(x => x.EmpresaId === clienteSeleccionado.EmpresaId && x.Estatus === true);\r\n const bodega = bodegaMaestro.find(x => x.BodegaPrincipal === true && x.Estatus === true);\r\n const clienteImpuesto = clienteImpuestos.find(x => x.GRUPO === clienteSeleccionado.GrupoImpuesto);\r\n const moneda = Monedas.find(e => e.IdMoneda === clienteSeleccionado.Moneda).Abreviacion;\r\n\r\n const numberWithCommasNoDec = (x) => {\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n }\r\n\r\n const numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n }\r\n\r\n const onAcceptDate = (date) => {\r\n setErrorFecha(false);\r\n }\r\n\r\n const onChangeDate = (date) => {\r\n setFechaEntrega(date);\r\n }\r\n\r\n const closeDialogFirma = () => {\r\n if (sigPad.isEmpty()) {\r\n setMostrarFirma(false);\r\n setFirma(null);\r\n props.guardarFirma(null);\r\n setErrorFirma(true);\r\n }\r\n else {\r\n setMostrarFirma(false);\r\n setFirma(sigPad.getCanvas().toDataURL('image/png'));\r\n //props.guardarFirma(sigPad.getCanvas().toDataURL('image/png'));\r\n setErrorFirma(false);\r\n }\r\n }\r\n const clearFirma = () => {\r\n sigPad.clear();\r\n }\r\n\r\n const obtenerProductoRma = async () => {\r\n try {\r\n if (rma !== \"\") {\r\n setTitle(\"Obteniendo productos de la devoluciĆ³n\");\r\n setOpen(true);\r\n const grupoPrecio = clienteSeleccionado.GrupoPrecio;\r\n const data = await axios.get(`${APIURL}/api/trasladopedido/obtenerproductos/${rma}/${clienteSeleccionado.EmpresaId}`);\r\n const coleccion = await axios.get(`${APIURL}/api/trasladopedido/getcoleccioneById/${data.data.coleccionId}`);\r\n dispatch({ type: \"SET_COLECCIONRECOLOCACION\", payload: coleccion.data });\r\n\r\n if (data.data.productos.length === 0) {\r\n mostrarModal('RecolocaciĆ³n', 'La devoluciĆ³n ya no tiene inventario para recolocar.', \"error\");\r\n setOpen(false);\r\n return;\r\n }\r\n\r\n let codigoProductos = [...new Set(data.data.productos.map(x => x.codigoProducto))];\r\n let productosResult = [];\r\n\r\n for (let codigo of codigoProductos) {\r\n let products = data.data.productos.filter(x => x.codigoProducto === codigo);\r\n let colores = [...new Set(products.map(x => x.color))];\r\n let tallas = [...new Set(products.map(x => x.talla))];\r\n let nuevosProductos = await axios.get(`${APIURL}/api/trasladopedido/getProducto/${codigo}/${grupoPrecio}/${data.data.coleccionId}`, { params: { colores, tallas } });\r\n productosResult.push(nuevosProductos.data)\r\n }\r\n\r\n agregarDevolucionCompleta(productosResult, data.data);\r\n\r\n setOpen(false);\r\n }\r\n else {\r\n mostrarModal('RecolocaciĆ³n', 'Debe llenar el campo del RMA para poder realizar esta acciĆ³n.', \"error\");\r\n }\r\n } catch (err) {\r\n setOpen(false);\r\n let mensaje = \"Ocurrio un error y no se pudo obtener los productos de la devoluciĆ³n.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n type: 'error',\r\n title: 'Error',\r\n text: mensaje,\r\n });\r\n }\r\n }\r\n\r\n const dataTipoCredito = () => {\r\n return tiposPedido.filter(x => x.Aplica_Todos).map(tipoPedido => ({ key: tipoPedido.TipoPedido, value: tipoPedido.TipoPedido, text: tipoPedido.TipoPedido }));\r\n }\r\n\r\n const agregarDevolucionCompleta = (productos, productosAPI) => {\r\n let miTableValue = {};\r\n const productosDevolver = productosAPI.productos;\r\n for (const producto of productos) {\r\n\r\n const productoDevolver = productosDevolver.filter(x => x.codigoProducto === producto.ProductoId);\r\n\r\n if (miTableValue[producto.GrupoTalla] === undefined) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n }\r\n\r\n if (Object.keys(miTableValue[producto.GrupoTalla]).length === 0) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n miTableValue[producto.GrupoTalla].Productos = {};\r\n miTableValue[producto.GrupoTalla].ListaTallas = producto.ListaTalla;\r\n }\r\n\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] === undefined) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Id = producto.CodigoProducto;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].ListaTallas = producto.ListaTalla\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].NombreProducto = producto.NombreProducto;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].GrupoImpuesto = producto.GrupoImpuesto;\r\n\r\n for (const color of producto.ListaColores) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].NombreColor = color.NombreColor;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Color = color.Color;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].CodigoColor = color.CodigoColor;\r\n\r\n for (const talla of producto.ListaTalla) {\r\n let precio = 0;\r\n const productoValores = productoDevolver.find(x => x.color === color.CodigoColor && x.talla.toUpperCase() === talla.Talla);\r\n\r\n if (producto.fisicaDisponible.length !== 0) {\r\n if (productoValores) {\r\n const fisicoDisponible = producto.fisicaDisponible.find(x => x.IdTalla.toUpperCase() === productoValores.talla.toUpperCase() && productoValores.color.toUpperCase() === x.CodigoColor.toUpperCase());\r\n if (fisicoDisponible) {\r\n if (fisicoDisponible.PreciosEspecificos.length > 0) {\r\n precio = fisicoDisponible.PreciosEspecificos[0].Precio;\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n if (precio === 0) {\r\n if (producto.Precio.length > 0) {\r\n precio = producto.Precio[0].Precio;\r\n }\r\n }\r\n\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = productoValores ? productoValores.cantidad : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = productoValores ? productoValores.cantidad : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Precio = precio;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].PrecioGeneral = precio;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Talla = talla.Talla;\r\n }\r\n }\r\n }\r\n }\r\n\r\n dispatch({ type: \"SET_TABLEVALUERECOLOCACION\", payload: miTableValue });\r\n }\r\n\r\n const calcularTipoVenta = () => {\r\n let isMora = !(clienteSeleccionado.FacturacionEntrega === 'No' || clienteSeleccionado.FacturacionEntrega === 'Nunca');\r\n if (isMora) {\r\n return 0;\r\n }\r\n if (ColeccionRecolocacion.coleccionTipo === 'B') {\r\n if (clienteSeleccionado.CuentaCorriente === null || clienteSeleccionado.CuentaCorriente.length === 0) {\r\n return 0;\r\n }\r\n }\r\n return 3;\r\n }\r\n\r\n useEffect(() => {\r\n const obtenerUltimoCorrelativo = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/PedidosXCliente/correlativo/${localStorage.getItem('empresa')}`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n localStorage.setItem(\"CorrelativoPedido\", request.data)\r\n }\r\n catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n obtenerUltimoCorrelativo();\r\n }, []);\r\n\r\n const recolocarPedido = () => {\r\n ObtenerCoordenadas((position) => {\r\n enviarRecolocacion({\r\n longitude: position.coords.longitude,\r\n latitude: position.coords.latitude\r\n })\r\n }, (error) => {\r\n enviarRecolocacion(null);\r\n });\r\n }\r\n\r\n const enviarRecolocacion = async (location) => {\r\n\r\n if (firma === null || firma === \"\") {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Por favor ingrese la firma.\",\r\n });\r\n }\r\n else if (tipoCredito === null || tipoCredito === \"\") {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Por favor seleccione un tipo de crĆ©dito.\",\r\n });\r\n } else {\r\n setLoading(true);\r\n let codigoColeccion = ColeccionRecolocacion.codigoColeccion;\r\n\r\n if(ColeccionRecolocacion.linea === null){\r\n Swal.fire({\r\n type: 'error',\r\n title: 'Error',\r\n text: \"Linea coleccion no encontrada.\",\r\n });\r\n setLoading(false);\r\n return\r\n }\r\n\r\n if (localStorage.getItem('empresa') !== \"IMHN\") {\r\n codigoColeccion = `B${ColeccionRecolocacion.linea}`;\r\n }\r\n\r\n\r\n let nuevoSubtotal = clienteSeleccionado.IncluyeImpuesto ? totalGlobal - Number(localStorage.getItem('Impuesto')) : totalGlobal;\r\n let pedido = {\r\n NumeroReferencia: localStorage.getItem(\"CorrelativoPedido\"),\r\n PedidoCache: localStorage.getItem(\"isOffline\"),\r\n PedidoId: 100 + (Math.random() * (10000 - 100)),\r\n CodigoCliente: clienteSeleccionado.Codigo,\r\n Nombre: clienteSeleccionado.Nombre,\r\n Firma: firma,\r\n FechaEntrega: FechaEntrega,\r\n AcuerdoVenta: null,\r\n location: location,\r\n EmpresaUsuario: localStorage.getItem('empresa'),\r\n Linea: ColeccionRecolocacion.linea,\r\n CodigoColeccion: codigoColeccion,\r\n DetallePedido: [],\r\n TipoPedido: tipoCredito,\r\n TipoVenta: calcularTipoVenta(),\r\n ClienteContadoId: null,\r\n ModoVenta: (tipoCredito === 'Contado') ? 'Contado' : 'Credito',\r\n Flete: 0,\r\n RequiereEntrega: false,\r\n Impuesto: Number(localStorage.getItem('Impuesto')),\r\n subtotal: nuevoSubtotal,\r\n Direccion: clienteSeleccionado.Direccion,\r\n MonedaCliente: clienteSeleccionado.Moneda,\r\n BodegaEspecifica: bodegaLocal.EmpresaId !== 'IMHN',\r\n Sitio: bodegaLocal.CodigoSitio,\r\n Almacen: bodegaLocal.Almacen\r\n };\r\n\r\n Object.keys(tableValue).forEach((grupoTalla, index) => {\r\n let productos = Object.keys(tableValue[grupoTalla].Productos);\r\n productos.forEach((codigoProducto, index1) => {\r\n let producto = tableValue[grupoTalla].Productos[codigoProducto];\r\n\r\n Object.keys(producto.Colores).forEach((codigoColor) => {\r\n let color = producto.Colores[codigoColor];\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n let valorTalla = color.Tallas[codigoTalla];\r\n\r\n let precio = { Precio: (valorTalla.Precio ? valorTalla.Precio : 0) };\r\n let cantidadXTalla = (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10));\r\n\r\n if (precio.Precio !== 0 && cantidadXTalla !== 0) {\r\n let detalle = {\r\n IdProducto: producto.Id,\r\n CodigoProducto: codigoProducto,\r\n NombreProducto: producto.NombreProducto,\r\n CodigoColor: color.CodigoColor,\r\n NombreColor: color.NombreColor,\r\n Cantidad: cantidadXTalla,\r\n Unidad: \"Und\",\r\n PrecioUnitario: precio.Precio,\r\n Talla: valorTalla.Talla,\r\n CodigoColeccion: codigoColeccion,\r\n PorcentajeDescuento: \"\",\r\n }\r\n\r\n pedido.DetallePedido.push(detalle);\r\n }\r\n\r\n });\r\n });\r\n\r\n })\r\n })\r\n\r\n if (pedido.DetallePedido.length === 0) {\r\n mostrarModal('RecolocaciĆ³n', 'No puede generar recolocaciĆ³n con productos sin precio.', \"error\");\r\n return;\r\n }\r\n\r\n const isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\") === \"offline\" || pedido.NumeroReferencia === \"\") {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Actualmente no dispone de internet el pedido se guardara en cache.\",\r\n });\r\n\r\n postPedidoStorage(pedido);\r\n setLoading(false);\r\n } else {\r\n const { data, error } = await post(APIURL + \"/api/PedidosXCliente\", pedido, \"SET_PEDIDOSINCRONIZAR\");\r\n\r\n if (error) {\r\n if (error.response) {\r\n let mensaje = error.response.data.Message;\r\n Swal.fire({\r\n type: 'error',\r\n title: 'Error',\r\n text: mensaje,\r\n });\r\n }\r\n\r\n setLoading(false);\r\n } else {\r\n if (!data) {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Actualmente no dispone de internet el pedido se guardara en cache.\",\r\n });\r\n\r\n postPedidoStorage(pedido);\r\n setLoading(false);\r\n return;\r\n }\r\n\r\n const { mensaje } = data;\r\n\r\n if (mensaje) {\r\n if (mensaje.includes(\"flotante\")) {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: mensaje,\r\n confirmButtonColor: '#3085d6',\r\n confirmButtonText: 'Continuar',\r\n }).then((result) => {\r\n if (result.value)\r\n imprimirPedido()\r\n })\r\n }\r\n\r\n if (mensaje.includes(\"exito\")) {\r\n Swal.fire({\r\n type: 'success',\r\n title: 'Exito',\r\n text: mensaje,\r\n confirmButtonColor: '#3085d6',\r\n confirmButtonText: 'Continuar',\r\n }).then((result) => {\r\n if (result.value)\r\n imprimirPedido()\r\n })\r\n }\r\n setLoading(false);\r\n }\r\n else {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: \"Actualmente no dispone de internet el pedido se guardara en cache.\",\r\n });\r\n setLoading(false);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n const imprimirPedido = async () => {\r\n setTitle(\"Generando Reporte\");\r\n setOpen(true);\r\n const request = await axios.get(APIURL + \"/api/trasladopedido/getpedido/\" + localStorage.getItem(\"CorrelativoPedido\"));\r\n dispatch({ type: \"SET_PEDIDORECOLOCACION\", payload: request.data });\r\n setOpen(false);\r\n props.history.push(\"/recolocacion-pedido/ImprimirRecolocacionPedido\");\r\n }\r\n\r\n const obtenerTotales = producto => {\r\n let totales = { totalCantidad: 0 };\r\n\r\n Object.keys(producto.Colores).forEach((codigoColor) => {\r\n let color = producto.Colores[codigoColor];\r\n var totalXColor = 0;\r\n\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n var valorTalla = color.Tallas[codigoTalla];\r\n totalXColor = parseInt(totalXColor, 10) + (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10));\r\n })\r\n totales.totalCantidad += totalXColor;\r\n })\r\n return totales;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n {producto.NombreProducto} \r\n
\r\n \r\n {codigoProducto} \r\n
\r\n \r\n \r\n Unidades:\r\n \r\n {totalCantidad}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n }\r\n | \r\n Color\r\n | \r\n {tallas.map((talla, index) => {\r\n return (\r\n\r\n\r\n \r\n \r\n {talla.Talla} \r\n | \r\n )\r\n })}\r\n Cantidad | \r\nTotal | \r\n
|---|
\r\n
\r\n {(Object.keys(tableValue).length > 0) &&\r\n <>\r\n RecolocaciĆ³n de devoluciĆ³n
\r\n\r\n
\r\n
\r\n \r\n { setRma(e.target.value) }} />\r\n
\r\n \r\n
\r\n { setTipoCredito(value) }}\r\n options={dataTipoCredito()}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n style={{ zIndex: 999 }}\r\n multiple={false}\r\n />\r\n
\r\n\r\n \r\n \r\n {moment(new Date(ColeccionRecolocacion.ventaFinal)).isBefore(moment(new Date())) && bodegaLocal.EmpresaId === 'IMHN'\r\n &&
La venta final del paquete {ColeccionRecolocacion.codigoColeccion} fue {moment(new Date(ColeccionRecolocacion.ventaFinal)).format(\"DD/MM/YYYY\")}
}\r\n\r\n
\r\n
\r\n \r\n InformaciĆ³n cliente traslado
\r\n\r\n
\r\n Codigo: {clienteSeleccionado.Codigo}
\r\nNombre: {clienteSeleccionado.Nombre}
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n (firma !== null) &&\r\n
\r\n \r\n\r\n
\r\n }\r\n\r\n {\r\n (!(firma !== null)) && \r\n }\r\n \r\n Firma:\r\n
\r\n \r\n setMostrarFirma(true)}\r\n style={{\r\n width: '350px',\r\n height: '200px',\r\n }} />\r\n
\r\n\r\n \r\n (e.day() === 0)}\r\n onAccept={(date) => onAcceptDate(date)}\r\n value={FechaEntrega}\r\n minDate={fechaMinimaEntrega}\r\n maxDate={moment('2100-01-01').toDate()}\r\n onChange={(date) => onChangeDate(date)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Unidades:\r\n
\r\n \r\n {numberWithCommasNoDec(totalCant)}\r\n
\r\n \r\n
\r\n \r\n Subtotal:\r\n
\r\n \r\n {moneda} {numberWithCommas(totalGlobal)}\r\n
\r\n \r\n
\r\n \r\n ISV:\r\n
\r\n \r\n {moneda} {numberWithCommas(impuesto)}\r\n
\r\n \r\n
\r\n \r\n Total:\r\n
\r\n \r\n {moneda} {numberWithCommas(totalGlobal + impuesto)}\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n { sigPad = ref }} />\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n }>\r\n Imprimir\r\n \r\n }\r\n content={() => componentRef.current}\r\n />\r\n \r\n
\r\n \r\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 numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nexport default ImprimirRecolocacionPedido;","import React from 'react';\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport ClienteSelected from \"components/RecolocacionPedido/SelectCliente/SelectCliente\";\r\nimport { Recolocacion } from 'components/RecolocacionPedido/Recolocacion';\r\nimport { ImprimirRecolocacionPedido } from 'components/RecolocacionPedido/ImprimirRecolocacionPedido';\r\n\r\nexport const RecolocacionPedido = (props) => {\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 {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n
\r\n\r\n {TrasladoPedido.gruposXDetPed.map((grupoTalla, index1) => {\r\n let cantidad = 3;\r\n let IsDist = false;\r\n let CantDist = 0;\r\n let Distribuciones = [];\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {NombreCliente}
\r\n\r\n DirecciĆ³n : {clienteSeleccionado.Direccion}
\r\n CĆ³digo : {clienteSeleccionado.Codigo}
\r\n
\r\n
\r\n \r\n
\r\n Pedido {TrasladoPedido.PedidoId}
\r\n\r\n Fecha del pedido : {moment(TrasladoPedido.FechaActual).format('DD/MM/YYYY hh:mm a')}
\r\n Entrega Sugerida : {moment(TrasladoPedido.FechaEntrega).format('DD/MM/YYYY hh:mm a')}
\r\n Asesor: {TrasladoPedido.Usuario}
\r\n Modo Venta: {TrasladoPedido.ModoVenta}
\r\n Coleccion: {TrasladoPedido.CodigoColeccion + \"-\" + TrasladoPedido.NombreColeccion}
\r\n
| \r\n | \r\n {grupoTalla.ListaTalla.map((talla, index2) => {\r\n Distribuciones = Tallas(talla);\r\n cantidad++;\r\n return (\r\n <>\r\n {\r\n talla.Distribucion.length !== 0 && grupoTalla.ListaTalla.length === index2 + 1 &&\r\n Distribuciones.map((dist, index3) => {\r\n IsDist = true;\r\n cantidad++;\r\n return (\r\n\r\n {\r\n {dist.NombreTalla} \r\n }\r\n | \r\n )\r\n })\r\n }\r\n {\r\n talla.Distribucion.length === 0 &&\r\n \r\n {\r\n {talla.Talla} \r\n }\r\n | \r\n }\r\n \r\n )\r\n })}\r\n Cant | \r\nTotal | \r\n
|---|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {producto.CodigoProducto}\r\n \r\n {producto.NombreProducto} \r\n | \r\n ||||
| \r\n \r\n {\"Precio\"}\r\n \r\n {color.NombreColor}\r\n | \r\n {detalles.map((det, index4) => {\r\n IsDist = det !== null ? checkDist(det.TallaObject) : IsDist;\r\n return (\r\n <>\r\n {\r\n IsDist === true && det !== null &&\r\n det.TallaObject.Distribucion.map((dist, index) => {\r\n CantDist = det.TallaObject.Distribucion.reduce((acc, curr) => { return acc + Number(curr.Cantidad) }, 0);;\r\n\r\n TotalXTalla = dist.Cantidad * det.Cantidad;\r\n TotalXProducto += TotalXTalla;\r\n TotalUnidad += TotalXTalla;\r\n let cant = 0;\r\n if (color.DetallesXPedido.length === 1) {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n else {\r\n if (arreglo.length > 0) {\r\n const listaTallas = arreglo.filter(x => x.NombreTalla === dist.NombreTalla);\r\n if (detalles.length === (index4 + 1)) {\r\n if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n }\r\n else {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n }\r\n else if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n return false;\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n return (\r\n \r\n \r\n {det ? det.PrecioUnitario / CantDist : \"--\"}\r\n \r\n \r\n | \r\n )\r\n })\r\n }\r\n {\r\n IsDist === false &&\r\n \r\n \r\n {det ? det.PrecioUnitario : \"--\"}\r\n \r\n \r\n | \r\n }\r\n \r\n )\r\n })}\r\n {TotalXProducto !== 0 ? TotalXProducto : color.CantidadXColor} | \r\n\r\n{numberWithCommas(color.TotalXColor)} | \r\n
\r\n\r\n
\r\n\r\n {/* \r\n
\r\n \r\n {\r\n TrasladoPedido.Firma === null ?\r\n :\r\n 
\r\n }\r\n\r\n
\r\n\r\n \r\n \r\n Firma\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n \r\n {TotalUnidad !== 0 ? TotalUnidad : TrasladoPedido.TotalUnidades}\r\n
\r\n \r\n
\r\n\r\n \r\n Subtotal:\r\n
\r\n\r\n \r\n {numberWithCommas(TrasladoPedido.SubTotalXPedido)}\r\n
\r\n \r\n
\r\n\r\n \r\n Impuesto:\r\n
\r\n\r\n \r\n {numberWithCommas((TrasladoPedido.Impuesto))}\r\n
\r\n \r\n
\r\n \r\n Total:\r\n
\r\n\r\n \r\n {moneda}{numberWithCommas((TrasladoPedido.TotalXPedido))}\r\n
\r\n \r\n
\r\n\r\n NOTA:
\r\n Se notificarĆ” cuando ya se entreguen los productos en la fecha sugerida indicada.
\r\n \r\n
*/}\r\n\r\n
Gracias!\r\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 TablaAsignaciones = props => {\r\n const style = { textAlign: 'center' }\r\n return (\r\n Cargar inventario
\r\n\r\n
\r\n\r\n Cargar inventario\r\n \r\n
\r\n }\r\n\r\n \r\n
| # | \r\nCod.Barra | \r\n
|---|---|
| {i + 1} | \r\n{x.CodBarra} | \r\n
Total unidades: {numberWithCommasNoDec(inventario.reduce((total, linea) => total + linea.Cantidad, 0))}
\r\n \r\n );\r\n}\r\n\r\nexport default PieChart;//6ECF83,66CC8D","import React, { useState, useEffect } from 'react';\r\nimport Card from '@material-ui/core/Card';\r\nimport axios from 'axios'\r\nimport { APIURL, APP_VERSION } from 'utils/Enviroment'\r\nimport { useSelector } from 'react-redux';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport PieChart from 'components/Inventario/PieChart';\r\nimport { mostrarAlerta, numberWithCommasNoDec } from 'utils/common';\r\nimport moment from 'moment';\r\nimport 'moment/locale/es';\r\n\r\nexport const InventarioAnterior = props => {\r\n const [inventario, setInventario] = useState([]);\r\n const anterior = useSelector(e => e.Anterior);\r\n\r\n useEffect(() => {\r\n obtenerInventarioCliente(props.cliente.Codigo);\r\n }, [props.cliente]);\r\n\r\n if (props.cliente === undefined) {\r\n return Seleccione un cliente
\r\n }\r\n\r\n const obtenerInventarioCliente = async (cliente) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/ultimoInventario/${cliente}`);\r\n setInventario(request.data);\r\n } catch (err) {\r\n let mensaje = \"No se pudo obtener los registros.\";\r\n let error = \"FCPI01\";\r\n\r\n if (err.response.data) {\r\n mensaje = err.response.data.Message;\r\n error = err.response.data.ErrorCode;\r\n }\r\n\r\n mostrarAlerta(\"Error \" + error, mensaje, \"error\");\r\n }\r\n }\r\n return (\r\n\r\n
\r\n \r\n
\r\n CREADO: {moment(inventario[0].fechaCrea).format(\"DD-MM-YYYY\")}
\r\n \r\n
\r\n {anterior ? \"MODIFICADO:\" : \"FINALIZADO:\"} {moment(inventario[0].fechaModificado).format(\"DD-MM-YYYY\")}
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {inventario[0].IdLinea}\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(inventario[0].Cantidad)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n {inventario[1].IdLinea}\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(inventario[1].Cantidad)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n {inventario[2].IdLinea}\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(inventario[2].Cantidad)}
\r\n UNIDADES
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {inventario[3].IdLinea}\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(inventario[3].Cantidad)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n {inventario[4].IdLinea}\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(inventario[4].Cantidad)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n NO ENCONTRADOS\r\n
\r\n \r\n
\r\n {inventario.length > 5 ? numberWithCommasNoDec(inventario[5].Cantidad) : 0}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n sincronizarInventario()}\r\n variant=\"contained\"\r\n color=\"secondary\">\r\n Sincronizar Inventario\r\n }\r\n
\r\n NĆŗmero Inventario: {info.NumInventario}
\r\n {info.NoProcesados > 0 && \r\n
\r\n
\r\n \r\n
\r\n \r\n Procesados\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(info.Procesados)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n No procesados\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(info.NoProcesados)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n Encontrados\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(info.Encontrados)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n No encontrados\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(info.NoEncontrados)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n Total productos\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(info.TotalCodigos)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n Total codigos\r\n
\r\n \r\n
\r\n {numberWithCommasNoDec(info.CodigosBarrasAgrupados)}
\r\n UNIDADES
\r\n \r\n
\r\n \r\n
\r\n {!permisoEliminarInventario() && (\r\n \r\n
\r\n
\r\n Tomar Inventario
\r\n\r\n
\r\n
\r\n )}\r\n {permisoEliminarInventario() && (\r\n \r\n handleOnChange(value)}\r\n options={obtenerClientes()}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n style={{ zIndex: 999 }}\r\n multiple={false}\r\n value={value}\r\n />\r\n
\r\n \r\n {!invAnterior ? (\r\n continuarInventrio(value)}\r\n variant=\"contained\"\r\n color=\"primary\">\r\n Nuevo\r\n \r\n ) : (\r\n continuarInventrio(value)}\r\n variant=\"contained\"\r\n color=\"secondary\">\r\n Continuar\r\n \r\n )}\r\n
\r\n \r\n handleOnChangeAsesor(value)}\r\n options={asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n handleFechaInicio(date)}\r\n />\r\n {!(pendienteProcesar.length > 0) && (\r\n setShowDialog(true)}\r\n variant=\"contained\"\r\n color=\"secondary\">\r\n Cargar Inventario\r\n \r\n )}\r\n
\r\n )}\r\n \r\n handleOnChange(value)}\r\n options={obtenerClientes()}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n style={{ zIndex: 999 }}\r\n multiple={false}\r\n value={value}\r\n />\r\n
\r\n \r\n
\r\n )}\r\n {value && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ClienteSelected;","import React, { useRef } from 'react';\r\nimport ReactToPrint from 'react-to-print';\r\nimport Button from '@material-ui/core/Button';\r\nimport makeStyles from '@material-ui/core/styles/makeStyles';\r\nimport { useSelector } from 'react-redux';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport { FiArrowRightCircle, FiPlusCircle } from \"react-icons/fi\";\r\nimport { FaPrint } from \"react-icons/fa\";\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\n\r\nexport const ImprimirInventario = props => {\r\n const { Cliente, tableValue, ValoresPedido, Finalizar } = props;\r\n const componentRef = useRef();\r\n const empresas = useSelector(e => e.Empresas);\r\n const empresa = empresas.find(x => x.COMPANY_CODE === Cliente.EmpresaId);\r\n const gruposTalla = Object.keys(tableValue);\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n button: {\r\n marginLeft: theme.spacing(2),\r\n },\r\n }));\r\n\r\n let TotalUnidades = 0;\r\n const classes = useStyles();\r\n\r\n let CantDist = 0;\r\n const getTableGroup = (productos, tallas, grupoTalla, index) => {\r\n let grupoTabla = { total: 0, tabla: null };\r\n grupoTabla.tabla = (\r\n | \r\n\r\n | \r\n {tallas.map((talla, index2) => {\r\n return (\r\n <>\r\n\r\n {talla.Talla}\r\n | \r\n \r\n )\r\n })}\r\nCant | \r\n
|---|
\r\n
\r\n \r\n --\r\n
\r\n \r\n 0\r\n
\r\n \r\n
\r\n \r\n {valorTalla.Cantidad !== \"\" ? valorTalla.Cantidad : 0}\r\n
\r\n \r\n
\r\n )\r\n}","import React from 'react';\r\n\r\nexport const CeldaTallaInventario = (props) => {\r\n const handleChange = (text, codigoProducto, codigoColor, grupoTalla, codigoTalla) => {\r\n props.onChange(text, codigoProducto, codigoColor, grupoTalla, codigoTalla);\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n }>\r\n Imprimir\r\n \r\n }\r\n content={() => componentRef.current}\r\n />\r\n }>\r\n Realizar nuevo inventario\r\n \r\n }>\r\n Finalizar\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n
\r\n {\r\n gruposTalla.map((grupoTalla, index) => {\r\n const productos = Object.keys(props.tableValue[grupoTalla].Productos);\r\n const tallas = props.tableValue[grupoTalla].ListaTallas;\r\n let result = getTableGroup(productos, tallas, grupoTalla, index);\r\n return result.tabla;\r\n })\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {Cliente.Nombre}
\r\n\r\n DirecciĆ³n : {Cliente.Direccion}
\r\n CĆ³digo : {Cliente.Codigo}
\r\n
\r\n
\r\n \r\n
\r\n Inventario: {ValoresPedido.Correlativo}
\r\n\r\n Asesor: {localStorage.getItem('asesor')}
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Unidades:\r\n
\r\n\r\n \r\n {TotalUnidades}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props.codigoProducto}\r\n
\r\n {props.producto.NombreProducto}
\r\n\r\n \r\n EliminarProducto(props.grupoTalla, props.codigoProducto, props.producto.NombreProducto)} />\r\n
\r\n\r\n \r\n EliminarColor(color.NombreColor, props.grupoTalla, props.codigoProducto, codigoColor[0])} />\r\n
\r\n \r\n { setExpandir(!expandir) }}>\r\n \r\n \r\n {expandir &&\r\n \r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport {\r\n ExpansionPanel,\r\n ExpansionPanelDetails,\r\n ExpansionPanelSummary,\r\n Typography,\r\n} from '@material-ui/core';\r\nimport { useSelector } from 'react-redux';\r\nimport styles from 'components/Pedidos/MatrizResumen/MatrizResumenExpandable.module.css';\r\nimport ProductoTableInventario from './ProductoTableInventario';\r\nimport axios from 'axios';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nexport const ExpandableNoEncontrados = ({ totalCantidad, productos }) => {\r\n const [expandir, setExpandir] = useState(false);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {producto.NombreProducto} \r\n
\r\n \r\n {codigoProducto.split('-')[0]} \r\n
\r\n \r\n \r\n Unidades:\r\n \r\n {totalCantidad}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n }\r\n | \r\n Color\r\n | \r\n {tallas.map((talla, index) => {\r\n return (\r\n\r\n\r\n \r\n \r\n {talla.Talla} \r\n | \r\n )\r\n })}\r\n Cantidad | \r\n
|---|
\r\n { setExpandir(!expandir) }}>\r\n \r\n \r\n {expandir &&\r\n \r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport {\r\n Card,\r\n Button,\r\n CardContent,\r\n} from '@material-ui/core';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { ExpandableInventario } from './ExpandableInventario';\r\nimport { ExpandableNoEncontrados } from './ExpandableNoEncontrados';\r\nimport axios from 'axios';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Loading } from 'components/Global/Loading';\r\nimport { mostrarModal, numberWithCommasNoDec, mostrarAlerta } from 'utils/common';\r\nimport { useHistory } from 'react-router';\r\nimport styles from 'components/Pedidos/MatrizResumen/MatrizResumenExpandable.module.css';\r\n\r\nexport const TomarInventario = (props) => {\r\n const history = useHistory();\r\n let tableValue = useSelector(e => e.Inventario.TableValue);\r\n let nuevosProductos = { ...tableValue };\r\n let anterior = useSelector(e => e.Anterior);\r\n let detalleInventario = useSelector(e => e.DetalleInventario);\r\n const dispatch = useDispatch();\r\n const clienteSelected = useSelector(e => e.ClienteInventario);\r\n const [codigo, setCodigo] = useState(\"\");\r\n const [color, setColor] = useState(\"\");\r\n const [codigoBarra, setCodigoBarra] = useState(\"\");\r\n const [tallaTxt, setTalla] = useState(\"\");\r\n const [open, setOpen] = useState(false);\r\n const [title, setTitle] = useState(\"\");\r\n const [noEncontrados, setNoEncontrados] = useState([]);\r\n let totalUnid = 0;\r\n let productosSinCantidad = false;\r\n\r\n const existeVariante = (pCodigo, pColor, pTalla) => {\r\n const grupoTallas = Object.keys(tableValue);\r\n for (let grupoTalla of grupoTallas) {\r\n if (tableValue[grupoTalla]) {\r\n if (tableValue[grupoTalla].Productos[pCodigo]) {\r\n if (tableValue[grupoTalla].Productos[pCodigo].Colores[pColor]) {\r\n if (tableValue[grupoTalla].Productos[pCodigo].Colores[pColor].Tallas[pTalla]) {\r\n return grupoTalla;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n const aumentarCantidad = (grupoTalla, pCodigo, pColor, pTalla) => {\r\n let miTableValue = { ...tableValue };\r\n miTableValue[grupoTalla].Productos[pCodigo].Colores[pColor].Tallas[pTalla].Cantidad++;\r\n dispatch({ type: \"SET_TABLEVALUEINVENTARIO\", payload: miTableValue });\r\n }\r\n\r\n const aƱadir = async () => {\r\n try {\r\n if (codigo === \"\" || color === \"\" || tallaTxt === \"\") {\r\n mostrarModal(\"Advertencia\", \"Debe ingresar codigo, color y talla.\", \"warning\");\r\n return;\r\n }\r\n\r\n const grupoTalla = existeVariante(codigo, color, tallaTxt);\r\n if (grupoTalla) {\r\n aumentarCantidad(grupoTalla, codigo, color, tallaTxt);\r\n return;\r\n }\r\n setOpen(true);\r\n setTitle(\"Obteniendo producto\");\r\n const data = await axios.get(`${APIURL}/api/productoInventario/${clienteSelected.EmpresaId}/${codigo}/${color}`)\r\n agregarProducto(data.data, tallaTxt, color, 0, false);\r\n setOpen(false);\r\n } catch (err) {\r\n setOpen(false);\r\n mostrarModal(\"Error\", \"No se pudo obtener el producto.\", \"error\");\r\n }\r\n }\r\n\r\n const limpiarCampos = () => {\r\n setCodigo(\"\");\r\n setColor(\"\");\r\n setTalla(\"\");\r\n setCodigoBarra(\"\");\r\n }\r\n\r\n const actualizarProducto = (productos, codigoProducto, grupoTalla, factura) => {\r\n let miTableValue = { ...tableValue };\r\n localStorage.setItem(\"TableValueOriginal\", JSON.stringify(miTableValue));\r\n const noExistenProductosEnFactura = productos.length === 0;\r\n let tableValueOriginal = JSON.parse(localStorage.getItem(\"TableValueOriginal\"));\r\n\r\n if (noExistenProductosEnFactura) {\r\n if (miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura) {\r\n delete miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura\r\n }\r\n dispatch({ type: \"SET_TABLEVALUEINVENTARIO\", payload: miTableValue });\r\n return;\r\n }\r\n\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura = factura;\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Id = productos[0].IdProducto;\r\n const colores = productos.map(c => c.CodigoColor);\r\n const coloresUnicos = [...new Set(colores)];\r\n\r\n for (let color of coloresUnicos) {\r\n const noExisteColorProducto = !miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[color];\r\n\r\n if (noExisteColorProducto) {\r\n continue;\r\n }\r\n\r\n const productosColor = productos.filter(p => p.CodigoColor === color);\r\n for (let producto of productosColor) {\r\n const noExisteTallaProducto = !miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[color].Tallas[producto.CodigoTalla.toUpperCase()];\r\n\r\n if (noExisteTallaProducto) {\r\n continue;\r\n }\r\n\r\n let nuevaCantidad = 0;\r\n let cantidadPrevia = tableValueOriginal[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Cantidad;\r\n\r\n if (cantidadPrevia > producto.Cantidad) {\r\n nuevaCantidad = producto.Cantidad;\r\n } else {\r\n nuevaCantidad = cantidadPrevia;\r\n }\r\n\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Cantidad = nuevaCantidad;\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Disponible = producto.Cantidad;\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Precio = producto.PrecioUnitario;\r\n }\r\n }\r\n\r\n localStorage.removeItem(\"TableValueOriginal\");\r\n dispatch({ type: \"SET_TABLEVALUEINVENTARIO\", payload: miTableValue });\r\n }\r\n\r\n const agregarProducto = (producto, pTalla, pColor, pCantidad, invCompleto) => {\r\n let miTableValue = invCompleto ? nuevosProductos : { ...tableValue };\r\n if (miTableValue[producto.GrupoTalla] === undefined) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n }\r\n\r\n if (Object.keys(miTableValue[producto.GrupoTalla]).length === 0) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n miTableValue[producto.GrupoTalla].Productos = {};\r\n miTableValue[producto.GrupoTalla].ListaTallas = producto.ListaTalla;\r\n }\r\n\r\n producto.ProductoId = `${producto.ProductoId}`;\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] === undefined) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Id = producto.CodigoProducto;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].ListaTallas = producto.ListaTalla\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].NombreProducto = producto.NombreProducto;\r\n\r\n for (const color of producto.ListaColores) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].NombreColor = color.NombreColor;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Color = color.Color;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas = {}\r\n\r\n for (const talla of producto.ListaTalla) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = invCompleto && talla.Talla === pTalla.toUpperCase() ? pCantidad : talla.Talla === pTalla.toUpperCase() ? 1 : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = talla.Talla === pTalla.toUpperCase();\r\n }\r\n }\r\n\r\n } else {\r\n for (const color of producto.ListaColores) {\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor]) {\r\n for (const talla of producto.ListaTalla) {\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado) {\r\n continue;\r\n }\r\n let cantidadTalla = miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad;\r\n if (cantidadTalla === 0) {\r\n cantidadTalla = talla.Talla === pTalla.toUpperCase() ? 1 : 0;\r\n }\r\n\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = invCompleto && talla.Talla === pTalla.toUpperCase() ? pCantidad : cantidadTalla;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = talla.Talla === pTalla.toUpperCase();\r\n };\r\n } else {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].NombreColor = color.NombreColor;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Color = color.Color;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas = {}\r\n\r\n for (const talla of producto.ListaTalla) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = invCompleto && talla.Talla === pTalla.toUpperCase() ? pCantidad : talla.Talla === pTalla.toUpperCase() ? 1 : 0;;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = talla.Talla === pTalla.toUpperCase();\r\n }\r\n }\r\n }\r\n }\r\n dispatch({ type: \"SET_TABLEVALUEINVENTARIO\", payload: miTableValue });\r\n\r\n if (!invCompleto) {\r\n limpiarCampos();\r\n }\r\n }\r\n\r\n const eliminarProducto = (grupoTalla, codigoProducto) => {\r\n let nuevoTableValue = { ...tableValue };\r\n const productosAgregados = JSON.parse(localStorage.getItem(\"productosAgregados\")) || [];\r\n\r\n delete nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto];\r\n\r\n let nuevosProductos = productosAgregados.filter(x => x.codigo !== codigoProducto);\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(nuevosProductos));\r\n\r\n if (Object.keys(nuevoTableValue[grupoTalla][\"Productos\"]).length === 0) {\r\n delete nuevoTableValue[grupoTalla];\r\n }\r\n\r\n dispatch({ type: \"SET_TABLEVALUEINVENTARIO\", payload: nuevoTableValue });\r\n }\r\n\r\n const eliminarColor = (grupoTalla, codigoProducto, color) => {\r\n let nuevoTableValue = { ...tableValue };\r\n const productosAgregados = JSON.parse(localStorage.getItem(\"productosAgregados\")) || [];\r\n\r\n delete nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto][\"Colores\"][color];\r\n\r\n let nuevosProductos = productosAgregados.filter(x => x.codigo !== codigoProducto && x.color !== color);\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(nuevosProductos));\r\n\r\n if (Object.keys(nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto][\"Colores\"]).length === 0) {\r\n delete nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto];\r\n\r\n nuevosProductos = nuevosProductos.filter(x => x.codigo !== codigoProducto);\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(nuevosProductos));\r\n }\r\n\r\n if (Object.keys(nuevoTableValue[grupoTalla][\"Productos\"]).length === 0) {\r\n delete nuevoTableValue[grupoTalla];\r\n }\r\n\r\n dispatch({ type: \"SET_TABLEVALUEINVENTARIO\", payload: nuevoTableValue });\r\n }\r\n\r\n const ingresoCantidad = (text, codigoProducto, codigoColor, grupoTalla, codigoTalla) => {\r\n let nuevoTableValue = { ...tableValue };\r\n const valor = (text.target.validity.valid) ? text.target.value : nuevoTableValue[grupoTalla].Productos[codigoProducto].Colores[codigoColor].Tallas[codigoTalla].Cantidad;\r\n let valorPrevio = tableValue[grupoTalla].Productos[codigoProducto].Colores[codigoColor].Tallas[codigoTalla];\r\n valorPrevio.Cantidad = valor;\r\n dispatch({ type: \"SET_TABLEVALUEINVENTARIO\", payload: nuevoTableValue });\r\n }\r\n\r\n const obtenerTotales = producto => {\r\n let totales = { totalCantidad: 0 };\r\n Object.keys(producto.Colores).forEach((codigoColor) => {\r\n let color = producto.Colores[codigoColor];\r\n var totalXColor = 0;\r\n\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n var valorTalla = color.Tallas[codigoTalla];\r\n totalXColor = parseInt(totalXColor, 10) + (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10));\r\n })\r\n totales.totalCantidad += totalXColor;\r\n })\r\n return totales;\r\n }\r\n\r\n const aƱadirScanner = async (pCodigo, pColor, pTalla, productosAgregados) => {\r\n const data = await axios.get(`${APIURL}/api/productoInventario/${clienteSelected.EmpresaId}/${pCodigo}/${pColor}`)\r\n productosAgregados.push({ codigoBarra, codigo: pCodigo, color: pColor, talla: pTalla, grupoTalla: data.data.GrupoTalla });\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(productosAgregados));\r\n agregarProducto(data.data, pTalla, pColor, 0, false);\r\n }\r\n\r\n const obtenerAtributosBarra = async (e) => {\r\n if (e.key === \"Enter\") {\r\n const productosAgregados = JSON.parse(localStorage.getItem(\"productosAgregados\")) || [];\r\n const productoExiste = productosAgregados.find(x => x.codigoBarra === codigoBarra);\r\n\r\n if (productoExiste) {\r\n aumentarCantidad(productoExiste.grupoTalla, productoExiste.codigo, productoExiste.color, productoExiste.talla);\r\n limpiarCampos();\r\n } else {\r\n try {\r\n setTitle(\"Obteniendo atributos producto\");\r\n setOpen(true);\r\n const data = await axios.get(`${APIURL}/api/productodevolucion/codigobarra/${codigoBarra}`)\r\n\r\n aƱadirScanner(data.data.productoId, data.data.colorId, data.data.tallaId, productosAgregados);\r\n setOpen(false);\r\n } catch (err) {\r\n setOpen(false);\r\n mostrarModal(\"Codigo barra\", \"No se encontro producto con el codigo de barra ingresado\", \"error\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (anterior) {\r\n cargarInventario();\r\n }\r\n else {\r\n obtenerUltimoCorrelativo();\r\n }\r\n }, []);\r\n\r\n const obtenerUltimoCorrelativo = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Inventario/correlativo/${localStorage.getItem('empresa')}`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n localStorage.setItem(\"CorrelativoInventario\", request.data)\r\n }\r\n catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n const cargarInventario = async () => {\r\n try {\r\n setOpen(true);\r\n setTitle(\"Obteniendo producto\");\r\n for (const inv of detalleInventario) {\r\n const grupoTalla = existeVariante(inv.CodigoProducto, inv.codigoColor, inv.codigoTalla);\r\n if (grupoTalla) {\r\n aumentarCantidad(grupoTalla, inv.CodigoProducto, inv.codigoColor, inv.codigoTalla);\r\n continue;\r\n }\r\n const { data } = await axios.get(`${APIURL}/api/productoInventario/${clienteSelected.EmpresaId}/${inv.CodigoProducto}/${inv.codigoColor}`);\r\n agregarProducto(data, inv.codigoTalla, inv.codigoColor, inv.cantidad, true);\r\n }\r\n setOpen(false);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n const construirDetalleInventario = () => {\r\n let detalleInventario = [];\r\n for (let grupoTalla of Object.keys(tableValue)) {\r\n for (let producto of Object.keys(tableValue[grupoTalla].Productos)) {\r\n for (let color of Object.keys(tableValue[grupoTalla].Productos[producto].Colores)) {\r\n for (let talla of Object.keys(tableValue[grupoTalla].Productos[producto].Colores[color].Tallas)) {\r\n let cantidad = tableValue[grupoTalla].Productos[producto].Colores[color].Tallas[talla].Cantidad;\r\n if (cantidad > 0) {\r\n let productoDevolver = {\r\n IdProducto: tableValue[grupoTalla].Productos[producto].Id,\r\n CodigoProducto: producto,\r\n CodigoColor: color,\r\n Cantidad: cantidad,\r\n CodigoTalla: talla,\r\n }\r\n detalleInventario.push(productoDevolver);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return [detalleInventario];\r\n }\r\n\r\n const enviarInventario = async (completo) => {\r\n let inventario = {\r\n CodigoCliente: clienteSelected.Codigo,\r\n Correlativo: anterior ? detalleInventario[0].numInventario : localStorage.getItem(\"CorrelativoInventario\"),\r\n Empresa: localStorage.getItem('empresa'),\r\n Completo: completo,\r\n DetalleInventario: [],\r\n ProductosNoEncontrados: [],\r\n };\r\n const [detalle] = construirDetalleInventario();\r\n\r\n if (detalle.length === 0) {\r\n mostrarModal(\"Aviso\", \"No se puede crear el inventario ya que no se ha ingresado ningun producto.\", \"warning\");\r\n return;\r\n }\r\n inventario.DetalleInventario = detalle;\r\n inventario.ProductosNoEncontrados = noEncontrados;\r\n try {\r\n setTitle(\"Guardando Inventario\");\r\n setOpen(true);\r\n await axios.post(`${APIURL}/api/Inventario`, inventario, {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n mostrarModal(\"Inventario\", \"Se ha guardado el inventario con exito\", \"success\");\r\n history.push({ pathname: \"/inventario/ImprimirInventario\", state: JSON.stringify(inventario) });\r\n setOpen(false);\r\n } catch (err) {\r\n let mensaje = \"No se guardaron los registros.\";\r\n let error = \"FCPI03\";\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n error = err.response.data.ErrorCode;\r\n }\r\n\r\n mostrarAlerta(\"Error \" + error, mensaje, \"error\");\r\n setOpen(false);\r\n }\r\n }\r\n\r\n const btnFinalizar = () => {\r\n enviarInventario(true);\r\n }\r\n\r\n const btnGuardar = () => {\r\n enviarInventario(false);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n PRODUCTOS NO ENCONTRADOS \r\n
\r\n \r\n \r\n Unidades:\r\n \r\n {totalCantidad}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n }\r\n | \r\n Cod.Barra\r\n | \r\n\r\n Unidades\r\n | \r\n
|---|---|
| \r\n {prod.codigoBarra}\r\n | \r\n\r\n {prod.cantidad}\r\n | \r\n
\r\n
\r\n { setCodigo(e.target.value) }} />\r\n { setColor(e.target.value) }} />\r\n { setTalla(e.target.value) }} />\r\n { setCodigoBarra(e.target.value) }} onKeyPress={obtenerAtributosBarra} />\r\n \r\n
\r\n\r\n {(Object.keys(noEncontrados).length > 0) &&\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n \r\n Total de Unidades: {numberWithCommasNoDec(totalUnid)}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) */\r\n\r\n\r\n if (props.clienteSelected !== null && props.clienteSelected !== false) {\r\n alerta = true;\r\n }\r\n\r\n };\r\n\r\n /*if (props.clienteSelected != null && props.clienteSelected.EmpresaId.toUpperCase() !== localStorage.getItem('empresa').toUpperCase() && props.clienteSelected !== false) {\r\n EsVisible = true;\r\n }*/\r\n\r\n const mensajeError = () => {\r\n if (props.clienteSelected !== null) {\r\n if (props.clienteSelected.FacturacionEntrega === \"Todo\") return \"El cliente actualmente se encuentra bloqueado.\";\r\n if (props.clienteSelected.FacturacionEntrega === \"Factura\") return \"El cliente actualmente se encuentra deshabilitado por mora.\";\r\n }\r\n }\r\n\r\n const Validacion = async () => {\r\n let isOnline = await verificarConexion();\r\n \r\n if (RecibosCache.length > 0 && isOnline && localStorage.getItem(\"Conexion\") === \"Online\") {\r\n Swal.fire({\r\n title: 'Pendiente a Sincronizar',\r\n text: 'Tiene recibos proforma en bandeja de salida, debera sincronizar para poder registrar un nuevo recibo.',\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }else if(localStorage.getItem(\"Conexion\") === \"offline\"){\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: 'Si continua de manera offline se generara un recibo proforma.',\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Continuar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n props.setCliente();\r\n }\r\n })\r\n }else if(recibosSinDeposito){\r\n Swal.fire({\r\n title: 'Recibos sin depositos',\r\n text: 'Tiene recibos sin imagen de depositos cargadas del dia anterior.',\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n else{\r\n props.setCliente();\r\n }\r\n \r\n }\r\n \r\n return (\r\n <>\r\n {\r\n RecibosCache.length > 0 && localStorage.getItem(\"Conexion\") === \"Online\" &&\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n\r\n {/*\r\n */}\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Nuevo Recibo\r\n
\r\n\r\n
\r\n
\r\n\r\n {\r\n props.loading &&\r\n \r\n handleOnChange(value)}\r\n options={options}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={Value}\r\n />\r\n
\r\n\r\n \r\n Validacion()}\r\n variant=\"contained\"\r\n color=\"primary\">\r\n Continuar\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n Facturas\r\n
\r\n \r\n Facturas\r\n
\r\n \r\n Cuotas\r\n
\r\n {FactVencidas(acuXTipPed.TipoPedido,true)}{(saldoVencido>0)?{OpenModalVencido(acuXTipPed.TipoPedido)}} size={\"20px\"} style={{display:\"inline-block\",marginLeft:'10px'}}/>:}
),\r\n Vencido: ({saldoVencido.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}
{FactVencidas(acuXTipPed.TipoPedido,false)}{(saldo15DiasAvencer>0)?{OpenModalAVencer(acuXTipPed.TipoPedido)}} size={\"20px\"} style={{display:\"inline-block\",marginLeft:'10px'}}/>:}
),\r\n C15Dias: ({saldo15DiasAvencer.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}
Totales
\r\n ),\r\n Disponible: (),\r\n SaldoTotal: (),\r\n Vencido: (),\r\n C15Dias: (),\r\n Accion: ()\r\n }\r\n );\r\n\r\n if(data.length===2)\r\n {\r\n localStorage.setItem(\"isFavor\",true);\r\n }\r\n\r\n const handleAnticipo=()=>{\r\n\r\n const {Codigo,EmpresaId,Moneda} = props.Cliente;\r\n\r\n const anticipo = [{\r\n Acuerdos:[{\r\n Facturas:[{\r\n IdFactura:0,\r\n Factura:\"Anticipo \",\r\n CodigoCliente:Codigo,\r\n EmpresaId:EmpresaId,\r\n IdMoneda:Moneda,\r\n Tipo:\"Anticipo [T-O]\",\r\n FechaFactura:new Date(),\r\n FechaVencimiento:new Date(),\r\n FechaMaxDescuento:new Date(),\r\n TotalFactura:0,\r\n Saldo:0,\r\n PendienteFactura:0,\r\n Descuento:0,\r\n FacturaStatus:\"Ninguno\",\r\n NumeroPagos:0,\r\n Referencia:\"test\",\r\n IdLinea:\"TPT\",\r\n LineaString:\"Tejido de punto\",\r\n TipoPedidoString:\"Ordinario\",\r\n IdTipoPedido:1,\r\n Cuotas: [\r\n {\r\n IdSubFactura: 0,\r\n Factura: \"Anticipo\",\r\n CodigoCliente: Codigo,\r\n EmpresaId: EmpresaId,\r\n IdMoneda: Moneda,\r\n IdAcuerdoxCliente: null,\r\n FechaFactura: new Date(),\r\n FechaVencimiento: new Date(),\r\n FechaMaxDescuento: new Date(),\r\n FechaVencimientoDescuento: new Date(),\r\n Saldo: 0,\r\n SaldoDivisa: 0,\r\n Descuento: 0,\r\n PendientePago: 0,\r\n Referencia: \"test\",\r\n TipoDocumento: \"Anticipo [D-O]\",\r\n ReferenciaFacturas: \"test\",\r\n ReferenciaAcuerdo: \"0\",\r\n NumeroCuota: 0,\r\n ValorCuota: 0,\r\n ValorVencidoCuota: 0,\r\n ReferenciaCuotas: \"0\",\r\n IdFactura: 0,\r\n TipoPedido:\"Ordinario\",\r\n AgrupaPorCuota:false\r\n }\r\n ]\r\n }\r\n ],\r\n Acuerdo:\"\",\r\n Valor:\"0\",\r\n Disponible:\"0\"\r\n }],\r\n IdTipoPedido:1,\r\n TipoPedido:\"Ordinario\",\r\n AgrupaPorCuota:false\r\n }\r\n ];\r\n localStorage.setItem(\"isAnticipo\",true);\r\n props.SetCuotas(anticipo);\r\n props.CargarCuotasAPagar([0]);\r\n }\r\n\r\n return (\r\n <>\r\n {props.Cliente.Pedido.length !== 0?: \r\n data.length===1?:\"\"}\r\n\r\n
\r\n )\r\n },\r\n onRowsSelect: (currentRowsSelected, allRowsSelected) => {\r\n setSelectedRowsIndex(allRowsSelected.map(row => row.dataIndex))\r\n }\r\n }\r\n\r\n if (clienteSeleccionado.IgnorarSecuenciaFactura) {\r\n delete options.isRowSelectable;\r\n }\r\n\r\n let Apagar = 0;\r\n let Saldo = 0\r\n props.Cuotas.forEach(fact => {\r\n fact.Acuerdos.forEach(acu => {\r\n acu.Facturas.filter(f => f.Saldo > 0).forEach(fact => {\r\n fact.Cuotas.filter(c => c.Saldo > 0).forEach(cuot => {\r\n if (!fact.facturaEnTransito) {\r\n let dias = moment(cuot.FechaVencimiento).diff(moment(new Date()), 'days')\r\n let diasDescuento = moment(cuot.FechaMaxDescuento).diff(moment(new Date()), 'days') + 1;\r\n\r\n let DiasVencido = moment(cuot.FechaVencimiento).diff(moment(new Date()), 'days')\r\n let ValorDescuento = cuot.Descuento;\r\n let isVencida = DiasVencido < 0;\r\n const excepcionDescuento = cuot.ExcepcionDescuento;\r\n\r\n Apagar = diasDescuento < 0 ? cuot.Saldo : cuot.Saldo - ValorDescuento;\r\n Saldo = Saldo + Apagar;\r\n if (DiasVencido < 0) {\r\n foundExpired = true;\r\n\r\n Expired.push({ IdSubFactura: cuot.IdSubFactura, Dias: dias });\r\n data.push({\r\n IdSubFactura: cuot.IdSubFactura,\r\n Dias: {isNaN(DiasVencido) ? \"\" : DiasVencido},\r\n DiasDescuento: {isNaN(diasDescuento) ? \"\" : diasDescuento},\r\n ValorDescuento: {ValorDescuento.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Tipo: {cuot.TipoDocumento},\r\n Factura: {fact.Factura},\r\n NumeroFEL: {fact.NumeroFEL},\r\n Fecha: {moment(fact.FechaFactura).format(\"DD/MM/YYYY\")},\r\n FechaVencimiento: {moment(cuot.FechaVencimiento).format(\"DD/MM/YYYY\")},\r\n FechaDescuento: {moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== \"Invalid date\" ? moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") : \"\"},\r\n APagar: {(Apagar).toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Valor: {cuot.ValorCuota.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Saldo: {cuot.Saldo.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Cuota: cuot,\r\n IsVencida: isVencida,\r\n Fechaa: moment(fact.FechaFactura).format(\"DD/MM/YYYY\"),\r\n Facturaa: fact.Factura,\r\n facturaEnTransito: fact.facturaEnTransito,\r\n DiasVencido,\r\n excepcionDescuento\r\n })\r\n }\r\n else if (DiasVencido >= 0 && DiasVencido <= 15) {\r\n data.push({\r\n IdSubFactura: cuot.IdSubFactura,\r\n Dias: {isNaN(DiasVencido) ? \"\" : DiasVencido},\r\n DiasDescuento: {isNaN(diasDescuento) ? \"\" : diasDescuento},\r\n ValorDescuento: {ValorDescuento.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Tipo: {cuot.TipoDocumento},\r\n Factura: {fact.Factura},\r\n NumeroFEL: {fact.NumeroFEL},\r\n Fecha: {moment(fact.FechaFactura).format(\"DD/MM/YYYY\")},\r\n FechaVencimiento: {moment(cuot.FechaVencimiento).format(\"DD/MM/YYYY\")},\r\n FechaDescuento: {moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== \"Invalid date\" ? moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") : \"\"},\r\n APagar: {(Apagar).toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Valor: {cuot.ValorCuota.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Saldo: {cuot.Saldo.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},\r\n Cuota: cuot,\r\n IsVencida: isVencida,\r\n Fechaa: moment(fact.FechaFactura).format(\"DD/MM/YYYY\"),\r\n Facturaa: fact.Factura,\r\n facturaEnTransito: fact.facturaEnTransito,\r\n DiasVencido,\r\n excepcionDescuento\r\n })\r\n }\r\n else {\r\n data.push({\r\n IdSubFactura: cuot.IdSubFactura,\r\n Dias: isNaN(DiasVencido) ? \"\" : DiasVencido,\r\n DiasDescuento: isNaN(diasDescuento) ? \"\" : diasDescuento,\r\n ValorDescuento: ValorDescuento.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'),\r\n Tipo: cuot.TipoDocumento,\r\n Factura: fact.Factura,\r\n NumeroFEL: fact.NumeroFEL,\r\n Fecha: moment(fact.FechaFactura).format(\"DD/MM/YYYY\"),\r\n FechaVencimiento: moment(cuot.FechaVencimiento).format(\"DD/MM/YYYY\"),\r\n FechaDescuento: moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== \"Invalid date\" ? moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") : \"\",\r\n APagar: (Apagar).toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'),\r\n Valor: cuot.ValorCuota.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'),\r\n Saldo: cuot.Saldo.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'),\r\n Cuota: cuot,\r\n IsVencida: isVencida,\r\n Fechaa: moment(fact.FechaFactura).format(\"DD/MM/YYYY\"),\r\n Facturaa: fact.Factura,\r\n facturaEnTransito: fact.facturaEnTransito,\r\n DiasVencido,\r\n excepcionDescuento\r\n })\r\n }\r\n }\r\n });\r\n });\r\n });\r\n })\r\n localStorage.setItem(\"totalCredito\", (Saldo).toFixed(2));\r\n console.log(data);\r\n data.sort((a, b) => {\r\n if (moment(a.Fechaa, \"DD/MM/YYYY\").isAfter(moment(b.Fechaa, \"DD/MM/YYYY\"), 'day')) {\r\n return 1;\r\n }\r\n if (moment(a.Fechaa, \"DD/MM/YYYY\").isBefore(moment(b.Fechaa, \"DD/MM/YYYY\"), 'day')) {\r\n return -1;\r\n }\r\n if (moment(a.Fechaa, \"DD/MM/YYYY\").isSame(moment(b.Fechaa, \"DD/MM/YYYY\"), 'day')) {\r\n return 0;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n data.sort((a, b) => {\r\n if (a.Facturaa < b.Facturaa) {\r\n\r\n return -1;\r\n }\r\n if (a.Facturaa > b.Facturaa) {\r\n\r\n return 1;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n data.sort((a, b) => {\r\n if (a.DiasVencido < b.DiasVencido) {\r\n\r\n return -1;\r\n }\r\n if (a.DiasVencido > b.DiasVencido) {\r\n\r\n return 1;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n const setCuotasAPagar = () => {\r\n let cuotasAPagar = [];\r\n\r\n let selectedExpired = [];\r\n\r\n\r\n selectedRowsIndex.forEach(selRowsIndex => {\r\n let select = Expired.find(element => element.IdSubFactura === data[selRowsIndex].IdSubFactura);\r\n\r\n if (select) {\r\n selectedExpired.push(select);\r\n }\r\n cuotasAPagar.push(data[selRowsIndex].IdSubFactura)\r\n })\r\n\r\n if (clienteSeleccionado.IgnorarSecuenciaFactura) {\r\n props.SetCuotasAPagar(cuotasAPagar);\r\n } else if (foundExpired) {\r\n if (selectedExpired.length === 0) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Seleccionar Factura Vencidas\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n else {\r\n let encontrado = false;\r\n\r\n let index = 0;\r\n\r\n selectedExpired.sort((a, b) => (a.Dias > b.Dias) ? 1 : (a.Dias === b.Dias) ? ((a.IdSubFactura > b.IdSubFactura) ? 1 : -1) : -1);\r\n Expired.sort((a, b) => (a.Dias > b.Dias) ? 1 : (a.Dias === b.Dias) ? ((a.IdSubFactura > b.IdSubFactura) ? 1 : -1) : -1);\r\n\r\n do {\r\n if (selectedExpired[index].Dias !== Expired[index].Dias) {\r\n encontrado = true;\r\n }\r\n index++;\r\n } while (encontrado === false && selectedExpired.length > index);\r\n\r\n if (selectedRowsIndex.length <= selectedExpired.length || Expired.length === selectedExpired.length) {\r\n if (encontrado) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Facturas Seleccionadas InvƔlidas\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n else {\r\n props.SetCuotasAPagar(cuotasAPagar);\r\n }\r\n }\r\n else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Facturas Seleccionadas InvƔlidas\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n }\r\n }\r\n else {\r\n props.SetCuotasAPagar(cuotasAPagar);\r\n }\r\n }\r\n const getButtonPagar = () => {\r\n if (selectedRowsIndex.length > 0) {\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 {getButtonPagar()}\r\n Valor en Facturas
), numberWithCommas(Number(saldoTotal))]);\r\n data.push([(Descuento en Facturas
), numberWithCommas(Number(\"-\" + props.Descuento))]);\r\n data.push([(Valor a pagar
), numberWithCommas(Number(ValorPagos))]);\r\n data.push([(Pago Aplicado
), numberWithCommas(Number(acumulado))]);\r\n data.push([(Descuento aplicado
), numberWithCommas(Number(\"-\" + props.DescuentoAplicado))]);\r\n data.push([(Pendiente a Pagar
), numberWithCommas(Number(faltante))]);\r\n const setLineasfiltradas = (allRowsSelectedIndex) => {\r\n let lineasFiltradas = [];\r\n allRowsSelectedIndex.forEach(selRowsIndex => {\r\n lineasFiltradas.push(data[selRowsIndex][0]);\r\n })\r\n props.SetLineasfiltradas(lineasFiltradas)\r\n }\r\n return (\r\n\r\n \r\n \r\n
),\r\n ]\r\n };\r\n const editarArrayPagoRecibo = (indexTiposPago, indexTiposdePagoDetalle, fecha, valor, indexMoneda, indexBanco, referencia, indexArray) => {\r\n\r\n return [\r\n // pagXRec.TipoPago,\r\n // pagXRec.Fecha,\r\n // pagXRec.Referencia,\r\n // pagXRec.Banco,\r\n // pagXRec.Valor,\r\n // TipoPago : '',\r\n // Fecha : '',\r\n // Referencia : '',\r\n // Banco : '',\r\n // Valor : '',\r\n\r\n (\r\n \r\n \r\n
),\r\n\r\n ];\r\n }\r\n const data = [];\r\n // data.push(editarArrayPagoRecibo(2, 0, null, null, 2, null, null));\r\n props.PagosXRecibo.forEach((pagXRec, index) => {\r\n if (pagXRec.Editar) {\r\n data.push(\r\n editarArrayPagoRecibo(pagXRec.indexTiposPago, pagXRec.indexTiposdePagoDetalle, pagXRec.fecha, pagXRec.valor, pagXRec.indexMoneda, pagXRec.indexBanco, pagXRec.referencia, index)\r\n );\r\n } else {\r\n data.push(arrayPagoRecibo(pagXRec.indexTiposPago, pagXRec.indexTiposdePagoDetalle, pagXRec.fecha, pagXRec.valor, pagXRec.indexMoneda, pagXRec.indexBanco, pagXRec.referencia, index));\r\n }\r\n\r\n });\r\n data.push([\r\n null, null, null, null, null, null, null,\r\n (\r\n \r\n {/* (localStorage.getItem('isAnticipo')==='false' || props.Pedido !== null) &&\r\n {/*{props.OnAddPagoXRecibo(); setHabilitado(true);}}\r\n >\r\n { Validaciones(); }}\r\n variant=\"contained\"\r\n disabled={props.habilitado}\r\n color=\"primary\">\r\n Pagar\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 onRowsSelect: (currentRowsSelected, allRowsSelected) => {\r\n setSelectedRowsIndex(allRowsSelected.map(row => row.dataIndex))\r\n }\r\n }\r\n\r\nconst ValorApagar = () => {\r\n let ValoresAPagar = []; \r\n selectedRowsIndex.forEach(selRowsIndex => {\r\n let select = props.Data.find(element => element.PedidoId === props.Data[selRowsIndex].PedidoId);\r\n if (select) {\r\n dispatch({type:'store_pedidoselected',payload:select}) \r\n ValoresAPagar.push(select);\r\n }\r\n })\r\n props.onClose(false)\r\n }\r\n let Disable = selectedRowsIndex.length > 0 ? false : true;\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\n {}\r\n \r\n Pedidos\r\n
\r\n \r\n \r\n {props.Cliente.Pedido.length !== 0? \r\n \r\n
);\r\n}\r\n\r\n/*const cargarMonedas = new Promise((resolve, reject) => {\r\n let empresa = localStorage.getItem('EmpresaCliente');\r\n fetch(urlApi + \"/api/Moneda/\" + empresa, {\r\n headers: {\r\n Authorization: 'Bearer ' + localStorage.getItem('token')\r\n }\r\n }).then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '')\r\n window.location.reload()\r\n }\r\n if (res.status === 200) {\r\n res.json().then(\r\n result => {\r\n resolve(result)\r\n },\r\n\r\n error => {\r\n reject({\r\n error\r\n })\r\n }\r\n )\r\n }\r\n })\r\n});*/\r\nexport default DetalleRecibo;","import React, { useState } from 'react';\r\nimport ReactToPrint from 'react-to-print';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport styles from \"components/Recibos/Recibo/Recibo.module.css\";\r\nimport style from \"components/ListadoRecibos/Recibo.module.css\";\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { FiArrowRightCircle } from \"react-icons/fi\";\r\nimport { FaPrint } from \"react-icons/fa\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { ObtenerCoordenadas } from 'utils/common';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport axios from 'axios';\r\nimport { Dialog, DialogActions, DialogContent, DialogTitle, Button } from '@material-ui/core';\r\n\r\nconst Recibo = (props) => {\r\n const [showModalUpload, setShowModalUpload] = useState(true);\r\n const [numeroImpresion, setNumeroImpresion] = useState(0);\r\n const [imagenDepositos, setImagenDepositos] = useState();\r\n const clientesContado = useSelector(e => e.clientesContado);\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n const pedidoSelected = useSelector(k => k.pedidoSelected);\r\n const empresas = useSelector(e => e.Empresas);\r\n const empresaCliente = props.Cliente.Codigo.split(\"-\")[0];\r\n const empresa = empresas.find(x => x.COMPANY_CODE === empresaCliente.toUpperCase());\r\n let NombreCliente = props.Cliente.Nombre;\r\n let DireccionCliente = props.Cliente.Direccion;\r\n const clienteContado = pedidoSelected !== null && pedidoSelected !== undefined ? clientesContado.find(x => x.id === pedidoSelected.ClienteContado) : null;\r\n let Total = props.RecibosAplicados.Total;\r\n const moneda = Monedas.find(e => e.IdMoneda === props.Cliente.Moneda).Abreviacion;\r\n const RecibosEnCache = useSelector(e => e.RecibosEnCache);\r\n const dispatch = useDispatch();\r\n if (clienteContado !== null && clienteContado !== undefined) {\r\n if (Total < 10000) {\r\n NombreCliente = 'CONSUMIDOR FINAL';\r\n } else {\r\n NombreCliente = clienteContado.Nombre;\r\n }\r\n\r\n DireccionCliente = clienteContado.Direccion;\r\n }\r\n\r\n if (props.RecibosAplicados.Mensaje.includes(\"flotante\")) {\r\n Swal.fire({\r\n type: 'warning',\r\n title: 'Advertencia',\r\n text: props.RecibosAplicados.Mensaje,\r\n })\r\n }\r\n //const FechaEntrega = new Date();\r\n const componentRef = React.useRef();\r\n const useStyles = makeStyles((theme) => ({\r\n button: {\r\n marginLeft: theme.spacing(2),\r\n marginRight: theme.spacing(2),\r\n },\r\n }));\r\n const classes = useStyles();\r\n\r\n const RegistrarLogs = async () => {\r\n let logRecibo = {};\r\n ObtenerCoordenadas((position) => {\r\n logRecibo = {\r\n numRecibo: props.RecibosAplicados.CodigoUltimoRecibo,\r\n Usuario: localStorage.getItem(\"codigo\"),\r\n Fecha: new Date(),\r\n Latitude: position.coords.latitude,\r\n Longitude: position.coords.longitude\r\n };\r\n postLogRecibos(logRecibo);\r\n }, (error) => {\r\n logRecibo = {\r\n numRecibo: props.RecibosAplicados.CodigoUltimoRecibo,\r\n Usuario: localStorage.getItem(\"codigo\"),\r\n Fecha: new Date(),\r\n Latitude: null,\r\n Longitude: null\r\n };\r\n postLogRecibos(logRecibo);\r\n });\r\n props.Finalizar();\r\n }\r\n\r\n const postLogRecibos = async (data) => {\r\n if (localStorage.getItem(\"Conexion\") === \"offline\") {\r\n let copiaEstado = RecibosEnCache;\r\n let indice = copiaEstado.map(x => x.CodigoUltimoRecibo).indexOf(data.numRecibo);\r\n copiaEstado[indice].LogImpresion = [...copiaEstado[indice].LogImpresion, data];\r\n dispatch({ type: \"SET_RECIBOSENCACHELOG\", payload: copiaEstado });\r\n setNumeroImpresion((prev) => (prev + 1));\r\n return;\r\n }\r\n\r\n try {\r\n const request = await axios.post(`${APIURL}/api/logImpresionRecibo`, data);\r\n setNumeroImpresion((prev) => (prev + 1));\r\n return request.data;\r\n } catch (err) {\r\n console.log(err);\r\n return null;\r\n }\r\n }\r\n\r\n const handleFilesChange = (e) => {\r\n setImagenDepositos(e.target.files);\r\n }\r\n\r\n const uploadDepositos = async () => {\r\n try {\r\n if (imagenDepositos === undefined) {\r\n alert(\"Seleccione uno o varios depositos para subir.\");\r\n return;\r\n }\r\n\r\n let formData = new FormData();\r\n\r\n for (let i = 0; i < imagenDepositos.length; i++) {\r\n formData.append(`images`, imagenDepositos[i]);\r\n }\r\n\r\n await axios.post(`${APIURL}/api/recibo/comprobantes/${props.RecibosAplicados.CodigoUltimoRecibo}`, formData, { headers: { 'Content-Type': 'multipart/form-data' } });\r\n alert(\"Depositos subidos con exito.\");\r\n setShowModalUpload(false);\r\n setImagenDepositos(undefined);\r\n } catch (err) {\r\n alert(\"Ocurrio un error y no se pudieron subir los depositos\");\r\n }\r\n }\r\n\r\n return (\r\n Pago Recibido
:Pago Recibido
}\r\n\r\n \r\n \r\n \r\n\r\n
\r\n Detalle Facturas a Cancelar
\r\n\r\n
\r\n {\r\n ModalRecibo &&\r\n props.CargarImpresion(recibosAplicados)\r\n }\r\n\r\n \r\n { }}\r\n Acumulado={Acumulado}\r\n PedidoSelected = {pedidoSelected}\r\n DescuentoAplicado={cuotasYDescuentoAplicado.DescuentoAplicado}\r\n ValorPagos = {cuotasYDescuentoAplicado.ValorAPagar}\r\n Descuento = {cuotasYDescuentoAplicado.DescuentoTotal}\r\n />\r\n
\r\n \r\n\r\n {\r\n props.Cuotas[0].AgrupaPorCuota ?\r\n { setCuotasSeleccionadas(data[rowMeta.dataIndex].Numero, newArray) }}\r\n />\r\n :\r\n
\r\n\r\n \r\n {\r\n props.Cliente &&\r\n
\r\n\r\n )\r\n}\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nexport default Recibo;","import React from 'react';\r\nimport styles from 'components/Recibos/RecibosBreadCrumb/RecibosBreadCrumb.module.css';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport NavigationBreadcrumb from 'components/Pedidos/NavigationBreadcrumb/NavigationBreadcrumb';\r\nimport { FaSignOutAlt } from 'react-icons/fa';\r\nimport { Dropdown } from 'element-react';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nmoment.locale('es');\r\n\r\nconst RecibosBreadCrumb = (props) => {\r\n\r\n return (\r\n \r\n setShowModalUpload(false)}>\r\n \r\n \r\n \r\n \r\n Cargar depositos\r\n }\r\n \r\n \r\n \r\n
\r\n }\r\n Cargar depositos
\r\n\r\n
\r\n\r\n \r\n );\r\n}\r\n\r\nexport default RecibosBreadCrumb;","import React from 'react';\r\nimport ReactExport from 'react-export-excel';\r\nimport Button from '@material-ui/core/Button';\r\nimport { useSelector } from 'react-redux';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\n\r\nconst ExcelFile = ReactExport.ExcelFile;\r\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\n\r\nexport const DescargarCuentaExcel = props => {\r\n const cuentaCorriente = useSelector(e => e.CuentaImprimir);\r\n\r\n const conversionData = () => {\r\n return cuentaCorriente.map(e => ({\r\n Tipo: e.Tipo,\r\n Factura: e.Factura,\r\n FechaFactura: e.FechaFactura,\r\n FechaVencimiento: e.FechaVencimiento,\r\n Dias: e.Dias,\r\n TotalFactura: e.TotalFactura,\r\n Saldo: e.Saldo,\r\n FechaMaxDescuento: e.IdAcuerdoxCliente != null ? \"AV\" : e.FechaMaxDescuento,\r\n DiasV: e.IdAcuerdoxCliente != null ? \"\" : e.DiasV,\r\n Descuento: e.IdAcuerdoxCliente != null ? \"AV\" : e.Descuento,\r\n APagar: e.APagar\r\n }));\r\n }\r\n\r\n const handleClickDownload = () => {\r\n Swal.fire({\r\n title: \"Ā”Documento Descargado!\",\r\n text: \"Revise su panel de notificaciones o su carpeta de descargas.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n (\r\n { props.clickBreadCrumb(\"/Recibos\") }, Titulo: props.cliente.Codigo },\r\n { Titulo: \"Tipo Credito\" }\r\n ]}\r\n />\r\n )} />\r\n (\r\n { props.clickBreadCrumb(\"/Recibos\") }, Titulo: props.cliente.Codigo },\r\n { Click: () => { props.clickBreadCrumb(\"/Recibos/TipoCredito\") }, Titulo: props.cuotas[0].TipoPedido },\r\n { Click: () => { props.clickBreadCrumb(`/Recibos/${props.cuotas[0].TipoPedido}/Facturas`) }, Titulo: 'Facturas'},\r\n { Titulo: \"Detalle\" }\r\n ]}\r\n />\r\n )} />\r\n (\r\n { props.clickBreadCrumb(\"/Recibos\") }, Titulo: props.cliente.Codigo },\r\n { Click: () => { props.clickBreadCrumb(\"/Recibos/TipoCredito\") }, Titulo: props.cuotas[0].TipoPedido },\r\n { Titulo: \"Facturas\" }\r\n ]}\r\n />\r\n )} />\r\n (\r\n \r\n\r\n
\r\n {\r\n props.cliente &&\r\n \r\n \r\n Cancelar \r\n \r\n )}\r\n >\r\n \r\n
\r\n }\r\n \r\n {PermisoCuentaCorrientePDF() && }\r\n {PermisoCuentaCorrienteExcel() &&
)}\r\n \r\n
\r\n
\r\n );\r\n const SelectedCliente = cliente => {\r\n\r\n for (let AcuerdosXTipoPedido of cliente.AcuerdosXTipoPedido) {\r\n\r\n for (let Acuerdos of AcuerdosXTipoPedido.Acuerdos) {\r\n let acuerdosFacturas = Acuerdos.Facturas.filter(f => f.Descuento === 0);\r\n\r\n for (let Facturas of Acuerdos.Facturas) {\r\n Facturas.FechaVencimiento = moment(Facturas.FechaVencimiento).add(Facturas.DiasGracia, 'days');\r\n\r\n if (Facturas.SinDescuento) {\r\n Facturas.Descuento = 0;\r\n }\r\n\r\n for (let Cuotas of Facturas.Cuotas) {\r\n Cuotas.FechaVencimiento = moment(Cuotas.FechaVencimiento).add(Cuotas.DiasGracia, 'days');\r\n\r\n if (Cuotas.SinDescuento) {\r\n Cuotas.Descuento = \"0.00\";\r\n }\r\n }\r\n }\r\n\r\n let descuentoAplicadoCuotaAcuerdo = {};\r\n for (let Facturas of acuerdosFacturas) {\r\n let Descuento = cliente.MaestroDescuento.length > 0 ? cliente.MaestroDescuento[0].DescuentoDetalle.filter(d => d.Linea === Facturas.IdLinea) : [];\r\n let noAplicaDescuento = Descuento.length === 0;\r\n let porcentajeDescuento = 0;\r\n let diasDescuento = 0;\r\n\r\n if (Descuento.length !== 0) {\r\n const descuentoArreglo = Descuento.find(x => x.CodigoDescuento === Facturas.CodigoDescuento);\r\n if (descuentoArreglo !== undefined) {\r\n porcentajeDescuento = descuentoArreglo.Porcentaje;\r\n diasDescuento = descuentoArreglo.DiasDescuento;\r\n }\r\n }\r\n\r\n let totalDocumentosAplicados = 0;\r\n\r\n if (Facturas.DocumentosAplicadosAFacturas.length > 0) {\r\n totalDocumentosAplicados = Facturas.DocumentosAplicadosAFacturas.reduce((prev, curr) => prev + curr.Valor, 0);\r\n };\r\n\r\n Facturas.Descuento = noAplicaDescuento ? 0 : Facturas.TotalFactura * (porcentajeDescuento / 100);\r\n\r\n if (Facturas.SinDescuento) {\r\n Facturas.Descuento = 0;\r\n }\r\n\r\n for (let Cuotas of Facturas.Cuotas) {\r\n\r\n let valordescuento = 0;\r\n if (AcuerdosXTipoPedido.AgrupaPorCuota === true) { \r\n if (Acuerdos.DescuentoEnAcuerdos !== null) {\r\n let Flete = 0;\r\n\r\n let DocumentoCuota = cliente.DocumentosAplicadosxCuotas.find(x => x.IdAcuerdoxCliente === Acuerdos.Acuerdo && x.NumeroCuota === Cuotas.NumeroCuota);\r\n if (DocumentoCuota !== undefined) {\r\n totalDocumentosAplicados = DocumentoCuota.Valor;\r\n Flete = DocumentoCuota.Flete;\r\n }\r\n\r\n if (Acuerdos.DescuentoEnAcuerdos != null) {\r\n let consumidoCuota = Cuotas.SaldoCuota - Cuotas.DisponibleCuota;\r\n let totalfactura = consumidoCuota - totalDocumentosAplicados - Flete;\r\n valordescuento = totalfactura * (Acuerdos.DescuentoEnAcuerdos.Porcentaje / 100);\r\n }\r\n\r\n if (descuentoAplicadoCuotaAcuerdo[`${Cuotas.IdAcuerdoxCliente}-${Cuotas.NumeroCuota}`] === undefined) {\r\n Cuotas.Descuento = valordescuento.toFixed(2);\r\n descuentoAplicadoCuotaAcuerdo[`${Cuotas.IdAcuerdoxCliente}-${Cuotas.NumeroCuota}`] = true;\r\n } else {\r\n Cuotas.Descuento = \"0.00\";\r\n }\r\n\r\n Cuotas.DescuentoBack = valordescuento.toFixed(2);\r\n }\r\n }\r\n else {\r\n let fechaMaxDescuent = noAplicaDescuento ? moment(Facturas.FechaFactura).format() : moment(Facturas.FechaFactura).add((diasDescuento + cliente.DiasTransporte), 'days').format();\r\n\r\n Facturas.FechaMaxDescuento = fechaMaxDescuent;\r\n Cuotas.FechaMaxDescuento = fechaMaxDescuent;\r\n\r\n let totalfactura = Cuotas.ValorCuota - totalDocumentosAplicados - Cuotas.Flete;\r\n let fechaActual = new Date().setHours(0, 0, 0, 0);;\r\n let diasTranscurridos = Math.abs(moment(Facturas.FechaFactura).diff(moment(fechaActual), 'days'));\r\n\r\n if (diasTranscurridos > 60 && cliente.EmpresaId === \"IMGT\") {\r\n const porcentajeDeduccion = 1.12;\r\n totalfactura = totalfactura / porcentajeDeduccion;\r\n }\r\n\r\n valordescuento = noAplicaDescuento ? 0 : totalfactura * (porcentajeDescuento / 100);\r\n Cuotas.Descuento = valordescuento.toFixed(2);\r\n Facturas.Descuento = valordescuento;\r\n\r\n if (Cuotas.SinDescuento) {\r\n Cuotas.Descuento = \"0.00\";\r\n Facturas.Descuento = 0;\r\n }\r\n }\r\n };\r\n\r\n };\r\n };\r\n };\r\n\r\n props.onStoreReciboClienteSelected(cliente);\r\n }\r\n // if (clienteSelected && facturasXCliente && cuotasAPagar) {\r\n // return (\r\n // <>\r\n // {BreadCrumb()}\r\n // {Cliente}\r\n // {props.clienteSelected ? props.clienteSelected.Codigo + ' ' + props.clienteSelected.Nombre : ''}
\r\n\r\n
\r\n //
\r\n // \r\n // )\r\n // }\r\n // if (clienteSelected && facturasXCliente && cuotasXCliente && cuotasXCliente.length > 0) {\r\n // if (cuotasXCliente[0].AgrupaPorCuota) {\r\n // return (\r\n // <>\r\n // {BreadCrumb()}\r\n // {Cliente}\r\n // \r\n // { }}\r\n // />\r\n //
\r\n // \r\n //
\r\n // \r\n // );\r\n // } else {\r\n // return (\r\n // <>\r\n // {BreadCrumb()}\r\n // {Cliente}\r\n // \r\n //
\r\n // \r\n //
\r\n // \r\n // );\r\n // }\r\n // }\r\n\r\n // if (clienteSelected && facturasXCliente) {\r\n // return (\r\n // <>\r\n // {BreadCrumb()}\r\n // {Cliente}\r\n // \r\n //
\r\n // \r\n //
\r\n // \r\n // )\r\n // }\r\n if (loading) {\r\n return (\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 \r\n {props.Paises.length>1 &&\r\n \r\n \r\n }\r\n\r\n
\r\n \r\n
\r\n }\r\n Seleccione un pais
\r\n\r\n {\r\n // eslint-disable-next-line\r\n props.Paises.map(pais=>{\r\n if(pais.EmpresaId===\"IMHN\"){\r\n let stylePaises={width:'30px',height:'30px',marginLeft:'25px'};\r\n if(paisSeleccionado===\"IMHN\"){\r\n stylePaises = {width:'30px',height:'30px',marginLeft:'25px',outline:'5px solid green'}\r\n }\r\n\r\n return {seleccionarPais(pais.EmpresaId)}}/>\r\n }else if(pais.EmpresaId===\"IMCR\"){\r\n let stylePaises={width:'30px',height:'30px',marginLeft:'25px'};\r\n if(paisSeleccionado===\"IMCR\"){\r\n stylePaises = {width:'30px',height:'30px',marginLeft:'25px',outline:'5px solid green'};\r\n }\r\n return {seleccionarPais(pais.EmpresaId)}}/>\r\n }else if(pais.EmpresaId===\"IMGT\"){\r\n let stylePaises={width:'30px',height:'30px',marginLeft:'25px'}\r\n if(paisSeleccionado===\"IMGT\"){\r\n stylePaises = {width:'30px',height:'30px',marginLeft:'25px',outline:'5px solid green'};\r\n }\r\n return {seleccionarPais(pais.EmpresaId)}}/>\r\n }\r\n else if(pais.EmpresaId===\"IMSL\"){\r\n let stylePaises={width:'30px',height:'30px',marginLeft:'25px'}\r\n if(paisSeleccionado===\"IMSL\"){\r\n stylePaises = {width:'30px',height:'30px',marginLeft:'25px',outline:'5px solid green'};\r\n }\r\n return {seleccionarPais(pais.EmpresaId)}}/>\r\n }\r\n })}\r\n
\r\n \r\n
\r\n \r\n )} />\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n :\r\n <>\r\n {BreadCrumb()}\r\n {Cliente}\r\n \r\n {(localStorage.getItem('isVencido')==='true')? Hay facturas vencidas en otro tipo de credito {FacturasVencidas(routeProps.match.params.TipoCredito)}} size={\"20px\"} style={{display:\"inline-block\",marginLeft:'10px'}}/> :}\r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n \r\n )} />\r\n \r\n {(localStorage.getItem('isVencido')==='true')? Hay facturas vencidas en otro tipo de credito {FacturasVencidas(routeProps.match.params.TipoCredito)}} size={\"20px\"} style={{display:\"inline-block\",marginLeft:'10px'}}/> :}\r\n \r\n
\r\n \r\n
\r\n \r\n )} />\r\n\r\n \r\n { }}\r\n />\r\n
\r\n \r\n
\r\n \r\n )} />\r\n \r\n \r\n
\r\n \r\n (extra.reject ? 'Image, audio and video files only' : 'Drag Files')}\r\n styles={{\r\n dropzoneReject: { borderColor: 'red', backgroundColor: '#DAA' },\r\n inputLabel: (files, extra) => (extra.reject ? { color: 'red' } : {}),\r\n dropzone: { overflow: 'auto' }\r\n\r\n }}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default Fotografias;","import React from 'react';\r\nimport Chart from 'chart.js';\r\nimport 'chartjs-funnel';\r\n\r\nconst FunnelChart = props => {\r\n const grafica = React.useRef(null);\r\n\r\n React.useEffect(()=>{\r\n const ctx = grafica.current.getContext('2d');\r\n let data = [];\r\n\r\n if(props.Selected){\r\n let Selected = JSON.parse(props.Selected);\r\n data = [Selected.CantidadVisitas,Selected.Atendidas, Selected.Efectivas, Selected.Productivas]\r\n }else{\r\n data = [props.Users.reduce((acc, cur) => { return acc + cur.CantidadVisitas }, 0),props.Users.reduce((acc, cur) => { return acc + cur.Atendidas }, 0),props.Users.reduce((acc, cur) => { return acc + cur.Efectivas }, 0),props.Users.reduce((acc, cur) => { return acc + cur.Productivas }, 0)]\r\n }\r\n \r\n var myChart = new Chart(ctx, {\r\n type: 'funnel', \r\n data: {\r\n labels: [\"Programadas\",\"Atendidas\", \"Efectivas\", \"Productivas\"],\r\n datasets: [{\r\n data,\r\n backgroundColor: [ \"#3097ED\",\"#2AD549\", \"#FDB45C\", \"#73628a\"],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n sort:'desc',\r\n scales: {\r\n yAxes: [{\r\n ticks: {\r\n beginAtZero: true\r\n }\r\n }]\r\n }\r\n }\r\n })\r\n\r\n return ()=>{\r\n myChart.destroy();\r\n }\r\n\r\n },[props.Selected,props.Users]);\r\n\r\n return \r\n}\r\n\r\nexport default FunnelChart;","import React from \"react\";\r\nimport { Pie } from \"react-chartjs-2\"\r\nimport \"chartjs-plugin-labels\";\r\n\r\nconst PieChart = (props) => {\r\n if (props.Selected) {\r\n let Selected = JSON.parse(props.Selected);\r\n\r\n const data = {\r\n labels: [\r\n \"Atendidas\", /*\"Efectivas\", \"Productivas\",*/\"Canceladas\", \"No Atendidas\"\r\n ],\r\n datasets: [\r\n {\r\n data: [\r\n Selected.Atendidas, /*Selected.Efectivas, Selected.Productivas ,*/ Selected.ClienteCancelo, Selected.NoAtendidas\r\n ],\r\n backgroundColor: [ \"#2AD549\", /*\"#FDB45C\", \"#95d5b2\",*/\"#FF4A4A\",\"#1EA4B7\"]\r\n }\r\n ]\r\n }\r\n\r\n const options = {\r\n responsive: true\r\n }\r\n\r\n return (\r\n \r\n {visitas.length===0\r\n ?\r\n }\r\n
\r\n )\r\n}\r\n\r\nexport default BarChart;","import React from 'react';\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport FirstPageIcon from '@material-ui/icons/FirstPage';\r\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\r\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\r\nimport LastPageIcon from '@material-ui/icons/LastPage';\r\n\r\nconst useStyles1 = makeStyles(theme => ({\r\n root: {\r\n flexShrink: 0,\r\n color: theme.palette.text.secondary,\r\n marginLeft: theme.spacing(2.5),\r\n },\r\n}));\r\n\r\nfunction TablePaginationActions(props) {\r\n const classes = useStyles1();\r\n const theme = useTheme();\r\n const { count, page, rowsPerPage, onChangePage } = props;\r\n\r\n function handleFirstPageButtonClick(event) {\r\n onChangePage(event, 0);\r\n }\r\n\r\n function handleBackButtonClick(event) {\r\n onChangePage(event, page - 1);\r\n }\r\n\r\n function handleNextButtonClick(event) {\r\n onChangePage(event, page + 1);\r\n }\r\n\r\n function handleLastPageButtonClick(event) {\r\n onChangePage(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));\r\n }\r\n\r\n return (\r\n No hay registros
\r\n :\r\n \r\n {theme.direction === 'rtl' ? \r\n {theme.direction === 'rtl' ? \r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n >\r\n {theme.direction === 'rtl' ? = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n >\r\n {theme.direction === 'rtl' ?
\r\n );\r\n}\r\n\r\nexport default TablePaginationActions;","import React, { useEffect, useState } from 'react';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\nimport MUIDataTable from 'mui-datatables'\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\n// import { EstadisticaVisitaTable } from './EstadisticaVisitaTable';\r\nimport FunnelChart from 'components/EstadisticaVisita/FunnelChart';\r\nimport PieChart from 'components/EstadisticaVisita/PieChart';\r\nimport Barchart from 'components/EstadisticaVisita/BarChart';\r\nimport moment from 'moment';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\nimport 'moment/locale/es';\r\nimport {\r\n Button\r\n // Dialog, DialogActions, DialogContent, DialogTitle, DialogContentText, Select, MenuItem \r\n} from '@material-ui/core';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport {\r\n FaUserCheck,\r\n FaCheckDouble,\r\n FaTimesCircle, FaUserFriends,\r\n FaClipboardCheck,\r\n FaUserTimes\r\n} from \"react-icons/fa\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport { useSelector } from 'react-redux';\r\nimport honduras from 'utils/img/honduras.png';\r\nimport costarica from 'utils/img/costarica.png';\r\nimport guatemala from 'utils/img/guatemala.png';\r\nimport salvador from 'utils/img/salvador.jpg';\r\nimport { verificarConexion } from 'utils/http';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport axios from 'axios';\r\nimport FileSaver from 'file-saver';\r\nimport XLSX from 'xlsx';\r\n\r\nmoment.locale('es')\r\nconst urlApi = APIURL\r\nconst columns = [\r\n\r\n {\r\n name: 'CodigoAsesor',\r\n label: 'Codigo',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'Nombre',\r\n label: 'Nombre',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'CantidadVisitas',\r\n label: 'Cantidad Visitas',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'Atendidas',\r\n label: 'Atendidas',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'Efectivas',\r\n label: 'Efectivas',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'Productivas',\r\n label: 'Productivas',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'ClienteCancelo',\r\n label: 'Canceladas',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'NoAtendidas',\r\n label: 'Por Realizar',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n\r\n {\r\n name: 'Pedidos',\r\n label: 'Cantidad Pedidos',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'ValorPedidos',\r\n label: 'Valor Pedidos',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'Recibos',\r\n label: 'Cantidad Recibos',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'ValorRecibos',\r\n label: 'Valor Recibos',\r\n options: {\r\n filter: true,\r\n sort: true\r\n }\r\n },\r\n {\r\n name: 'Reporte',\r\n label: 'Reporte',\r\n options: {\r\n filter: false,\r\n sort: false\r\n }\r\n },\r\n\r\n]\r\nconst EstadisticaVisita = (props) => {\r\n\r\n const [fechaInicio, setFechaInicio] = useState(moment().clone().startOf('month').format('YYYY-MM-DD'));\r\n const [fechaFin, setFechaFin] = useState(new Date());\r\n const [estadisticasVisita, setEstadisticasVisita] = useState([]);\r\n const [estadisticaVisitaFiltrada, setestadisticaVisitaFiltrada] = useState([]);\r\n const [Usuarios, setUsuarios] = useState([]);\r\n const [Selected, setSelected] = useState(null);\r\n const [EmpresaSelected, setEmpresaSelected] = useState(null);\r\n const Paises = useSelector(e => e.Permisos[0].EmpresasUsuarios);\r\n const Asesores = useSelector(e=>e.Permisos[0].AsesoresUsuario);\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/estadistica-visita\")) {\r\n props.history.push('/home');\r\n }\r\n CargarDatos()\r\n\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n const CargarDatos = async () => {\r\n const isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\")===\"offline\") {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar esta pagina.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n });\r\n\r\n } else if(localStorage.getItem(\"Conexion\")===\"Online\" && isOnline){\r\n Promise.all([cargarEstadisticaVisita(fechaInicio, fechaFin)]).then(values => {\r\n setEstadisticasVisita(values[0]);\r\n setestadisticaVisitaFiltrada(values[0]);\r\n setOptions(values[0]);\r\n });\r\n }\r\n }\r\n\r\n const setOptions = (values) => {\r\n let users = [];\r\n values.forEach(el => {\r\n var cliente = { key: el.CodigoAsesor, value: JSON.stringify(el), text: el.Nombre }\r\n users.push(cliente);\r\n });\r\n\r\n setUsuarios(users);\r\n }\r\n\r\n const mostrarAdvertencia = (title, text, type) => {\r\n Swal.fire({\r\n title: title,\r\n text: text,\r\n type: type,\r\n confirmButtonText: 'Ok',\r\n })\r\n }\r\n\r\n const guardarExcel = (csvData, asesor) => {\r\n const fileName = asesor ? `Visitas-${asesor}` : \"Reporte-Visitas\";\r\n const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n const fileExtension = '.xlsx';\r\n const ws = XLSX.utils.json_to_sheet(csvData);\r\n const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };\r\n const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n const data = new Blob([excelBuffer], { type: fileType });\r\n FileSaver.saveAs(data, fileName + fileExtension);\r\n }\r\n\r\n const convertirHora = (time) => {\r\n time = time.toString().match(/^([01]\\d|2[0-3])(:)([0-5]\\d)(:[0-5]\\d)?$/) || [time];\r\n\r\n if (time.length > 1) {\r\n time = time.slice(1);\r\n time[5] = +time[0] < 12 ? 'AM' : 'PM';\r\n time[0] = +time[0] % 12 || 12;\r\n }\r\n return time.join('');\r\n }\r\n\r\n const convertirData = (data) => {\r\n return data.map((el) => {\r\n const { $id, ...asignacion } = el;\r\n\r\n return {\r\n ...asignacion,\r\n Hora_Inicio: convertirHora(asignacion.Hora_Inicio),\r\n Hora_Final: convertirHora(asignacion.Hora_Final)\r\n }\r\n })\r\n }\r\n\r\n const obtenerReporteAsignacionesAsesor = async (asesor) => {\r\n try {\r\n let inicio = moment(fechaInicio).format();\r\n let final = moment(fechaFin).format();\r\n const request = await axios.get(`${APIURL}/api/asignaciones/reporte/${asesor}`, { params: { inicio, final } });\r\n\r\n if (request.data.length === 0) {\r\n mostrarAdvertencia(\"Asignaciones\", \"No se han encontrado registros para este asesor\", \"warning\")\r\n return;\r\n }\r\n\r\n const dataTransformada = convertirData(request.data);\r\n guardarExcel(dataTransformada, asesor);\r\n mostrarAdvertencia(\"Ā”Documento Descargado!\", \"Revise su panel de notificaciones o su carpeta de descargas.\", \"success\");\r\n } catch (err) {\r\n mostrarAdvertencia(\"Error\", \"No se pudo obtener las asignaciones\", \"error\");\r\n }\r\n }\r\n\r\n const obtenerReporteAsignacionesGlobal = async () => {\r\n try {\r\n let inicio = moment(fechaInicio).format();\r\n let final = moment(fechaFin).format();\r\n const request = await axios.get(`${APIURL}/api/asignaciones/reporte`, { params: { inicio, final } });\r\n\r\n if (request.data.length === 0) {\r\n mostrarAdvertencia(\"Asignaciones\", \"No se han encontrado registros para el rango de fechas\", \"warning\")\r\n return;\r\n }\r\n\r\n const dataTransformada = convertirData(request.data);\r\n guardarExcel(dataTransformada);\r\n mostrarAdvertencia(\"Ā”Documento Descargado!\", \"Revise su panel de notificaciones o su carpeta de descargas.\", \"success\");\r\n } catch (err) {\r\n mostrarAdvertencia(\"Error\", \"No se pudo obtener las asignaciones\", \"error\");\r\n }\r\n }\r\n\r\n const options = {\r\n responsive: \"scrollMaxHeight\",\r\n selectableRows: 'none',\r\n print: false,\r\n download: false,\r\n selectableRowsOnClick: true,\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n
\r\n
\r\n );\r\n}\r\nconst cargarEstadisticaVisita = (fechaInicio, fechaFin) => {\r\n var inicio = moment(fechaInicio).format();\r\n var fin = moment(fechaFin).format();\r\n\r\n return new Promise((resolve, reject) => {\r\n fetch(urlApi + `/api/EstadisticaVisita?FechaInicio=${inicio}&FechaFin=${fin}&Usuario=${localStorage.getItem('codigo')}`, {\r\n headers: {\r\n Authorization: 'Bearer ' + localStorage.getItem('token')\r\n }\r\n }).then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '')\r\n window.location.reload()\r\n }\r\n if (res.status === 200) {\r\n res.json().then(\r\n result => {\r\n resolve(result)\r\n },\r\n\r\n error => {\r\n reject({\r\n error\r\n })\r\n }\r\n )\r\n }\r\n })\r\n })\r\n};\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n }\r\n});\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\nexport default EstadisticaVisita;","import React, { useRef, useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport GoogleMapReact from 'google-map-react';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Dropdown } from \"semantic-ui-react/\";\r\nimport { useSelector } from 'react-redux';\r\nimport {\r\n /*Button,*/\r\n Col,\r\n Row,\r\n} from 'reactstrap';\r\n\r\n\r\nconst paises =\r\n [\r\n { id: 1, value: '*', pais: \"Todos\" },\r\n { id: 2, value: 'IMHN', pais: \"Honduras\" },\r\n { id: 3, value: 'IMGT', pais: \"Guatemala\" },\r\n { id: 4, value: 'IMCR', pais: \"Costa Rica\" },\r\n { id: 5, value: 'IMSL', pais: \"El Salvador\" },\r\n ]\r\n\r\nconst estadoCredito =\r\n [\r\n { id: 1, value: '*', estado: \"Todos\" },\r\n { id: 2, value: 'Todo', estado: \"Suprimido\" },\r\n { id: 3, value: 'No', estado: \"Activo Habilitado\" },\r\n { id: 4, value: 'Factura', estado: \"Activo con Mora\" },\r\n ]\r\n\r\nconst getTodos = () => {\r\n return [\r\n {\r\n $id: \"Todos\",\r\n codigo: \"*\",\r\n empresa: \"Todos\",\r\n nombre: \"Todos\"\r\n }\r\n ]\r\n}\r\n\r\nconst CoordenadasGlobal = (props) => {\r\n const [paiseSelected, setpaiseSelected] = useState(null);\r\n const [paisList, setpaisList] = useState([]);\r\n const [asesores, setAsesores] = useState([]);\r\n const [asesor, setAsesor] = useState(null);\r\n const [asesoresFiltrados, setAsesoresFiltrados] = useState([]);\r\n const mapRef = useRef();\r\n const mapsRef = useRef();\r\n const [coordenadas, setCoordenadas] = useState([]);\r\n const [estado, setEstado] = useState(null);\r\n // eslint-disable-next-line\r\n const [marcadores, setMarcadores] = useState([]);\r\n useEffect(() => {\r\n cargarRutas();\r\n cargarAsesores();\r\n }, [])\r\n\r\n const APIKEY = useSelector(e => e.Configuraciones.ApiKey_GoogleMaps);\r\n\r\n\r\n const cargarRutas = () => {\r\n axios({\r\n url: APIURL + \"/api/cliente/ubicacion/global\",\r\n method: 'GET',\r\n headers: {\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n })\r\n .then(e => {\r\n setCoordenadas(e.data);\r\n })\r\n .catch(err => console.warn(err));\r\n\r\n }\r\n\r\n const cargarAsesores = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Geoposicion/asesores`, { headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } });\r\n setAsesores(request.data);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n const renderMarkers = (clientes) => {\r\n if (marcadores.length > 0) {\r\n marcadores.forEach(marcador => {\r\n marcador.setMap(null);\r\n });\r\n }\r\n\r\n clientes.forEach(cliente => {\r\n var icon = \"\";\r\n var estado = \"\";\r\n\r\n switch (cliente.CREDITSTATUS) {\r\n case \"Todo\":\r\n icon = \"https://maps.google.com/mapfiles/ms/icons/red-dot.png\";\r\n estado = \"Suprimido\"\r\n break;\r\n case \"No\":\r\n icon = \"https://maps.google.com/mapfiles/ms/icons/green-dot.png\";\r\n estado = \"Activo Habilitado\"\r\n break;\r\n case \"Factura\":\r\n icon = \"https://maps.google.com/mapfiles/ms/icons/yellow-dot.png\";\r\n estado = \"Mora\"\r\n break;\r\n default:\r\n icon = \"https://maps.google.com/mapfiles/ms/icons/blue-dot.png\";\r\n estado = \"No identificado\"\r\n break;\r\n }\r\n\r\n const contentString =\r\n \"\r\n
\r\n\r\n \r\n
\r\n \r\n EstadĆstica de Visita\r\n
\r\n\r\n handleFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n \r\n\r\n CargarDatos()}>Obtener\r\n {/* {this.state.GuardarAsignacion ?\r\n Reporte\r\n }\r\n
\r\n {Paises.length > 1 &&\r\n \r\n
\r\n }\r\n\r\n Filtro por Pais
\r\n\r\n {\r\n // eslint-disable-next-line\r\n Paises.map(pais => {\r\n if (pais.EmpresaId === \"IMHN\") {\r\n let stylePaises = { width: '40px', height: '40px', marginLeft: '25px' };\r\n if (EmpresaSelected === \"IMHN\") {\r\n stylePaises = { width: '40px', height: '40px', marginLeft: '25px', outline: '5px solid green' }\r\n }\r\n return { PaisFiltrado(pais.EmpresaId) }} />\r\n }\r\n else if (pais.EmpresaId === \"IMCR\") {\r\n let stylePaises = { width: '40px', height: '40px', marginLeft: '25px', shadowColor: \"black\" };\r\n if (EmpresaSelected === \"IMCR\") {\r\n stylePaises = { width: '40px', height: '40px', marginLeft: '25px', outline: '5px solid green' };\r\n }\r\n return { PaisFiltrado(pais.EmpresaId) }} />\r\n }\r\n else if (pais.EmpresaId === \"IMGT\") {\r\n let stylePaises = { width: '40px', height: '40px', marginLeft: '25px' }\r\n if (EmpresaSelected === \"IMGT\") {\r\n stylePaises = { width: '40px', height: '40px', marginLeft: '25px', outline: '5px solid green' };\r\n }\r\n return { PaisFiltrado(pais.EmpresaId) }} />\r\n }\r\n else if (pais.EmpresaId === \"IMSL\") {\r\n let stylePaises = { width: '40px', height: '40px', marginLeft: '25px' }\r\n if (EmpresaSelected === \"IMSL\") {\r\n stylePaises = { width: '40px', height: '40px', marginLeft: '25px', outline: '5px solid green' };\r\n }\r\n return { PaisFiltrado(pais.EmpresaId) }} />\r\n }\r\n })}\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Visitas Programadas
\r\n {estadisticasVisita.reduce((acc, cur) => { return acc + cur.CantidadVisitas }, 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\n
\r\n Visitas Atendidas
\r\n {estadisticasVisita.reduce((acc, cur) => { return acc + cur.Atendidas }, 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\n
\r\n Visitas Efectivas
\r\n {VisitasEfectivas}
\r\n {VisitasAtendidas > 0 ? ((VisitasEfectivas / VisitasAtendidas) * 100).toFixed(0) + \"%\" : 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\n Visitas Productivas
\r\n {VisitasProductivas}
\r\n {VisitasAtendidas > 0 ? ((VisitasProductivas / VisitasAtendidas) * 100).toFixed(0) + \"%\" : 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\n
\r\n Visitas Canceladas
\r\n {estadisticasVisita.reduce((acc, cur) => { return acc + cur.ClienteCancelo }, 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\n
\r\n Visitas Por Realizar
\r\n {estadisticasVisita.reduce((acc, cur) => { return acc + cur.NoAtendidas }, 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\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Clientes Visitados\r\n
\r\n\r\n
\r\n \r\n handleOnChange(value)}\r\n options={Usuarios}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={Selected}\r\n />\r\n
\r\n \r\n
\r\n \" +\r\n \"
\";\r\n\r\n\r\n var infowindow = new mapsRef.current.InfoWindow({\r\n content: contentString\r\n });\r\n let marker = new mapsRef.current.Marker({\r\n position: {\r\n lat: parseFloat(cliente.LATITUDE),\r\n lng: parseFloat(cliente.LONGITUD)\r\n },\r\n map: mapRef.current,\r\n title: cliente.NAME,\r\n icon: {\r\n url: icon,\r\n },\r\n });\r\n marker.addListener('click', function () {\r\n infowindow.open(mapRef.current, marker);\r\n });\r\n mapRef.current.addListener('click', function () {\r\n infowindow.close();\r\n });\r\n\r\n marcadores.push(marker);\r\n });\r\n setBounds(clientes);\r\n }\r\n\r\n const handleDropdownChangeCountry = (value) => {\r\n setpaiseSelected(value)\r\n setAsesor('*');\r\n if (value === '*') {\r\n if (estado !== '*' && estado != null) {\r\n const clientes = coordenadas.filter(x => x.CREDITSTATUS === estado);\r\n renderMarkers(clientes);\r\n setAsesoresFiltrados([]);\r\n return;\r\n }\r\n setpaisList(coordenadas);\r\n renderMarkers(coordenadas);\r\n setAsesoresFiltrados([]);\r\n return;\r\n }\r\n\r\n let filtrados = asesores.filter(x => x.empresa.toUpperCase() === value);\r\n let todos = getTodos();\r\n let newlist = [...todos, ...filtrados]\r\n setAsesoresFiltrados(newlist);\r\n\r\n\r\n if (estado != '*' && estado != null) {\r\n const clientes = coordenadas.filter(x => x.CREDITSTATUS === estado && x.COMPANY === value);\r\n renderMarkers(clientes);\r\n return;\r\n }\r\n\r\n const paisesFiltrados = coordenadas.filter(x => x.COMPANY === value);\r\n setpaisList(paisesFiltrados);\r\n renderMarkers(paisesFiltrados);\r\n return;\r\n }\r\n\r\n const handleDropdownChangeAsesor = (value) => {\r\n setAsesor(value);\r\n setEstado('*');\r\n if (value === '*') {\r\n renderMarkers(paiseSelected === '*' ? coordenadas : paisList);\r\n setEstado(null);\r\n return;\r\n }\r\n setEstado(null);\r\n renderMarkers(paisList.filter(x => x.ADVISER === value));\r\n }\r\n\r\n const handleDropdownChangeStatus = (value) => {\r\n setEstado(value);\r\n if (value === '*') {\r\n if (paiseSelected != null && paiseSelected != '*') {\r\n if (asesor != null && asesor != '*') {\r\n renderMarkers(paisList.filter(x => x.ADVISER === asesor));\r\n return;\r\n }\r\n renderMarkers(paisList);\r\n return;\r\n }\r\n else {\r\n renderMarkers(coordenadas);\r\n return\r\n }\r\n }\r\n\r\n if (paiseSelected != '*' && paiseSelected != null) {\r\n if (asesor != null && asesor != '*') {\r\n renderMarkers(paisList.filter(x => x.CREDITSTATUS === value && x.ADVISER === asesor));\r\n return;\r\n }\r\n renderMarkers(paisList.filter(x => x.CREDITSTATUS === value));\r\n return;\r\n } else {\r\n const filtradas = coordenadas.filter(x => x.CREDITSTATUS === value);\r\n renderMarkers(filtradas);\r\n }\r\n\r\n\r\n }\r\n\r\n const setBounds = (clientes) => {\r\n const LatLngList = clientes.map(cliente => (new mapsRef.current.LatLng(cliente.LATITUDE, cliente.LONGITUD)));\r\n let bounds = new mapsRef.current.LatLngBounds();\r\n\r\n for (let LatLng of LatLngList) {\r\n bounds.extend(LatLng);\r\n }\r\n\r\n mapRef.current.fitBounds(bounds);\r\n }\r\n\r\n if (coordenadas.length === 0) {\r\n return \" + cliente.NAME + \"
\" +\r\n \"CĆ³digo Cliente: \" + cliente.ACCOUNT + \"
\" +\r\n \"Asesor: \" + cliente.ADVISERNAME + \"
\" +\r\n \"Estado Comercial: \" + estado + \"
\" +\r\n \"\" + cliente.LATITUDE + \",\" + cliente.LONGITUD + \"
\" +\r\n \"Coordenadas no disponibles
\r\n }\r\n\r\n return (\r\n\r\n \r\n handleDropdownChangeCountry(value)}\r\n options={paises.map(ruta => {\r\n return { key: ruta.id, value: ruta.value, text: ruta.pais }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n \r\n handleDropdownChangeAsesor(value)}\r\n options={asesoresFiltrados.map(asesor => {\r\n return { key: asesor.id, value: asesor.codigo, text: asesor.nombre }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n \r\n handleDropdownChangeStatus(value)}\r\n options={estadoCredito.map(ruta => {\r\n return { key: ruta.id, value: ruta.value, text: ruta.estado }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={estado}\r\n />\r\n \r\n
\r\n
\r\n\r\n {\r\n mapRef.current = map;\r\n mapsRef.current = maps;\r\n renderMarkers(coordenadas);\r\n }}\r\n yesIWantToUseGoogleMapApiInternals={true}\r\n >\r\n\r\n \r\n\r\n
\r\n )\r\n\r\n}\r\n\r\nconst styles = {\r\n infowindow: {\r\n width: 300,\r\n height: 240,\r\n background: '#fff',\r\n borderRadius: 10,\r\n padding: 5,\r\n boxShadow: '5px 5px #c1c1c1',\r\n zIndex: 99\r\n },\r\n infowindowTitle: {\r\n textAlign: 'center',\r\n fontSize: 18\r\n }\r\n}\r\n\r\nexport default CoordenadasGlobal;","import React from 'react';\r\nimport styles from 'components/ListadoPedidos/DetallePedido.module.css';\r\nimport { GoogleMap, useJsApiLoader, Marker, Circle } from '@react-google-maps/api';\r\nimport { FaArrowLeft } from \"react-icons/fa\";\r\nimport { Fab } from \"@material-ui/core\";\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport {\r\n Popover,\r\n Box,\r\n Typography\r\n} from '@material-ui/core';\r\nimport PopupState, { bindTrigger, bindPopover } from 'material-ui-popup-state';\r\nimport { InfoOutlined } from \"@material-ui/icons\";\r\nimport { useSelector } from 'react-redux';\r\nmoment.locale('es');\r\n\r\n\r\nconst DetallePedido = (props) => {\r\n const APIKEY = useSelector(e => e.Configuraciones.ApiKey_GoogleMaps);\r\n\r\n let initialCoors = { lat: props.pedido.locationCliente.latitude, lng: props.pedido.locationCliente.longitude };\r\n let longitudCliente = props.pedido.locationCliente.longitude;\r\n let latitudCliente = props.pedido.locationCliente.latitude;\r\n const { isLoaded } = useJsApiLoader({\r\n id: 'google-map-script',\r\n googleMapsApiKey: APIKEY\r\n })\r\n\r\n const TotalPedido = () => {\r\n var total = 0;\r\n props.pedido.DetallesXPedido.forEach(detallePedido => {\r\n if (isNaN(detallePedido.MontoLinea)) {\r\n total += detallePedido.MontoLinea;\r\n }\r\n });\r\n return total;\r\n }\r\n\r\n const checkDist = (talla) => {\r\n let found = false;\r\n talla.Distribucion.map(() => {\r\n found = true;\r\n return false;\r\n })\r\n return found;\r\n }\r\n\r\n const Headers = (array) => {\r\n return (\r\n \r\n \r\n\r\n
\r\n
\r\n )\r\n}\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nexport default DetallePedido;","import React from 'react';\r\nimport { DialogTitle, DialogContent, DialogActions, Button } from \"@material-ui/core\";\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport ReactToPrint from 'react-to-print';\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\nimport moment from \"moment\";\r\nimport { useSelector } from 'react-redux';\r\nimport 'moment/locale/es';\r\n\r\nconst ImprimirPedido = (props) => {\r\n\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n const clientesContado = useSelector(e => e.clientesContado);\r\n const empresas = useSelector(e => e.Empresas);\r\n let NombreCliente = props.Pedido.Cliente.Nombre;\r\n let DireccionCliente = props.Pedido.Cliente.Direccion;\r\n const clienteContado = clientesContado.find(x => x.id === props.Pedido.ClienteContadoId);\r\n const empresa = empresas.find(x => x.COMPANY_CODE === props.Pedido.Cliente.EmpresaId.toUpperCase());\r\n const moneda = Monedas.find(e => e.IdMoneda === props.Pedido.Cliente.Moneda).Abreviacion;\r\n\r\n if (clienteContado !== null && clienteContado !== undefined) {\r\n if (props.Pedido.TotalXPedido < 10000) {\r\n NombreCliente = 'CONSUMIDOR FINAL';\r\n } else {\r\n NombreCliente = clienteContado.Nombre;\r\n }\r\n\r\n DireccionCliente = clienteContado.Direccion;\r\n }\r\n\r\n let TotalUnidad = 0;\r\n const checkDist = (talla) => {\r\n let found = false;\r\n talla.Distribucion.map(() => {\r\n found = true;\r\n return false;\r\n })\r\n return found;\r\n }\r\n\r\n let tallasDist = [];\r\n const Tallas = (talla) => {\r\n talla.Distribucion.forEach(dist => {\r\n if(tallasDist.length > 0){\r\n let ExisteTalla = tallasDist.filter(x => x.NombreTalla === dist.NombreTalla);\r\n\r\n if(ExisteTalla.length === 0){\r\n tallasDist.push({NombreTalla: dist.NombreTalla, Orden: dist.Orden})\r\n }\r\n }\r\n else{\r\n tallasDist.push({NombreTalla: dist.NombreTalla, Orden: dist.Orden})\r\n }\r\n })\r\n tallasDist.sort((a, b) => {\r\n return Number(a.Orden) < Number(b.Orden) ? -1 : 1;\r\n });\r\n return tallasDist;\r\n }\r\n\r\n const componentRef = React.useRef();\r\n return (\r\n <>\r\n \r\n props.RegresarListaPedidos()} className={\"mx-1\"} style={{ transform: 'scale(0.8)' }}>\r\n \r\n
\r\n
\r\n\r\n \r\n Num. Pedido: {props.pedido.PedidoId}\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n UbicaciĆ³n:\r\n
\r\n {isLoaded && latitudCliente !== null && longitudCliente !== null ?\r\n\r\n \r\n {(props.pedido.location.latitude !== null && props.pedido.location.longitude !== null) && \r\n
\r\n :\r\n \r\n UbicaciĆ³n no disponible\r\n
\r\n }\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n InformaciĆ³n:\r\n
\r\n| \r\n {'Codigo de cliente: '}\r\n | \r\n\r\n {props.pedido.Cliente.Codigo}\r\n | \r\n
| \r\n {'Nombre del cliente: '}\r\n | \r\n\r\n {props.pedido.Cliente.Nombre}\r\n | \r\n
| \r\n {'EmpresaId: '}\r\n | \r\n\r\n {props.pedido.EmpresaId}\r\n | \r\n
| \r\n {'Sincronizado: '}\r\n | \r\n\r\n {(props.pedido.Sincronizado) ? \"Si\" : \"No\"}\r\n | \r\n
| \r\n {'Num. Pedido Ax: '}\r\n | \r\n\r\n {(props.pedido.NumeroPedido === \"\") ? \"No Disponible\" : props.pedido.NumeroPedido}\r\n | \r\n
| \r\n {'Acuerdo de Venta: '}\r\n | \r\n\r\n {props.pedido.AcuerdoVenta}\r\n | \r\n
| \r\n {'Fecha: '}\r\n | \r\n\r\n {moment(props.pedido.FechaActual).format('DD/MM/YYYY') !== \"Invalid date\" ? moment(props.pedido.FechaActual).format('DD/MM/YYYY') : \"\"}\r\n | \r\n
| \r\n {'Fecha Entrega: '}\r\n | \r\n\r\n {moment(props.pedido.FechaEntrega).format('DD/MM/YYYY') !== \"Invalid date\" ? moment(props.pedido.FechaEntrega).format('DD/MM/YYYY') : \"\"}\r\n | \r\n
| \r\n {'ObservaciĆ³n: '}\r\n | \r\n\r\n {props.pedido.Observacion}\r\n | \r\n
| \r\n Total Unidades:\r\n | \r\n\r\n {props.pedido.TotalUnidades}\r\n | \r\n
| \r\n Total {props.pedido.Cliente.Moneda}:\r\n | \r\n\r\n {numberWithCommas((props.pedido.TotalXPedido))}\r\n | \r\n
| \r\n Distancia:\r\n | \r\n\r\n {distancia + ' mtrs'}\r\n | \r\n
| \r\n {'Firma: '}\r\n | \r\n\r\n | \r\n
\r\n {props.gruposXDetPed.map((grupoTalla, index1) => {\r\n let cantidad = 3;\r\n let IsDist = true;\r\n return (\r\n \r\n \r\n
\r\n )\r\n })}\r\n
\r\n {/* {\r\n props.pedido &&\r\n | \r\n | \r\n {grupoTalla.ListaTalla.map((talla, index2) => {\r\n IsDist = checkDist(talla);\r\n cantidad++;\r\n return (\r\n\r\n \r\n {\r\n \r\n {talla.Talla} \r\n }\r\n | \r\n )\r\n })}\r\n Cantidad | \r\nTotal | \r\n
|---|---|---|---|
| \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n {producto.CodigoProducto}\r\n \r\n {producto.NombreProducto} \r\n | \r\n |||
| \r\n {color.NombreColor}\r\n | \r\n {detalles.map((det, index4) => {\r\n return (\r\n\r\n \r\n {\r\n\r\n IsDist === true && det !== 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 {color.CantidadXColor} | \r\n\r\n{numberWithCommas(color.TotalXColor)} | \r\n
\r\n\r\n
\r\n } */}\r\n {props.pedido.DetallesXPedido ? (\r\n
\r\n \r\n {\r\n props.pedido.Firma === null ?\r\n :\r\n 
\r\n }\r\n\r\n
\r\n\r\n \r\n \r\n Firma\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n\r\n \r\n {props.pedido.TotalUnidades}\r\n
\r\n \r\n
\r\n\r\n \r\n Subtotal:\r\n
\r\n\r\n \r\n {numberWithCommas(props.pedido.SubTotalXPedido)}\r\n
\r\n \r\n
\r\n\r\n \r\n Impuesto:\r\n
\r\n\r\n \r\n {numberWithCommas((props.pedido.Impuesto))}\r\n
\r\n \r\n
\r\n \r\n Total {props.pedido.Cliente.Moneda}:\r\n
\r\n\r\n \r\n {numberWithCommas((props.pedido.TotalXPedido))}\r\n
\r\n {\"Total: Lps.\"} {TotalPedido()}
) : 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 {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n Copia\r\n
\r\n \r\n
\r\n\r\n {props.gruposXDetPed.map((grupoTalla, index1) => {\r\n let cantidad = 3;\r\n let IsDist = false;\r\n let CantDist = 0;\r\n let Distribuciones = []; \r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {NombreCliente}
\r\n\r\n DirecciĆ³n : {DireccionCliente}
\r\n CĆ³digo : {props.Pedido.Cliente.Codigo}
\r\n
\r\n
\r\n \r\n
\r\n Pedido {props.Pedido.PedidoId}
\r\n\r\n Fecha del pedido : {moment(props.Pedido.FechaActual).format('DD/MM/YYYY hh:mm a')}
\r\n Entrega Sugerida : {moment(props.Pedido.FechaEntrega).format('DD/MM/YYYY hh:mm a')}
\r\n Asesor: {props.Pedido.Usuario}
\r\n Modo Venta: {props.Pedido.ModoVenta}
\r\n Coleccion: {props.Pedido.CodigoColeccion +\"-\"+ props.Pedido.NombreColeccion}
\r\n
| \r\n | \r\n {grupoTalla.ListaTalla.map((talla, index2) => {\r\n Distribuciones = Tallas(talla);\r\n cantidad++;\r\n return (\r\n <>\r\n {\r\n talla.Distribucion.length !== 0 && grupoTalla.ListaTalla.length === index2 + 1 &&\r\n Distribuciones.map((dist, index3) => {\r\n IsDist = true;\r\n cantidad++;\r\n return (\r\n\r\n {\r\n {dist.NombreTalla} \r\n }\r\n | \r\n )\r\n })\r\n }\r\n {\r\n talla.Distribucion.length === 0 &&\r\n \r\n {\r\n {talla.Talla} \r\n }\r\n | \r\n }\r\n \r\n )\r\n })}\r\n Cant | \r\nTotal | \r\n
|---|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {producto.CodigoProducto}\r\n \r\n {producto.NombreProducto} \r\n | \r\n ||||
| \r\n \r\n {\"Precio\"}\r\n \r\n {color.NombreColor}\r\n | \r\n {detalles.map((det, index4) => {\r\n IsDist = det !== null ? checkDist(det.TallaObject) : IsDist;\r\n return (\r\n <>\r\n {\r\n IsDist === true && det !== null &&\r\n det.TallaObject.Distribucion.map((dist, index) => {\r\n CantDist = det.TallaObject.Distribucion.reduce((acc, curr) => {return acc + Number(curr.Cantidad) }, 0);;\r\n \r\n TotalXTalla = dist.Cantidad * det.Cantidad;\r\n TotalXProducto += TotalXTalla;\r\n TotalUnidad += TotalXTalla;\r\n let cant = 0;\r\n if (color.DetallesXPedido.length === 1) {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n else {\r\n if (arreglo.length > 0) {\r\n const listaTallas = arreglo.filter(x => x.NombreTalla === dist.NombreTalla);\r\n if (detalles.length === (index4 + 1)) {\r\n if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n }\r\n else {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n }\r\n else if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n return false;\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n return (\r\n \r\n \r\n {det ? det.PrecioUnitario / CantDist : \"--\"}\r\n \r\n \r\n | \r\n )\r\n })\r\n }\r\n {\r\n IsDist === false &&\r\n \r\n \r\n {det ? det.PrecioUnitario : \"--\"}\r\n \r\n \r\n | \r\n }\r\n \r\n )\r\n })}\r\n {TotalXProducto !== 0 ? TotalXProducto : color.CantidadXColor} | \r\n\r\n{numberWithCommas(color.TotalXColor)} | \r\n
\r\n\r\n
\r\n\r\n {/* \r\n
\r\n \r\n {\r\n props.Pedido.Firma === null ?\r\n :\r\n 
\r\n }\r\n\r\n
\r\n\r\n \r\n \r\n Firma\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n \r\n {TotalUnidad !== 0 ? TotalUnidad : props.Pedido.TotalUnidades}\r\n
\r\n \r\n
\r\n\r\n {(props.Pedido.Flete > 0 && props.Pedido.Flete !== null) && \r\n Subtotal:\r\n
\r\n\r\n \r\n {numberWithCommas(props.Pedido.SubTotalXPedido)}\r\n
\r\n \r\n
}\r\n\r\n \r\n Flete:\r\n
\r\n\r\n \r\n {numberWithCommas((props.Pedido.Flete))}\r\n
\r\n \r\n
\r\n\r\n \r\n Impuesto:\r\n
\r\n\r\n \r\n {numberWithCommas((props.Pedido.Impuesto))}\r\n
\r\n \r\n
\r\n \r\n Total:\r\n
\r\n\r\n \r\n {moneda}{numberWithCommas((props.Pedido.TotalXPedido))}\r\n
\r\n \r\n
\r\n\r\n NOTA:
\r\n Se notificarĆ” cuando ya se entreguen los productos en la fecha sugerida indicada.
\r\n \r\n
*/}\r\n\r\n
Gracias!\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n ]\r\n\r\n DataPedidos.push(data);\r\n //}\r\n return false;\r\n\r\n });\r\n\r\n return DataPedidos;\r\n }\r\n\r\n const GetPedidoDetalle = async (Pedido, EsImpresion) => {\r\n let isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\") === \"offline\") {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar esta pagina.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n });\r\n setState((prevState) => ({ ...prevState, isLoaded: true }))\r\n } else {\r\n let EnDetalle = EsImpresion ? null : Pedido;\r\n fetch(`${APIURL}/api/PedidoDetalle/${Pedido.PedidoId}`)\r\n .then(res => res.json())\r\n .then(data => {\r\n setState({\r\n ...state,\r\n Detalles: data,\r\n pedido: EnDetalle,\r\n });\r\n if (EsImpresion) {\r\n setShowDialog(true);\r\n }\r\n });\r\n setDialogPedido(Pedido);\r\n }\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogPedido(null);\r\n }\r\n\r\n\r\n const RegresarListaPedidos = () => {\r\n setState({ ...state, pedido: null });\r\n }\r\n\r\n const handleOnChangeAsesor = (value) => {\r\n setAsesorSelected(value);\r\n }\r\n const guardarExcel = (csvData, titulo) => {\r\n const fileName = `Reporte de pedidos`;\r\n const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n const fileExtension = '.xlsx';\r\n const ws = XLSX.utils.json_to_sheet(csvData);\r\n const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };\r\n const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n const data = new Blob([excelBuffer], { type: fileType });\r\n FileSaver.saveAs(data, fileName + fileExtension);\r\n }\r\n\r\n const mostrarAdvertencia = (title, text, type) => {\r\n Swal.fire({\r\n title: title,\r\n text: text,\r\n type: type,\r\n confirmButtonText: 'Ok',\r\n })\r\n }\r\n\r\n const obtenerReporteDistanciaPedido = async () => {\r\n try {\r\n var Inicio = moment(fechaInicio).format(\"YYYY-MM-DD\");\r\n var Fin = moment(fechaFin).format(\"YYYY-MM-DD\");\r\n const request = await axios.get(`${APIURL}/api/reportePedidos/${AsesorSelected}/${Inicio}/${Fin}`);\r\n\r\n if (request.data.length === 0) {\r\n mostrarAdvertencia(\"Pedidos\", \"No se han encontrado registros para este rango de fechas\", \"warning\")\r\n return;\r\n }\r\n\r\n guardarExcel(request.data, `Reporte de distancia pedido`);\r\n mostrarAdvertencia(\"Ā”Documento Descargado!\", \"Revise su panel de notificaciones o su carpeta de descargas.\", \"success\");\r\n\r\n } catch (err) {\r\n mostrarAdvertencia(\"Error\", \"No se pudo obtener los registros\", \"error\");\r\n }\r\n }\r\n\r\n const obtenerReportePedidos = async () => {\r\n try {\r\n if (state.pedidos.length === 0) {\r\n mostrarAdvertencia(\"Pedidos\", \"No se han encontrado registros para este rango de fechas\", \"warning\")\r\n return;\r\n }\r\n else {\r\n let dataTable = [];\r\n state.pedidos.map(pedido => {\r\n let data = {\r\n Nombre: pedido.PedidoId,\r\n CodigoCliente: pedido.Cliente.Codigo,\r\n NombreCliente: pedido.Cliente.Nombre,\r\n FechaActual: moment(pedido.FechaActual).format('DD/MM/YYYY'),\r\n Sincronizado: pedido.Sincronizado,\r\n NumeroPedido: pedido.NumeroPedido,\r\n Linea: pedido.Linea.Linea,\r\n NombreColeccion: pedido.NombreColeccion,\r\n BodegaEspecifica: pedido.BodegaEspecifica === null ? \"No\" : pedido.BodegaEspecifica ? \"Si\" : \"No\",\r\n TotalUnidades: pedido.TotalUnidades,\r\n TotalXPedido: pedido.TotalXPedido,\r\n FechaEntrega: moment(pedido.FechaEntrega).format('DD/MM/YYYY'),\r\n EstadoPedido: pedido.SaleStatus\r\n }\r\n dataTable.push(data);\r\n return false;\r\n });\r\n\r\n if (dataTable.length === 0) {\r\n mostrarAdvertencia(\"Pedidos\", \"No se han encontrado registros para este rango de fechas\", \"warning\")\r\n return;\r\n }\r\n guardarExcel(dataTable, `Reporte de pedidos`);\r\n mostrarAdvertencia(\"Ā”Documento Descargado!\", \"Revise su panel de notificaciones o su carpeta de descargas.\", \"success\");\r\n }\r\n } catch (err) {\r\n mostrarAdvertencia(\"Error\", \"No se pudo obtener los registros\", \"error\");\r\n }\r\n }\r\n\r\n if (!state.isLoaded) {\r\n return Error: {state.error.message}
;\r\n }\r\n if (state.pedido != null && state.Detalles !== null) {\r\n return (\r\n \r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n\r\n {\r\n DialogPedido && state.Detalles !== null &&\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\n\r\nconst HeadersListaPedidos = [\r\n {\r\n name: \"No. Pedido\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n \r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n \r\n handleOnChangeAsesor(value)}\r\n options={state.Asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n
\r\n \r\n cargarPedidos(fechaInicio, fechaFin)}>Obtener\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Codigo Cliente\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Cliente\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Fecha Pedido\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Sincronizado\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0] ? \"Si\" : \"No\"}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Num Pedido Ax\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0] === \"\" ? \"No disponible\" : value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Linea\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Paquete\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n label: \"Bodega Especifica\",\r\n options: {\r\n filter: true,\r\n sort: false,\r\n }\r\n },\r\n {\r\n name: \"Total unidades\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Total Pedido\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Fecha Entrega\",\r\n options: {\r\n filter: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Estado AX\",\r\n options: {\r\n filter: true\r\n }\r\n },\r\n {\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: true,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n\r\n Depositos recibo {numeroRecibo}\r\n
\r\n \r\n
\r\n \r\n {depositos.map(x =>
\r\n\r\n \r\n setShowModalUpload(false)}>\r\n \r\n \r\n \r\n \r\n Cargar depositos\r\n }\r\n \r\n \r\n {PermisoUsuarioOficinaCreditos() &&
\r\n );\r\n}","import React, { useState } from \"react\";\r\nimport { FaArrowLeft } from \"react-icons/fa\";\r\nimport { Fab,Button } from \"@material-ui/core\";\r\nimport { Image } from '@material-ui/icons';\r\nimport { GoogleMap, useJsApiLoader, Marker, Circle } from '@react-google-maps/api';\r\nimport {DepositosModal} from './DepositosModal';\r\nimport moment from \"moment\";\r\nimport \"moment/locale/es\";\r\nimport styles from \"components/ListadoRecibos/DetalleRecibo.module.css\";\r\nimport { useSelector } from 'react-redux';\r\n\r\n\r\nconst DetalleRecibo = (props) => {\r\n const { recibo } = props;\r\n const [maps, setMaps] = useState({ map: null, maps: null });\r\n const [openModal,setOpenModal] = useState(false);\r\n const APIKEY = useSelector(e => e.Configuraciones.ApiKey_GoogleMaps);\r\n\r\n let initialCoors = { lat: recibo.locationCliente.latitude,lng: recibo.locationCliente.longitude };\r\n let longitudCliente = recibo.locationCliente.longitude;\r\n let latitudCliente = recibo.locationCliente.latitude;\r\n\r\n\r\n const { isLoaded } = useJsApiLoader({\r\n id: 'google-map-script',\r\n googleMapsApiKey: APIKEY\r\n})\r\n const renderMarkers = () => {\r\n if (recibo.Latitude !== null && recibo.Longitude !== null) {\r\n addMarker(\r\n recibo.Cliente.Nombre,\r\n { lat: recibo.Latitude, lng: recibo.Longitude },\r\n \"red\",\r\n \"\"\r\n );\r\n }\r\n };\r\n\r\n const addMarker = (title, latLng, color, pinText) => {\r\n let map = maps.map;\r\n let url = `https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_${color}${pinText}.png`;\r\n\r\n let infowindow = new maps.maps.InfoWindow({\r\n content: title,\r\n });\r\n let marker = new maps.maps.Marker({\r\n position: latLng,\r\n map: map,\r\n icon: {\r\n url: url,\r\n },\r\n title: title,\r\n });\r\n marker.addListener(\"click\", function () {\r\n infowindow.open(map, marker);\r\n });\r\n map.addListener(\"click\", function () {\r\n infowindow.close();\r\n });\r\n };\r\n\r\n if (maps.map !== null) {\r\n renderMarkers();\r\n }\r\n const rad = (x) => {\r\n return x * Math.PI / 180;\r\n }\r\n const CalcularDistancia = (lat1, lon1, lat2, lon2) => {\r\n if (lat1 === null || lon1 === null || lat2 === null || lon2 === null) {\r\n return 0;\r\n }\r\n\r\n var R = 6378.137;//Radio de la tierra en km\r\n var dLat = rad(lat2 - lat1);\r\n var dLong = rad(lon2 - lon1);\r\n var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(rad(lat1)) * Math.cos(rad(lat2)) * Math.sin(dLong / 2) * Math.sin(dLong / 2);\r\n var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n var d = R * c;\r\n return 1000 * d.toFixed(3);//Retorna valor en metros\r\n }\r\n let options = null;\r\n let color = \"#FF0000\";\r\n let zoom = 9;\r\n let distancia = 0;\r\n if(latitudCliente && longitudCliente)\r\n {\r\n distancia = CalcularDistancia(recibo.Latitude,recibo.Longitude, latitudCliente, longitudCliente)\r\n if(distancia <= 50){\r\n color = \"#1ECE39\";\r\n zoom = 19;\r\n }else if(distancia <= 100){\r\n color = \"#F9EA06\";\r\n zoom = 15;\r\n }else if(distancia > 100 && distancia <1000){\r\n zoom = 16;\r\n }\r\n else if(distancia > 1000){\r\n zoom = 8;\r\n }\r\n\r\n console.log(\"distncia \" + distancia);\r\n options = {\r\n strokeColor: color,\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: color,\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n draggable: false,\r\n editable: false,\r\n visible: true,\r\n radius: 30000,\r\n zIndex: 1\r\n }\r\n }\r\n\r\n const handleClose=()=>{\r\n setOpenModal(false);\r\n }\r\n\r\n return (\r\n Cargar depositos
\r\n\r\n \r\n setDpi(e.target.value)} />\r\n \r\n
}\r\n \r\n 
\r\n \r\n {PermisoUsuarioOficinaCreditos() && }\r\n
\r\n \r\n \r\n {PermisoUsuarioOficinaCreditos() && }\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n};\r\n\r\nexport default DetalleRecibo;\r\n","import React, { useState } from 'react';\r\nimport { DialogActions, DialogContent, DialogTitle, Button } from '@material-ui/core';\r\nimport ReactToPrint from 'react-to-print';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport styles from \"components/ListadoRecibos/Recibo.module.css\";\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport axios from 'axios';\r\nimport { useSelector } from 'react-redux';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { ObtenerCoordenadas } from 'utils/common';\r\n\r\nconst Recibo = (props) => {\r\n const [numeroCopia, setNumeroCopia] = useState(props.recibo.NumeroCopia);\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n const clientesContado = useSelector(e => e.clientesContado);\r\n const empresas = useSelector(e => e.Empresas);\r\n const empresaCliente = props.recibo.Cliente.Codigo.split(\"-\")[0];\r\n let NombreCliente = props.recibo.Cliente.Nombre;\r\n let DireccionCliente = props.recibo.Cliente.Direccion;\r\n const clienteContado = props.recibo.Pedido !== null && props.recibo.Pedido !== undefined ? clientesContado.find(x => x.id === props.recibo.Pedido.ClienteContadoId) : null;\r\n let valor = props.recibo.Valor;\r\n const empresa = empresas.find(x => x.COMPANY_CODE === empresaCliente.toUpperCase());\r\n const moneda = Monedas.find(e => e.IdMoneda === props.recibo.Cliente.Moneda).Abreviacion;\r\n if (clienteContado !== null && clienteContado !== undefined) {\r\n if (valor < 10000) {\r\n NombreCliente = 'CONSUMIDOR FINAL';\r\n }\r\n else {\r\n NombreCliente = clienteContado.Nombre;\r\n }\r\n DireccionCliente = clienteContado.Direccion;\r\n }\r\n\r\n const componentRef = React.useRef();\r\n\r\n const RegistrarLogs = async () => {\r\n let logRecibo = {};\r\n ObtenerCoordenadas((position) => {\r\n logRecibo = {\r\n numRecibo: props.recibo.NumeroRecibo,\r\n Usuario: localStorage.getItem(\"codigo\"),\r\n Fecha: new Date(),\r\n Latitude: position.coords.latitude,\r\n Longitude: position.coords.longitude\r\n };\r\n postLogRecibos(logRecibo);\r\n }, (error) => {\r\n logRecibo = {\r\n numRecibo: props.recibo.NumeroRecibo,\r\n Usuario: localStorage.getItem(\"codigo\"),\r\n Fecha: new Date(),\r\n Latitude: null,\r\n Longitude: null\r\n };\r\n postLogRecibos(logRecibo);\r\n });\r\n }\r\n\r\n const postLogRecibos = async (data) => {\r\n try {\r\n const request = await axios.post(`${APIURL}/api/logImpresionRecibo`, data);\r\n setNumeroCopia((prev) => (prev + 1));\r\n props.hidePrint();\r\n return request.data;\r\n } catch (err) {\r\n console.log(err);\r\n return null;\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n props.RegresarListaRecibos()}\r\n className={\"mx-1\"}\r\n style={{ transform: \"scale(0.8)\" }}\r\n >\r\n \r\n {recibo.NumeroRecibo}\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n UbicaciĆ³n:
\r\n \r\n {isLoaded && latitudCliente !== null && longitudCliente !== null ? \r\n\r\n \r\n \r\n {(recibo.Longitude !== null && recibo.Latitude !== null) && \r\n
\r\n : \r\n \r\n UbicaciĆ³n no disponible\r\n
\r\n }\r\n \r\n \r\n \r\n \r\n {\"Codigo de cliente: \"} \r\n \r\n {recibo.Cliente.Codigo}\r\n \r\n \r\n \r\n {\"Nombre del cliente: \"} \r\n \r\n {recibo.Cliente.Nombre}\r\n \r\n \r\n \r\n {\"Empresa: \"} \r\n \r\n {recibo.CodigoCliente.split(\"-\")[0]}\r\n \r\n \r\n \r\n {\"Fecha Pago: \"} \r\n \r\n {moment(recibo.Fecha).format(\"DD/MM/YYYY hh:mm a\") !==\r\n \"Invalid date\"\r\n ? moment(recibo.Fecha).format(\"DD/MM/YYYY hh:mm a\")\r\n : \"\"}\r\n \r\n \r\n \r\n Tipo Pago: \r\n \r\n {recibo.TipoPago.Codigo}\r\n \r\n \r\n \r\n {\"Moneda: \"} \r\n {recibo.IdMoneda} \r\n \r\n \r\n Descuento: \r\n \r\n {numberWithCommas(recibo.Descuento)}\r\n \r\n \r\n \r\n Total Recibo: \r\n \r\n {numberWithCommas(recibo.Valor)}\r\n \r\n \r\n \r\n \r\n Distancia:\r\n \r\n \r\n {distancia + ' m'}\r\n \r\n \r\n \r\n \r\n Depositos:\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n InformaciĆ³n:
\r\n\r\n \r\n \r\n \r\n Documento \r\n Factura \r\n Fecha \r\n Parcial \r\n Descuento \r\n Aplicado \r\n \r\n \r\n \r\n {recibo.DetalleRecibo.map((re, index) => (\r\n \r\n {re.Tipo} \r\n {re.Factura} \r\n {moment(re.FechaFactura).format(\"DD/MM/YYYY\")} \r\n \r\n {numberWithCommas(re.ValorSinDescuento)}\r\n \r\n \r\n {numberWithCommas(re.Descuento)}\r\n \r\n \r\n {numberWithCommas(re.Valor)}\r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n {props.recibo.NumeroRecibo}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n{props.recibo.Original ? \"Original\" : \"Copia\"}
\r\n\r\n
\r\n \r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n {/*ImpresiĆ³n No. {numeroCopia}
*/}\r\n\r\n
\r\n \r\n
\r\n \r\n {props.recibo.Cliente.Codigo}\r\n
\r\n\r\n
\r\n \r\n {'No. ' + props.recibo.NumeroRecibo}\r\n {props.recibo.anulado && ANULADO}\r\n
\r\n\r\n
\r\n \r\n {NombreCliente}\r\n
\r\n\r\n
\r\n \r\n {DireccionCliente}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Fecha: {moment(props.recibo.Fecha).format('DD/MM/YYYY hh:mm a')}\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n Tipo Pago\r\n | \r\n\r\n Esp. Pago\r\n | \r\n\r\n Fecha\r\n | \r\n\r\n Referencia\r\n | \r\n\r\n Banco\r\n | \r\n\r\n Monto\r\n | \r\n
|---|---|---|---|---|---|
| \r\n {props.recibo.TipoPago.Descripcion}\r\n | \r\n\r\n {props.recibo.TipoPago.TiposdePagoDetalle[0].Descripcion}\r\n | \r\n\r\n {moment(props.recibo.FechaPago).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n {props.recibo.Referencia}\r\n | \r\n\r\n {props.recibo.DescripcionBanco}\r\n | \r\n\r\n {numberWithCommas(props.recibo.Valor)}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n | \r\n Documento\r\n | \r\n\r\n Fecha\r\n | \r\n\r\n\r\n | \r\n\r\n\r\n | \r\n\r\n Parcial\r\n | \r\n\r\n Aplicado\r\n | \r\n
|---|---|---|---|---|---|
| \r\n {factu.Tipo}\r\n | \r\n\r\n {moment(factu.FechaFactura).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n {factu.EsAbono === true && \"Abono\"}\r\n {factu.EsAbono === false && \"Cancelado\"}\r\n | \r\n\r\n\r\n | \r\n\r\n {/* 6,182.40 */}\r\n {numberWithCommas(Number(factu.ValorFactura))}\r\n | \r\n\r\n {factu.cuota ? \"Cuota: \" + factu.cuota : \"\"}\r\n | \r\n
| \r\n {factu.Factura}\r\n {factu.NumeroFel !== \"\" && factu.NumeroFel !== null &&\r\n \" - FEL: \" + factu.NumeroFel\r\n }\r\n | \r\n\r\n {\"Dias: \" + factu.DiasVencimiento}\r\n | \r\n\r\n Desc\r\n {/* {factu.Parcial2 !=='0' ? 'D':'' } */}\r\n | \r\n\r\n\r\n | \r\n\r\n {numberWithCommas(Number(factu.Descuento))}\r\n {/* {factu.Parcial2} */}\r\n | \r\n\r\n {numberWithCommas(factu.Valor)}\r\n | \r\n
\r\n
\r\n\r\n \r\n Total Recibo:\r\n {moneda}\r\n {numberWithCommas(props.recibo.Valor)}\r\n
\r\n\r\n {props.recibo.firma !== \"\" && 
}\r\n
\r\n \r\n
\r\n \r\n {props.recibo.NombreAsesor}\r\n
\r\n\r\n 
\r\n
\r\n ))\r\n }\r\n\r\n useEffect(() => {\r\n obtenerFirmaRecibo();\r\n }, [])\r\n\r\n return (\r\n <>\r\n {e.dpi}
\r\n\r\n \r\n {moment(e.fecha).format('DD/MM/YYYY hh:mm a')}\r\n
\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nconst numberWithCommas = (x) => {\r\n try {\r\n x = x.toFixed(2);\r\n }\r\n catch (error) {\r\n x = parseFloat(x).toFixed(2);\r\n }\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Button, Dialog,DialogContent,DialogActions} from \"@material-ui/core\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport Recibo from \"components/ListadoRecibos/Recibo\";\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport moment from \"moment\";\r\nimport ReactToPrint from 'react-to-print';\r\nimport {ReciboReporte} from './ReciboReporte';\r\nimport { PermisoUsuarioOficinaCreditos } from 'components/Seguridad/Permisos';\r\nmoment.locale('es');\r\n\r\nconst Listado = (props) => {\r\n const [openModal,setOpenModal] = useState(false);\r\n const componentRef = React.useRef();\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\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 \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n\r\n
\r\n \r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n {props.recibo.Cliente.Codigo}\r\n
\r\n\r\n
\r\n \r\n {'No. ' + props.recibo.NumeroRecibo}\r\n {props.recibo.anulado && ANULADO}\r\n
\r\n\r\n
\r\n \r\n {NombreCliente}\r\n
\r\n\r\n
\r\n \r\n {DireccionCliente}\r\n
\r\n\r\n
\r\n\r\n {mostrarDepositos()}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n Fecha: {moment(props.recibo.Fecha).format('DD/MM/YYYY hh:mm a')}\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n
\r\n | \r\n Tipo Pago\r\n | \r\n\r\n Esp. Pago\r\n | \r\n\r\n Fecha\r\n | \r\n\r\n Referencia\r\n | \r\n\r\n Banco\r\n | \r\n\r\n Monto\r\n | \r\n
|---|---|---|---|---|---|
| \r\n {props.recibo.TipoPago.Descripcion}\r\n | \r\n\r\n {props.recibo.TipoPago.TiposdePagoDetalle[0].Descripcion}\r\n | \r\n\r\n {moment(props.recibo.FechaPago).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n {props.recibo.Referencia}\r\n | \r\n\r\n {props.recibo.DescripcionBanco}\r\n | \r\n\r\n {numberWithCommas(props.recibo.Valor)}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n | \r\n Documento\r\n | \r\n\r\n Fecha\r\n | \r\n\r\n\r\n | \r\n\r\n\r\n | \r\n\r\n Parcial\r\n | \r\n\r\n Aplicado\r\n | \r\n
|---|---|---|---|---|---|
| \r\n {factu.Tipo}\r\n | \r\n\r\n {moment(factu.FechaFactura).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n {factu.EsAbono === true && \"Abono\"}\r\n {factu.EsAbono === false && \"Cancelado\"}\r\n | \r\n\r\n\r\n | \r\n\r\n {/* 6,182.40 */}\r\n {numberWithCommas(Number(factu.ValorFactura))}\r\n | \r\n\r\n {factu.cuota ? \"Cuota: \" + factu.cuota : \"\"}\r\n | \r\n
| \r\n {factu.Factura}\r\n {factu.NumeroFel !== \"\" && factu.NumeroFel !== null &&\r\n \" - FEL: \" + factu.NumeroFel\r\n }\r\n | \r\n\r\n {\"Dias: \" + factu.DiasVencimiento}\r\n | \r\n\r\n Desc\r\n {/* {factu.Parcial2 !=='0' ? 'D':'' } */}\r\n | \r\n\r\n\r\n | \r\n\r\n {numberWithCommas(Number(factu.Descuento))}\r\n {/* {factu.Parcial2} */}\r\n | \r\n\r\n {numberWithCommas(factu.Valor)}\r\n | \r\n
\r\n
\r\n\r\n \r\n Total Recibo:\r\n {moneda}\r\n {numberWithCommas(props.recibo.Valor)}\r\n
\r\n\r\n {firmaAsesor !== \"\" && 
}\r\n
\r\n \r\n
\r\n \r\n {nombreAsesor}\r\n
\r\n\r\n {(props.mostrarGenerarReporte && PermisoUsuarioOficinaCreditos()) && \r\n setOpenModal(false)}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n \r\n
\r\n {props.recibos.map((x,i)=>)}\r\n \r\n \r\n \r\n \r\n }\r\n content={() => componentRef.current}\r\n />\r\n \r\n \r\n }\r\n props.hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n {\r\n props.DialogRecibo &&\r\n
\r\n );\r\n}\r\n\r\nexport default Listado;","import React, { useState, useEffect } from 'react';\r\nimport Loader from 'components/Global/Loader';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport { Button } from \"@material-ui/core\";\r\nimport DetalleRecibo from 'components/ListadoRecibos/DetalleRecibo';\r\nimport { PrintOutlined, Image } from '@material-ui/icons';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport Listado from 'components/ListadoRecibos/Listado';\r\nimport LoadingModal from './../../components/Global/LoadingModal';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport { IsAllow, PermisoUsuarioOficinaCreditos, PermisoHabilitarReimpresion } from 'components/Seguridad/Permisos';\r\nimport { useSelector } from 'react-redux';\r\nimport { verificarConexion } from 'utils/http';\r\nimport axios from 'axios';\r\nmoment.locale('es');\r\n\r\nconst ListaRecibos = (props) => {\r\n const urlApi = APIURL;\r\n\r\n const [showModalUpload, setShowModalUpload] = useState(false);\r\n const [numeroRecibo, setNumeroRecibo] = useState(\"\");\r\n const [imagenDepositos, setImagenDepositos] = useState();\r\n const [error, setError] = useState(false);\r\n const [isLoaded, setIsLoaded] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), 1));\r\n const [startDate, setStartDate] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 30));\r\n const [endDate, setEndDate] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()));\r\n const [recibos, setRecibos] = useState([]);\r\n const [recibo, setRecibo] = useState(null);\r\n const [showDialog, setShowDialog] = useState(false);\r\n const [DialogRecibo, setDialogRecibo] = useState(null);\r\n const [isLoading, setLoading] = useState(false);\r\n const [Asesores, setAsesores] = useState([]);\r\n const [AsesorSelected, setAsesorSelected] = useState(null);\r\n const [nombreAsesor, setNombreAsesor] = useState(null);\r\n const AsesoresUsuario = useSelector(e => e.Permisos[0].AsesoresUsuario);\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/lista-recibos\")) {\r\n props.history.push('/home');\r\n }\r\n cargarRecibos(\"1900-01-01\", \"1900-01-01\");\r\n let Asesores = [];\r\n AsesoresUsuario.map((Ase) => {\r\n let Valores = { key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }\r\n Asesores.push(Valores);\r\n return true;\r\n })\r\n setAsesores(Asesores)\r\n setAsesorSelected(AsesoresUsuario[0].Usuario)\r\n setNombreAsesor(AsesoresUsuario[0].Nombre);\r\n //cargarClientes();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n const cambiarRecibo = (recibo) => {\r\n setRecibo(recibo);\r\n }\r\n\r\n const cargarRecibos = async (FechaInicio, FechaFin) => {\r\n const isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\") === \"offline\") {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar esta pagina.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n });\r\n setLoading(true);\r\n } else if (localStorage.getItem(\"Conexion\") === \"Online\" && isOnline) {\r\n setLoading(true);\r\n var Inicio = moment(FechaInicio).format(\"YYYY-MM-DD\");\r\n var Fin = moment(FechaFin).format(\"YYYY-MM-DD\");\r\n let Asesor = AsesorSelected == null ? AsesoresUsuario[0].Usuario : AsesorSelected;\r\n fetch(urlApi + \"/api/Recibo/\" + Asesor + \"/\" + Inicio + \"/\" + Fin, {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n\r\n }\r\n }).then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(\r\n (result) => {\r\n setRecibos(result);\r\n setIsLoaded(true);\r\n setLoading(false);\r\n },\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n setError(error);\r\n setIsLoaded(true);\r\n }\r\n )\r\n }\r\n })\r\n }\r\n }\r\n\r\n\r\n\r\n const handleFechaInicio = (fecha) => {\r\n\r\n var date = moment(fecha).toDate();\r\n\r\n var fech = moment(fecha).toDate();\r\n fech.setMonth(date.getMonth() + 1);\r\n\r\n setStartDate(date);\r\n setEndDate(fech);\r\n }\r\n\r\n const handleFechaFin = (fecha) => {\r\n var date = moment(fecha).toDate();\r\n\r\n const diffTime = new Date(date) - new Date(startDate);\r\n\r\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n if (diffDays > 1) {\r\n setEndDate(date);\r\n }\r\n else {\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Ingrese Fecha VĆ”lida',\r\n })\r\n var fech = new Date();\r\n fech.setDate(startDate.getDate() + 6);\r\n setEndDate(fech);\r\n }\r\n }\r\n\r\n const handleOnChangeAsesor = (value) => {\r\n setAsesorSelected(value);\r\n const asesorFiltadro = AsesoresUsuario.find(x => x.Usuario === value);\r\n if (asesorFiltadro) {\r\n setNombreAsesor(asesorFiltadro.Nombre);\r\n }\r\n }\r\n\r\n const handleOpenModal = (numeroRecibo) => {\r\n setShowModalUpload(true);\r\n setNumeroRecibo(numeroRecibo);\r\n }\r\n\r\n const handleFilesChange = (e) => {\r\n setImagenDepositos(e.target.files);\r\n }\r\n\r\n const uploadDepositos = async () => {\r\n try {\r\n if (numeroRecibo === \"\" || imagenDepositos === undefined) {\r\n alert(\"Seleccione uno o varios depositos para subir.\");\r\n return;\r\n }\r\n\r\n let formData = new FormData();\r\n\r\n for (let i = 0; i < imagenDepositos.length; i++) {\r\n formData.append(`images`, imagenDepositos[i]);\r\n }\r\n\r\n await axios.post(`${APIURL}/api/recibo/comprobantes/${numeroRecibo}`, formData, { headers: { 'Content-Type': 'multipart/form-data' } });\r\n alert(\"Depositos subidos con exito.\");\r\n setShowModalUpload(false);\r\n setNumeroRecibo(\"\");\r\n setImagenDepositos(undefined);\r\n } catch (err) {\r\n alert(\"Ocurrio un error y no se pudieron subir los depositos\");\r\n }\r\n }\r\n\r\n const anularRecibo = async (numeroRecibo, anulado) => {\r\n const mensaje = anulado ? \"activar\" : \"anular\";\r\n try {\r\n\r\n const result = window.confirm(`ĀæEsta seguro de ${mensaje} el recibo ${numeroRecibo}?`);\r\n if (result) {\r\n await axios.delete(`${APIURL}/api/recibo/anular/${numeroRecibo}`);\r\n alert(`El recibo ${numeroRecibo} ha sido ${mensaje} con exito.`);\r\n }\r\n } catch (err) {\r\n alert(`Ha ocurrido un error y no se pudo ${mensaje} el recibo.`);\r\n }\r\n }\r\n\r\n const habilitarReimpresion = async (numeroRecibo, activado) => {\r\n const mensaje = activado ? \"desactivar\" : \"activar\";\r\n try {\r\n const result = await Swal.fire({\r\n title: 'Confirmado',\r\n text: `ĀæEstĆ” seguro de ${mensaje} la reimpresiĆ³n del recibo ${numeroRecibo}?`,\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: mensaje,\r\n cancelButtonText: 'Cancelar'\r\n });\r\n\r\n if (result.value) {\r\n await axios.put(`${APIURL}/api/recibo/reimpresion/${numeroRecibo}`);\r\n Swal.fire('Ćxito', `El recibo ${numeroRecibo} ha sido ${mensaje} con Ć©xito.`, 'success');\r\n }\r\n } catch (err) {\r\n Swal.fire('Error', `Ha ocurrido un error y no se pudo ${mensaje} el recibo.`, 'error');\r\n }\r\n }\r\n\r\n const habilitarReimpresionOriginal = async (numeroRecibo, activado) => {\r\n const mensaje = activado ? \"desactivar\" : \"activar\";\r\n try {\r\n const result = await Swal.fire({\r\n title: 'Confirmado',\r\n text: `ĀæEstĆ” seguro de ${mensaje} la reimpresiĆ³n original del recibo ${numeroRecibo}?`,\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: mensaje,\r\n cancelButtonText: 'Cancelar'\r\n });\r\n\r\n if (result.value) {\r\n await axios.put(`${APIURL}/api/recibo/original/${numeroRecibo}`);\r\n Swal.fire('Ćxito', `El recibo ${numeroRecibo} ha sido ${mensaje} como original con Ć©xito.`, 'success');\r\n }\r\n } catch (err) {\r\n Swal.fire('Error', `Ha ocurrido un error y no se pudo ${mensaje} el recibo.`, 'error');\r\n }\r\n }\r\n\r\n const DataRecibos = () => {\r\n let DataRecibos = [];\r\n\r\n if (recibos != null) {\r\n\r\n }\r\n\r\n recibos.map(recib => {\r\n\r\n let fechaIni = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());\r\n let fechaFin = new Date(endDate.getFullYear(), endDate.getMonth(), endDate.getDate());\r\n fechaFin.setDate(fechaFin.getDate() + 1);\r\n\r\n if (moment(fechaIni) < moment(recib.Fecha) && moment(recib.Fecha) < moment(fechaFin)) {\r\n let data =\r\n [\r\n [recib.NumeroRecibo, recib.Sincronizado],\r\n [recib.CodigoCliente, recib.Sincronizado],\r\n [recib.Cliente.Nombre, recib.Sincronizado],\r\n [moment(recib.Fecha).format('DD/MM/YYYY'), recib.Sincronizado],\r\n [recib.TipoPago.Descripcion, recib.Sincronizado],\r\n [recib.Referencia, recib.Sincronizado],\r\n [moment(recib.Fecha).format('DD/MM/YYYY'), recib.Sincronizado],\r\n [recib.DescripcionBanco, recib.Sincronizado],\r\n [recib.Valor, recib.Sincronizado],\r\n [recib.IdMoneda, recib.Sincronizado],\r\n [recib.Sincronizado],\r\n [recib.CodigoAsesor, recib.Sincronizado],\r\n [recib.DetalleRecibo[0].Factura, recib.Sincronizado],\r\n [recib.Descuento, recib.Sincronizado],\r\n {`${props.startDate.getDate()}/${props.startDate.getMonth() + 1}/${props.startDate.getFullYear()}`} - {`${props.endDate.getDate()}/${props.endDate.getMonth() + 1}/${props.endDate.getFullYear()} - ${props.nombreAsesor}`}
\r\n\r\n {props.recibos.map((x,i)=>
\r\n
\r\n \r\n props.handleFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n props.handleFechaFin(date)}\r\n />\r\n
\r\n \r\n props.handleOnChangeAsesor(value)}\r\n options={props.Asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={props.AsesorSelected}\r\n />\r\n
\r\n \r\n props.cargarRecibos(props.startDate, props.endDate)}\r\n >Obtener\r\n \r\n
\r\n \r\n {(props.mostrarGenerarReporte && PermisoUsuarioOficinaCreditos()) && setOpenModal(true)}\r\n >Generar reporte\r\n }\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {recib.depositos.length === 0 ? \"No\" : \"Si\"}
,\r\n \r\n\r\n \r\n \r\n \r\n {PermisoUsuarioOficinaCreditos() && \r\n \r\n }\r\n {PermisoHabilitarReimpresion() && \r\n \r\n \r\n }\r\n {(PermisoUsuarioOficinaCreditos() || recib.Reimpresion) && \r\n \r\n }\r\n\r\n \r\n \r\n \r\n
\r\n ]\r\n DataRecibos.push(data);\r\n }\r\n return false;\r\n });\r\n\r\n DataRecibos.sort((a, b) => (a[0][0] > b[0][0]) ? -1 : ((b[0][0] > a[0][0]) ? 1 : 0));\r\n return DataRecibos;\r\n\r\n }\r\n\r\n const showPrint = async (recibo) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Recibo/obtenerfirma/${recibo.NumeroRecibo}`);\r\n let copyRecibo = { ...recibo };\r\n copyRecibo.NombreAsesor = request.data.nombreAsesor;\r\n copyRecibo.firma = request.data.firma;\r\n setDialogRecibo(copyRecibo);\r\n setShowDialog(true);\r\n } catch (err) {\r\n setDialogRecibo(recibo);\r\n setShowDialog(true);\r\n }\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogRecibo(null);\r\n }\r\n\r\n\r\n const RegresarListaRecibos = () => {\r\n setRecibo(null);\r\n }\r\n\r\n if (!isLoaded) {\r\n return Error: {error.message}
;\r\n }\r\n if (recibo != null) {\r\n\r\n return (\r\n Cargar depositos
\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"CodigoCliente\",\r\n label: \"Codigo Cliente\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"NombreCliente\",\r\n label: \"Nombre Cliente\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Fecha\",\r\n label: \"Fecha\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"IdTipoPago\",\r\n label: \"TipoPago\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Referencia\",\r\n label: \"Referencia\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaCheque\",\r\n label: \"Fecha Cheque\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"IdBanco\",\r\n label: \"Banco\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Valor\",\r\n label: \"Valor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"IdMoneda\",\r\n label: \"Moneda\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Sincronizado\",\r\n label: \"Sincronizado\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0] ? \"Si\" : \"No\"}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"CodigoAsesor\",\r\n label: \"Codigo Asesor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"IdFactura\",\r\n label: \"Factura\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Descuento\",\r\n label: \"Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"Deposito\",\r\n label: \"Deposito\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n {\r\n name: \"Acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n props.handleFechaDialogInicio(date)}\r\n />\r\n
\r\n Hora Inicio:
\r\n\r\n \r\n Prioridad \r\n handlePrioridadRadio(event)} row>\r\n {PrioridadesAsignacion.map((priAsig, index) => {\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\n | \r\n Tipo\r\n | \r\n\r\n Tiempo\r\n | \r\n
|---|---|
| \r\n {tipVisCli.Nombre}\r\n | \r\n\r\n | \r\n
\r\n \r\n {\r\n props.ButtonQuitarDisabled ? null :\r\n \r\n }\r\n\r\n \r\n
\r\n\r\n Cargar asignaciones
\r\n\r\n
\r\n\r\n Cargar agenda\r\n \r\n
\r\n }\r\n\r\n \r\n
| # | \r\nCodigo Asesor | \r\nCodigo Cliente | \r\nEmpresa | \r\nFecha AsignaciĆ³n | \r\nHora Inicio | \r\nHora Final | \r\nPrioridad | \r\n
|---|---|---|---|---|---|---|---|
| {i + 2} | \r\n{x.CodigoAsesor} | \r\n{x.CodigoCliente} | \r\n{x.Empresa} | \r\n{x.FechaAsignacion} | \r\n{x.HoraInicio} | \r\n{x.HoraFinal} | \r\n{x.idPrioridad} | \r\n
Error: {error.message}
;\r\n } else if (!isLoaded || !LoadedTiempoEstimado) {\r\n return \r\n \r\n \r\n Asignar Trabajo\r\n \r\n\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.limpiarAsignacionesShow(false) }}\r\n color=\"primary\"\r\n variant=\"outlined\">\r\n Cancelar\r\n \r\n { this.limpiarAsignaciones() }}\r\n color=\"primary\"\r\n variant=\"outlined\">\r\n Limpiar\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n { this.eliminarRangoAsignacionesShow(false) }}\r\n color=\"primary\"\r\n variant=\"outlined\">\r\n Cancelar\r\n \r\n { this.eliminarRangoAsignaciones() }}\r\n color=\"primary\"\r\n variant=\"outlined\">\r\n Eliminar\r\n \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.handleFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n this.handleFechaFin(date)}\r\n />\r\n
\r\n\r\n \r\n this.handleOnChangeAsesor(value)}\r\n options={this.state.Asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={this.state.AsesorSelected}\r\n />\r\n
\r\n\r\n \r\n Asesor\r\n
\r\n \r\n this.handleOnChange(value)}\r\n options={this.state.Rutas}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={this.state.RutaSelected}\r\n />\r\n
\r\n\r\n \r\n Ruta\r\n
\r\n \r\n\r\n this.onClick()}>\r\n {this.state.GuardarAsignacion ?\r\n
\r\n \r\n { this.setCargar(true) }}>\r\n Cargar asignaciones\r\n \r\n
\r\n\r\n \r\n { this.limpiarAsignacionesShow(true) }}>\r\n Liberar Asignaciones\r\n \r\n { this.eliminarRangoAsignacionesShow(true) }}>\r\n Eliminar rango visitas\r\n \r\n
\r\n Liberar asignaciones
\r\n\r\n
\r\n ĀæEstas seguro de liberar las asignaciones de {this.state.AsesorSelected}?
\r\n\r\n \r\n
\r\n \r\n\r\n
Eliminar asignaciones
\r\n\r\n
\r\n \r\n ĀæEstas seguro de eliminar las asignaciones de {this.state.AsesorSelected}?
\r\n\r\n
Desde: {moment(this.state.startDate).format(\"DD-MM-YYYY\").toString()}
\r\nHasta: {moment(this.state.endDate).format(\"DD-MM-YYYY\").toString()}
\r\n\r\n\r\n {\r\n this.state.ShowTable &&\r\n
\r\n \r\n {this.Table()}\r\n
\r\n }\r\n \r\n
\r\n\r\n \r\n this.handleFechaDialogInicio(date)}\r\n />\r\n
\r\n\r\n Hora Inicio:
\r\n\r\n \r\n {\r\n this.getTiempoEstimado()\r\n }\r\n \r\n
\r\n\r\n Tiempo Estimado:
\r\n\r\n\r\n \r\n Prioridad \r\n this.handlePrioridadRadio(event)} row>\r\n {this.state.PrioridadesAsignacion.map((priAsig, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.TiposVisitaCliente.map((tipVisCli, index) => {\r\n return (\r\n \r\n\r\n );\r\n })}\r\n \r\n
\r\n Tipo Visita:
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n this.handleFechaDialogInicio(date)}\r\n />\r\n
\r\n Hora Inicio:
\r\n\r\n \r\n Prioridad \r\n this.handlePrioridadRadio(event)} row>\r\n {this.state.PrioridadesAsignacion.map((priAsig, index) => {\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\n | \r\n Tipo\r\n | \r\n\r\n Tiempo\r\n | \r\n
|---|---|
| \r\n {tipVisCli.Nombre}\r\n | \r\n\r\n | \r\n
\r\n \r\n {\r\n this.state.ButtonQuitarDisabled ? null :\r\n <>\r\n \r\n {this.state.IdAsignacion && ()}\r\n \r\n }\r\n\r\n \r\n
\r\n\r\n | Codigo | \r\nClientes / DĆas | \r\n {/*Ruta | */}\r\nCiudad | \r\n {\r\n header.map((dia) => {\r\n return (\r\n{dia.dia} | \r\n )\r\n })\r\n }\r\n
|---|---|---|---|---|
| {cliente.Codigo} | \r\n{cliente.Nombre} | \r\n {/*{cliente.Ruta} | */}\r\n{cliente.Direccion} | \r\n {\r\n filas.map(elemento => elemento)\r\n }\r\n
' + msjAsignacion + '
';\r\n }\r\n return ' ' + msjAsignacion + '
';\r\n }\r\n\r\n\r\n enviarPromesaPago = async () => {\r\n try {\r\n this.setState({ OpenModalPromesaPago: false, date: new Date(), valorPago: 0 })\r\n let postBody = {\r\n IdAsignacionXAsesor: this.state.IdAsignacion,\r\n FechaPromesa: this.state.date,\r\n Valor: this.state.valorPago,\r\n }\r\n\r\n await axios.post(`${APIURL}/api/promesaPago/crear`, postBody, {\r\n headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\r\n }).then((response) => {\r\n\r\n console.log(this.alertPromesaPago(response.data.success, response.data.msjAsignacion).toString())\r\n\r\n Swal.fire({\r\n title: 'Registro Guardado',\r\n html: response.data.msjPromesa + '' + this.alertPromesaPago(response.data.success, response.data.msjAsignacion).toString(),\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n target: this.myRef.current\r\n })\r\n });\r\n\r\n } catch (err) {\r\n console.log(\"err\", err)\r\n Swal.fire({\r\n title: 'Error',\r\n text: err.response.data.Message,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n target: this.myRef.current\r\n })\r\n }\r\n }\r\n\r\n\r\n enviarRazonesNoVenta = async () => {\r\n try {\r\n this.setState({ OpenModalNoVenta: false, NoVentaSelected: null, ComentarioRazonNoVenta: '' })\r\n let postBody = {\r\n IdAsignacionXAsesor: this.state.IdAsignacion,\r\n IdRazonNoVenta: this.state.NoVentaSelected,\r\n Comentarios: this.state.ComentarioRazonNoVenta,\r\n }\r\n\r\n await axios.post(`${APIURL}/api/bitacoraRazonNoVenta/crear`, postBody, {\r\n headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\r\n });\r\n this.enviarCheckin(\"checkout\")\r\n } catch (err) {\r\n console.log(\"err\", err)\r\n Swal.fire({\r\n title: 'Error',\r\n text: err.response.data.Message,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n target: this.myRef.current\r\n })\r\n }\r\n }\r\n\r\n enviarCheckin = (check) => {\r\n ObtenerCoordenadas((position) => {\r\n this.enviarCheckinApi({\r\n longitude: position.coords.longitude,\r\n latitude: position.coords.latitude\r\n }, check)\r\n }, (error) => {\r\n this.enviarCheckinApi(null, check);\r\n });\r\n }\r\n\r\n getFechas = (meses) => {\r\n var actual = new Date();\r\n var inicio = new Date(actual.getFullYear(), actual.getMonth(), 1);\r\n var mesesdespues = new Date(inicio);\r\n mesesdespues = new Date(mesesdespues.setMonth(mesesdespues.getMonth() + meses));\r\n var fin = new Date(mesesdespues - 1);\r\n\r\n return { Inicio: moment(inicio).format(), Fin: moment(fin).format() }\r\n }\r\n\r\n\r\n renderMarkers() {\r\n if (this.state.map !== null) {\r\n let map = this.state.map;\r\n\r\n let infowindow = new this.state.maps.InfoWindow({\r\n content: this.state.clienteActivo.nombre,\r\n });\r\n let marker = new this.state.maps.Marker({\r\n position: {\r\n lat: this.state.clienteActivo.latitud,\r\n lng: this.state.clienteActivo.longitud,\r\n },\r\n // label: cliente.Nombre,\r\n map: map,\r\n title: this.state.clienteActivo.nombre\r\n });\r\n marker.addListener('click', function () {\r\n infowindow.open(map, marker);\r\n });\r\n map.addListener('click', function () {\r\n infowindow.close();\r\n });\r\n }\r\n\r\n }\r\n setMapsApi = (map, maps) => {\r\n this.setState({ map, maps });\r\n this.renderMarkers();\r\n }\r\n\r\n setAsignaciones = (asignaciones) => {\r\n var eventos = [];\r\n let tareas = [];\r\n\r\n asignaciones.map(dia => {\r\n // eslint-disable-next-line\r\n dia.asignaciones.map(asignacion => {\r\n if (asignacion.Asesor === this.state.AsesorSelected) {\r\n let prioridad = asignacion.IdPrioridad;\r\n let textColor = 'white';\r\n let color = asignacion.ColorRelleno;\r\n let fechainicio = moment(asignacion.HoraInicio).format();\r\n let fechaFin = moment(asignacion.HoraFin).format();\r\n let cliente = asignacion.cliente;\r\n let latitud = 0;\r\n let longitud = 0;\r\n let IdAsignacion = asignacion.IdAsignacionxAsesor;\r\n let objetoCliente = {};\r\n let Checkin = asignacion.Checkin;\r\n let Checkout = asignacion.Checkout;\r\n let EsPromesaPago = (asignacion.EsPromesaPago) ? \"============= VISITA PROMESA PAGO =============\" : \"\";\r\n\r\n\r\n this.state.clientes.some(clien => {\r\n\r\n if (clien.Codigo === asignacion.cliente) {\r\n if (!(clien.FacturacionEntrega === \"No\" || clien.FacturacionEntrega === \"Nunca\")) {\r\n cliente = \"ā \" + clien.Nombre;\r\n }\r\n else {\r\n cliente = clien.Nombre;\r\n }\r\n objetoCliente = { ...clien }\r\n latitud = clien.Latitud;\r\n longitud = clien.Longitud;\r\n return true\r\n }\r\n return false;\r\n })\r\n\r\n var evento = {\r\n title: cliente + EsPromesaPago,\r\n start: fechainicio,\r\n end: fechaFin,\r\n textColor: textColor,\r\n color: color,\r\n extendedProps: {\r\n Codigo: asignacion.cliente,\r\n Longitud: longitud,\r\n Latitud: latitud,\r\n IdAsignacion: IdAsignacion,\r\n Prioridad: prioridad,\r\n Checkin,\r\n Checkout\r\n },\r\n cliente: objetoCliente\r\n }\r\n\r\n let tarea = {\r\n Codigo: asignacion.cliente,\r\n IdAsignacion: IdAsignacion,\r\n Checkin,\r\n Checkout,\r\n CheckinApi: Checkin,\r\n CheckoutApi: Checkout,\r\n Bloqueo: Checkout,\r\n fechaIngreso: fechainicio\r\n }\r\n\r\n tareas.push(tarea);\r\n eventos.push(evento);\r\n return false;\r\n }\r\n })\r\n return false;\r\n })\r\n this.props.onSaveAsignaciones(tareas);\r\n return eventos;\r\n }\r\n\r\n onClickEvento = (info) => {\r\n let prioridad;\r\n\r\n switch (info.event.extendedProps.Prioridad) {\r\n case 1:\r\n prioridad = \"Baja\";\r\n break;\r\n case 2:\r\n prioridad = \"Media\";\r\n break;\r\n case 3:\r\n prioridad = \"Alta\";\r\n break;\r\n\r\n default:\r\n prioridad = \"Baja\";\r\n break;\r\n }\r\n\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n IdAsignacion: info.event.extendedProps.IdAsignacion,\r\n checkin: info.event.extendedProps.Checkin,\r\n checkout: info.event.extendedProps.Checkout\r\n }));\r\n\r\n let clienteActivo = {\r\n nombre: info.event.title,\r\n fechaFin: moment(info.event.end).format(\"DD/MM/YYYY hh:mm A\"),\r\n fechaInicio: moment(info.event.start).format(\"DD/MM/YYYY hh:mm A\"),\r\n codigo: info.event.extendedProps.Codigo,\r\n latitud: info.event.extendedProps.Latitud,\r\n longitud: info.event.extendedProps.Longitud,\r\n IdAsignacion: info.event.extendedProps.IdAsignacion,\r\n prioridad: prioridad,\r\n color: info.el.style.backgroundColor,\r\n cliente: info.event.extendedProps.cliente\r\n };\r\n let showAcciones = true;\r\n if (moment(info.event.end).toDate() < new Date()) {\r\n showAcciones = false;\r\n }\r\n this.setState({\r\n mostarEvento: true,\r\n mostrarAcciones: showAcciones,\r\n noAtendido: false,\r\n tipoSelected: false,\r\n razonSelected: false,\r\n tipo: null,\r\n razon: null,\r\n Observacion: '',\r\n clienteActivo: clienteActivo,\r\n ComentarioRazonNoVenta: ''\r\n });\r\n\r\n this.setState({\r\n isModalLoaded: true\r\n });\r\n }\r\n\r\n onClickModal = (route, codigo) => {\r\n this.props.history.push(route, { CodigoCliente: codigo });\r\n }\r\n\r\n OpenModalFacturas = (futuras) => {\r\n let DataModal = [];\r\n this.state.clienteActivo.cliente.AcuerdosXTipoPedido.forEach(acuXTipPed => {\r\n acuXTipPed.Acuerdos.forEach(acu => {\r\n acu.Facturas.forEach(fact => {\r\n fact.Cuotas.forEach(cuot => {\r\n let vencio = true;\r\n if (futuras) {\r\n vencio = moment(cuot.FechaVencimiento).isBetween(moment(), moment().add(15, 'day'), 'days');\r\n } else {\r\n vencio = (moment().isAfter(cuot.FechaVencimiento, 'days')) || moment().isSame(cuot.FechaVencimiento, 'days')\r\n }\r\n if (cuot.Saldo > 0 && vencio) {\r\n DataModal.push({\r\n Tipo: cuot.TipoDocumento,\r\n NumeroFactura: fact.Factura,\r\n Fecha: moment(cuot.Factura.FechaFactura).format(\"DD/MM/YYYY\"),\r\n Vencimiento: moment(cuot.FechaVencimiento).format(\"DD/MM/YYYY\"),\r\n Dias: moment(cuot.FechaVencimiento).diff(moment(new Date()), 'days'),\r\n FechaDescuento: moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\"),\r\n DiasDescuento: moment(cuot.FechaMaxDescuento).diff(moment(new Date()), 'days') + 1,\r\n Valor: cuot.ValorCuota.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'),\r\n Saldo: cuot.Saldo.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'),\r\n });\r\n }\r\n });\r\n });\r\n });\r\n });\r\n\r\n\r\n this.setState({\r\n ShowModalFacturas: true,\r\n DataModalFacturas: DataModal,\r\n });\r\n }\r\n CloseModalFacturas = (state) => {\r\n\r\n this.setState({\r\n ShowModalFacturas: state,\r\n });\r\n }\r\n\r\n onClickAsignacion = () => {\r\n this.props.history.push(\"/Asignacion\");\r\n }\r\n onClickAsesores = () => {\r\n this.setState({ OpenModalAsesor: true });\r\n }\r\n onCloseModalAtendido = () => {\r\n let noAtendido = false;\r\n if (!this.state.noAtendido) {\r\n noAtendido = true;\r\n }\r\n\r\n this.state.isModalLoaded && this.setState({ mostarNoAtendido: false, noAtendido: noAtendido, })\r\n }\r\n\r\n onClickAgenda = (info) => {\r\n info.dayEl.style.backgroundColor = '#ddd';\r\n }\r\n\r\n opcionTipos = () => {\r\n const opciones = [];\r\n\r\n this.state.CausaNoVenta.map((tipo) => {\r\n let opcion = (\r\n \r\n )\r\n opciones.push(opcion);\r\n return false;\r\n });\r\n return opciones\r\n }\r\n\r\n opcionRazonNoVenta = () => {\r\n const opciones = [];\r\n this.state.RazonNoVenta.filter(x => x.Activo === true).map((razon) => {\r\n let opcion = (\r\n \r\n )\r\n opciones.push(opcion);\r\n return false;\r\n });\r\n return opciones\r\n }\r\n\r\n opcionAsesores = () => {\r\n const opciones = [];\r\n\r\n this.state.Asesores.map((ase, index) => {\r\n\r\n let opcion = (\r\n \r\n )\r\n opciones.push(opcion);\r\n return false;\r\n });\r\n return opciones\r\n }\r\n\r\n opcionCausas = () => {\r\n const opciones = [];\r\n\r\n this.state.CausaNoVenta.map((tipo) => {\r\n\r\n if (tipo.IdRazonNoVentaTipo === this.state.tipo) {\r\n let Razones = tipo.RazonesNoVenta;\r\n Razones.map((razon) => {\r\n let opcion = (\r\n \r\n )\r\n\r\n opciones.push(opcion);\r\n return false;\r\n })\r\n }\r\n return false;\r\n });\r\n return opciones\r\n }\r\n\r\n onChangeAsesor = () => {\r\n /*this.cargarClientes();\r\n var eventos = this.setAsignaciones(this.state.Asignaciones);\r\n this.setState({\r\n Eventos: eventos,\r\n OpenModalAsesor: false,\r\n clienteActivo : false\r\n })*/\r\n this.cargarAsignacionesConClientes();\r\n }\r\n\r\n handleOnChangeAsesor = (event) => {\r\n this.setState({\r\n AsesorSelected: event.target.value,\r\n });\r\n }\r\n\r\n handleChangeTipo = (event) => {\r\n this.setState({\r\n tipo: event.target.value,\r\n tipoSelected: true,\r\n razon: null,\r\n razonSelected: false,\r\n })\r\n }\r\n\r\n handleRazonNoVenta = (event) => {\r\n this.setState({\r\n NoVentaSelected: event.target.value,\r\n })\r\n }\r\n\r\n handleChangeCausa = (event) => {\r\n this.setState({\r\n razon: event.target.value,\r\n razonSelected: true,\r\n })\r\n }\r\n\r\n handleChangeObservacion = (event) => {\r\n this.setState({\r\n Observacion: event.target.value,\r\n })\r\n }\r\n\r\n handleChangeComentario = (event) => {\r\n this.setState({\r\n ComentarioRazonNoVenta: event.target.value,\r\n })\r\n }\r\n\r\n handleChangeValorPago = (event) => {\r\n this.setState({\r\n valorPago: event.target.value,\r\n })\r\n }\r\n\r\n guardarRazon = () => {\r\n this.setState({\r\n guardandoRazon: true,\r\n })\r\n\r\n let postBody = {\r\n Fecha: new moment().format(),\r\n IdRazonNoVentaTipo: this.state.tipo,\r\n IdRazonNoVentaCausa: this.state.razon,\r\n CodigoCliente: this.state.clienteActivo.codigo,\r\n IdAsignacionxAsesor: this.state.clienteActivo.IdAsignacion,\r\n Observacion: this.state.Observacion,\r\n }\r\n\r\n fetch(this.urlApi + \"/api/BitacoraVisitasCliente\", {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token'),\r\n 'Content-Type': 'application/json'\r\n },\r\n method: 'POST',\r\n body: JSON.stringify(postBody),\r\n\r\n })\r\n .then(res => {\r\n\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n\r\n if (res.status === 200) {\r\n res.json()\r\n .then(\r\n (result) => {\r\n this.setState({\r\n guardandoRazon: false,\r\n mostarNoAtendido: false,\r\n });\r\n },\r\n )\r\n }\r\n else if (res.status === 204) {\r\n this.setState({\r\n guardandoRazon: false,\r\n mostarNoAtendido: false,\r\n });\r\n\r\n this.cargarAsignaciones();\r\n\r\n Toast.fire({\r\n type: 'success',\r\n title: 'RazĆ³n Guardada',\r\n customClass: {\r\n container: styles.ToastOnTopModal,\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({\r\n guardandoRazon: false,\r\n });\r\n\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Ha ocurrido un error',\r\n customClass: {\r\n container: styles.ToastOnTopModal,\r\n }\r\n });\r\n\r\n }\r\n\r\n })\r\n }\r\n\r\n cargarConfiguraciones = async () => {\r\n const { data, error } = await get(`${APIURL}/api/configuraciones`, \"Configuraciones\");\r\n if (error) {\r\n console.log(error);\r\n } else {\r\n\r\n this.setState({\r\n Configuraciones: data\r\n });\r\n this.props.onSaveConfiguraciones(data);\r\n }\r\n }\r\n\r\n cargarTipoVisitas = async () => {\r\n const { data, error } = await get(`${APIURL}/api/TipoVisitaCliente`, \"TipoVisita\");\r\n if (error) {\r\n console.log(error);\r\n } else {\r\n this.props.onSaveTipoVisita(data);\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n if (!IsAllow(\"/agenda\")) {\r\n this.props.history.push('/home');\r\n }\r\n\r\n const isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\") === \"offline\") {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar esta pagina.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n });\r\n this.setState((prevState) => ({ ...prevState, isLoaded: true }))\r\n } else if (localStorage.getItem(\"Conexion\") === \"Online\" && isOnline) {\r\n this.cargarAsesores()\r\n this.cargarAsignacionesConClientes();\r\n this.cargarRazonNoVenta();\r\n this.cargarListadoRazonNoVenta();\r\n this.cargarTipoVisitas();\r\n this.cargarConfiguraciones();\r\n this.obtenerTiemposFueraAsesorDia();\r\n this.setState((prevState) => ({ ...prevState, isLoaded: true }))\r\n } else {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar esta pagina.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n });\r\n this.setState((prevState) => ({ ...prevState, isLoaded: true }));\r\n }\r\n }\r\n\r\n verifyBlock = (action) => {\r\n const asignacion = this.props.asignaciones.find(x => x.IdAsignacion === this.state.IdAsignacion);\r\n\r\n if (action === \"checkin\") {\r\n let fechaActual = moment(new Date()).format(\"DD-MM-YYYY\");\r\n let fechaAsignacion = moment(asignacion.fechaIngreso).format(\"DD-MM-YYYY\");\r\n\r\n if (moment(fechaAsignacion).isBefore(fechaActual)) {\r\n return true;\r\n }\r\n\r\n return asignacion.Checkin;\r\n }\r\n\r\n if (action === \"bloqueo\") {\r\n return asignacion.Bloqueo;\r\n }\r\n\r\n return asignacion.Checkout;\r\n }\r\n\r\n verifyBlockNoseVisito = () => {\r\n const asignacion = this.props.asignaciones.find(x => x.IdAsignacion === this.state.IdAsignacion);\r\n\r\n if (asignacion.Checkin) {\r\n return true\r\n }\r\n return false\r\n }\r\n\r\n actualizarCoordenadasPedido = (longitud, latitud) => {\r\n let copiaClientes = this.props.clientesPedido;\r\n let indice = copiaClientes.map(x => x.Codigo).indexOf(this.state.clienteActivo.codigo);\r\n copiaClientes[indice].Longitud = longitud;\r\n copiaClientes[indice].Latitud = latitud;\r\n this.props.onSaveClientesPedido(copiaClientes);\r\n }\r\n\r\n actualizarCoordenadasRecibo = (longitud, latitud) => {\r\n let copiaClientes = this.props.clientesRecibo;\r\n let indice = copiaClientes.map(x => x.Codigo).indexOf(this.state.clienteActivo.codigo);\r\n copiaClientes[indice].Longitud = longitud;\r\n copiaClientes[indice].Latitud = latitud;\r\n this.props.onSaveClientesRecibo(copiaClientes);\r\n }\r\n\r\n actualizarDataExterna = request => {\r\n const { latitud, longitud } = request.data;\r\n this.actualizarCoordenadasPedido(longitud, latitud);\r\n this.actualizarCoordenadasRecibo(longitud, latitud);\r\n }\r\n\r\n actualizarData = request => {\r\n this.setState((prevState) => ({ ...prevState, clienteActivo: { ...prevState.clienteActivo, latitud: request.data.latitud, longitud: request.data.longitud } }));\r\n let copiaClientes = this.state.clientes;\r\n let indice = copiaClientes.map(x => x.Codigo).indexOf(this.state.clienteActivo.codigo);\r\n copiaClientes[indice].Latitud = request.data.latitud;\r\n copiaClientes[indice].Longitud = request.data.longitud;\r\n this.setState((prevState) => ({ ...prevState, clientes: copiaClientes }));\r\n let eventos = this.setAsignaciones(this.state.Asignaciones);\r\n this.setState({\r\n Eventos: eventos,\r\n })\r\n\r\n this.actualizarDataExterna(request);\r\n }\r\n\r\n enviarCoordenadasApi = async (coor) => {\r\n try {\r\n const data = {\r\n cliente: this.state.clienteActivo.codigo,\r\n latitud: coor.latitude,\r\n longitud: coor.longitude\r\n }\r\n const request = await axios.post(`${APIURL}/api/cliente/coordenadas`, data);\r\n this.actualizarData(request);\r\n } catch (err) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Ha ocurrido un error y no se pudo obtener las coordenadas.\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n target: this.refCoordenadas.current\r\n });\r\n }\r\n }\r\n\r\n mensajeErrorCoordenadas = () => {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Ha ocurrido un error y no se pudo obtener las coordenadas.\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n target: this.refCoordenadas.current\r\n });\r\n }\r\n\r\n confirmacionCoordenadas = () => {\r\n Swal.fire({\r\n title: 'Confirmar',\r\n text: `ĀæEstĆ” seguro de realizar el pinneo en la ubicacĆ³n actual?`,\r\n type: 'question',\r\n showCancelButton: true,\r\n confirmButtonColor: '#06bf53',\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonText: 'SĆ',\r\n cancelButtonText: 'No',\r\n target: this.refCoordenadas.current\r\n }).then((result) => {\r\n if (result.value) {\r\n ObtenerCoordenadas((position) => {\r\n this.enviarCoordenadasApi({\r\n longitude: position.coords.longitude,\r\n latitude: position.coords.latitude\r\n })\r\n }, (error) => {\r\n this.mensajeErrorCoordenadas()\r\n });\r\n }\r\n })\r\n }\r\n\r\n verificarObtencionCoordenadas = () => {\r\n navigator.permissions.query({ name: 'geolocation' }).then(res => {\r\n if (res.state === \"granted\") {\r\n this.confirmacionCoordenadas();\r\n } else {\r\n Swal.fire({\r\n title: 'Advertencia',\r\n text: \"Habilite la geoposiciĆ³n en su dispositivo para realizar esta acciĆ³n.\",\r\n type: 'warning',\r\n confirmButtonText: 'OK',\r\n target: this.refCoordenadas.current\r\n });\r\n }\r\n }).catch(err => {\r\n this.mensajeErrorCoordenadas()\r\n })\r\n }\r\n\r\n registrarCheckOut = async () => {\r\n const request = await axios.get(`${APIURL}/api/asignaciones/reporte/${this.state.clienteActivo.codigo}`);\r\n let visita = request.data.filter(x => moment(x.FechaAsignacion).format(\"DD/MM/YYYY\") === moment().format(\"DD/MM/YYYY\"))\r\n if (visita[0].Cobros === 0 && visita[0].Promesa_de_Pago === 0 && visita[0].Ventas === 0) {\r\n this.openModalRazonNoVenta()\r\n }\r\n else {\r\n this.enviarCheckin(\"checkout\")\r\n }\r\n }\r\n\r\n openModalRazonNoVenta = () => {\r\n this.setState({ OpenModalNoVenta: true });\r\n }\r\n\r\n accesoPineo = () => {\r\n var permisos = this.props.Permisos[0].RolesUsuarios.filter(x => x.Nombre === \"Registrar Pineo\");\r\n if (permisos.length > 0) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n eliminarAsignacion = async (asignacionId) => {\r\n try {\r\n const result = window.confirm(`ĀæEsta seguro de eliminar la visita?`);\r\n if (result) {\r\n await axios.post(`${this.urlApi}/api/asignaciones/eliminar/${asignacionId}`)\r\n alert(\"AsignaciĆ³n eliminada con exito.\");\r\n }\r\n\r\n } catch (err) {\r\n alert(\"No se pudo eliminar la asignaciĆ³n.\");\r\n }\r\n }\r\n\r\n render() {\r\n this.accesoPineo();\r\n let tipoDisabled = false;\r\n let causaDisabled = false;\r\n let APIKEY = this.state.Configuraciones.ApiKey_GoogleMaps;\r\n\r\n if (!this.state.mostrarAcciones && !this.state.noAtendido) {\r\n causaDisabled = true;\r\n tipoDisabled = true;\r\n \r\n }\r\n\r\n if (!this.state.tipoSelected) {\r\n causaDisabled = true;\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n\r\n {\r\n this.state.clienteActivo &&\r\n \r\n {\r\n this.state.isLoaded ?\r\n
\r\n \r\n
\r\n :\r\n \r\n
\r\n\r\n }\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n UbicaciĆ³n
\r\n\r\n {(this.state.clienteActivo.latitud === null && this.state.clienteActivo.longitud === null)\r\n ?\r\n { this.setMapsApi(map, maps) }}\r\n yesIWantToUseGoogleMapApiInternals={true}\r\n >\r\n \r\n }\r\n
\r\n \r\n
\r\n :\r\n No hay coordenadas disponibles
\r\n {this.state.AsesorSelected === localStorage.getItem('codigo') && }\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n InformaciĆ³n
\r\n {PermisoAdministradorVisita() && }\r\n| \r\n CĆ³digo:\r\n | \r\n\r\n {this.state.clienteActivo.codigo}\r\n | \r\n\r\n\r\n |
| \r\n Facturas Vencidas:\r\n | \r\n\r\n\r\n\r\n {this.state.clienteActivo.cliente.NumeroFacturasVencidas} Facturas - HNL {this.state.clienteActivo.cliente.MontoFacturasVencidas.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')} \r\n | \r\n\r\n\r\n | \r\n
| \r\n Facturas Prox a Vencer:\r\n | \r\n\r\n\r\n {this.state.clienteActivo.cliente.NumeroFacturasXVencer} Facturas - HNL {this.state.clienteActivo.cliente.MontoFacturasXVencer.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')}\r\n | \r\n\r\n\r\n | \r\n
| \r\n Prioridad:\r\n | \r\n\r\n {this.state.clienteActivo.prioridad}\r\n | \r\n\r\n\r\n\r\n |
| \r\n Fecha Inicio:\r\n | \r\n\r\n {this.state.clienteActivo.fechaInicio}\r\n | \r\n\r\n\r\n |
| \r\n Fecha Fin:\r\n | \r\n\r\n {this.state.clienteActivo.fechaFin}\r\n | \r\n\r\n\r\n |
\r\n {this.accesoPineo() === true && \r\n \r\n\r\n {!this.verifyBlock(\"checkin\")\r\n ? \r\n : }\r\n }\r\n
\r\n \r\n
\r\n RazĆ³n
\r\n\r\n
\r\n \r\n }\r\n \r\n \r\n Tipo \r\n \r\n {\r\n this.opcionRazonNoVenta()\r\n }\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n \r\n \r\n Asesor \r\n \r\n {\r\n this.opcionAsesores()\r\n }\r\n\r\n \r\n \r\n
\r\n RazĆ³n
\r\n\r\n
\r\n\r\n \r\n }\r\n \r\n \r\n Tipo \r\n \r\n {\r\n this.opcionTipos()\r\n }\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Causa \r\n \r\n {\r\n this.opcionCausas()\r\n }\r\n \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.setState({ date: d })}\r\n format=\"DD/MM/YYYY\"\r\n minDate={new Date()}\r\n />\r\n \r\n
\r\n Fecha:
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {(moduloSelected===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\n}\r\n\r\nexport default Sincronizacionlista;","import React,{useEffect,useState} from 'react';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport {APIURL} from 'utils/Enviroment';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\n\r\nimport {\r\n Card as CardR,\r\n CardBody,\r\n CardHeader\r\n} from 'reactstrap';\r\nimport {\r\n Card,\r\n CardContent,\r\n Button\r\n} from '@material-ui/core';\r\nimport 'semantic-ui-css/semantic.min.css';\r\nimport styles from './SincronizacionListaMonitor.module.css';\r\nimport 'semantic-ui-css/semantic.min.css';\r\nimport {IsAllow} from 'components/Seguridad/Permisos';\r\nconst SincronizacionListaMonitor = (props)=>{\r\n const [listado,setListado] = useState([]);\r\n const [modulos,setModulos] = useState([]);\r\n const [fechaSelected,setFechaSelected] = useState(new Date());\r\n const [moduloSelected,setModuloSelected] = useState(0);\r\n\r\n const SincronizarListado = ()=>{\r\n fetch(`${APIURL}/api/SincronizacionLista/${localStorage.getItem('codigo')}`)\r\n .then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(data=> \r\n {setListado(data)},\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n this.setState({\r\n\r\n error\r\n });\r\n }\r\n )\r\n }\r\n })\r\n }\r\n\r\n const SincronizarModulos = ()=>{\r\n fetch(`${APIURL}/api/SincronizacionLista/ModulosGestores`)\r\n .then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(data=> \r\n {\r\n var todo = {\"ID\": 0, \"NOMBRE\": \"Todo\"};\r\n data.push(todo);\r\n setModulos(data);\r\n },\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n this.setState({\r\n\r\n error\r\n });\r\n }\r\n )\r\n }\r\n })\r\n }\r\n\r\n useEffect(()=>{\r\n if(!IsAllow(\"/sincronizacionListaMonitor\"))\r\n {\r\n props.history.push('/home'); \r\n }\r\n SincronizarModulos();\r\n SincronizarListado();\r\n let intervalo = setInterval(SincronizarListado,30000);\r\n\r\n return ()=>{\r\n clearInterval(intervalo);\r\n }\r\n // eslint-disable-next-line\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 Selecione mĆ³dulo de sincronizaciĆ³n\r\n
\r\n\r\n
\r\n
\r\n\r\n {\r\n props.loading &&\r\n \r\n {\r\n setModuloSelected(value);\r\n }}\r\n options={\r\n modulos.sort(function (a, b) {\r\n return a.NOMBRE.localeCompare(b.NOMBRE);\r\n }).map(modulo => {\r\n return {key:modulo.ID, text:modulo.NOMBRE, value: modulo.ID}\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n {(moduloSelected===0)?\r\n \r\n :\r\n
| Nombre | \r\nAcciĆ³n | \r\n
|---|---|
| {gestor.NOMBRE} | \r\n\r\n \r\n \r\n | \r\n
\r\n \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 SincronizacionListaMonitor;","import React from 'react';\r\nimport { Table } from 'reactstrap';\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCheckCircle,MdCancel } from \"react-icons/md\";\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nexport const TablaRoles = props => {\r\n const {roles,modificarEstado,modificarRol} = props;\r\n\r\n return (\r\n \r\n \r\n \r\n Filtros de BĆŗsqueda\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n setFechaSelected(date)}\r\n />\r\n \r\n
\r\n \r\n {\r\n setModuloSelected(value);\r\n }}\r\n options={\r\n modulos.sort((a, b)=> (a.NOMBRE.localeCompare(b.NOMBRE)))\r\n .map(modulo => ({key:modulo.ID, text:modulo.NOMBRE, value: modulo.ID})\r\n )}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
| ID Lista | \r\nCĆ³digo Gestor | \r\nNombre Gestor | \r\nMĆ³dulo | \r\nFecha | \r\nEn Espera | \r\nEn EjecuciĆ³n | \r\nFinalizado | \r\n
|---|---|---|---|---|---|---|---|
| {item.ID} | \r\n{item.ID_GESTOR} | \r\n{item.NOMBRE} | \r\n{item.MODULO} | \r\n{item.FECHASTR} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n {roles.length===0\r\n ?
\r\n )\r\n}","import React,{useRef} from 'react';\r\nimport {Formik,Form,Field} from 'formik';\r\nimport * as yup from 'yup';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport Button from '@material-ui/core/Button';\r\n\r\nconst validationSchema = yup.object().shape(\r\n{\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n Status: yup.boolean()\r\n});\r\n\r\nexport const FormularioCrud = props => {\r\n const {Valores,Crear,OcultarModal,Modificar} = props;\r\n\r\n const context = useRef();\r\n\r\n let initialValues,edit;\r\n\r\n if(Valores)\r\n {\r\n initialValues={\r\n Id: Valores.Id,\r\n Nombre: Valores.Nombre,\r\n Status: Valores.Status,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit=true;\r\n }\r\n else\r\n {\r\n initialValues={\r\n Nombre: '',\r\n Status: true,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit=false;\r\n }\r\n\r\n const handleSubmit = (values)=>{\r\n Crear(values);\r\n OcultarModal();\r\n }\r\n\r\n const handleEdit = (values) =>{\r\n Modificar(values);\r\n OcultarModal();\r\n }\r\n\r\n return (\r\n \r\n
\r\n : (\r\n No hay roles
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n Roles
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Rol | \r\nEstado | \r\nAcciones | \r\n
|---|---|---|
| {rol.Nombre} | \r\n{rol.Status? Activo Inactivo | \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n\r\n \r\n
\r\n )}\r\n \r\n )\r\n}","import React,{useState,useEffect} from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport axios from 'axios';\r\n\r\nimport { TablaRoles } from 'components/Seguridad/Mantenimiento/Roles/TablaRoles';\r\nimport { FormularioCrud } from 'components/Seguridad/Mantenimiento/FormularioCrud';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nexport const Roles = props => {\r\n const [roles,setRoles] = useState([]);\r\n const [mostrar,setMostar] = useState(false);\r\n const [rol,setRol] = useState(null);\r\n\r\n const cargarRoles = async () => {\r\n try{\r\n const request = await axios.get(`${APIURL}/api/rol`);\r\n setRoles(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los roles\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const crearRol = async (data)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/rol/crear`,data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado el rol exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n cargarRoles();\r\n });\r\n\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado el rol.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarRol = async (data)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/rol/modificar`,data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado el rol exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n cargarRoles();\r\n });\r\n\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el rol.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarEstado = async (id)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/rol/estado/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n cargarRoles();\r\n });\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el rol.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const abrirModificarRol = (rol)=>{\r\n setRol(rol);\r\n setMostar(true);\r\n }\r\n\r\n const ocultarModal = ()=>{\r\n setMostar(false);\r\n setRol(null);\r\n }\r\n\r\n useEffect(()=>{\r\n cargarRoles();\r\n },[])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport { Table } from 'reactstrap';\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCheckCircle,MdCancel } from \"react-icons/md\";\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nexport const TablaPantallas = props => {\r\n const {pantallas,modificarEstado,modificarPantalla,modificarModoOffline} = props;\r\n\r\n return (\r\n \r\n {pantallas.length===0\r\n ? \r\n
\r\n )\r\n}","import React,{useRef} from 'react';\r\nimport {Formik,Form,Field} from 'formik';\r\nimport * as yup from 'yup';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport Button from '@material-ui/core/Button';\r\n\r\nconst validationSchema = yup.object().shape(\r\n{\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n Ruta:yup.string().required('La ruta es obligatoria'),\r\n Status: yup.boolean(),\r\n ModoOffline:yup.boolean()\r\n});\r\n\r\nexport const FormularioCrud = props => {\r\n const {Valores,Crear,OcultarModal,Modificar} = props;\r\n\r\n const context = useRef();\r\n\r\n let initialValues,edit;\r\n\r\n if(Valores)\r\n {\r\n initialValues={\r\n Id: Valores.Id,\r\n Nombre: Valores.Nombre,\r\n Status: Valores.Status,\r\n Ruta: Valores.Ruta,\r\n ModoOffline:Valores.ModoOffline,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit=true;\r\n }\r\n else\r\n {\r\n initialValues={\r\n Nombre: '',\r\n Status: true,\r\n Ruta:'',\r\n ModoOffline:false,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit=false;\r\n }\r\n\r\n const handleSubmit = (values)=>{\r\n Crear(values);\r\n OcultarModal();\r\n }\r\n\r\n const handleEdit = (values) =>{\r\n Modificar(values);\r\n OcultarModal();\r\n }\r\n\r\n return (\r\n \r\n
\r\n : (\r\n No hay pantallas
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n Pantallas
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Pantalla | \r\nRuta | \r\nEstado | \r\nModo Offline | \r\nAcciones | \r\n
|---|---|---|---|---|
| {pantalla.Nombre} | \r\n{pantalla.Ruta} | \r\n{pantalla.Status? Activo Inactivo | \r\n {modificarModoOffline(pantalla.Id)}} style={{ height: 20, width: 20}}/> | \r\n\r\n \r\n \r\n | \r\n
\r\n \r\n\r\n \r\n
\r\n )}\r\n \r\n )\r\n}","import React,{useState,useEffect} from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport axios from 'axios';\r\n\r\nimport { TablaPantallas } from 'components/Seguridad/Mantenimiento/Pantallas/TablaPantallas';\r\nimport { FormularioCrud } from 'components/Seguridad/Mantenimiento/Pantallas/FormularioCrud';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nexport const Pantallas = props => {\r\n const [pantallas,setPantallas] = useState([]);\r\n const [mostrar,setMostar] = useState(false);\r\n const [pantalla,setPantalla] = useState(null);\r\n\r\n const cargarPantallas = async () => {\r\n try{\r\n const request = await axios.get(`${APIURL}/api/pantalla/pantallas`);\r\n setPantallas(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las pantallas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const crearPantalla = async (data)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/pantalla/crear`,data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado la pantalla exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n cargarPantallas();\r\n });\r\n\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado la pantalla.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarPantalla = async (data)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/pantalla/modificar`,data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado la pantalla exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n cargarPantallas();\r\n });\r\n\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarEstado = async (id)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/pantalla/estado/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n cargarPantallas();\r\n });\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarModoOffline = async (id)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/pantalla/modooffline/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n cargarPantallas();\r\n });\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const abrirModificarPantalla = (rol)=>{\r\n setPantalla(rol);\r\n setMostar(true);\r\n }\r\n\r\n const ocultarModal = ()=>{\r\n setMostar(false);\r\n setPantalla(null);\r\n }\r\n\r\n useEffect(()=>{\r\n cargarPantallas();\r\n },[])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { MdCheckCircle, MdCancel } from \"react-icons/md\";\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nexport const TablaUsuario = props => {\r\n const { roles, modificarEstado, modificarBloqueoCredito, modificarTodosAsesores, UpdateUsuarioOficina, modificarAdministradorProducto, modificarManejaBodegaEspecifico,seleccionarUsuario } = props;\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n });\r\n\r\n const HeadersListaPedidos = [\r\n {\r\n label: \"Usuario\",\r\n name: \"Usuario\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Estado\",\r\n name: \"Estado\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Bloqueo informaciĆ³n sensible\",\r\n name: \"Bloqueo informaciĆ³n sensible\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Maneja todos los asesores\",\r\n name: \"Maneja todos los asesores\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Usuario Oficina\",\r\n name: \"Usuario Oficina\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Administrador Productos\",\r\n name: \"Administrador Productos\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Maneja Bodega Especifico\",\r\n name: \"Maneja Bodega Especifico\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Acciones\",\r\n name: \"acciones\",\r\n options: {\r\n filter: false,\r\n }\r\n }\r\n ]\r\n\r\n const obtenerData = () => {\r\n return roles.map(rol => ([\r\n rol.Nombre,\r\n rol.Status ? \"Activo\" : \"Inactivo\",\r\n modificarBloqueoCredito(rol.Id)} style={{ height: 20, width: 20 }} />
,\r\n modificarTodosAsesores(rol.Id)} style={{ height: 20, width: 20 }} />
,\r\n UpdateUsuarioOficina(rol.Id, e.target.checked)} style={{ height: 20, width: 20 }} />
,\r\n modificarAdministradorProducto(rol.Id)} style={{ height: 20, width: 20 }} />
,\r\n modificarManejaBodegaEspecifico(rol.Id)} style={{ height: 20, width: 20 }} />
,\r\n \r\n \r\n \r\n
\r\n ]));\r\n }\r\n\r\n return (\r\n \r\n {roles.length === 0\r\n ?
\r\n )\r\n}\r\n\r\nconst DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n
\r\n : (\r\n No hay usuarios
\r\n\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n Usuarios
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n )\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCancel,MdCheckCircle } from \"react-icons/md\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nconst TablaFunciones =(props) =>{\r\n return (\r\n \r\n {\r\n
\r\n )\r\n\r\n}\r\nexport default TablaFunciones;","import React,{useEffect,useState} from 'react';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport TablaFunciones from 'components/Seguridad/Mantenimiento/Funciones/TablaFunciones';\r\nimport { FormularioCrud } from 'components/Seguridad/Mantenimiento/FormularioCrud';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport axios from 'axios';\r\n\r\nconst Funciones =(props) =>{\r\n const [Funciones,setFunciones] = useState([]);\r\n const [mostrar,setMostar] = useState(false);\r\n const [Funcion,setFuncion] = useState(null);\r\n\r\n useEffect(() => {\r\n ObtenerFunciones();\r\n }, []);\r\n\r\n const ObtenerFunciones = ()=>{\r\n fetch(`${APIURL}/api/Funciones`)\r\n .then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(data=> \r\n {setFunciones(data)},\r\n (error) => {\r\n this.setState({\r\n error\r\n });\r\n }\r\n )\r\n }\r\n })\r\n }\r\n\r\n const modificarEstado = (Id)=>{\r\n Swal.fire({\r\n title: 'Confirmar',\r\n text: \"ĀæEstĆ” seguro de realizar estĆ” acciĆ³n?\",\r\n type: 'question',\r\n showCancelButton: true,\r\n confirmButtonColor: '#06bf53',\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonText: 'SĆ',\r\n cancelButtonText: 'No',\r\n }).then((result) => {\r\n if (result.value) {\r\n fetch(`${APIURL}/api/Funciones/ActualizarEstado/${Id}`, {\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n method: 'POST',\r\n })\r\n .then(res=>{\r\n if(res.status===200){\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n ObtenerFunciones()\r\n })\r\n }\r\n if(res.status===400){\r\n res.json()\r\n .then(resultado=>{\r\n Swal.fire({\r\n title: 'Error',\r\n text: resultado.Message,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n })\r\n });\r\n }\r\n });\r\n }\r\n })\r\n }\r\n\r\n const CrearFuncion = async (data)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/Funciones/Crear`, data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado la funcion exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n ObtenerFunciones();\r\n });\r\n\r\n }catch(err){\r\n Swal.fire({\r\n title: 'Error',\r\n text: err.response.data.Message,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n const ModificarFuncion = async (data)=>{\r\n try{\r\n await axios.post(`${APIURL}/api/funcion/modificar`,data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado la funcion exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e=>{\r\n ObtenerFunciones();\r\n });\r\n }catch(err){\r\n Swal.fire({\r\n title: 'Error',\r\n text: err.response.data.Message,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const OcultarModal = ()=>{\r\n setMostar(false);\r\n setFuncion(null);\r\n }\r\n\r\n const AbrirModificarFuncion = (Funcion)=>{\r\n setFuncion(Funcion);\r\n setMostar(true);\r\n }\r\n\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n Funciones
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Funcion | \r\nEstado | \r\nAcciones | \r\n
|---|---|---|
| {fun.Nombre} | \r\n{fun.Status ? Activo Inactivo | \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 Funciones;","import React from 'react';\r\nimport {Route,Switch} from 'react-router-dom';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport ContactMailIcon from '@material-ui/icons/ContactMail';\r\nimport AirplayIcon from '@material-ui/icons/Airplay';\r\nimport LanguageIcon from '@material-ui/icons/Language';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\nimport {IsAllow} from 'components/Seguridad/Permisos';\r\nimport { Roles } from './Roles';\r\nimport { Pantallas } from './Pantallas'\r\nimport { Usuario } from './Usuario';\r\nimport Funciones from './Funciones';\r\n\r\n\r\nexport const Mantenimiento = props => {\r\n const [value, setValue] = React.useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n if(!IsAllow(\"/seguridad-mantenimiento\"))\r\n {\r\n props.history.push('/home');\r\n }\r\n const redirectUsuarios = () =>{\r\n props.history.push('/seguridad-mantenimiento');\r\n }\r\n\r\n const redirectRoles = ()=>{\r\n props.history.push('/seguridad-mantenimiento/roles');\r\n }\r\n\r\n const redirectFunciones = () =>{\r\n props.history.push('/seguridad-mantenimiento/funciones');\r\n }\r\n\r\n const redirectAsignacion = () => {\r\n props.history.push('/seguridad-mantenimiento/pantallas')\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n } label=\"Usuarios\" />\r\n } label=\"Roles\" />\r\n } label=\"Funciones\" />\r\n } label=\"Pantallas\" />\r\n \r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport { MdCheckCircle,MdCancel } from \"react-icons/md\";\r\n\r\nexport const TablaRelacion = props =>{\r\n const {titulo,cabeceras,valores,accion,funcion} = props;\r\n\r\n const dataTabla = ()=>{\r\n const estilo = accion===\"agregar\"?\"success\":\"danger\";\r\n const icono = accion===\"agregar\"?\r\n \r\n \r\n
\r\n \r\n {\r\n setRol(value);\r\n cargarFunciones(value);\r\n }}\r\n options={roles.map(rol => {\r\n return {key:rol.Id, value:rol.Id,text:rol.Nombre}\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n )\r\n\r\n}","import React,{useState,useEffect} from 'react';\r\nimport axios from 'axios';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\n\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { TablaRelacion } from 'components/Seguridad/Relacional/TablaRelacion';\r\n\r\nexport const UsuarioRoles = props => {\r\n const [usuario,setUsuario] = useState(null);\r\n const [usuarios,setUsuarios] = useState([]);\r\n const [rolesAsignados,setRolesAsignados] = useState([]);\r\n const [rolesNoAsignados,setRolesNoAsignados] = useState([]);\r\n\r\n const cargarUsuarios = async () => {\r\n try{\r\n const request = await axios.get(`${APIURL}/api/usuario/usuariosactivos`);\r\n setUsuarios(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los usuarios.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarRolesAsignados = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/usuario/roles/${id}`);\r\n setRolesAsignados(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los roles.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarRolesNoAsignados = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/usuario/rolesnoasignados/${id}`);\r\n setRolesNoAsignados(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los roles.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const asignarRol =async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/api/usuario/asignarrol/${usuario}/${id}/${localStorage.getItem('codigo')}`);\r\n cargarRoles(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las roles.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const removerRol =async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/api/usuario/removerrol/${usuario}/${id}/${localStorage.getItem('codigo')}`);\r\n cargarRoles(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los roles.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarRoles = id =>{\r\n cargarRolesAsignados(id);\r\n cargarRolesNoAsignados(id);\r\n }\r\n\r\n useEffect(()=>{\r\n cargarUsuarios();\r\n },[]);\r\n\r\n return (\r\n \r\n {rol===null\r\n ?
\r\n Seleccione un rol para visualizar sus funciones
\r\n :(\r\n\r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setUsuario(value);\r\n cargarRoles(value);\r\n }}\r\n options={usuarios.map(usuario => {\r\n return {key:usuario.Id, value:usuario.Id,text:usuario.Usuario}\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n )\r\n}","import React from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport { MdCheckCircle,MdCancel } from \"react-icons/md\";\r\n\r\nexport const TablaFuncionesPantalla = props =>{\r\n const {titulo,cabeceras,valores,accion,funcion} = props;\r\n\r\n const dataTabla = ()=>{\r\n const estilo = accion===\"agregar\"?\"success\":\"danger\";\r\n const icono = accion===\"agregar\"?\r\n {usuario===null\r\n ?
\r\n Seleccione un usuario para visualizar sus roles
\r\n :(\r\n\r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setFuncion(value);\r\n cargarPantallas(value);\r\n }}\r\n options={Funciones.map(fun => {\r\n return {key:fun.Id, value:fun.Id,text:fun.Nombre}\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n )\r\n \r\n\r\n\r\n}","import React,{useState,useEffect} from 'react';\r\nimport axios from 'axios';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\n\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { TablaRelacion } from 'components/Seguridad/Relacional/TablaRelacion';\r\n\r\n\r\nexport const UsuariosEmpresas = (props) => {\r\n const [usuario,setUsuario] = useState(null);\r\n const [usuarios,setUsuarios] = useState([]);\r\n const [EmpresasAsignadas,setEmpresasAsignadas] = useState([]);\r\n const [EmpresasNoAsignadas,setEmpresasNoAsignadas] = useState([]);\r\n useEffect(()=>{\r\n cargarUsuarios();\r\n },[]);\r\n const cargarUsuarios = async () => {\r\n try{\r\n const request = await axios.get(`${APIURL}/api/usuario/usuariosactivos`);\r\n setUsuarios(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los usuarios.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarEmpresasAsignadas = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/empresa/EmpresasAsignadas/${id}`);\r\n setEmpresasAsignadas(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarEmpresasNoAsignadas = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/empresa/EmpresasNoAsignadas/${id}`);\r\n setEmpresasNoAsignadas(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarPantallas = id =>{\r\n cargarEmpresasAsignadas(id);\r\n cargarEmpresasNoAsignadas(id);\r\n }\r\n\r\n const asignarEmpresa =async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/Api/Empresa/AsignarEmpresa/${id}/${usuario}/${localStorage.getItem('codigo')}`);\r\n cargarPantallas(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las pantallas.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const removerEmpresa =async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/Api/Empresa/RemoverEmpresa/${id}/${usuario}/${localStorage.getItem('codigo')}`);\r\n cargarPantallas(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las pantallas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n return (\r\n \r\n {Funcion===null\r\n ?
\r\n Seleccione una funciones para visualizar las pantallas a las que tiene acceso
\r\n :(\r\n\r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setUsuario(value);\r\n cargarPantallas(value);\r\n }}\r\n options={usuarios.map(usuario => {\r\n return {key:usuario.Id, value:usuario.Id,text:usuario.Usuario}\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n )\r\n}","import React,{useState,useEffect} from 'react';\r\nimport axios from 'axios';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\n\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { TablaRelacion } from 'components/Seguridad/Relacional/TablaRelacion';\r\n\r\nexport const UsuarioAsesor = (props) =>{\r\n const [usuario,setUsuario] = useState(null);\r\n const [usuarios,setUsuarios] = useState([]);\r\n const [AsesoresAsignados,setAsesoresAsignados] = useState([]);\r\n const [AsesoresNoAsignados,setAsesoresNoAsignados] = useState([]);\r\n\r\n useEffect(()=>{\r\n cargarUsuarios();\r\n },[]);\r\n\r\n const cargarUsuarios = async () => {\r\n try{\r\n const request = await axios.get(`${APIURL}/api/usuario/usuariosactivos`);\r\n setUsuarios(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los usuarios.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarAsesoresAsignados = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/AsesoresAsignados/${id}`);\r\n setAsesoresAsignados(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarAsesoresNoAsignados = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/AsesoresNoAsignados/${id}`);\r\n setAsesoresNoAsignados(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const asignarAsesores = async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/api/AsignarAsesores/${id}/${usuario}/${localStorage.getItem('codigo')}`);\r\n cargarPantallas(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los asesores.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n const removerAsesores =async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/api/RemoverAsesor/${id}/${usuario}/${localStorage.getItem('codigo')}`);\r\n cargarPantallas(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los asesores.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n const cargarPantallas = id =>{\r\n cargarAsesoresAsignados(id);\r\n cargarAsesoresNoAsignados(id);\r\n }\r\n\r\n return (\r\n \r\n {usuario === null\r\n ?
\r\n Seleccione un usuario para visualizar las empresas a las que tiene acceso
\r\n :(\r\n\r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setUsuario(value);\r\n cargarPantallas(value);\r\n }}\r\n options={usuarios.map(usuario => {\r\n return {key:usuario.Id, value:usuario.Id,text:usuario.Usuario}\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n )\r\n}","import React,{useState,useEffect} from 'react';\r\nimport axios from 'axios';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\n\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { TablaRelacion } from 'components/Seguridad/Relacional/TablaRelacion';\r\n\r\nexport const AsignacionLinea = (props) => {\r\n const [usuario,setUsuario] = useState(null);\r\n const [usuarios,setUsuarios] = useState([]);\r\n const [LineasAsignadas,setLineasAsignadas] = useState([]);\r\n const [LineasNoAsignadas,setLineasNoAsignadas] = useState([]);\r\n useEffect(()=>{\r\n cargarUsuarios();\r\n },[]);\r\n const cargarUsuarios = async () => {\r\n try{\r\n const request = await axios.get(`${APIURL}/api/usuario/usuariosactivos`);\r\n setUsuarios(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los usuarios.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarLineasAsignadas = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/linea/getLineasAsignadas/${id}`);\r\n console.log(request.data)\r\n setLineasAsignadas(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarLineasNoAsignadas = async (id)=>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/linea/getLineasNoAsignadas/${id}`);\r\n console.log(request.data)\r\n setLineasNoAsignadas(request.data);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarPantallas = id =>{\r\n cargarLineasAsignadas(id);\r\n cargarLineasNoAsignadas(id);\r\n }\r\n\r\n const asignarLinea =async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/api/linea/AsignarLinea/${id}/${usuario}/${localStorage.getItem('codigo')}`);\r\n cargarPantallas(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las pantallas.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const removerLinea =async (id) =>{\r\n try{\r\n await axios.post(`${APIURL}/api/linea/RemoverLinea/${id}/${usuario}/${localStorage.getItem('codigo')}`);\r\n cargarPantallas(usuario);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las pantallas\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n return (\r\n \r\n {usuario === null\r\n ?
\r\n Seleccione un usuario para visualizar los asesores a los que tiene acceso
\r\n :(\r\n\r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setUsuario(value);\r\n cargarPantallas(value);\r\n }}\r\n options={usuarios.map(usuario => {\r\n return {key:usuario.Id, value:usuario.Id,text:usuario.Usuario}\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n />\r\n
\r\n )\r\n}","import React from 'react';\r\nimport {Route,Switch} from 'react-router-dom';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport RecentActorsIcon from '@material-ui/icons/RecentActors';\r\nimport DvrIcon from '@material-ui/icons/Dvr';\r\nimport SupervisorAccountIcon from '@material-ui/icons/SupervisorAccount';\r\nimport BusinessIcon from '@material-ui/icons/Business';\r\n\r\nimport { RolesFunciones } from './RolesFunciones';\r\nimport { UsuarioRoles } from './UsuarioRoles';\r\nimport {PantallasFunciones} from './PantallasFunciones';\r\nimport {UsuariosEmpresas} from './UsuariosEmpresas';\r\nimport {UsuarioAsesor} from './UsuarioAsesor';\r\nimport { AsignacionLinea } from '../Mantenimiento/AsignacionLinea';\r\nimport { CheckCircle } from '@material-ui/icons';\r\n\r\nexport const Relacional = props => { \r\n const [value, setValue] = React.useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n const redirectRolesFunciones = () =>{\r\n props.history.push('/seguridad-permisos/roles-funciones');\r\n }\r\n\r\n const redirectUsuarioRoles = () =>{\r\n props.history.push('/seguridad-permisos');\r\n }\r\n\r\n const redirectUsuarioEmpresa = () =>{\r\n props.history.push('/seguridad-permisos/Usuario-Empresa');\r\n }\r\n const redirectFuncionPantalla = () =>{\r\n props.history.push('/seguridad-permisos/Funciones-Pantallas');\r\n }\r\n const redirectUsuarioAsesor = () =>{\r\n props.history.push('/seguridad-permisos/Usuario-Asesor');\r\n }\r\n const redirectAgirnarLinea = () =>{\r\n props.history.push('/seguridad-permisos/Asignacion-Linea');\r\n }\r\n return (\r\n \r\n {usuario === null\r\n ?
\r\n Seleccione un usuario para visualizar las lineas a las que tiene acceso
\r\n :(\r\n\r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n } label=\"Usuario-Empresa\" />\r\n } label=\"Usuario-Asesor\" />\r\n } label=\"Usuario-Roles\" />\r\n } label=\"Roles-Funciones\" />\r\n } label=\"Pantallas-Funciones\" />\r\n } label=\"Asignacion-Linea\" />\r\n \r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport StepContent from '@material-ui/core/StepContent';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { ScaleLoader } from 'react-spinners';\r\nimport { verificarConexion } from 'utils/http';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Paper } from '@material-ui/core';\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n },\r\n button: {\r\n marginTop: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n actionsContainer: {\r\n marginBottom: theme.spacing(2),\r\n },\r\n resetContainer: {\r\n padding: theme.spacing(3),\r\n },\r\n}));\r\n\r\nfunction getSteps() {\r\n return ['Sincronizar Pedidos',\r\n 'Sincronizar Recibos',\r\n 'Sincronizar configuraciones',\r\n 'Modulo Cartera de Clientes',\r\n 'Sincronizar Modulo Recibo',\r\n 'Sincronizar Modulo de pedidos'\r\n ];\r\n}\r\n\r\nfunction getStepContent(step) {\r\n switch (step) {\r\n case 0:\r\n return \"Se sincronizara los pedidos que se encuentren en la bandeja de Salida\";\r\n case 1:\r\n return \"Se sincronizara los recibos que se encuestren en la bandeja de Salida\";\r\n case 2:\r\n return \"Se sincronizarĆ” configuraciones necesarias en sistema\";\r\n case 3:\r\n return \"Se carga la cartera de clientes y su informacion general\";\r\n case 4:\r\n return \"Se sincronizara listado de clientes, monedas, bancos, tipos de pagos\";\r\n case 5:\r\n return \"Se sincronizara listado de clientes, paquetes, precios, stock\";\r\n default:\r\n return 'Unknown step';\r\n }\r\n}\r\n\r\nconst VerticalLinearStepper = (props) => {\r\n const classes = useStyles();\r\n const steps = getSteps();\r\n const mostrarAdvertencia = (title, text, type) => {\r\n Swal.fire({\r\n title: title,\r\n text: text,\r\n type: type,\r\n confirmButtonText: 'Ok',\r\n })\r\n }\r\n\r\n const isStepOptional = (step) => {\r\n return props.ModulosError.includes(step);\r\n };\r\n\r\n const isStepFailed = (step) => {\r\n return props.ModulosError.includes(step);\r\n };\r\n\r\n const SyncDiaria = async () => {\r\n let isOnline = await verificarConexion();\r\n if (localStorage.getItem(\"Conexion\") === \"offline\") {\r\n mostrarAdvertencia(\"Modo Offline\", \"Se encuentra en modo offline, no puede realizar sincronizaciĆ³n diaria.\", \"warning\");\r\n }\r\n else {\r\n if (!isOnline) {\r\n mostrarAdvertencia('Sin internet', 'Necesita internet para poder realizar sincronizaciĆ³n diaria.', 'warning');\r\n }\r\n else {\r\n props.CargarModuloInicial();\r\n }\r\n }\r\n };\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {steps.map((label, index) => {\r\n const stepProps = {};\r\n const labelProps = {};\r\n if (isStepOptional(index)) {\r\n labelProps.optional = (\r\n \r\n Ā”Ocurrio un error en la sincronizaciĆ³n!\r\n \r\n );\r\n }\r\n\r\n if (isStepFailed(index)) {\r\n labelProps.error = true;\r\n }\r\n\r\n return (\r\n \r\n \r\n {getStepContent(index)} \r\n \r\n \r\n )\r\n })}\r\n \r\n {props.activeStep === steps.length && (\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nexport default VerticalLinearStepper;","import React, { useState, useEffect } from 'react';\r\nimport { APIURL, APP_VERSION } from 'utils/Enviroment';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Loading } from 'components/Global/Loading';\r\nimport { get, backgroundPostPedidos, backgroundPostRecibos } from 'utils/http';\r\nimport SteperSync from 'containers/Home/SteperSync';\r\nimport { getLocalStorage } from 'utils/http';\r\nimport moment from 'moment';\r\nimport axios from 'axios';\r\nimport { FiAlertTriangle } from 'react-icons/fi';\r\nimport { verificarConexion } from 'utils/http';\r\nimport { reemplazarUrl } from 'utils/common';\r\nimport update1 from 'assets/update1.jpeg';\r\nimport update2 from 'assets/update2.jpeg';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\n\r\nexport const Home = (props) => {\r\n const dispatch = useDispatch();\r\n const [loading, setloading] = useState(false);\r\n const [mensaje, setMensaje] = useState('');\r\n const [activeStep, setActiveStep] = useState(0);\r\n const [SyncDiaria, setSyncDiaria] = useState(true);\r\n const [UsuarioOficina, setUsuarioOficina] = useState(false);\r\n const [displaySincronizacion, setDisplaySincronizacion] = useState(false);\r\n const [update, setUpdate] = useState(false);\r\n const Colecciones = useSelector(e => e.ListaPrecios);\r\n const [ModulosError, setModulosError] = useState([]);\r\n const Configuraciones = useSelector(e => e.Configuraciones);\r\n const [velocidad, setVelocidad] = useState(0);\r\n\r\n useEffect(() => {\r\n cargarConfiguracionBaseColor();\r\n localStorage.setItem(\"Operando\", \"No\");\r\n if (localStorage.getItem(\"SesionObligatorio\") === null || localStorage.getItem(\"SesionObligatorio\") === undefined) {\r\n localStorage.setItem(\"SesionObligatorio\", 1);\r\n localStorage.removeItem(\"token\")\r\n window.location.reload();\r\n }\r\n async function inicioSesion() {\r\n const permisos = await verificarUsuario();\r\n if (permisos) {\r\n let config = await cargarConfiguraciones();\r\n if (config.APP_VERSION === APP_VERSION) {\r\n if (permisos[0].UsuarioOficina) {\r\n localStorage.setItem(\"UsuarioOficina\", true);\r\n cargarConfiguracionesUsuarioOficina();\r\n dispatch({ type: 'SET_PERMISOS', payload: permisos });\r\n } else {\r\n localStorage.setItem(\"UsuarioOficina\", false);\r\n setDisplaySincronizacion(true);\r\n let data = getLocalStorage(\"ListaPrecios\");\r\n if (data === null) {\r\n dispatch({ type: 'SET_PERMISOS', payload: [] });\r\n setSyncDiaria(false);\r\n }\r\n else {\r\n CargaPermisos();\r\n }\r\n }\r\n } else {\r\n setUpdate(true);\r\n dispatch({ type: 'SET_PERMISOS', payload: [] });\r\n }\r\n }\r\n }\r\n setModulosError([])\r\n inicioSesion();\r\n\r\n const startCalculating = () => {\r\n return window.setInterval(MeasureConnectionSpeed, 5000);\r\n };\r\n\r\n const MeasureConnectionSpeed = () => {\r\n let startTime, endTime;\r\n const download = new Image();\r\n startTime = new Date().getTime();\r\n const cacheBuster = '?nnn=' + startTime;\r\n download.src = \"https://www.sammobile.com/wp-content/uploads/2019/03/keyguard_default_wallpaper_silver.png\" + cacheBuster;\r\n\r\n download.onload = function (d) {\r\n endTime = new Date().getTime();\r\n showResults(startTime, endTime);\r\n };\r\n };\r\n\r\n const showResults = (startTime, endTime) => {\r\n const duration = (endTime - startTime) / 1000;\r\n const bitsLoaded = 2550420 * 8;\r\n const speedBps = (bitsLoaded / duration).toFixed(2);\r\n const speedKbps = (speedBps / 1024).toFixed(2);\r\n const speedMbps = (speedKbps / 1024).toFixed(2);\r\n setVelocidad(speedMbps);\r\n };\r\n\r\n let intervalFun = startCalculating();\r\n\r\n return () => {\r\n window.clearInterval(intervalFun);\r\n };\r\n // eslint-disable-next-line\r\n }, [])\r\n /*---------------------------INICIO SESION ---------------------------------------------------------*/\r\n const logSession = async () => {\r\n try {\r\n const request = await axios.get(`https://ipapi.co/json`);\r\n let logSession = {\r\n Usuario: localStorage.getItem('codigo'),\r\n version_navegador: window.navigator.appVersion,\r\n IP_Publica: request.data.ip,\r\n Latitud: request.data.latitude,\r\n Longitud: request.data.longitude,\r\n Version_App: APP_VERSION\r\n }\r\n\r\n registrarLogSesion(logSession);\r\n } catch (err) {\r\n console.log(err);\r\n return null;\r\n }\r\n }\r\n\r\n\r\n const registrarLogSesion = (data) => {\r\n fetch(APIURL + \"/api/logsesion\", {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'POST',\r\n body: JSON.stringify(data)\r\n })\r\n .then(res => res.json())\r\n .then(\r\n (result) => {\r\n console.log(result.Message)\r\n },\r\n )\r\n }\r\n\r\n const CargaPermisos = async () => {\r\n let isOnline = await verificarConexion();\r\n if (isOnline) {\r\n ObtenerPermisos();\r\n }\r\n }\r\n\r\n const ObtenerPermisos = async () => {\r\n fetch(`${APIURL}/api/Accesos/${localStorage.getItem('codigo')}`)\r\n .then(res => {\r\n if (res.status === 401) {\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(data => {\r\n setUsuarioOficina(data[0].UsuarioOficina)\r\n dispatch({ type: 'SET_PERMISOS', payload: data });\r\n },\r\n (error) => {\r\n console.log(error)\r\n }\r\n )\r\n }\r\n })\r\n }\r\n\r\n const cargarConfiguracionesUsuarioOficina = () => {\r\n setloading(true);\r\n ////Configuracion General\r\n cargarEmpresas();\r\n cargarAbreviacionMonedas();\r\n cargarClientesContado();\r\n cargarComunidadAutonoma();\r\n cargarMonedas();\r\n cargarMotivosDevolucion();\r\n\r\n ////Configuracion De Pedido\r\n cargarCorrelativoPedido();\r\n cargarMaestroLinea();\r\n cargarTiposColeccion();\r\n cargarTiposPedido();\r\n cargarEmpresasTransporte();\r\n cargarPrecioCajas();\r\n cargarImpuestoClientes();\r\n cargarImpuestoProductos();\r\n cargarMaestroBodega();\r\n /////Configuracion De Recibos\r\n cargarCorrelativoRecibo();\r\n cargarBancos();\r\n cargarTipoPago();\r\n cargarTipoVisitasOficina();\r\n }\r\n\r\n const verificarUsuario = async () => {\r\n let onLine = await verificarConexion();\r\n if (onLine) {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Accesos/${localStorage.getItem('codigo')}`);\r\n return request.data;\r\n } catch (err) {\r\n console.log(err);\r\n return null;\r\n }\r\n } else {\r\n Swal.fire({\r\n title: 'Sin Internet',\r\n text: \"Necesita internet para poder realizar esta accion.\",\r\n type: 'error',\r\n confirmButtonText: 'Ok'\r\n });\r\n //return null;\r\n }\r\n }\r\n /*----------------------------------------------------MODULOS DE SINCRONIZACION-------------------------------- */\r\n // eslint-disable-next-line\r\n const ValoresModulos = [{ Nombre: \"SincronizarPedidosPendiente\", Valor: 0 },\r\n { Nombre: \"SincronizarReciboPendiente\", Valor: 1 },\r\n { Nombre: \"SincronizarConfiguraciones\", Valor: 2 },\r\n { Nombre: \"SincronizarCartera\", Valor: 3 },\r\n { Nombre: \"SincronizarRecibo\", Valor: 4 },\r\n { Nombre: \"SincronizarPedidos\", Valor: 5 }]\r\n\r\n const CargaModuloPedidosPendientes = async () => {\r\n setMensaje('Sincronizando Pedidos');\r\n let tienePedidosPendientes = await backgroundPostPedidos();\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n localStorage.setItem(\"PedidosPendientes\", tienePedidosPendientes);\r\n CargaModuloRecibosPendientes();\r\n }\r\n\r\n const CargaModuloRecibosPendientes = async () => {\r\n setMensaje('Sincronizando Recibos');\r\n let tieneRecibosPendientes = await backgroundPostRecibos();\r\n localStorage.setItem(\"RecibosPendientes\", tieneRecibosPendientes);\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n CargarModuloConfiguraciones();\r\n }\r\n\r\n const CargarModuloConfiguraciones = () => {\r\n setloading(true);\r\n ////Documentos Pendientes\r\n //sincronizarDocumentosPendientes();\r\n\r\n ////Configuracion General\r\n ObtenerPermisos();\r\n cargarEmpresas();\r\n cargarAbreviacionMonedas();\r\n cargarClientesContado();\r\n cargarComunidadAutonoma();\r\n cargarMonedas();\r\n cargarMotivosDevolucion();\r\n\r\n ////Configuracion De Pedido\r\n cargarMaestroLinea();\r\n cargarTiposColeccion();\r\n cargarTiposPedido();\r\n cargarEmpresasTransporte();\r\n cargarPrecioCajas();\r\n cargarImpuestoClientes();\r\n cargarImpuestoProductos();\r\n cargarMaestroBodega();\r\n /////Configuracion De Recibos\r\n cargarBancos();\r\n cargarTipoPago();\r\n cargarTipoVisitas(); ///Siempre debe ser el Ultimo Metodo\r\n }\r\n\r\n const ModuloCarteracliente = () => {\r\n cargarDocumentosPendientes();\r\n CarteraClientes();\r\n }\r\n\r\n const CargaModuloRecibo = () => {\r\n cargarCorrelativoRecibo();\r\n cargarFirmaRecibo();\r\n cargarClientesRecibos();///Siempre debe ser el Ultimo Metodo\r\n }\r\n\r\n const CargaModuloPedidos = () => {\r\n cargarCorrelativoPedido();\r\n cargarClientesPedidos();///Siempre debe ser el Ultimo Metodo\r\n\r\n }\r\n\r\n /*------------------------------------------------------------------------------------------------------------------ */\r\n const cargarDocumentosPendientes = async () => {\r\n const { data, error } = await get(`${APIURL}/api/documentospendientes/facturas`, \"DocumentosPendientes\");\r\n dispatch({ type: \"SET_DOCUMENTOSPENDIENTES\", payload: data });\r\n\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarCartera\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: \"SET_DOCUMENTOSPENDIENTES\", payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-DocumentosPendientes`, moment(`${fecha} 23:59:59`));\r\n }\r\n\r\n const cargarComunidadAutonoma = async () => {\r\n setMensaje('Cargando Monedas');\r\n const { data, error } = await get(`${APIURL}/api/transporte/comunidadautonoma`, \"comunidadesAutonomas\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_COMUNIDADAUTONOMA', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-comunidadesAutonomas`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarEmpresas = async () => {\r\n\r\n setMensaje('Cargando Empresas');\r\n const { data, error } = await get(`${APIURL}/api/empresa/empresas`, \"Empresas\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_EMPRESAS', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-Empresas`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarAbreviacionMonedas = async () => {\r\n setMensaje('Cargando Monedas');\r\n const { data, error } = await get(`${APIURL}/api/moneda`, \"AbreviacionMonedas\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_ABREVACIONMONEDAS', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-AbreviacionMonedas`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarMonedas = async () => {\r\n setMensaje('Cargando Monedas');\r\n const { data, error } = await get(`${APIURL}/api/moneda/monedas`, \"MonedasGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: \"SET_MONEDASGLOBAL\", payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-MonedasGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarConfiguraciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/configuraciones`);\r\n dispatch({ type: \"SET_CONFIGURACIONES\", payload: request.data });\r\n return request.data;\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n const cargarTipoVisitas = async () => {\r\n setMensaje('Cargando Tipo Visitas');\r\n const { data, error } = await get(`${APIURL}/api/TipoVisitaCliente`, \"TipoVisita\");\r\n if (error) {\r\n /*console.log(error);\r\n let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]));*/\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n ModuloCarteracliente();\r\n } else {\r\n dispatch({ type: \"SET_TIPOVISITA\", payload: data });\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n ModuloCarteracliente();\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-TipoVisita`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarConfiguracionBaseColor = async () => {\r\n setMensaje('Cargando configuraciĆ³n base color');\r\n const { data, error } = await get(`${APIURL}/api/basecolorimpuesto`, \"ConfiguracionBaseColor\");\r\n if (error) {\r\n /*console.log(error);\r\n let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]));*/\r\n\r\n } else {\r\n dispatch({ type: \"SET_CONFIGURACIONBASECOLOR\", payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-ConfiguracionBaseColor`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarTipoVisitasOficina = async () => {\r\n setMensaje('Cargando Tipo Visitas');\r\n const { data, error } = await get(`${APIURL}/api/TipoVisitaCliente`, \"TipoVisita\");\r\n if (error) {\r\n console.log(error);\r\n setloading(false);\r\n } else {\r\n dispatch({ type: \"SET_TIPOVISITA\", payload: data });\r\n setloading(false);\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-TipoVisita`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarClientesContado = async () => {\r\n setMensaje('Cargando Clientes de Contado');\r\n const { data, error } = await get(`${APIURL}/api/clientecontado/${localStorage.getItem('codigo')}`, \"clientesContado\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: \"SET_CLIENTESCONTADO\", payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-clientesContado`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n /*--------- ----------------CARGA DE INFORMACION EN FLUJO DE RECIBOS --------------------------------------*/\r\n\r\n const cargarClientesRecibos = async () => {\r\n setMensaje('Cargando Clientes de Recibo');\r\n const { data, error } = await get(`${APIURL}/api/cliente/cuenta`, \"Recibo\", \"clientes\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarRecibo\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n CargaModuloPedidos();\r\n } else {\r\n dispatch({ type: 'STORE_RECIBO_CLIENTES', clientes: data });\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n CargaModuloPedidos();\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-Recibo`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarTipoPago = async () => {\r\n setMensaje('Cargando tipo de pago');\r\n const { data, error } = await get(`${APIURL}/api/tipopago`, \"TipoPagoGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: \"SET_TIPOPAGOGLOBAL\", payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-TipoPagoGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarBancos = async () => {\r\n setMensaje('Cargando Bancos');\r\n const { data, error } = await get(`${APIURL}/api/banco`, \"BancosGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: \"SET_BANCOSGLOBAL\", payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-BancosGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarCorrelativoRecibo = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/recibos/correlativo/${localStorage.getItem('empresa')}`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n localStorage.setItem(\"CorrelativoReciboDiario\", request.data)\r\n dispatch({ type: \"SET_CORRELATIVORECIBODIARIO\", payload: request.data });\r\n }\r\n catch (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarRecibo\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n }\r\n }\r\n\r\n const cargarFirmaRecibo = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/recibos/firma/${localStorage.getItem('empresa')}`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n localStorage.setItem(\"firmarecibo\", request.data)\r\n }\r\n catch (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarRecibo\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n }\r\n }\r\n\r\n /*--------- ----------------CARGA DE INFORMACION EN FLUJO DE PEDIDOS--------------------------------------*/\r\n const cargarCorrelativoPedido = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/PedidosXCliente/correlativo/${localStorage.getItem('empresa')}`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n localStorage.setItem(\"CorrelativoPedidoDiario\", request.data)\r\n }\r\n catch (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarPedidos\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n }\r\n }\r\n\r\n const cargarMaestroLinea = async () => {\r\n setloading(true);\r\n setMensaje('Cargando lineas');\r\n const { data, error } = await get(`${APIURL}/api/maestrolinea`, \"MaestroLineas\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'STORE_MAESTROLINEA', maestroLineas: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-MaestroLineas`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarTiposColeccion = async () => {\r\n setMensaje('Cargando Tipos Coleccion');\r\n const { data, error } = await get(`${APIURL}/api/TiposColeccion`, \"TiposColeccion\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'STORE_TIPOS_COLECCION', TiposColeccion: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-TiposColeccion`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarTiposPedido = async () => {\r\n setMensaje('Cargando Tipos de Pedidos');\r\n const { data, error } = await get(`${APIURL}/api/tipopedido`, \"TiposPedido\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'STORE_TIPO_PEDIDO', TipoPedido: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-TiposPedido`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarEmpresasTransporte = async () => {\r\n setMensaje('Cargando Empresas Transporte');\r\n const { data, error } = await get(`${APIURL}/api/transporte/empresas`, \"EmpresaTransporteGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_EMPRESASTRANSPORTEGLOBAL', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-EmpresaTransporteGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarPrecioCajas = async () => {\r\n setMensaje('Cargando Precio Cajas');\r\n const { data, error } = await get(`${APIURL}/api/transporte/preciocaja`, \"PrecioCajasGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_PRECIOCAJASGLOBAL', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-PrecioCajasGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarImpuestoClientes = async () => {\r\n setMensaje('Cargando Impuestos Clientes');\r\n const { data, error } = await get(`${APIURL}/api/gruposimpuestos/Clientes`, \"ClienteImpuestosGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_CLIENTEIMPUESTOSGLOBAL', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-ClienteImpuestosGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarImpuestoProductos = async () => {\r\n setMensaje('Cargando Impuestos Productos')\r\n const { data, error } = await get(`${APIURL}/api/gruposimpuestos/Articulos`, \"ProductoImpuestosGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_PRODUCTOIMPUESTOSGLOBAL', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-ProductoImpuestosGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarMaestroBodega = async () => {\r\n setMensaje('Cargando Maestro de Bodega')\r\n const { data, error } = await get(`${APIURL}/api/MaestroBodegaAlmacenes`, \"MaestroBodegaGlobal\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarConfiguraciones\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'SET_BODEGAALMACENES', payload: data });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-MaestroBodegaGlobal`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarMotivosDevolucion = async () => {\r\n const { data } = await get(`${APIURL}/api/motivos/devolucion`, \"Devolucion\", \"motivosDevolucion\");\r\n dispatch({ type: \"SET_MOTIVOSDEVOLUCION\", payload: data });\r\n }\r\n\r\n const cargarClientesPedidos = async () => {\r\n setMensaje('Cargando Cliente Pedidos')\r\n const { data, error } = await get(`${APIURL}/api/cliente/pedido`, \"clientes\");\r\n if (error) {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarPedidos\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(error);*/\r\n } else {\r\n dispatch({ type: 'STORE_CLIENTES', clientes: data });\r\n cargarListaPrecios(data);\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-clientes`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const cargarListaPrecios = (clientes) => {\r\n setMensaje('Cargando Colecciones y Productos')\r\n let data = getLocalStorage(\"ListaPrecios\");\r\n\r\n if (data) {\r\n dispatch({ type: 'SET_LISTAPRECIOS', payload: data });\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n setSyncDiaria(true);\r\n setloading(false);\r\n } else {\r\n const listaPrecios = [...new Set(clientes.map(x => x.GrupoPrecio))];\r\n const paises = [...new Set(clientes.map(x => x.EmpresaId))];\r\n\r\n axios.get(APIURL + \"/api/colecciones/listaprecios\", {\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n params: {\r\n ListaPrecios: listaPrecios,\r\n Paises: paises\r\n }\r\n })\r\n .then(res => {\r\n CargaImagenes(res.data);\r\n })\r\n .catch(err => {\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarPedidos\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))\r\n console.log(err)*/\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n setSyncDiaria(true);\r\n setloading(false);\r\n });\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-ListaPrecios`, moment(`${fecha} 23:59:59`))\r\n }\r\n const CargaImagenes = async (data) => {\r\n let ColeccionOriginal = Colecciones;\r\n setMensaje('Cargando imagenes')\r\n let listaPrecios = data;\r\n listaPrecios.forEach(e => {\r\n let coleccion = ColeccionOriginal.filter(c => c.CodigoColeccion === e.CodigoColeccion);\r\n e.Edades.forEach(async function (edades) {\r\n let Edades;\r\n if (coleccion !== undefined && coleccion.length > 0) {\r\n let imagenBlob = reemplazarUrl(coleccion[0].FotoPortada, Configuraciones.UrlImages, Configuraciones.UrlImagesOffline);\r\n if (imagenBlob) {\r\n coleccion[0].FotoPortada = imagenBlob;\r\n }\r\n let Edad = coleccion[0].Edades;\r\n Edades = Edad.filter(e => e.IdEdad === edades.IdEdad);\r\n }\r\n edades.ProductosXEdad.forEach(prod => {\r\n let ProductosXEdad;\r\n if (Edades !== undefined && Edades.length > 0) {\r\n ProductosXEdad = Edades[0].ProductosXEdad.filter(p => p.ProductoId === prod.ProductoId)\r\n }\r\n ///Imagenes generales del producto\r\n prod.ListaImagenes.forEach(async function (img) {\r\n let imges;\r\n if (ProductosXEdad !== undefined && ProductosXEdad.length > 0) {\r\n imges = ProductosXEdad[0].ListaImagenes.filter(i => i.IdFotografia === img.IdFotografia)\r\n }\r\n if (imges !== undefined && imges.length > 0) {\r\n if (imges[0].FotografiaProducto.includes(Configuraciones.UrlImagesOffline)) {\r\n img.FotografiaProducto = imges[0].FotografiaProducto;\r\n }\r\n else {\r\n let imagenBlob = reemplazarUrl(img.FotografiaProducto, Configuraciones.UrlImages, Configuraciones.UrlImagesOffline);\r\n if (imagenBlob) {\r\n img.FotografiaProducto = imagenBlob;\r\n }\r\n }\r\n }\r\n else {\r\n let imagenBlob = reemplazarUrl(img.FotografiaProducto, Configuraciones.UrlImages, Configuraciones.UrlImagesOffline);\r\n if (imagenBlob) {\r\n img.FotografiaProducto = imagenBlob;\r\n }\r\n }\r\n\r\n })\r\n\r\n ///Imagenes por color del producto\r\n prod.ListaColores.forEach(color => {\r\n let colores;\r\n if (ProductosXEdad !== undefined && ProductosXEdad.length > 0) {\r\n colores = ProductosXEdad[0].ListaColores.filter(i => i.CodigoColor === color.CodigoColor)\r\n }\r\n color.ListaImagenes.forEach(async function (img) {\r\n let imgColor;\r\n if (colores !== undefined && colores.length > 0) {\r\n imgColor = colores[0].ListaImagenes.filter(i => i.IdFotografia === img.IdFotografia)\r\n }\r\n if (imgColor !== undefined && imgColor.length > 0) {\r\n if (imgColor[0].FotografiaProducto.includes(Configuraciones.UrlImagesOffline)) {\r\n img.FotografiaProducto = imgColor[0].FotografiaProducto;\r\n }\r\n else {\r\n let imagenColorBlob = reemplazarUrl(img.FotografiaProducto, Configuraciones.UrlImages, Configuraciones.UrlImagesOffline);\r\n if (imagenColorBlob) {\r\n img.FotografiaProducto = imagenColorBlob;\r\n }\r\n }\r\n }\r\n else {\r\n let imagenColorBlob = reemplazarUrl(img.FotografiaProducto, Configuraciones.UrlImages, Configuraciones.UrlImagesOffline);\r\n if (imagenColorBlob) {\r\n img.FotografiaProducto = imagenColorBlob;\r\n }\r\n }\r\n })\r\n })\r\n })\r\n })\r\n })\r\n //setTimeout(() => {\r\n logSession();\r\n dispatch({ type: 'SET_LISTAPRECIOS', payload: listaPrecios });\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-ListaPrecios`, moment(`${fecha} 23:59:59`));\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n setSyncDiaria(true);\r\n setloading(false);\r\n //}, 40000)\r\n }\r\n /*const convertirBlob = async (url) => {\r\n try {\r\n const request = await axios.get(url, { responseType: 'blob' });\r\n return request.data;\r\n } catch (err) {\r\n return null;\r\n }\r\n }*/\r\n\r\n /*const convertToBase64 = async (url)=>{\r\n try{\r\n const request = await axios.get(url, { responseType: 'arraybuffer' });\r\n const nuevoString = Buffer.from(request.data, 'binary').toString('base64');\r\n return `data:image/jpg;base64,${nuevoString}`;\r\n }catch(err){\r\n return null;\r\n }\r\n }*/\r\n\r\n /*--------- ----------------CARGA DE INFORMACION EN FLUJO DE CARTERA DE CLIENTES--------------------------------------*/\r\n\r\n const CarteraClientes = async () => {\r\n\r\n if (UsuarioOficina === false) {\r\n const { data, error } = await get(`${APIURL}/api/cliente/${localStorage.getItem(\"codigo\")}`, \"Cartera\");\r\n if (error) {\r\n CargaModuloRecibo();\r\n /*let step = ValoresModulos.filter(v => v.Nombre === \"SincronizarCartera\")\r\n setModulosError((prevState) => ([...prevState, step[0].Valor]))*/\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n console.log(error);\r\n } else {\r\n localStorage.setItem(\"UltimaSyncCartera\", new Date())\r\n dispatch({ type: \"SET_CARTERA\", payload: data });\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n CargaModuloRecibo();\r\n }\r\n }\r\n\r\n let fecha = moment(new Date()).format(\"YYYY-MM-DD\");\r\n localStorage.setItem(`expiracion-Cartera`, moment(`${fecha} 23:59:59`))\r\n }\r\n\r\n const verManual = async () => {\r\n const isOnline = await verificarConexion();\r\n if (isOnline) {\r\n window.open('https://www.canva.com/design/DAGJ53R4Os0/gZy1q-yp4NpbVJVdWEp05w/view?utm_content=DAGJ53R4Os0&utm_campaign=designshare&utm_medium=link&utm_source=editor#1', '_blank');\r\n }\r\n else {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar el manĆŗal.\",\r\n type: \"error\",\r\n confirmButtonText: 'Ok',\r\n })\r\n }\r\n }\r\n /*--------------------------------------------------------------------------------------------------------------------*/\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n {props.loading ?\r\n
\r\n {label}
0 ? \"red\" : \"green\" }}>{props.ModulosError.length > 0 ? \"Ā”Proceso de SincronizaciĆ³n ejecutado con errores!\" : \"Ā”Proceso de SincronizaciĆ³n ejecutado correctamente!\"}
\r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport Loader from 'components/Global/Loader';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { Button } from \"@material-ui/core\";\r\nimport DetallePedido from 'components/ListadoPedidos/DetallePedido';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport {APIURL} from 'utils/Enviroment';\r\nimport ImprimirPedido from 'components/ListadoPedidos/ImprimirPedido';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport {IsAllow} from 'components/Seguridad/Permisos';\r\nimport axios from 'axios';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { FiAlertTriangle } from 'react-icons/fi';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport { Loading } from 'components/Global/Loading';\r\nimport { verificarConexion } from 'utils/http';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nmoment.locale('es');\r\n\r\nexport const ListaPedidosPendientes = (props) => {\r\n const urlApi = APIURL;\r\n const dispatch = useDispatch();\r\n const [state, setState] = useState({\r\n error: false,\r\n isLoaded: false,\r\n startDate: new Date(new Date().getFullYear(), new Date().getMonth(), 1),\r\n endDate: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1),\r\n pedidos: [],\r\n clientes: [],\r\n pedido: null,\r\n Detalles: [],\r\n });\r\n const [showDialog, setShowDialog] = useState(false);\r\n const [loading,setLoading] = useState(false);\r\n const [DialogPedido, setDialogPedido] = useState(null);\r\n\r\n useEffect(() => {\r\n if(!IsAllow(\"/lista-pedidos-pendientes\"))\r\n {\r\n props.history.push('/home');\r\n }\r\n cargarPedidos(\"1900-01-01\", \"1900-01-01\");\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n\r\n const cargarPedidos = async (FechaInicio, FechaFin) => {\r\n const isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\")===\"offline\") {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar esta pagina.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n });\r\n setState({...state,isLoaded:true});\r\n } else if(localStorage.getItem(\"Conexion\")===\"Online\" && isOnline){\r\n var Inicio = moment(FechaInicio).format(\"YYYY-MM-DD\");\r\n var Fin = moment(FechaFin).format(\"YYYY-MM-DD\");\r\n let Asesor = localStorage.getItem('codigo');\r\n fetch(urlApi + \"/api/PedidosXCliente/Pendientes/\"+ Asesor + \"/\" + Inicio + \"/\" + Fin, {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n\r\n }\r\n })\r\n .then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(\r\n (result) => {\r\n\r\n setState({\r\n ...state,\r\n isLoaded: true,\r\n pedidos: result\r\n });\r\n },\r\n // Note: it's important to handle errors here\r\n // instead of a catch() block so that we don't swallow\r\n // exceptions from actual bugs in components.\r\n (error) => {\r\n setState({\r\n ...state,\r\n isLoaded: true,\r\n error\r\n });\r\n }\r\n )\r\n }\r\n })\r\n }\r\n }\r\n\r\n const sincronizarPedido = async (pedido)=>{\r\n let isOnline = await verificarConexion();\r\n if(isOnline && localStorage.getItem(\"Conexion\")===\"Online\"){\r\n try{\r\n setLoading(true);\r\n const request = await axios.post(urlApi + \"/api/PedidosXCliente/sincronizar/\"+pedido);\r\n Swal.fire({\r\n type: 'success',\r\n title: 'Sincronizado',\r\n text: request.data,\r\n });\r\n setLoading(false);\r\n cargarClientes();\r\n cargarPedidos(\"1900-01-01\", \"1900-01-01\");\r\n }catch(err){\r\n setLoading(false);\r\n let mensaje = \"Ha ocurrido un error y no se pudo sincronizar el pedido con AX.\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n type: 'error',\r\n title: 'Error',\r\n text: mensaje,\r\n })\r\n }\r\n }else{\r\n Swal.fire({\r\n title: 'Sin Internet',\r\n text: 'Necesita internet para sincronizar el pedido',\r\n type: 'warning',\r\n confirmButtonText: 'Ok',\r\n })\r\n }\r\n }\r\n\r\n\r\n const cargarClientes = async () => {\r\n try {\r\n const request = await axios.get(urlApi + \"/api/cliente/pedido\", {\r\n headers: {\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n dispatch({ type: 'STORE_CLIENTES', clientes: request.data });\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error y no se actualizar la cartera de clientes\");\r\n }\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n const DataPedidos = () => {\r\n let DataPedidos = [];\r\n state.pedidos.map(pedido => {\r\n\r\n\r\n //if (moment(fechaIni) < moment(pedido.FechaActual) && moment(pedido.FechaActual) < moment(fechaFin)) {\r\n let data = [\r\n pedido.PedidoId,\r\n pedido.Cliente.Nombre,\r\n moment(pedido.FechaActual).format('DD/MM/YYYY') !== \"Invalid date\" ? moment(pedido.FechaActual).format('DD/MM/YYYY') : \"\",\r\n pedido.Linea.Linea,\r\n pedido.NombreColeccion,\r\n (pedido.BodegaEspecifica===null?\"No\":pedido.BodegaEspecifica?\"Si\":\"No\"),\r\n pedido.TotalUnidades,\r\n moment(pedido.FechaEntrega).format('DD/MM/YYYY') !== \"Invalid date\" ? moment(pedido.FechaEntrega).format('DD/MM/YYYY') : \"\",\r\n pedido.Procesando?\"Procesando\":\"No Procesando\",\r\n pedido.ErrorAx,\r\n \r\n
\r\n
\r\n Ā”Bienvenido(a) {localStorage.getItem('asesor')}!
\r\n {localStorage.getItem(\"UsuarioOficina\") === \"false\" && (\r\n Manual Eva\r\n )}\r\nVelocidad internet {velocidad} Mbps
\r\n\r\n
\r\n {update && (\r\n
\r\n \r\n 
\r\n 
\r\n
\r\n )}\r\n {displaySincronizacion && Nueva versiĆ³n disponible. Presione shift+f5 para actualizar la aplicaciĆ³n.
\r\nOpciĆ³n 1
\r\nOpciĆ³n 2
\r\n\r\n {\r\n SyncDiaria === 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\r\n DataPedidos.push(data);\r\n //}\r\n return false;\r\n\r\n });\r\n\r\n return DataPedidos;\r\n }\r\n\r\n const GetPedidoDetalle = async (Pedido, EsImpresion) =>{\r\n let isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\") === \"offline\") {\r\n Swal.fire({\r\n title: 'Sin Internet',\r\n text: 'Necesita internet para sincronizar el pedido',\r\n type: 'warning',\r\n confirmButtonText: 'Ok',\r\n })\r\n } else {\r\n let EnDetalle = EsImpresion ? null : Pedido;\r\n fetch(`${APIURL}/api/PedidoDetalle/${Pedido.PedidoId}`)\r\n .then(res => res.json())\r\n .then(data => {\r\n setState({\r\n ...state,\r\n Detalles: data,\r\n pedido: EnDetalle,\r\n });\r\n if (EsImpresion) {\r\n setShowDialog(true);\r\n }\r\n });\r\n setDialogPedido(Pedido);\r\n }\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogPedido(null);\r\n }\r\n\r\n\r\n const RegresarListaPedidos = () => {\r\n setState({ ...state, pedido: null });\r\n }\r\n\r\n if (!state.isLoaded) {\r\n return Error: {state.error.message}
;\r\n }\r\n if (state.pedido != null && state.Detalles !== null) {\r\n return (\r\n \r\n \r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n\r\n {\r\n DialogPedido && state.Detalles !== null &&\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\n\r\nconst HeadersListaPedidos = [\r\n \"No. Pedido\",\r\n \"Cliente\",\r\n \"Fecha Pedido\",\r\n \"LĆnea\",\r\n \"Paquete\",\r\n \"Bodega Especifica\",\r\n \"Total Unidades\",\r\n \"Fecha Entrega\",\r\n \"Procesando\",\r\n \"Ultimo mensaje de error\",\r\n {\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n {pedido.Estado === 0 && <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n ]\r\n DataPedidos.push(data);\r\n return false;\r\n });\r\n\r\n return DataPedidos;\r\n }\r\n\r\n const RegresarListaPedidos = () => {\r\n setState({ ...state, pedido: null });\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n\r\n const cancelarReinicio = e => {\r\n if (e.which === 116) {\r\n e.preventDefault();\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/lista-pedidos-flotante\")) {\r\n props.history.push('/home');\r\n }\r\n setAsesorSelected(AsesoresUsuario[0].Usuario);\r\n cargarPedidosFlotantes(\"1900-01-01\", \"1900-01-01\");\r\n\r\n window.addEventListener('keydown', cancelarReinicio);\r\n return () => {\r\n window.removeEventListener('keydown', cancelarReinicio);\r\n }\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n if (state.pedido != null && state.Detalles !== null) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst HeadersListaPedidos = [\r\n \"No. Pedido\",\r\n \"Cliente\",\r\n \"Fecha Pedido\",\r\n \"LĆnea\",\r\n \"Paquete\",\r\n \"Bodega Especifica\",\r\n \"Total Unidades\",\r\n \"Fecha Entrega\",\r\n \"Pedido Generado\",\r\n \"Asesor\",\r\n {\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n Pedidos Flotante
\r\n\r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n \r\n {\r\n setEstado(value);\r\n }}\r\n options={[\r\n { key: 0, value: 0, text: \"Pendiente\" },\r\n { key: 1, value: 1, text: \"Aprobado\" },\r\n { key: 2, value: 2, text: \"Cancelado\" },\r\n ]}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={estado}\r\n />\r\n
\r\n \r\n
\r\n \r\n { setTodos((prev) => (!prev)) }} />\r\n \r\n
\r\n \r\n setAsesorSelected(value)}\r\n options={AsesoresUsuario.map((Ase) => ({ key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }))}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n
\r\n \r\n { cargarPedidosFlotantes(fechaInicio, fechaFin) }}>Obtener\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n DataRecibos.push(data);\r\n }\r\n return false;\r\n\r\n });\r\n\r\n return DataRecibos;\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogRecibo(null);\r\n }\r\n\r\n\r\n const RegresarListaRecibos = () => {\r\n setRecibo(null);\r\n }\r\n\r\n if (!isLoaded) {\r\n return Error: {error.message}
;\r\n }\r\n if (recibo != null) {\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\n
\r\n }\r\n\r\n DataRecibos.push(data);\r\n }\r\n });\r\n return DataRecibos;\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogRecibo(null);\r\n }\r\n\r\n const handleOnChangeAsesor = (value) => {\r\n setAsesorSelected(value);\r\n }\r\n\r\n const RegresarListaRecibos = () => {\r\n setRecibo(null);\r\n }\r\n\r\n if (!isLoaded) {\r\n return Error: {error.message}
;\r\n }\r\n if (recibo != null) {\r\n\r\n return (\r\n { props.seleccionarCliente(props.codigo) }} style={style}>\r\n
\r\n )\r\n}","import React from 'react';\r\nimport { Cliente } from './Cliente';\r\n\r\nexport const ListaClientes = props => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {props.nombre}
\r\n{props.codigo}
\r\n\r\n {props.clientes.map((cliente) => (\r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport CuentaCorrienteTable from 'containers/CuentaCorriente/CuentaCorienteTable';\r\nimport styles from \"components/Recibos/Facturas/CuotasTable.module.css\";\r\nimport moment from 'moment';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nexport const CuentaCorriente = props => {\r\n const [cuotas, setCuotas] = useState([]);\r\n const dispatch = useDispatch();\r\n\r\n const calcularCuotasCuentaCorriente = () => {\r\n let agrupacionCuentCorriente = [];\r\n let agrupacionCuentaCorriente = [];\r\n let totalSaldo = 0;\r\n let totalAPagar = 0;\r\n props.cliente.AcuerdosXTipoPedido.forEach(acuXTip => {\r\n acuXTip.Acuerdos.forEach(acu => {\r\n acu.Facturas.forEach(fact => {\r\n fact.Cuotas.filter(c => c.Saldo > 0).forEach(cuot => {\r\n let diasVencimiento = (moment().diff(cuot.FechaVencimiento, 'days') * -1) + 1;\r\n let diasDescuento = (moment().diff(cuot.FechaMaxDescuento, 'days') * -1) + 1;\r\n let aPagar = cuot.Saldo;\r\n if (diasDescuento >= 0 && cuot.Descuento && cuot.IdAcuerdoxCliente === null) {\r\n aPagar -= cuot.Descuento;\r\n }\r\n totalSaldo += cuot.Saldo;\r\n totalAPagar += aPagar;\r\n let colorFuente = fact.facturaEnTransito ? \"font-weight-bold \" + styles.InfoText : diasVencimiento < 0 ? \"text-danger font-weight-bold\" : diasVencimiento < 15 ? \"font-weight-bold \" + styles.WarnRecibo : \"\";\r\n if (localStorage.getItem('empresa') === 'IMGT') {\r\n agrupacionCuentCorriente.push({\r\n Tipo: {cuot.TipoDocumento}, // Tipo\r\n TipoPedido: {acuXTip.TipoPedido},// TipoPedido\r\n Factura: {fact.Factura},// Factura\r\n NumeroFEL: {fact.NumeroFEL},\r\n IdAcuerdoxCliente: {cuot.IdAcuerdoxCliente},// IdAcuerdoxCliente\r\n NumeroCuota: {cuot.NumeroCuota},// NumeroCuota\r\n FechaFactura: {moment(cuot.FechaFactura).format(\"DD/MM/YYYY\")},// FechaFactura\r\n FechaVencimiento: {moment(cuot.FechaVencimiento).format(\"DD/MM/YYYY\") === '01/01/1900' ? '' : moment(cuot.FechaVencimiento).format(\"DD/MM/YYYY\")},// FechaVencimiento\r\n Dias: {isNaN(diasVencimiento) ? \"\" : diasVencimiento},// Dias\r\n Valor: {cuot.ValorCuota.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// Valor\r\n Saldo: {cuot.Saldo.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// Saldo\r\n FechaMaxDescuento: {moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== \"Invalid date\" && moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== '01/01/1900' ? moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") : \"\"},// FechaMaxDescuento\r\n DiasV: {isNaN(diasDescuento) ? \"\" : diasDescuento}, // DiasV\r\n Descuento: {cuot.Descuento.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// Descuento\r\n APagar: {aPagar.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// APagar\r\n idmoneda: {cuot.IdMoneda},// idmoneda\r\n excepcionDescuento: {fact.ExcepcionDescuento ? \"Si\" : \"No\"}\r\n });\r\n }\r\n else {\r\n agrupacionCuentCorriente.push({\r\n Tipo: {cuot.TipoDocumento}, // Tipo\r\n TipoPedido: {acuXTip.TipoPedido},// TipoPedido\r\n Factura: {fact.Factura},// Factura\r\n IdAcuerdoxCliente: {cuot.IdAcuerdoxCliente},// IdAcuerdoxCliente\r\n NumeroCuota: {cuot.NumeroCuota},// NumeroCuota\r\n FechaFactura: {moment(cuot.FechaFactura).format(\"DD/MM/YYYY\")},// FechaFactura\r\n FechaVencimiento: {moment(cuot.FechaVencimiento).format(\"DD/MM/YYYY\")},// FechaVencimiento\r\n Dias: {isNaN(diasVencimiento) ? \"\" : diasVencimiento},// Dias\r\n Valor: {cuot.ValorCuota.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// Valor\r\n Saldo: {cuot.Saldo.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// Saldo\r\n FechaMaxDescuento: {moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== \"Invalid date\" && moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== '01/01/1900' ? moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") : \"\"},// FechaMaxDescuento\r\n DiasV: {isNaN(diasDescuento) || moment(cuot.FechaMaxDescuento).format(\"DD/MM/YYYY\") === '01/01/1900' ? \"\" : diasDescuento}, // DiasV\r\n Descuento: {cuot.Descuento.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// Descuento\r\n APagar: {aPagar.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')},// APagar\r\n idmoneda: {cuot.IdMoneda},// idmoneda\r\n excepcionDescuento: {fact.ExcepcionDescuento ? \"Si\" : \"No\"}\r\n });\r\n }\r\n });\r\n let diasVencimiento = (moment().diff(fact.FechaVencimiento, 'days') * -1) + 1;\r\n let diasDescuento = (moment().diff(fact.FechaMaxDescuento, 'days') * -1) + 1;\r\n let aPagar = fact.Saldo;\r\n if (diasDescuento >= 0 && fact.Descuento && fact.IdAcuerdoxCliente == null) {\r\n aPagar -= fact.Descuento;\r\n }\r\n if (localStorage.getItem('empresa') === 'IMGT') {\r\n agrupacionCuentaCorriente.push({\r\n Tipo: fact.Tipo, // Tipo\r\n TipoPedido: acuXTip.Tipo,// TipoPedido\r\n Factura: fact.Factura,// Factura\r\n NumeroFEL: fact.NumeroFEL,\r\n IdAcuerdoxCliente: fact.IdAcuerdoxCliente,// IdAcuerdoxCliente\r\n FechaFactura: moment(fact.FechaFactura).format(\"DD/MM/YYYY\"),// FechaFactura\r\n FechaVencimiento: moment(fact.FechaVencimiento).format(\"DD/MM/YYYY\"),// FechaVencimiento\r\n Dias: isNaN(diasVencimiento) ? \"\" : diasVencimiento,// Dias\r\n TotalFactura: fact.TotalFactura,// TotalFactura\r\n Saldo: fact.Saldo,// Saldo\r\n FechaMaxDescuento: moment(fact.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== \"Invalid date\" && moment(fact.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== '01/01/1900' ? moment(fact.FechaMaxDescuento).format(\"DD/MM/YYYY\") : \"\",// FechaMaxDescuento\r\n DiasV: isNaN(diasDescuento) ? \"\" : diasDescuento, // DiasV\r\n Descuento: fact.Descuento,// Descuento\r\n APagar: aPagar,// APagar\r\n idmoneda: fact.IdMoneda,// idmoneda\r\n facturaEnTransito: fact.facturaEnTransito\r\n });\r\n }\r\n else {\r\n agrupacionCuentaCorriente.push({\r\n Tipo: fact.Tipo, // Tipo\r\n TipoPedido: acuXTip.Tipo,// TipoPedido\r\n Factura: fact.Factura,// Factur\r\n IdAcuerdoxCliente: fact.IdAcuerdoxCliente,// IdAcuerdoxCliente\r\n FechaFactura: moment(fact.FechaFactura).format(\"DD/MM/YYYY\"),// FechaFactura\r\n FechaVencimiento: moment(fact.FechaVencimiento).format(\"DD/MM/YYYY\"),// FechaVencimiento\r\n Dias: isNaN(diasVencimiento) ? \"\" : diasVencimiento,// Dias\r\n TotalFactura: fact.TotalFactura,// TotalFactura\r\n Saldo: fact.Saldo,// Saldo\r\n FechaMaxDescuento: moment(fact.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== \"Invalid date\" && moment(fact.FechaMaxDescuento).format(\"DD/MM/YYYY\") !== '01/01/1900' ? moment(fact.FechaMaxDescuento).format(\"DD/MM/YYYY\") : \"\",// FechaMaxDescuento\r\n DiasV: isNaN(diasDescuento) ? \"\" : diasDescuento, // DiasV\r\n Descuento: fact.Descuento,// Descuento\r\n APagar: aPagar,// APagar\r\n idmoneda: fact.IdMoneda,// idmoneda\r\n facturaEnTransito: fact.facturaEnTransito\r\n });\r\n }\r\n });\r\n });\r\n });\r\n agrupacionCuentCorriente.sort((a, b) => {\r\n if (moment(a.FechaVencimiento.props.children, \"DD/MM/YYYY\").isAfter(moment(b.FechaVencimiento.props.children, \"DD/MM/YYYY\"), 'day')) {\r\n return 1;\r\n }\r\n if (moment(a.FechaVencimiento.props.children, \"DD/MM/YYYY\").isBefore(moment(b.FechaVencimiento.props.children, \"DD/MM/YYYY\"), 'day')) {\r\n return -1;\r\n }\r\n if (moment(a.FechaVencimiento.props.children, \"DD/MM/YYYY\").isSame(moment(b.FechaVencimiento.props.children, \"DD/MM/YYYY\"), 'day')) {\r\n return 0;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n agrupacionCuentCorriente.sort((a, b) => {\r\n if (a.Factura.props.children < b.Factura.props.children) {\r\n\r\n return -1;\r\n }\r\n if (a.Factura.props.children > b.Factura.props.children) {\r\n\r\n return 1;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n agrupacionCuentCorriente.sort((a, b) => {\r\n if (a.NumeroCuota.props.children < b.NumeroCuota.props.children) {\r\n\r\n return -1;\r\n }\r\n if (a.NumeroCuota.props.children > b.NumeroCuota.props.children) {\r\n\r\n return 1;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n agrupacionCuentaCorriente.sort((a, b) => {\r\n return moment(a.FechaVencimiento).diff(b.FechaVencimiento);\r\n });\r\n\r\n agrupacionCuentaCorriente.sort((a, b) => {\r\n return a.Factura < b.Factura ? -1 : 1;\r\n });\r\n\r\n agrupacionCuentCorriente.push({\r\n Tipo: Totales
,// Tipo\r\n TipoPedido: null,// TipoPedido\r\n Factura: null,// Factura\r\n IdAcuerdoxCliente: null,// IdAcuerdoxCliente\r\n NumeroCuota: null,// NumeroCuota\r\n FechaFactura: null,// FechaFactura\r\n FechaVencimiento: null,// FechaVencimiento\r\n Dias: null,// Dias\r\n Valor: null,// Valor\r\n Saldo: (),// Saldo\r\n FechaMaxDescuento: null,// FechaMaxDescuento\r\n DiasV: null,// DiasV\r\n Descuento: null,// Descuento\r\n APagar: (),// APagar\r\n idmoneda: null,// idmoneda\r\n });\r\n\r\n setCuotas(agrupacionCuentCorriente);\r\n dispatch({ type: 'SET_CUENTAIMPRIMIR', payload: agrupacionCuentaCorriente });\r\n }\r\n\r\n useEffect(() => {\r\n if (props.cliente !== undefined) {\r\n calcularCuotasCuentaCorriente();\r\n }\r\n // eslint-disable-next-line\r\n }, [props.cliente])\r\n\r\n if (props.cliente === undefined) {\r\n returnSeleccione un cliente
\r\n }\r\n\r\n returnSeleccione un cliente.
\r\n } else {\r\n const existenDocumentosPendientes = Pendientes.some(e => e.CodigoCliente === cliente.Codigo);\r\n\r\n if (!existenDocumentosPendientes) {\r\n returnEl cliente no tiene facturas reservadas.
\r\n }\r\n\r\n if (cliente.Codigo.includes('IMGT')) {\r\n const existeCabeceraFel = HeaderDocumentoPendientes.some(x => (x.name === \"NumeroFel\"));\r\n\r\n if (!existeCabeceraFel) {\r\n HeaderDocumentoPendientes.splice(6, 0, {\r\n name: \"NumeroFel\",\r\n label: \"Numero Fel\",\r\n options: {\r\n filter: true,\r\n sort: true,\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}","import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport moment from 'moment';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport { numberWithCommas } from 'utils/common';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nconst HeaderDocumentoPendientes = [\r\n {\r\n name: \"documento\",\r\n label: \"Documento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"numero\",\r\n label: \"NĆŗmero\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"fecha\",\r\n label: \"Fecha\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"vencimiento\",\r\n label: \"Vencimiento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"valor\",\r\n label: \"Valor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"saldo\",\r\n label: \"Saldo\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"descuento\",\r\n label: \"Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"vencimientoDescuento\",\r\n label: \"Vencimiento Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"diasGracia\",\r\n label: \"DĆas de Gracia\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"editarDiasGracia\",\r\n label: \"Agregar DĆas\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n }\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n
\r\n Seleccione un cliente.
\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport moment from 'moment';\r\nimport { numberWithCommas } from 'utils/common';\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nlet HeaderDocumentoPendientes = [\r\n {\r\n name: \"NumRecibo\",\r\n label: \"NĆŗm.Recibo\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"FechaRecepcion\",\r\n label: \"Fecha RecepciĆ³n\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"NumCheque\",\r\n label: \"NĆŗm.Cheque\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Banco\",\r\n label: \"Banco\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Valor\",\r\n label: \"Valor Cheque\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"FechaVencimiento\",\r\n label: \"Fecha Vencimiento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"TipoCheque\",\r\n label: \"Tipo Cheque\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n }\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n Seleccione un cliente.
\r\n } else {\r\n const existenCheques = cheques.chequesContabilizados.some(e => e.CodigoCliente === cliente.Codigo);\r\n\r\n if (!existenCheques) {\r\n returnEl cliente no tiene cheques posfechados.
\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport moment from 'moment';\r\nimport { numberWithCommas } from 'utils/common';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nconst HeaderDocumentoPendientes = [\r\n {\r\n name: \"documento\",\r\n label: \"Documento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"numero\",\r\n label: \"Numero\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"fecha\",\r\n label: \"Fecha\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"vencimiento\",\r\n label: \"Vencimiento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"valor\",\r\n label: \"Valor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"saldo\",\r\n label: \"Saldo\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"descuento\",\r\n label: \"Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"vencimientoDescuento\",\r\n label: \"Vencimiento Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"excepcionDescuento\",\r\n label: \"Excepcion Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n }\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n Seleccione un cliente.
\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport moment from 'moment';\r\nimport { numberWithCommas } from 'utils/common';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nconst HeaderDocumentoPendientes = [\r\n {\r\n name: \"documento\",\r\n label: \"Documento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"numero\",\r\n label: \"Numero\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"fecha\",\r\n label: \"Fecha\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"vencimiento\",\r\n label: \"Vencimiento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"valor\",\r\n label: \"Valor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"saldo\",\r\n label: \"Saldo\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"descuento\",\r\n label: \"Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"vencimientoDescuento\",\r\n label: \"Vencimiento Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"sinDescuento\",\r\n label: \"Remover Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n }\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n Seleccione un cliente.
\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { get } from 'utils/http';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { ListaClientes } from 'components/Cartera/ListaClientes';\r\nimport { InformacionGeneral } from 'components/Cartera/InformacionGeneral';\r\nimport { CuentaCorriente } from 'components/Cartera/CuentaCorriente';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport ContactMailIcon from '@material-ui/icons/ContactMail';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\nimport { Loading } from 'components/Global/Loading';\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport { IsAllow, PermisoExcepcionDescuento } from 'components/Seguridad/Permisos';\r\nimport CachedIcon from '@material-ui/icons/Cached';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport axios from 'axios';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport { verificarConexion } from 'utils/http';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';\r\nimport { FacturasReservadas } from 'components/Cartera/FacturasReservadas';\r\nimport { DiasGracia } from 'components/Cartera/DiasGracia';\r\nimport { ChequesContabilizados } from 'components/Cartera/ChequesContabilizados';\r\nimport moment from 'moment';\r\nimport { ExcepcionDescuento } from 'components/Cartera/ExcepcionDescuento';\r\nimport { RemoverDescuento } from 'components/Cartera/RemoverDescuento';\r\n\r\nexport const Cartera = props => {\r\n const dispatch = useDispatch();\r\n const clientes = useSelector(e => e.Cartera);\r\n const [value, setValue] = useState(0);\r\n const [cliente, setCliente] = useState(undefined);\r\n const [loading, setLoading] = useState(true);\r\n const [filtrados, setFiltrados] = useState([]);\r\n const AsesoresUsuario = useSelector(e => e.Permisos[0].AsesoresUsuario);\r\n const [asesor, setAsesor] = useState(AsesoresUsuario[0]);\r\n const [showClientes, setShowClientes] = useState(true);\r\n\r\n const calcularDescuentoNuevaLogica = (clienteSeleccionado) => {\r\n let cliente = { ...clienteSeleccionado };\r\n for (let AcuerdosXTipoPedido of cliente.AcuerdosXTipoPedido) {\r\n\r\n for (let Acuerdos of AcuerdosXTipoPedido.Acuerdos) {\r\n let acuerdosFacturas = Acuerdos.Facturas.filter(f => f.Descuento === 0);\r\n\r\n for (let Facturas of Acuerdos.Facturas) {\r\n Facturas.FechaVencimiento = moment(Facturas.FechaVencimiento).add(Facturas.DiasGracia, 'days');\r\n\r\n if (Facturas.SinDescuento) {\r\n Facturas.Descuento = 0;\r\n }\r\n\r\n for (let Cuotas of Facturas.Cuotas) {\r\n Cuotas.FechaVencimiento = moment(Cuotas.FechaVencimiento).add(Cuotas.DiasGracia, 'days');\r\n\r\n if (Cuotas.SinDescuento) {\r\n Cuotas.Descuento = \"0.00\";\r\n }\r\n }\r\n }\r\n\r\n let descuentoAplicadoCuotaAcuerdo = {};\r\n for (let Facturas of acuerdosFacturas) {\r\n let Descuento = cliente.MaestroDescuento.length > 0 ? cliente.MaestroDescuento[0].DescuentoDetalle.filter(d => d.Linea === Facturas.IdLinea) : [];\r\n let noAplicaDescuento = Descuento.length === 0;\r\n let porcentajeDescuento = 0;\r\n let diasDescuento = 0;\r\n\r\n if (Descuento.length !== 0) {\r\n const descuentoArreglo = Descuento.find(x => x.CodigoDescuento === Facturas.CodigoDescuento);\r\n if (descuentoArreglo !== undefined) {\r\n porcentajeDescuento = descuentoArreglo.Porcentaje;\r\n diasDescuento = descuentoArreglo.DiasDescuento;\r\n }\r\n }\r\n\r\n let totalDocumentosAplicados = 0;\r\n\r\n if (Facturas.DocumentosAplicadosAFacturas.length > 0) {\r\n totalDocumentosAplicados = Facturas.DocumentosAplicadosAFacturas.reduce((prev, curr) => prev + curr.Valor, 0);\r\n };\r\n\r\n Facturas.Descuento = noAplicaDescuento ? 0 : Facturas.TotalFactura * (porcentajeDescuento / 100);\r\n\r\n if (Facturas.SinDescuento) {\r\n Facturas.Descuento = 0;\r\n }\r\n\r\n for (let Cuotas of Facturas.Cuotas) {\r\n\r\n let valordescuento = 0;\r\n if (AcuerdosXTipoPedido.AgrupaPorCuota === true) {\r\n if (Acuerdos.DescuentoEnAcuerdos !== null) {\r\n let Flete = 0;\r\n\r\n let DocumentoCuota = cliente.DocumentosAplicadosxCuotas.find(x => x.IdAcuerdoxCliente === Acuerdos.Acuerdo && x.NumeroCuota === Cuotas.NumeroCuota);\r\n if (DocumentoCuota !== undefined) {\r\n totalDocumentosAplicados = DocumentoCuota.Valor;\r\n Flete = DocumentoCuota.Flete;\r\n }\r\n\r\n if (Acuerdos.DescuentoEnAcuerdos != null) {\r\n let consumidoCuota = Cuotas.SaldoCuota - Cuotas.DisponibleCuota;\r\n let totalfactura = consumidoCuota - totalDocumentosAplicados - Flete;\r\n valordescuento = totalfactura * (Acuerdos.DescuentoEnAcuerdos.Porcentaje / 100);\r\n }\r\n \r\n if (descuentoAplicadoCuotaAcuerdo[`${Cuotas.IdAcuerdoxCliente}-${Cuotas.NumeroCuota}`] === undefined) {\r\n Cuotas.Descuento = valordescuento.toFixed(2);\r\n descuentoAplicadoCuotaAcuerdo[`${Cuotas.IdAcuerdoxCliente}-${Cuotas.NumeroCuota}`] = true;\r\n } else {\r\n Cuotas.Descuento = \"0.00\";\r\n }\r\n }\r\n }\r\n else {\r\n let fechaMaxDescuent = noAplicaDescuento ? moment(Facturas.FechaFactura).format() : moment(Facturas.FechaFactura).add((diasDescuento + cliente.DiasTransporte), 'days').format();\r\n\r\n Facturas.FechaMaxDescuento = fechaMaxDescuent;\r\n Cuotas.FechaMaxDescuento = fechaMaxDescuent;\r\n\r\n let totalfactura = Cuotas.ValorCuota - totalDocumentosAplicados - Cuotas.Flete;\r\n let fechaActual = new Date().setHours(0, 0, 0, 0);;\r\n let diasTranscurridos = Math.abs(moment(Facturas.FechaFactura).diff(moment(fechaActual), 'days'));\r\n\r\n if (diasTranscurridos > 60 && cliente.EmpresaId === \"IMGT\") {\r\n const porcentajeDeduccion = 1.12;\r\n totalfactura = totalfactura / porcentajeDeduccion;\r\n }\r\n\r\n valordescuento = noAplicaDescuento ? 0 : totalfactura * (porcentajeDescuento / 100);\r\n Cuotas.Descuento = valordescuento.toFixed(2);\r\n Facturas.Descuento = valordescuento;\r\n\r\n if (Cuotas.SinDescuento) {\r\n Cuotas.Descuento = \"0.00\";\r\n Facturas.Descuento = 0;\r\n }\r\n }\r\n };\r\n\r\n };\r\n };\r\n };\r\n\r\n return cliente;\r\n }\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n const cargarCartera = async (codigo) => {\r\n if (AsesoresUsuario.length === 1) {\r\n const { data, error } = await get(`${APIURL}/api/cliente/${asesor.Usuario}`, \"Cartera\");\r\n if (error) {\r\n console.log(error);\r\n setLoading(false);\r\n } else {\r\n dispatch({ type: \"SET_CARTERA\", payload: data });\r\n setFiltrados(data);\r\n setLoading(false);\r\n localStorage.setItem(\"UltimaSyncCartera\", new Date())\r\n }\r\n cargarDocumentosPendientes();\r\n }\r\n\r\n if (AsesoresUsuario.length > 1) {\r\n try {\r\n let seleccionado = asesor.Usuario;\r\n if (codigo) {\r\n seleccionado = codigo\r\n }\r\n setCliente(undefined);\r\n setLoading(true);\r\n const request = await axios.get(`${APIURL}/api/cliente/${seleccionado}`, { headers: { Authorization: `Bearer ${localStorage.getItem('token')}` } });\r\n const requestPendientes = await axios.get(`${APIURL}/api/documentospendientes/facturas`, { headers: { Authorization: `Bearer ${localStorage.getItem('token')}` } });\r\n dispatch({ type: \"SET_CARTERA\", payload: request.data });\r\n dispatch({ type: \"SET_DOCUMENTOSPENDIENTES\", payload: requestPendientes.data });\r\n setFiltrados(request.data);\r\n setLoading(false);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n }\r\n\r\n const cargarDocumentosPendientes = async () => {\r\n try {\r\n const { data, error } = await get(`${APIURL}/api/documentospendientes/facturas`, \"DocumentosPendientes\");\r\n dispatch({ type: \"SET_DOCUMENTOSPENDIENTES\", payload: data });\r\n console.log(error);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const recargarClientes = async () => {\r\n if (localStorage.getItem(\"Conexion\") === \"offline\") {\r\n Swal.fire({\r\n title: \"Modo Offline\",\r\n text: \"Se encuentra en modo offline, no puede actualizar registros.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n })\r\n } else {\r\n let isOnline = await verificarConexion();\r\n if (isOnline) {\r\n localStorage.removeItem('expiracion-Cartera');\r\n localStorage.removeItem('expiracion-DocumentosPendientes');\r\n setCliente(undefined);\r\n setLoading(true);\r\n cargarCartera();\r\n } else {\r\n Swal.fire({\r\n title: 'Sin Internet',\r\n text: 'Necesita internet para sincronizar la cartera',\r\n type: 'warning',\r\n confirmButtonText: 'Ok',\r\n })\r\n }\r\n }\r\n }\r\n\r\n const handleRecarga = () => {\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: 'ĀæDesea actualizar la informaciĆ³n en cartera de clientes?',\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Continuar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n recargarClientes();\r\n }\r\n })\r\n }\r\n\r\n const moverClientesConFlecha = (e) => {\r\n if (e.which === 38) {\r\n e.preventDefault();\r\n if (localStorage.getItem(\"indice\") !== \"null\" && localStorage.getItem(\"indice\") !== \"0\") {\r\n let index = Number(localStorage.getItem(\"indice\"));\r\n const nuevoCliente = calcularDescuentoNuevaLogica(clientes[index - 1]);\r\n setCliente(nuevoCliente);\r\n localStorage.setItem(\"indice\", (index - 1));\r\n return;\r\n }\r\n } else if (e.which === 40) {\r\n e.preventDefault();\r\n if (localStorage.getItem(\"indice\") === \"null\" && clientes.length > 0) {\r\n const nuevoCliente = calcularDescuentoNuevaLogica(clientes[0]);\r\n setCliente(nuevoCliente);\r\n localStorage.setItem(\"indice\", 0);\r\n return;\r\n } else {\r\n let index = Number(localStorage.getItem(\"indice\"));\r\n if ((index + 1) === clientes.length) {\r\n return;\r\n }\r\n if ((index + 1) <= clientes.length) {\r\n const nuevoCliente = calcularDescuentoNuevaLogica(clientes[index + 1]);\r\n setCliente(nuevoCliente);\r\n localStorage.setItem(\"indice\", (index + 1));\r\n return;\r\n }\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/cartera\")) {\r\n props.history.push('/home');\r\n }\r\n cargarCartera();\r\n dispatch({ type: 'SET_CUENTAIMPRIMIR', payload: [] });\r\n localStorage.setItem(\"indice\", null);\r\n\r\n window.addEventListener('keydown', moverClientesConFlecha);\r\n return () => {\r\n window.removeEventListener('keydown', moverClientesConFlecha)\r\n localStorage.removeItem(\"indice\");\r\n }\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n const seleccionarCliente = id => {\r\n let index = clientes.map(x => x.Codigo).indexOf(id);\r\n const clienteSeleccionado = clientes.find(x => x.Codigo === id);\r\n localStorage.setItem(\"indice\", index);\r\n const nuevoCliente = calcularDescuentoNuevaLogica(clienteSeleccionado);\r\n setCliente(nuevoCliente);\r\n }\r\n\r\n const redirectCartera = () => {\r\n props.history.push('/cartera');\r\n }\r\n\r\n const redirectRoles = () => {\r\n props.history.push('/cartera/cuenta');\r\n }\r\n\r\n const redirectDocumentosPendientes = () => {\r\n props.history.push('/cartera/facturas-reservadas');\r\n }\r\n\r\n const redirectChequesPosfechados = () => {\r\n props.history.push('/cartera/cheques-posfechados');\r\n }\r\n\r\n const redirectDiasGracia = () => {\r\n props.history.push('/cartera/dias-gracia');\r\n }\r\n\r\n const redirecRemoverDescuento = () => {\r\n props.history.push('/cartera/remover-descuento');\r\n }\r\n\r\n const redirectExcepcionDescuento = () => {\r\n props.history.push('/cartera/excepcion-descuento');\r\n }\r\n\r\n const handleChangeBusqueda = (busqueda) => {\r\n if (busqueda === \"\") {\r\n setFiltrados(clientes);\r\n return;\r\n }\r\n\r\n const filtradosNuevos = clientes.filter(x => x.Nombre.includes(busqueda.toUpperCase()) || x.Codigo.includes(busqueda.toUpperCase()));\r\n setFiltrados(filtradosNuevos);\r\n }\r\n\r\n const handleClickShowClientes = () => {\r\n setShowClientes(!showClientes);\r\n }\r\n\r\n return (<>\r\n {!loading && }\r\n \r\n {loading\r\n ?
\r\n )\r\n}","import React, { useState } from 'react';\r\nimport GoogleMapReact from 'google-map-react';\r\nimport { useSelector } from 'react-redux';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\n\r\nexport const MapaAsesor = props => {\r\n\r\n const APIKEY = useSelector(e => e.Configuraciones.ApiKey_GoogleMaps);\r\n\r\n return (\r\n \r\n
}\r\n \r\n { handleChangeBusqueda(e.target.value) }}\r\n style={{ width: '90%', marginBottom: '15px' }}\r\n label=\"Buscar\"\r\n InputProps={{\r\n endAdornment: (\r\n \r\n \r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n const seleccionado = AsesoresUsuario.find(x => x.Usuario === value);\r\n setAsesor(seleccionado);\r\n cargarCartera(value);\r\n }}\r\n options={AsesoresUsuario.map(asesor => {\r\n return { key: asesor.Usuario, value: asesor.Usuario, text: asesor.Usuario }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={asesor.Usuario}\r\n />}\r\n \r\n \r\n \r\n
)\r\n }\r\n Ultima SincronizaciĆ³n: {moment(localStorage.getItem(\"UltimaSyncCartera\")).format(\"DD/MM/YYYY h:mm:ss a\")}
\r\n {AsesoresUsuario.length > 1 &&\r\n \r\n \r\n
\r\n 
*/}\r\n {iniciales}
\r\n {visible && \r\n
\r\n )\r\n}\r\n\r\nconst styles = {\r\n infowindow: {\r\n width: 300,\r\n height: 240,\r\n background: '#fff',\r\n borderRadius: 10,\r\n padding: 5,\r\n boxShadow: '5px 5px #c1c1c1',\r\n zIndex: 99\r\n },\r\n infowindowTitle: {\r\n textAlign: 'center'\r\n },\r\n infowindowButton: {\r\n width: '100%',\r\n borderStyle: 'none',\r\n color: '#fff',\r\n background: \"#243746\",\r\n borderRadius: 10,\r\n padding: 5,\r\n fontSize: 15\r\n },\r\n markerStyle: {\r\n position: 'absolute',\r\n width: 40,\r\n height: 35,\r\n left: -40 / 2,\r\n top: -40 / 2,\r\n\r\n border: '5px solid #f44336',\r\n borderRadius: 40,\r\n backgroundColor: 'white',\r\n textAlign: 'center',\r\n color: '#3f51b5',\r\n fontSize: 16,\r\n fontWeight: 'bold',\r\n padding: 4,\r\n cursor: 'pointer',\r\n zIndex: 9\r\n }\r\n}\r\n","import React from 'react';\r\nimport AccountCircleRoundedIcon from '@material-ui/icons/AccountCircleRounded';\r\n\r\nexport const AsesorCard = (props) => {\r\n let style, styleText, styleIcon;\r\n\r\n if (props.asesorSeleccionado.length === 0) {\r\n style = {\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n }\r\n\r\n styleText = {\r\n fontFamily: 'Calibri',\r\n color: \"#000000\",\r\n fontWeight: \"normal\"\r\n }\r\n\r\n styleIcon = {\r\n width: 42,\r\n height: 42\r\n }\r\n\r\n } else {\r\n style = {\r\n cursor: 'pointer',\r\n backgroundColor: (props.asesorSeleccionado.includes(props.codigo)) ? \"#243746\" : \"\",\r\n display: 'flex',\r\n alignItems: 'center',\r\n }\r\n\r\n styleText = {\r\n fontFamily: 'Calibri',\r\n color: (props.asesorSeleccionado.includes(props.codigo)) ? \"#ffffff\" : \"#000000\",\r\n fontWeight: (props.asesorSeleccionado.includes(props.codigo)) ? \"bold\" : \"normal\"\r\n }\r\n\r\n styleIcon = {\r\n width: 42,\r\n height: 42,\r\n color: (props.asesorSeleccionado.includes(props.codigo)) ? \"#ffffff\" : \"#000000\",\r\n }\r\n }\r\n\r\n return (\r\n Datos
\r\nUsuario: {asesor}
\r\nUltimo Cliente Visitado: {`${codigocliente}-${nombrecliente}`}
\r\nUltima Visita: {moment(fechacheckout).format('DD/MM/YYYY hh:mm a')}
\r\nUltima ActualizaciĆ³n: {moment(ultimaFecha).format('DD/MM/YYYY hh:mm a')}
\r\n \r\n { props.seleccionarAsesor(props.codigo) }} style={style}>\r\n
\r\n )\r\n}","import React from 'react';\r\nimport { AsesorCard } from './AsesorCard';\r\n\r\nexport const ListaAsesores = props => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {props.nombre}
\r\nCodigo: {props.codigo.toUpperCase()}
\r\nEmpresa: {props.empresa.toUpperCase()}
\r\n\r\n {props.asesores.sort((a,b)=>(a.nombre.localeCompare(b.nombre))).map((asesor) => (\r\n
\r\n )\r\n}","import React, { useState, useEffect, useCallback } from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport { useSelector } from 'react-redux';\r\nimport { MapaAsesor } from 'components/Coordenadas/MapaAsesor';\r\nimport { ListaAsesores } from 'components/Coordenadas/ListaAsesores';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n\r\nexport const CoordenadasAsesor = props => {\r\n const [asesores, setAsesores] = useState([]);\r\n const [asesoresFiltrados, setAsesoresFiltrados] = useState([]);\r\n const [asesoresSeleccionados, setAsesoresSeleccionados] = useState([]);\r\n const [ubicaciones, setUbicaciones] = useState([]);\r\n const [checked, setChecked] = useState(false);\r\n const EMPRESAS_ASIGNADAS = useSelector(e => e.Permisos[0].EmpresasUsuarios);\r\n\r\n const cargarAsesores = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Geoposicion/asesores`, { headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } });\r\n setAsesores(request.data);\r\n setAsesoresFiltrados(request.data);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n const cargarUltimaLocalizacion = async () => {\r\n if (asesoresSeleccionados.length > 0) {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Geoposicion`, { headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }, params: { asesores: asesoresSeleccionados } });\r\n setUbicaciones(request.data);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n }\r\n\r\n const cargarUltimaLocalizacionIntervalo = useCallback(async () => {\r\n if (asesoresSeleccionados.length > 0) {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Geoposicion`, { headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }, params: { asesores: asesoresSeleccionados } });\r\n setUbicaciones(request.data);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n }, [asesoresSeleccionados])\r\n\r\n useEffect(() => {\r\n\r\n if (!IsAllow(\"/ultima-geolocalizacion-monitoreo\")) {\r\n props.history.push('/home');\r\n }\r\n\r\n cargarAsesores();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n useEffect(() => {\r\n let intervaloUbicacion = setInterval(cargarUltimaLocalizacionIntervalo, 15000);\r\n\r\n return () => {\r\n clearInterval(intervaloUbicacion);\r\n }\r\n }, [cargarUltimaLocalizacionIntervalo]);\r\n\r\n const seleccionarAsesor = (codigo) => {\r\n if (asesoresSeleccionados.includes(codigo)) {\r\n if (asesoresSeleccionados.length === 1) {\r\n limpiarMarcadores();\r\n }\r\n setAsesoresSeleccionados(asesoresSeleccionados.filter(x => x !== codigo));\r\n setChecked(false);\r\n } else {\r\n setAsesoresSeleccionados([...asesoresSeleccionados, codigo]);\r\n }\r\n }\r\n\r\n const limpiarMarcadores = () => {\r\n setUbicaciones([]);\r\n }\r\n\r\n const handleClickTodosAsesores = () => {\r\n if (checked) {\r\n setAsesoresSeleccionados([]);\r\n limpiarMarcadores();\r\n } else {\r\n setAsesoresSeleccionados(asesoresFiltrados.map(x => x.codigo));\r\n }\r\n setChecked(!checked);\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n}","import React from 'react';\r\nimport { DialogTitle, DialogContent, DialogActions, Button } from \"@material-ui/core\";\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport ReactToPrint from 'react-to-print';\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\nimport moment from \"moment\";\r\nimport {useSelector} from 'react-redux';\r\nimport 'moment/locale/es';\r\n\r\nconst ImprimirBandejaSalida = (props) => {\r\nconst Monedas = useSelector(e=>e.AbreviacionMonedas);\r\nconst clientesContado = useSelector(e=>e.clientesContado);\r\nconst empresas = useSelector(e=>e.Empresas);\r\nlet NombreCliente= props.Pedido.Nombre; //props.Pedido.Cliente.Nombre;\r\nlet DireccionCliente= props.Pedido.Direccion;\r\nconst clienteContado = clientesContado.find(x=>x.id===props.Pedido.ClienteContadoId);\r\nconst empresa = empresas.find(x=>x.COMPANY_CODE === localStorage.getItem('EmpresaCliente').toUpperCase());\r\nconst moneda = Monedas.find(e=>e.IdMoneda === props.Pedido.MonedaCliente).Abreviacion;\r\nconsole.log(props);\r\n\r\nif(clienteContado!==null && clienteContado!==undefined)\r\n{\r\n if(props.Pedido.TotalXPedido<10000)\r\n {\r\n NombreCliente = 'CONSUMIDOR FINAL';\r\n }\r\n}\r\n let NumeroPedido = props.Pedido.NumeroReferencia !== \"\" ? props.Pedido.NumeroReferencia : \"En Proceso\";\r\n let TotalUnidad = 0;\r\n let cantidad = 0;\r\n const componentRef = React.useRef();\r\n return (\r\n <>\r\n \r\n
\r\n {ubicaciones.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\n let filtrados = asesores.filter(x => x.empresa.toUpperCase() === value.toUpperCase());\r\n setAsesoresFiltrados(filtrados);\r\n }}\r\n options={EMPRESAS_ASIGNADAS.map(empresa => {\r\n return { key: empresa.EmpresaId, value: empresa.EmpresaId, text: empresa.EmpresaId }\r\n })}\r\n closeOnChange={true}\r\n\r\n />\r\n
\r\n \r\n
\r\n : Pinear Coordenada
\r\n\r\n
\r\n }\r\n \r\n\r\n \r\n \r\n
\r\n )\r\n })\r\n )\r\n })}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n Copia\r\n
\r\n \r\n
\r\n\r\n {props.Detalle.map((producto, index1) => {\r\n return (\r\n producto.Colores.map((Color, index2) => {\r\n let CantProducto = 0;\r\n let TotalProducto = 0;\r\n let cellSize = 0;\r\n return( \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {NombreCliente}
\r\n\r\n DirecciĆ³n : {DireccionCliente}
\r\n CĆ³digo : {props.Pedido.CodigoCliente}
\r\n
\r\n {\"Este documento ha sido generado fuera de linea.\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n Pedido {NumeroPedido}
\r\n\r\n Fecha del pedido : {moment(props.Pedido.FechaActual).format('DD/MM/YYYY hh:mm a')}
\r\n Entrega Sugerida : {moment(props.Pedido.FechaEntrega).format('DD/MM/YYYY hh:mm a')}
\r\n Asesor: {localStorage.getItem('asesor')}
\r\n Modo Venta: {props.Pedido.ModoVenta}
\r\n
| \r\n | \r\n {Color.Tallas.map((Talla, index3) => {\r\n TotalUnidad += Number(Talla.Cantidad);\r\n cantidad += Number(Talla.Cantidad);\r\n TotalProducto += Number(Talla.Cantidad * Talla.Precio);\r\n CantProducto += Number(Talla.Cantidad);\r\n cellSize = 100 / cantidad;\r\n return(\r\n\r\n {\r\n {Talla.Talla} \r\n }\r\n | \r\n )\r\n })}\r\n Cant | \r\nTotal | \r\n
|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {producto.Codigo}\r\n \r\n {producto.NombreProducto} \r\n | \r\n |||
| \r\n \r\n {\"Precio\"}\r\n \r\n {Color.NombreColor}\r\n | \r\n {Color.Tallas.map((det, index4) => {\r\n return ( \r\n \r\n \r\n {det? det.Precio : \"--\"}\r\n \r\n \r\n | \r\n )\r\n })}\r\n {CantProducto} | \r\n\r\n{numberWithCommas(TotalProducto)} | \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n {\r\n props.Pedido.Firma === null ?\r\n :\r\n \r\n }\r\n\r\n
\r\n\r\n \r\n \r\n Firma\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n \r\n {TotalUnidad}\r\n
\r\n \r\n
\r\n\r\n {(props.Pedido.Flete>0 && props.Pedido.Flete !== null ) && \r\n Subtotal:\r\n
\r\n\r\n \r\n {numberWithCommas(props.Pedido.subtotal)}\r\n
\r\n \r\n
}\r\n\r\n \r\n Flete:\r\n
\r\n\r\n \r\n {numberWithCommas((props.Pedido.Flete))}\r\n
\r\n \r\n
\r\n\r\n \r\n Impuesto:\r\n
\r\n\r\n \r\n {numberWithCommas((props.Pedido.Impuesto))}\r\n
\r\n \r\n
\r\n \r\n Total:\r\n
\r\n\r\n \r\n {moneda}{numberWithCommas((props.Pedido.subtotal + props.Pedido.Impuesto + props.Pedido.Flete))}\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ]\r\n\r\n DataPedidos.push(data);\r\n //}\r\n return false;\r\n\r\n });\r\n\r\n return DataPedidos;\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogPedido(null);\r\n }\r\n // eslint-disable-next-line\r\n let Productos = [];\r\n const ImpresionPedido = (Pedido) => {\r\n // eslint-disable-next-line\r\n Pedido.DetallePedido.map((producto, index1) => {\r\n let agregado = false;\r\n if(Productos.length> 0){\r\n Productos.forEach((productoUnico, index2) => {\r\n if(productoUnico.Codigo === producto.CodigoProducto)\r\n {\r\n productoUnico.Colores.forEach((colores, index3) => {\r\n let color = productoUnico.Colores.filter(c => c.CodigoColor === producto.CodigoColor);\r\n if(color.length > 0 && colores.CodigoColor === producto.CodigoColor)\r\n {\r\n colores.Tallas.push({Talla : producto.Talla, Cantidad : producto.Cantidad, Precio : producto.PrecioUnitario});\r\n agregado = true;\r\n }\r\n else if(color.length <= 0)\r\n {\r\n let nuevoColor = {\r\n CodigoColor: producto.CodigoColor,\r\n NombreColor: producto.NombreColor,\r\n Tallas: [{\r\n Talla : producto.Talla,\r\n Cantidad : producto.Cantidad,\r\n Precio : producto.PrecioUnitario\r\n }]\r\n };\r\n productoUnico.Colores.push(nuevoColor);\r\n agregado = true;\r\n }\r\n });\r\n }\r\n \r\n });\r\n }\r\n \r\n\r\n if(!agregado)\r\n {\r\n let Producto = {\r\n Codigo : producto.CodigoProducto,\r\n NombreProducto : producto.NombreProducto,\r\n Colores : [{\r\n CodigoColor: producto.CodigoColor,\r\n NombreColor: producto.NombreColor,\r\n Tallas: [{\r\n Talla : producto.Talla,\r\n Cantidad : producto.Cantidad,\r\n Precio : producto.PrecioUnitario\r\n }],\r\n }]\r\n };\r\n Productos.push(Producto)\r\n }\r\n });\r\n\r\n setState({\r\n ...state,\r\n Detalles: Productos,\r\n });\r\n setDialogPedido(Pedido);\r\n setShowDialog(true);\r\n }\r\n if (!state.isLoaded) {\r\n return Error: {state.error.message}
;\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n {\r\n DialogPedido &&\r\n
\r\n );\r\n}\r\n\r\n\r\nconst HeadersListaPedidos = [\r\n \"No. Pedido\",\r\n \"Cliente\",\r\n \"Fecha Pedido\",\r\n \"Sincronizado\",\r\n \"Num. Pedido Ax\",\r\n \"LĆnea\",\r\n \"Paquete\",\r\n 'Tipo CrĆ©dito',\r\n \"Estado\",\r\n \"Fecha Entrega\",\r\n {\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n Sincronizando\r\n
\r\n \r\n
\r\n \r\n \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.recibo.NumeroRecibo}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\nCopia
\r\n\r\n
\r\n \r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n {/*ImpresiĆ³n No. {numeroCopia + 1}
*/}\r\n\r\n
\r\n \r\n
\r\n \r\n {props.recibo.CodigoCliente}\r\n
\r\n\r\n
\r\n \r\n {\"No.\" + props.recibo.NumeroRecibo}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {NombreCliente}\r\n
\r\n\r\n
\r\n \r\n {DireccionCliente}\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n Fecha: {moment(props.recibo.Fecha).format('DD/MM/YYYY hh:mm a')}\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n Tipo Pago\r\n | \r\n\r\n Esp. Pago\r\n | \r\n\r\n Fecha\r\n | \r\n\r\n Referencia\r\n | \r\n\r\n Banco\r\n | \r\n\r\n Monto\r\n | \r\n
|---|---|---|---|---|---|
| \r\n {pag.TipoPago}\r\n | \r\n\r\n {pag.EspecificacionPago}\r\n | \r\n\r\n {moment(props.recibo.Fecha).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n {pag.Referencia}\r\n | \r\n\r\n {pag.Banco}\r\n | \r\n\r\n {numberWithCommas(pag.Monto)}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n | \r\n Documento\r\n | \r\n\r\n Fecha\r\n | \r\n\r\n\r\n | \r\n\r\n\r\n | \r\n\r\n Parcial\r\n | \r\n\r\n Aplicado\r\n | \r\n
|---|---|---|---|---|---|
| \r\n {factu.TipoDocumento}\r\n | \r\n\r\n {moment(factu.Fecha).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n {factu.EsAbono === true && \"Abono\"}\r\n {factu.EsAbono === false && \"Cancelado\"}\r\n | \r\n\r\n\r\n | \r\n\r\n {numberWithCommas(factu.Parcial)}\r\n | \r\n\r\n\r\n | \r\n
| \r\n {factu.IdFactura}\r\n {factu.NumeroFEL !== \"\" && factu.NumeroFEL !== null &&\r\n \" - FEL: \" + factu.NumeroFEL\r\n }\r\n | \r\n\r\n {\"Dias: \" + factu.Dias}\r\n | \r\n\r\n Desc\r\n | \r\n\r\n\r\n | \r\n\r\n {numberWithCommas(Number(factu.Parcial2))}\r\n | \r\n\r\n {numberWithCommas(factu.Aplicado)}\r\n | \r\n
\r\n
\r\n\r\n \r\n Total Recibo:\r\n {moneda}\r\n {numberWithCommas(Number(props.recibo.Total))}\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n {localStorage.getItem('asesor')}\r\n
\r\n\r\n
Proforma Provisional
\r\n\r\n\r\n \r\n \r\n \r\n {/*\r\n \r\n */}\r\n
\r\n }\r\n\r\n DataRecibos.push(data);\r\n return false;\r\n });\r\n\r\n return DataRecibos;\r\n }\r\n\r\n const Imprimir = (recibo) => {\r\n setDialogRecibo(recibo);\r\n setShowDialog(true);\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogRecibo(null);\r\n }\r\n\r\n\r\n const RegresarListaRecibos = () => {\r\n setRecibo(null);\r\n }\r\n\r\n if (recibo != null) {\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\">\r\n {\r\n DialogRecibo &&\r\n
\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\n\r\nconst HeadersListaRecibos = [\r\n {\r\n name: \"NumeroRecibo\",\r\n label: \"Numero Recibo\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Fecha\",\r\n label: \"Fecha\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"CodigoCliente\",\r\n label: \"Codigo Cliente\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"NombreCliente\",\r\n label: \"Nombre Cliente\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"FechaCheque\",\r\n label: \"Fecha Cheque\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"IdBanco\",\r\n label: \"Banco\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"IdCuentaBancaria\",\r\n label: \"Cuenta Bancaria\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Valor\",\r\n label: \"Valor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"IdMoneda\",\r\n label: \"Moneda\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Sincronizado\",\r\n label: \"Sincronizado\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"CodigoAsesor\",\r\n label: \"Codigo Asesor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"IdFactura\",\r\n label: \"Factura\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Descuento\",\r\n label: \"Descuento\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n Sincronizando\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n {PermisoAprobarFlotantes() && \r\n {recib.Estado === 0 && <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n }\r\n
\r\n }\r\n DataRecibos.push(data);\r\n }\r\n });\r\n return DataRecibos;\r\n }\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/lista-recibos-flotante\")) {\r\n props.history.push('/home');\r\n }\r\n setAsesorSelected(AsesoresUsuario[0].Usuario);\r\n cargarRecibosFlotantes(\"1900-01-01\", \"1900-01-01\");\r\n\r\n //eslint-disable-next-line\r\n }, [])\r\n\r\n if (recibo != null) {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst HeadersListaRecibos = [\r\n {\r\n name: \"NumeroRecibo\",\r\n label: \"Numero Recibo\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Fecha\",\r\n label: \"Fecha\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"CodigoCliente\",\r\n label: \"CĆ³digo Cliente\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"NombreCliente\",\r\n label: \"Nombre Cliente\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"IdTipoPago\",\r\n label: \"TipoPago\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Banco\",\r\n label: \"Banco\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Referencia\",\r\n label: \"Referencia\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Valor\",\r\n label: \"Valor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"IdMoneda\",\r\n label: \"Moneda\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"ReciboGenerado\",\r\n label: \"Recibo Generado\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"CodigoAsesor\",\r\n label: \"Codigo Asesor\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"RazonFlotante\",\r\n label: \"RazĆ³n Flotante\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n Recibos flotante
\r\n\r\n
\r\n \r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n \r\n setEstado(value)}\r\n options={[\r\n { key: 0, value: 0, text: \"Pendientes\" },\r\n { key: 1, value: 1, text: \"Aprobados\" },\r\n { key: 2, value: 2, text: \"Cancelados\" }\r\n ]}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={estado}\r\n />\r\n
\r\n {PermisoAprobarFlotantes() &&\r\n \r\n
\r\n }\r\n \r\n { setTodos((prev) => (!prev)) }} />\r\n \r\n
\r\n \r\n setAsesorSelected(value)}\r\n options={AsesoresUsuario.map((Ase) => ({ key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }))}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n
\r\n \r\n cargarRecibosFlotantes(startDate, endDate)}\r\n >Obtener\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n | Acciones | \r\nID Lista | \r\nCĆ³digo Gestor | \r\nNombre Gestor | \r\nMĆ³dulo | \r\nPaquete | \r\nEmpresa | \r\nForzosa | \r\nFecha | \r\nEn Espera | \r\nEn EjecuciĆ³n | \r\nFinalizado | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n | {item.ID} | \r\n{item.ID_GESTOR} | \r\n{item.NOMBRE} | \r\n{item.MODULO} | \r\n{item.PAQUETE} | \r\n{item.EMPRESA} | \r\n{item.FORZOSA===\"0\"?\"No\":\"Si\"} | \r\n{item.FECHASTR} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n \r\n \r\n SincronizaciĆ³n especifica colecciĆ³n\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport axios from 'axios';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Loading } from 'components/Global/Loading';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { verificarConexion } from 'utils/http';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n\r\nconst HeadersListaClientes = [\r\n {\r\n label: \"Codigo\",\r\n name: \"Codigo\",\r\n options: {\r\n filter: false,\r\n sort: false\r\n }\r\n },\r\n {\r\n label: \"Cliente\",\r\n name: \"Cliente\",\r\n options: {\r\n filter: false,\r\n sort: false\r\n }\r\n },\r\n \"Asesor\",\r\n \"Empresa\",\r\n {\r\n label: \"Acciones\",\r\n name: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false\r\n }\r\n }\r\n];\r\n\r\nexport const SincronizacionCliente = (props) => {\r\n const [clientes, setClientes] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const clientesCache = useSelector(e => e.Recibo.clientes);\r\n const clientesCartera = useSelector(e => e.Cartera);\r\n const permisos = useSelector(e => e.Permisos[0]);\r\n const dispatch = useDispatch();\r\n\r\n const cargarClientes = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/cliente/sincronizacion`, {\r\n headers: {\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token'),\r\n 'Content-Type': 'application/json'\r\n }\r\n });\r\n setClientes(request.data);\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n });\r\n\r\n const cargarCliente = async (cliente) => {\r\n if (!permisos.UsuarioOficina) {\r\n if (localStorage.getItem(\"Conexion\") === \"Online\") {\r\n let isOnline = await verificarConexion();\r\n if (isOnline) {\r\n try {\r\n let request = await axios.get(`${APIURL}/api/cliente/cuenta/${cliente}`, { headers: { Authorization: 'Bearer ' + localStorage.getItem('token') } });\r\n let clientesStorage = clientesCache;\r\n let clientesStorageCartera = clientesCartera;\r\n let indexCartera = clientesStorageCartera.map(e => e.Codigo).indexOf(cliente);\r\n let index = clientesStorage.map(e => e.Codigo).indexOf(cliente);\r\n clientesStorage[index] = request.data;\r\n clientesStorageCartera[indexCartera].AcuerdosXTipoPedido = request.data.AcuerdosXTipoPedido;\r\n dispatch({ type: 'SET_CARTERA', payload: clientesStorageCartera });\r\n dispatch({ type: 'STORE_RECIBO_CLIENTES', clientes: clientesStorage });\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n const sincronizarCliente = async (cliente) => {\r\n let isOnline = await verificarConexion();\r\n if (isOnline) {\r\n try {\r\n setLoading(true);\r\n await axios.post(`${APIURL}/api/cliente/sincronizacion/${cliente}`);\r\n cargarCliente(cliente);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: 'Cuenta del cliente actualizada exitosamente.',\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n setLoading(false);\r\n } catch (err) {\r\n setLoading(false);\r\n let mensaje = \"Ha ocurrido un error y no se pudo actualizar la cuenta corriente del cliente.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Necesita estar conectado a internet para poder sincronizar.\",\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n\r\n }\r\n\r\n const confirmarSincronizacion = cliente => {\r\n Swal.fire({\r\n title: 'Confirmar',\r\n text: `ĀæDesea sincronizar cuenta corriente del cliente ${cliente}?`,\r\n type: 'question',\r\n showCancelButton: true,\r\n confirmButtonColor: '#06bf53',\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonText: 'SĆ',\r\n cancelButtonText: 'No',\r\n }).then((result) => {\r\n if (result.value) {\r\n sincronizarCliente(cliente);\r\n }\r\n })\r\n }\r\n\r\n const DataClientes = () => {\r\n return clientes.map(cliente => ([cliente.Codigo, cliente.Nombre, cliente.Asesor, cliente.EmpresaId, ]));\r\n }\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/sincronizacion-especifica-cliente\")) {\r\n props.history.push('/home');\r\n }\r\n\r\n cargarClientes();\r\n\r\n //eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n setFechaSelected(date)}\r\n />\r\n {\r\n setEmpresa(value);\r\n }}\r\n options={EMPRESAS_ASIGNADAS.map(empresa => {\r\n return { key: empresa.EmpresaId, value: empresa.EmpresaId, text: empresa.EmpresaId }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n disabled={checked}\r\n />\r\n
\r\n \r\n { setChecked(!checked) }} />\r\n \r\n
\r\n \r\n { SincronizacionForzosa() }} />\r\n \r\n
\r\n \r\n { setBodegaEspecifico(!bodegaEspecifico) }} />\r\n \r\n
\r\n { setColeccion(e.target.value.toUpperCase()) })} />\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n SincronizaciĆ³n Cliente
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Pedido
\r\nCodigo Cliente: {datos.cliente}
\r\nNombre Cliente: {datos.nombreCliente}
\r\nCorrelativo: {datos.pedidoId}
\r\nPedido AX: {datos.numeroPedido}
\r\nTotal Pedido: {datos.totalPedido}
\r\n\r\n
\r\n Recibo
\r\nRecibo: {datos.numeroRecibo}
\r\nCodigo Cliente: {datos.cliente}
\r\nNombre Cliente: {datos.nombreCliente}
\r\nTotal Recibo: {`${datos.totalRecibo} ${datos.moneda}`}
\r\n\r\n
\r\n Cliente
\r\nCodigo Cliente: {datos.cliente}
\r\nNombre Cliente: {datos.NombreCliente}
\r\nHora Inicio: {moment(datos.HoraInicio).format('LT')}
\r\nHora Fin: {moment(datos.HoraFin).format('LT')}
\r\nĀæVisita Finalizada?: {datos.Checkin && datos.Checkout ? \"Si\" : \"No\"}
\r\n\r\n
\r\n Inicio Ruta
\r\n{moment(new Date(coordenadas[0].fecha)).format('DD/MM/YYYY hh:mm a')}
\r\n\r\n
\r\n Final Ruta
\r\n{moment(new Date(coordenadas[coordenadas.length - 1].fecha)).format('DD/MM/YYYY hh:mm a')}
\r\n\r\n
\r\n )\r\n}\r\n\r\nconst Simbologia = () => {\r\n return \r\n 
\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCancel, MdCheckCircle } from \"react-icons/md\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nconst TablaTiposIngreso = (props) => {\r\n return (\r\n Simbologia
\r\n\r\n ![\"recibomarker\"](\"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_blue.png\")
\r\n
\r\n \r\n Recibo
\r\n\r\n ![\"recibomarker\"](\"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_green.png\")
\r\n
\r\n \r\n Pedido
\r\n\r\n ![\"clientemarker\"](\"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_red.png\")
\r\n
\r\n \r\n Cliente
\r\n\r\n 
\r\n
\r\n Inicio Ruta
\r\n\r\n 
\r\n
\r\n Final Ruta
\r\n\r\n \r\n
\r\n Recorrido
\r\n\r\n
\r\n O
\r\nAsesor
\r\n\r\n {\r\n
\r\n )\r\n}\r\nexport default TablaTiposIngreso;","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport TablaTiposIngreso from 'components/Encuestas/TiposIngreso/TablaTiposIngreso';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nexport const TiposIngreso = props => {\r\n const [tiposIngresos, setTiposIngresos] = useState([]);\r\n const [mostrar, setMostrar] = useState(false);\r\n const [tipoIngreso, setTipoIngreso] = useState(null);\r\n\r\n const context = useRef();\r\n const validationSchema = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n Etiqueta: yup.string().required('La etiqueta es obligatoria'),\r\n Status: yup.boolean(),\r\n RequiereGrupoOpciones: yup.boolean(),\r\n });\r\n\r\n const cargarTipoIngreso = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/TipoIngreso`);\r\n setTiposIngresos(request.data);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los tipos de ingresos.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const registrarTipoIngreso = async (data) => {\r\n try {\r\n await axios.post(`${APIURL}/api/TipoIngreso/registrar`, data);\r\n setMostrar(false)\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado el tipo ingreso exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarTipoIngreso();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado el tipo ingreso.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificar = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/TipoIngreso/modificar`, data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado el tipo de ingreso exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarTipoIngreso();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarEstado = async (id) => {\r\n try {\r\n await axios.post(`${APIURL}/api/tipoIngreso/estado/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarTipoIngreso();\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el estado.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const openEdit = (tip) => {\r\n setTipoIngreso(tip);\r\n setMostrar(true);\r\n }\r\n\r\n const Mostrar = () => {\r\n setTipoIngreso(null);\r\n setMostrar(true);\r\n }\r\n useEffect(() => {\r\n cargarTipoIngreso();\r\n }, [])\r\n\r\n let initialValues, edit;\r\n\r\n if (tipoIngreso) {\r\n initialValues = {\r\n Id: tipoIngreso.$id,\r\n Nombre: tipoIngreso.Nombre,\r\n Etiqueta:tipoIngreso.Etiqueta,\r\n Status: tipoIngreso.Status,\r\n RequiereGrupoOpciones: tipoIngreso.RequiereGrupoOpciones,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = true;\r\n }\r\n else {\r\n initialValues = {\r\n Nombre: '',\r\n Etiqueta:'',\r\n Status: true,\r\n RequiereGrupoOpciones: false,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = false;\r\n }\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n Tipos de Ingreso
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Nombre | \r\nEtiqueta | \r\nStatus | \r\nAcciones | \r\n
|---|---|---|---|
| {tip.Nombre} | \r\n{tip.Etiqueta} | \r\n{tip.Status ? Activo Inactivo | \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n )\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCancel, MdCheckCircle } from \"react-icons/md\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nconst TablaSeccion = (props) => {\r\n return (\r\n \r\n {\r\n
\r\n )\r\n\r\n}\r\nexport default TablaSeccion;","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport TablaGrupoOpciones from 'components/Encuestas/GrupoOpciones/TablaGrupoOpciones';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nexport const GrupoOpciones = props => {\r\n const [GrupoOpciones, setGrupoOpciones] = useState([]);\r\n const [mostrar, setMostrar] = useState(false);\r\n const [grupoOpcion, setgrupoOpcion] = useState(null);\r\n\r\n const context = useRef();\r\n const validationSchema = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n Status: yup.boolean(),\r\n });\r\n\r\n useEffect(() => {\r\n cargarGrupoOpciones();\r\n }, [])\r\n\r\n const cargarGrupoOpciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/GrupoOpciones`);\r\n setGrupoOpciones(request.data);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los grupos de opciones.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const registrarGrupoOpciones = async (data) => {\r\n try {\r\n await axios.post(`${APIURL}/api/GrupoOpciones/registrar`, data);\r\n setMostrar(false)\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado el grupo de opciones exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarGrupoOpciones();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado el grupo de opciones.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarGrupoOpciones = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/GrupoOpciones/modificar`, data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado el grupo de opciones exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarGrupoOpciones();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el registro.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarEstado = async (id) => {\r\n try {\r\n await axios.post(`${APIURL}/api/GrupoOpciones/estado/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarGrupoOpciones();\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el estado.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const openEdit = (tip) => {\r\n setgrupoOpcion(tip);\r\n setMostrar(true);\r\n }\r\n\r\n const Mostrar = () => {\r\n setgrupoOpcion(null);\r\n setMostrar(true);\r\n }\r\n \r\n let initialValues, edit;\r\n\r\n if (grupoOpcion) {\r\n initialValues = {\r\n Id: grupoOpcion.Id,\r\n Nombre: grupoOpcion.Nombre,\r\n Status: grupoOpcion.Status,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = true;\r\n }\r\n else {\r\n initialValues = {\r\n Nombre: '',\r\n Status: true,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = false;\r\n }\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n Grupo de Opciones
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Nombre | \r\nStatus | \r\nAcciones | \r\n
|---|---|---|
| {sec.Nombre} | \r\n{sec.Status ? Activo Inactivo | \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n )\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nconst TablaSeccion = (props) => {\r\n return (\r\n \r\n {\r\n
\r\n )\r\n\r\n}\r\nexport default TablaSeccion;","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport TablaGrupoOpcionesDetalle from 'components/Encuestas/GrupoOpcionesDetalle/TablaGrupoOpcionesDetalle';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nexport const GrupoOpcionesDetalle = props => {\r\n const [GrupoOpcionesDetalle, setGrupoOpcionesDetalle] = useState([]);\r\n const [GrupoOpciones, setGrupoOpciones] = useState([]);\r\n const [mostrar, setMostrar] = useState(false);\r\n const [grupoOpcionDetalle, setGrupoOpcionDetalle] = useState(null);\r\n\r\n const context = useRef();\r\n const validationSchema = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n Status: yup.boolean(),\r\n });\r\n\r\n useEffect(() => {\r\n cargarGrupoOpcionesDetalle();\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const cargarGrupoOpcionesDetalle = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/GrupoOpcionesDetalle`);\r\n setGrupoOpcionesDetalle(request.data);\r\n cargarGrupoOpciones()\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los grupos de opciones detalle.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarGrupoOpciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/GrupoOpciones`);\r\n let GrupoOpciones = [];\r\n request.data.filter(g => g.Status === true).forEach(grupo => {\r\n let Valores = { key: grupo.Nombre, value: grupo.Id}\r\n GrupoOpciones.push(Valores);\r\n })\r\n setGrupoOpciones(GrupoOpciones);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los grupos de opciones.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const registrarGrupoOpcionesDetalle = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/GrupoOpcionesDetalle/registrar`, data);\r\n \r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado el grupo de opciones exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarGrupoOpcionesDetalle();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado el tipo ingreso.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarGrupoOpciones = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/GrupoOpcionesDetalle/modificar`, data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado el grupo de opciones exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarGrupoOpcionesDetalle();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el registro.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const openEdit = (opc) => {\r\n setGrupoOpcionDetalle(opc);\r\n setMostrar(true);\r\n }\r\n\r\n const Mostrar = () => {\r\n setGrupoOpcionDetalle(null);\r\n setMostrar(true);\r\n }\r\n\r\n let initialValues, edit;\r\n\r\n if (grupoOpcionDetalle) {\r\n initialValues = {\r\n Id: grupoOpcionDetalle.Id,\r\n Nombre: grupoOpcionDetalle.Nombre,\r\n GrupoOpcionesId: grupoOpcionDetalle.GrupoOpcionesId,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = true;\r\n }\r\n else {\r\n initialValues = {\r\n Nombre: '',\r\n GrupoOpcionesId: GrupoOpciones.length > 0 ? GrupoOpciones[0].value : '',\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = false;\r\n }\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n Grupo de Opciones Detalle
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Grupo Opciones | \r\nNombre | \r\nAcciones | \r\n
|---|---|---|
| {opc.NombreGrupoOpciones} | \r\n{opc.Nombre} | \r\n\r\n \r\n | \r\n
\r\n \r\n
\r\n )\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCancel, MdCheckCircle } from \"react-icons/md\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\nimport GroupAddIcon from '@material-ui/icons/GroupAdd';\r\nconst TablaSeccion = (props) => {\r\n return (\r\n \r\n {\r\n
\r\n )\r\n\r\n}\r\nexport default TablaSeccion;","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCancel, MdCheckCircle, MdAddBox, MdPlaylistAdd } from \"react-icons/md\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport KeyboardBackspaceIcon from '@material-ui/icons/KeyboardBackspace';\r\n\r\nconst TablaPreguntas = (props) => {\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {\r\n props.Mostrar === true &&\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Nombre | \r\nTitulo | \r\nStatus | \r\nAcciones | \r\n
|---|---|---|---|
| {sec.Nombre} | \r\n{sec.Titulo} | \r\n{sec.Status ? Activo Inactivo | \r\n \r\n {\r\n props.Mostrar === true &&\r\n <>\r\n \r\n \r\n \r\n }\r\n {\r\n props.Mostrar === false &&\r\n \r\n }\r\n \r\n | \r\n
\r\n {\r\n
\r\n )\r\n\r\n}\r\nexport default TablaPreguntas;","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport TablaPreguntas from 'components/Encuestas/Preguntas/TablaPreguntas'\r\nimport { useSelector } from 'react-redux';\r\n\r\nexport const Preguntas = props => {\r\n const Preg = useSelector(e => e.PreguntasEncuesta);\r\n const TipoIngreso = useSelector(e => e.TipoIngreso);\r\n const GrupoOpciones = useSelector(g => g.GrupoOpciones);\r\n const [mostrar, setMostrar] = useState(false);\r\n const [pregunta, setPregunta] = useState(null);\r\n const [requiereGrupoOpciones, setRequiereGrupoOpciones] = useState(false);\r\n const [tipoIngreso, setTipoIngreso] = useState(TipoIngreso.length > 0 ? TipoIngreso[0].value : '');\r\n const [grupoOpcion, setGrupoOpcion] = useState(null);\r\n const [grupoOpcionPregunta, setgrupoOpcionPregunta] = useState([]);\r\n const [modalPreguntaAnidada, setmodalPreguntaAnidada] = useState(false);\r\n const [EditarPreguntaAnidada, setEditarPreguntaAnidada] = useState(false);\r\n const [preguntasAnidadas, setPreguntasAnidadas] = useState([]);\r\n const [PreguntaOpcion, setPreguntaOpcion] = useState('');\r\n const [render, setrender] = useState(true);\r\n const [mensaje, setmensaje] = useState(\"\");\r\n const context = useRef();\r\n const validationSchema = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('La pregunta es obligatoria'),\r\n Obligatorio: yup.boolean(),\r\n RespuestaObligatorio: yup.boolean(),\r\n Status: yup.boolean(),\r\n });\r\n\r\n const Validaciones = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('La pregunta es obligatoria'),\r\n PreguntasOpcionesId: yup.string().required('El campo es obligatorio'),\r\n RespuestaObligatorio: yup.boolean(),\r\n Status: yup.boolean(),\r\n });\r\n\r\n useEffect(() => {\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const cargarPreguntasAnidadas = async (preguntaOpcionesId) => {\r\n try {\r\n return await axios.get(`${APIURL}/api/preguntas/anidadas/${preguntaOpcionesId}`);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const cargarPreguntasOpciones = async (preguntaId) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/preguntasOpciones/SinAnidada/${preguntaId}`);\r\n let GrupoOpcion = [];\r\n setPreguntaOpcion(request.data[0].Id);\r\n request.data.forEach(preg =>{\r\n let Valores = { key: preg.GrupoOpcionesDetalle, value: preg.Id }\r\n GrupoOpcion.push(Valores);\r\n })\r\n setgrupoOpcionPregunta(GrupoOpcion);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const registrarPreguntas = async (data) => {\r\n data.GrupoOpcionesId = grupoOpcion;\r\n data.TipoIngresoId = tipoIngreso;\r\n data.RequiereOpciones = requiereGrupoOpciones;\r\n if (data.GrupoOpcionesId != null && data.GrupoOpcionesDetalle.length === 0 && data.RequiereOpciones === true) {\r\n setmensaje(\"Este campo es obligatorio\")\r\n }\r\n else {\r\n try {\r\n await axios.post(`${APIURL}/api/preguntas/registrar`, data);\r\n setMostrar(false)\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado la pregunta exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n setmensaje(\"\");\r\n props.cargarPreguntas(data.SeccionEncuestaId, props.NombreSeccion);\r\n });\r\n\r\n } catch (err) {\r\n setmensaje(\"\");\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado la pregunta.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n }\r\n\r\n const registrarPreguntasAnidadas = async (data) => {\r\n data.GrupoOpcionesId = grupoOpcion;\r\n data.TipoIngresoId = tipoIngreso;\r\n data.RequiereOpciones = requiereGrupoOpciones;\r\n data.PreguntasOpcionesId = PreguntaOpcion;\r\n if (data.GrupoOpcionesId != null && data.GrupoOpcionesDetalle.length === 0 && data.RequiereOpciones === true) {\r\n setmensaje(\"Este campo es obligatorio\")\r\n }\r\n else {\r\n try {\r\n await axios.post(`${APIURL}/api/preguntas/Anidadas`, data);\r\n setmodalPreguntaAnidada(false)\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado la pregunta exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n setgrupoOpcionPregunta([]);\r\n })\r\n\r\n } catch (err) {\r\n setmensaje(\"\");\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado la pregunta.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n }\r\n\r\n const modificar = async (data) => {\r\n data.TipoIngresoId = tipoIngreso;\r\n data.GrupoOpcionesId = grupoOpcion;\r\n data.RequiereOpciones = requiereGrupoOpciones;\r\n pregunta.PreguntaOpciones.forEach(element => {\r\n data.GrupoOpcionesDetalle.push(element.GrupoOpcionesDetalleId)\r\n });\r\n\r\n if (data.GrupoOpcionesId != null && data.GrupoOpcionesDetalle.length === 0) {\r\n setmensaje(\"Este campo es obligatorio\")\r\n }\r\n else {\r\n try {\r\n await axios.post(`${APIURL}/api/preguntas/modificar`, data);\r\n setMostrar(false)\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado la pregunta exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n props.cargarPreguntas(data.SeccionEncuestaId, props.NombreSeccion);\r\n });\r\n setmensaje(\"\")\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n setmensaje(\"\")\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n }\r\n\r\n const modificarPreguntaAnidada = async (data) => {\r\n data.TipoIngresoId = tipoIngreso;\r\n data.GrupoOpcionesId = grupoOpcion;\r\n data.RequiereOpciones = requiereGrupoOpciones;\r\n preguntasAnidadas.PreguntaOpciones.forEach(element => {\r\n data.GrupoOpcionesDetalle.push(element.GrupoOpcionesDetalleId)\r\n });\r\n\r\n if (data.GrupoOpcionesId != null && data.GrupoOpcionesDetalle.length === 0) {\r\n setmensaje(\"Este campo es obligatorio\")\r\n }\r\n else {\r\n try {\r\n await axios.post(`${APIURL}/api/preguntasAnidadas/modificar`, data);\r\n setmodalPreguntaAnidada(false)\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado la pregunta exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n })\r\n setmensaje(\"\")\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n setmensaje(\"\")\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n }\r\n\r\n const modificarEstado = async (id) => {\r\n try {\r\n await axios.post(`${APIURL}/api/preguntas/estado/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n props.cargarPreguntas(Preg[0].SeccionId, props.NombreSeccion);\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el estado.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const openEditarPreguntaAnidada = (resp) => {\r\n setrender(true)\r\n if (resp.PreguntaOpciones.length > 0) {\r\n let GrupoOpcion = [];\r\n let count = 0;\r\n resp.PreguntaOpciones.forEach(async (op, Index) => {\r\n let Pregunta = await cargarPreguntasAnidadas(op.Id);\r\n if (Pregunta.data.length > 0) {\r\n let Valores = { key: op.GrupoOpcionesDetalle, value: op.Id }\r\n GrupoOpcion.push(Valores);\r\n\r\n if (count === 0) {\r\n let requiereGrupoOpciones = TipoIngreso.length > 0 ? TipoIngreso.find(t => t.value === Pregunta.data[0].TipoIngresoId).RequiereGrupoOpciones : false;\r\n setTipoIngreso(Pregunta.data[0].TipoIngresoId);\r\n setGrupoOpcion(Pregunta.data[0].GrupoOpcionesId);\r\n setPreguntasAnidadas(Pregunta.data[0]);\r\n setPreguntaOpcion(Pregunta.data[0].preguntaOpcionId);\r\n setRequiereGrupoOpciones(requiereGrupoOpciones);\r\n if (requiereGrupoOpciones === false) {\r\n props.cargarGrupoOpcionesDetalle(0);\r\n }\r\n if (Pregunta.data[0].GrupoOpcionesId !== null) {\r\n props.cargarGrupoOpcionesDetalle(Pregunta.data[0].GrupoOpcionesId);\r\n }\r\n }\r\n count++;\r\n }\r\n });\r\n setgrupoOpcionPregunta(GrupoOpcion);\r\n setPregunta(resp);\r\n setmodalPreguntaAnidada(true);\r\n setEditarPreguntaAnidada(true);\r\n }\r\n }\r\n\r\n const cerrarModalAnidado = () => {\r\n setgrupoOpcionPregunta([]);\r\n setmodalPreguntaAnidada(false);\r\n setEditarPreguntaAnidada(false);\r\n }\r\n\r\n const openEdit = (resp) => {\r\n let requiereGrupoOpciones = TipoIngreso.length > 0 ? TipoIngreso.find(t => t.value === resp.TipoIngresoId).RequiereGrupoOpciones : false;\r\n setRequiereGrupoOpciones(requiereGrupoOpciones);\r\n setTipoIngreso(resp.TipoIngresoId);\r\n if (requiereGrupoOpciones === false) {\r\n props.cargarGrupoOpcionesDetalle(0);\r\n }\r\n setGrupoOpcion(resp.GrupoOpcionesId);\r\n if (resp.GrupoOpcionesId !== null) {\r\n props.cargarGrupoOpcionesDetalle(resp.GrupoOpcionesId);\r\n }\r\n setPregunta(resp);\r\n setMostrar(true);\r\n }\r\n\r\n const openModalAnidado = (resp) => {\r\n if (resp.PreguntaOpciones.length > 0) {\r\n cargarPreguntasOpciones(resp.Id);\r\n }\r\n setRequiereGrupoOpciones(false);\r\n setGrupoOpcion(null);\r\n props.cargarGrupoOpcionesDetalle(0);\r\n setTipoIngreso(TipoIngreso.length > 0 ? TipoIngreso[0].value : '');\r\n setPregunta(resp);\r\n setmodalPreguntaAnidada(true);\r\n setEditarPreguntaAnidada(false);\r\n }\r\n\r\n const Mostrar = () => {\r\n setRequiereGrupoOpciones(false)\r\n setGrupoOpcion(null)\r\n props.cargarGrupoOpcionesDetalle(0);\r\n setTipoIngreso(TipoIngreso.length > 0 ? TipoIngreso[0].value : '');\r\n setPregunta(null);\r\n setMostrar(true);\r\n }\r\n\r\n const handleOnChange = (Id) => {\r\n // eslint-disable-next-line\r\n let requiereOpciones = TipoIngreso.find(t => t.value == Id).RequiereGrupoOpciones;\r\n setRequiereGrupoOpciones(requiereOpciones);\r\n setTipoIngreso(Id);\r\n if (requiereOpciones === false) {\r\n setGrupoOpcion(null);\r\n }\r\n setrender(false)\r\n }\r\n\r\n const grupoOpcionDetalle = (Id) => {\r\n props.cargarGrupoOpcionesDetalle(Id);\r\n setGrupoOpcion(Id);\r\n setrender(false);\r\n }\r\n\r\n const GrupoOpcions = (value) => {\r\n if (pregunta !== null) {\r\n pregunta.PreguntaOpciones = pregunta.PreguntaOpciones.filter(p => p.GrupoOpcionesDetalleId !== value);\r\n setPregunta(pregunta);\r\n }\r\n }\r\n\r\n const GrupoOpcionesAnidadas = (value) => {\r\n if (preguntasAnidadas !== null) {\r\n preguntasAnidadas.PreguntaOpciones = preguntasAnidadas.PreguntaOpciones.filter(p => p.GrupoOpcionesDetalleId !== value);\r\n setPreguntasAnidadas(preguntasAnidadas);\r\n }\r\n }\r\n\r\n const changePreguntaAnidada = async (Id) => {\r\n setPreguntaOpcion(Id);\r\n if (EditarPreguntaAnidada) {\r\n setrender(true)\r\n let Pregunta = await cargarPreguntasAnidadas(Id);\r\n if (Pregunta.data.length > 0) {\r\n setTipoIngreso(Pregunta.data[0].TipoIngresoId);\r\n setGrupoOpcion(Pregunta.data[0].GrupoOpcionesId);\r\n setPreguntasAnidadas(Pregunta.data[0])\r\n let requiereGrupoOpciones = TipoIngreso.length > 0 ? TipoIngreso.find(t => t.value === Pregunta.data[0].TipoIngresoId).RequiereGrupoOpciones : false;\r\n setRequiereGrupoOpciones(requiereGrupoOpciones);\r\n if (Pregunta.data[0].GrupoOpcionesId !== null) {\r\n props.cargarGrupoOpcionesDetalle(Pregunta.data[0].GrupoOpcionesId);\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n let initialValues, edit;\r\n\r\n if (pregunta && modalPreguntaAnidada === false) {\r\n\r\n initialValues = {\r\n Id: pregunta.Id,\r\n SeccionEncuestaId: pregunta.SeccionEncuestaId,\r\n TipoIngresoId: pregunta.TipoIngresoId,\r\n RequiereOpciones: requiereGrupoOpciones,\r\n GrupoOpcionesId: pregunta.GrupoOpcionesId,\r\n GrupoOpcionesDetalle: [],\r\n GrupoOpcion: pregunta.PreguntaOpciones,\r\n Nombre: pregunta.Nombre,\r\n Descripcion: pregunta.Descripcion,\r\n Status: pregunta.Status,\r\n Obligatorio: pregunta.Obligatorio,\r\n RespuestaObligatorio: pregunta.RespuestaObligatorio,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = true;\r\n }\r\n else if (modalPreguntaAnidada === true && EditarPreguntaAnidada === true) {\r\n initialValues = {\r\n Id: preguntasAnidadas.Id,\r\n SeccionEncuestaId: Preg[0].SeccionId,\r\n TipoIngresoId: TipoIngreso.length > 0 ? tipoIngreso : null,\r\n RequiereOpciones: requiereGrupoOpciones,\r\n GrupoOpcionesId: GrupoOpciones.length > 0 ? grupoOpcion : null,\r\n GrupoOpcionesDetalle: [],\r\n GrupoOpcion: preguntasAnidadas.PreguntaOpciones,\r\n Nombre: preguntasAnidadas.Nombre,\r\n Descripcion: preguntasAnidadas.Descripcion,\r\n Status: preguntasAnidadas.Status,\r\n RespuestaObligatorio: false,\r\n PreguntasOpcionesId: preguntasAnidadas.preguntaOpcionId,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = false;\r\n }\r\n else if (modalPreguntaAnidada === true && !EditarPreguntaAnidada) {\r\n initialValues = {\r\n Id: pregunta.Id,\r\n TipoIngresoId: TipoIngreso.length > 0 ? tipoIngreso : null,\r\n RequiereOpciones: requiereGrupoOpciones,\r\n GrupoOpcionesId: GrupoOpciones.length > 0 ? grupoOpcion : null,\r\n GrupoOpcionesDetalle: [],\r\n GrupoOpcion: '',\r\n Nombre: '',\r\n Descripcion: '',\r\n Status: true,\r\n RespuestaObligatorio: false,\r\n PreguntasOpcionesId: PreguntaOpcion,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = false;\r\n }\r\n else {\r\n initialValues = {\r\n Id: '',\r\n SeccionEncuestaId: Preg[0].SeccionId,\r\n TipoIngresoId: TipoIngreso.length > 0 ? tipoIngreso : null,\r\n RequiereOpciones: requiereGrupoOpciones,\r\n GrupoOpcionesId: GrupoOpciones.length > 0 ? grupoOpcion : null,\r\n GrupoOpcionesDetalle: [],\r\n GrupoOpciones: [],\r\n Nombre: '',\r\n Descripcion: '',\r\n Status: true,\r\n Obligatorio: false,\r\n RespuestaObligatorio: false,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = false;\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {\r\n props.MostrarPregunta &&\r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Pregunta | \r\nDescripcion | \r\nStatus | \r\nAcciones | \r\n\r\n |
|---|---|---|---|---|
| {preg.Nombre} | \r\n{preg.Descripcion} | \r\n{preg.Status ? Activo Inactivo | \r\n \r\n \r\n \r\n | \r\n\r\n { preg.PreguntaOpciones.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\n )\r\n}","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport TablaSecciones from 'components/Encuestas/Secciones/TablaSecciones';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { TablaRelacion } from 'components/Seguridad/Relacional/TablaRelacion';\r\nimport {Preguntas} from 'components/Encuestas/Preguntas/Preguntas';\r\nexport const Secciones = props => {\r\n const dispatch = useDispatch();\r\n const Pregunta = useSelector(e => e.PreguntasEncuesta);\r\n const [mostrar, setMostrar] = useState(false);\r\n const [mostrarUsuario, setMostrarUsuario] = useState(false);\r\n const [Seccion, setSeccion] = useState(null);\r\n const [UsuariosConAcceso,setUsuariosConAcceso] = useState([]);\r\n const [UsuariosSinAcceso,setUsuariosSinAcceso] = useState([]);\r\n const [seccionSelected, setSeccionSelected] = useState(null);\r\n const [grupoOpcionesDetalle, setGrupoOpcionesDetalle] = useState([]);\r\n const Secciones = useSelector(e => e.SeccionEncuesta);\r\n const [MostrarPregunta,setMostrarPregunta] = useState(false);\r\n const context = useRef();\r\n const validationSchema = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n Titulo: yup.string().required('El Titulo es obligatorio'),\r\n Descripcion: yup.string(),\r\n Status: yup.boolean(),\r\n Obligatorio: yup.boolean(),\r\n });\r\n useEffect(() => {\r\n cargarSecciones();\r\n // eslint-disable-next-line\r\n }, [])\r\n const cargarSecciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Encuesta/Seccion`);\r\n let Seccion = []\r\n let valores = { Secciones: request.data, EncuestaId: '', NombreEncuesta: '' }\r\n Seccion.push(valores);\r\n dispatch({ type: 'SET_SECCIONESENCUESTA', payload: Seccion });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las secciones de encuestas.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const registrarSecciones = async (data) => {\r\n try {\r\n await axios.post(`${APIURL}/api/Encuesta/Secciones/registrar`, data);\r\n setMostrar(false)\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado la secciĆ³n exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarSecciones();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado el tipo ingreso.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificar = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/secciones/modificar`, data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado la seccion de encuesta exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarSecciones();\r\n });\r\n\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarEstado = async (id) => {\r\n try {\r\n await axios.post(`${APIURL}/api/secciones/estado/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarSecciones();\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado el estado.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarUsuarios = (seccionId) => {\r\n cargarUsuariosConAcceso(seccionId);\r\n cargarUsuariosSinAcceso(seccionId);\r\n setSeccionSelected(seccionId);\r\n setMostrarUsuario(true);\r\n }\r\n const cargarUsuariosConAcceso = async (seccionId) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/secciones/usuarios/${seccionId}`);\r\n setUsuariosConAcceso(request.data);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const cargarUsuariosSinAcceso = async (seccionId) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/secciones/usuariosSinAcceso/${seccionId}`);\r\n setUsuariosSinAcceso(request.data);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const asignarUsuario = async (usuarioId) => {\r\n try{\r\n await axios.post(`${APIURL}/api/secciones/AsignarAccesoUsuario/${seccionSelected}/${usuarioId}/${localStorage.getItem('codigo')}`);\r\n cargarUsuarios(seccionSelected);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha guardado el registro\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n const removerUsuario = async (usuarioId) => {\r\n try{\r\n await axios.post(`${APIURL}/api/secciones/RemoverUsuario/${usuarioId}/${seccionSelected}/${localStorage.getItem('codigo')}`)\r\n cargarUsuarios(seccionSelected);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha guardado el registro\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarPreguntas = async (seccionId, NombreSeccion) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/preguntas/${seccionId}`);\r\n let preguntas = [];\r\n let valores = {Preguntas: request.data, SeccionId: seccionId, NombreSeccion: NombreSeccion}\r\n preguntas.push(valores);\r\n cargarTipoIngreso();\r\n cargarGrupoOpciones();\r\n setGrupoOpcionesDetalle([]);\r\n dispatch({ type: 'SET_PREGUNTASENCUESTA',payload: preguntas });\r\n setMostrarPregunta(true)\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las preguntas de encuestas.\";\r\n \r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarTipoIngreso = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/TipoIngreso`);\r\n let TipoIngreso = [];\r\n request.data.filter(g => g.Status === true).forEach(tipo => {\r\n let Valores = { key: tipo.Etiqueta, value: tipo.Id, RequiereGrupoOpciones: tipo.RequiereGrupoOpciones}\r\n TipoIngreso.push(Valores);\r\n })\r\n dispatch({type: 'SET_TIPOINGRESO', payload:TipoIngreso})\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\",err.response)\r\n }\r\n }\r\n \r\n const cargarGrupoOpciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/GrupoOpciones`);\r\n let GrupoOpciones = [{key: \"Seleccione...\" , value: '0'}];\r\n request.data.filter(g => g.Status === true).forEach(grupo => {\r\n let Valores = { key: grupo.Nombre, value: grupo.Id}\r\n GrupoOpciones.push(Valores);\r\n })\r\n dispatch({type: 'SET_GRUPOOPCIONES', payload:GrupoOpciones})\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n \r\n const cargarGrupoOpcionesDetalle = async (GrupoOpcionId) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/GrupoOpcionesDetalle/${GrupoOpcionId}`);\r\n let GrupoOpcionesDetalle = [];\r\n request.data.forEach(grupo => {\r\n let Valores = { key: grupo.Nombre, value: grupo.Id}\r\n GrupoOpcionesDetalle.push(Valores);\r\n })\r\n setGrupoOpcionesDetalle(GrupoOpcionesDetalle);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const openEdit = (sec) => {\r\n setSeccion(sec);\r\n setMostrar(true);\r\n }\r\n\r\n const Mostrar = () => {\r\n setSeccion(null);\r\n setMostrar(true);\r\n }\r\n\r\n let initialValues, edit;\r\n\r\n if (Seccion) {\r\n initialValues = {\r\n Id: Seccion.Id,\r\n Nombre: Seccion.Nombre,\r\n Titulo: Seccion.Titulo,\r\n Descripcion: Seccion.Descripcion,\r\n Status: Seccion.Status,\r\n Obligatorio: Seccion.Obligatorio,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = true;\r\n }\r\n else {\r\n initialValues = {\r\n Nombre: '',\r\n Titulo: '',\r\n Descripcion:'',\r\n Status: true,\r\n Obligatorio: false,\r\n Usuario: localStorage.getItem('codigo')\r\n }\r\n edit = false;\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n MostrarPregunta &&\r\n \r\n }\r\n {\r\n MostrarPregunta === false &&\r\n 0 ? Secciones[0].Secciones : []} Mostrar ={true} setMostrar={Mostrar} openEdit={openEdit} ModificarEstado={modificarEstado} cargarPreguntas={cargarPreguntas} cargarUsuarios ={cargarUsuarios}/>\r\n\r\n }\r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport {Route,Switch} from 'react-router-dom';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport RecentActorsIcon from '@material-ui/icons/RecentActors';\r\nimport SupervisorAccountIcon from '@material-ui/icons/SupervisorAccount';\r\nimport {TiposIngreso} from 'components/Encuestas/TiposIngreso/TiposIngreso';\r\nimport {GrupoOpciones} from 'components/Encuestas/GrupoOpciones/GrupoOpciones'\r\nimport {GrupoOpcionesDetalle} from 'components/Encuestas/GrupoOpcionesDetalle/GrupoOpcionesDetalle'\r\nimport {Secciones} from 'components/Encuestas/Secciones/Secciones'\r\n\r\nexport const MantenimientoEncuesta = props => {\r\n const [value, setValue] = React.useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n const redirectGrupoOpciones = () =>{\r\n props.history.push('/Mantenimiento/Encuesta/GrupoOpciones');\r\n }\r\n\r\n const redirectGrupoOpcionesDetalle = () =>{\r\n props.history.push('/Mantenimiento/Encuesta/GrupoOpcionesDetalle');\r\n }\r\n\r\n const redirectTiposIngreso = () =>{\r\n props.history.push('/Mantenimiento/Encuesta');\r\n }\r\n\r\n const redirectSecciones = () =>{\r\n props.history.push('/Mantenimiento/Encuesta/secciones');\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n } label=\"Tipos Ingreso\" />\r\n } label =\"Grupo Opciones\"/>\r\n } label =\"Grupo Opciones Detalle\"/>\r\n } label =\"Secciones\"/>\r\n \r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport styles from 'components/Recibos/RecibosBreadCrumb/RecibosBreadCrumb.module.css';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport NavigationBreadcrumb from 'components/Pedidos/NavigationBreadcrumb/NavigationBreadcrumb';\r\nimport { FaSignOutAlt } from 'react-icons/fa';\r\nimport { Dropdown } from 'element-react';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nmoment.locale('es');\r\n\r\nconst EncuestaBreadCrumb = (props) => {\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\nexport default EncuestaBreadCrumb;","import React from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport PostAddIcon from '@material-ui/icons/PostAdd';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport BusinessIcon from '@material-ui/icons/Business';\r\nimport QueuePlayNextIcon from '@material-ui/icons/QueuePlayNext';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport GridOnIcon from '@material-ui/icons/GridOn';\r\n\r\nexport const TablaEncuesta = props => {\r\n const { titulo, cabeceras, valores,abrirRango } = props;\r\n\r\n const dataTabla = () => {\r\n return valores.map((valor) =>\r\n [valor.Nombre,\r\n valor.Descripcion,\r\n \r\n
\r\n \r\n \r\n (\r\n { props.clickBreadCrumb(\"/Encuesta\") }, Titulo: \"Encuesta\" },\r\n { Titulo: \"Seccion\" }\r\n ]}\r\n />\r\n )} />\r\n (\r\n { props.clickBreadCrumb(\"/Encuesta\") }, Titulo: \"Encuesta\" },\r\n { Titulo: \"ListaSecciones\" }\r\n ]}\r\n />\r\n )} />\r\n (\r\n { props.clickBreadCrumb(\"/Encuesta\") }, Titulo: \"Encuesta\" },\r\n { Click: () => { props.clickBreadCrumb(\"/Encuesta/Seccion\") }, Titulo: \"Seccion\" },\r\n { Titulo: \"Preguntas\" }\r\n ]}\r\n />\r\n )} />\r\n (\r\n \r\n\r\n
\r\n {\r\n props.cliente &&\r\n \r\n \r\n Cancelar \r\n \r\n )}\r\n >\r\n \r\n
\r\n }\r\n \r\n Generar Excel\r\n
\r\n \r\n\r\n setInicio(date)}\r\n />\r\n setFinal(date)}\r\n />\r\n \r\n
\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport TablaSecciones from 'components/Encuestas/Secciones/TablaSecciones';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { useSelector } from 'react-redux';\r\nimport { TablaRelacion } from 'components/Seguridad/Relacional/TablaRelacion';\r\n\r\nexport const SeccionesEncuesta = props => {\r\n const [mostrarUsuario, setMostrarUsuario] = useState(false);\r\n const [UsuariosConAcceso,setUsuariosConAcceso] = useState([]);\r\n const [UsuariosSinAcceso,setUsuariosSinAcceso] = useState([]);\r\n const [seccionSelected, setSeccionSelected] = useState(null);\r\n const Secciones = useSelector(e => e.SeccionEncuesta);\r\n const cargarUsuarios = (seccionId) => {\r\n cargarUsuariosConAcceso(seccionId);\r\n cargarUsuariosSinAcceso(seccionId);\r\n setSeccionSelected(seccionId);\r\n setMostrarUsuario(true);\r\n }\r\n const cargarUsuariosConAcceso = async (seccionId) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/secciones/usuarios/${seccionId}/${props.Secciones[0].EncuestaId}`);\r\n setUsuariosConAcceso(request.data);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const cargarUsuariosSinAcceso = async (seccionId) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/secciones/usuariosSinAcceso/${seccionId}/${props.Secciones[0].EncuestaId}`);\r\n setUsuariosSinAcceso(request.data);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const asignarUsuario = async (usuarioId) => {\r\n try{\r\n await axios.post(`${APIURL}/api/secciones/AsignarAccesoUsuario/${seccionSelected}/${usuarioId}/${localStorage.getItem('codigo')}/${props.Secciones[0].EncuestaId}`);\r\n cargarUsuarios(seccionSelected);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha guardado el registro\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n const removerUsuario = async (usuarioId) => {\r\n try{\r\n await axios.post(`${APIURL}/api/secciones/RemoverUsuario/${usuarioId}/${seccionSelected}/${localStorage.getItem('codigo')}/${props.Secciones[0].EncuestaId}`)\r\n cargarUsuarios(seccionSelected);\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se ha guardado el registro\";\r\n\r\n if(err.response){\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n \r\n useEffect(() => {\r\n // eslint-disable-next-line\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\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n\r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport 'semantic-ui-css/semantic.min.css'\r\nimport {\r\n Card,\r\n CardContent,\r\n} from '@material-ui/core';\r\n\r\nconst SelectClienteEncuesta = (props) => {\r\n const [Value, setValue] = useState(null);\r\n useEffect(() => {\r\n props.cargarClientes();\r\n // eslint-disable-next-line\r\n },[]);\r\n\r\n var options = [];\r\n const handleOnChange = (value) => {\r\n var val = JSON.parse(value);\r\n setValue(value);\r\n props.cargarEncuestasActivas(val)\r\n }\r\n\r\n props.clientes.map(el => {\r\n var cliente = { key: el.Codigo, value: JSON.stringify(el), text: el.Codigo + ' - ' + el.Nombre }\r\n options.push(cliente);\r\n return 0;\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 Clientes\r\n
\r\n\r\n
\r\n
\r\n \r\n handleOnChange(value)}\r\n options={options}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n style={{ zIndex: 999 }}\r\n value={Value}\r\n />\r\n
\r\n \r\n {props.children}\r\n
\r\n)}\r\nexport default TextError; ","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport FormikErrorFocus from 'formik-error-focus'\r\nconst Input = (props) => {\r\n const { label, Descripcion, name, ...rest } = props;\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default Input; ","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport FormikErrorFocus from 'formik-error-focus'\r\nconst TextArea = (props) => {\r\n const { label, Descripcion, name, ...rest } = props;\r\n return (\r\n {Descripcion}
\r\n\r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default TextArea; ","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport FormikErrorFocus from 'formik-error-focus'\r\nconst Select = (props) => {\r\n const { label, Descripcion, name, options, ...rest } = props;\r\n return (\r\n {Descripcion}
\r\n\r\n
\r\n \r\n \r\n {\r\n options.map(opcion => {\r\n return (\r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default Select; ","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport FormikErrorFocus from 'formik-error-focus'\r\nconst RadioButton = (props) => {\r\n const { label, Descripcion, name, options, ...rest } = props;\r\n return (\r\n {Descripcion}
\r\n\r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default RadioButton; ","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport FormikErrorFocus from 'formik-error-focus'\r\nconst CheckBox = (props) => {\r\n const { label, Descripcion, name, options, ...rest } = props;\r\n return (\r\n {Descripcion}
\r\n\r\n \r\n {\r\n ({ field }) => {\r\n return options.map(option => {\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\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default CheckBox; ","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\nimport FormikErrorFocus from 'formik-error-focus'\r\nconst datePicker = (props) => {\r\n const { label, Descripcion, name, ...rest } = props;\r\n return (\r\n {Descripcion}
\r\n\r\n \r\n {\r\n ({ field }) => {\r\n return options.map(option => {\r\n let valores = props.respuestaCheckBox !== undefined && props.respuestaCheckBox.length > 0 ? String(props.respuestaCheckBox) : field.value;\r\n let isDisable = props.respuestaCheckBox !== undefined ? true : false;\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\n
\r\n \r\n \r\n {\r\n ({ form, field }) => {\r\n const { setFieldValue } = form\r\n const { value } = field\r\n return setFieldValue(name, val)}\r\n />\r\n }\r\n }\r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\nexport default datePicker; ","import React from 'react'\r\nimport Input from './Input'\r\nimport TextArea from './TextArea'\r\nimport Select from './Select'\r\nimport RadioButton from './RadioButton'\r\nimport CheckBox from './CheckBox'\r\nimport DatePicker from './DatePicker'\r\nconst FormikControl = (props) => {\r\n\r\n const {control, ...rest} = props;\r\n switch(props.control){\r\n case 'number':\r\n return \r\n case 'input':\r\n return \r\n case 'textarea' : \r\n return \r\n case 'select':\r\n return \r\n case 'radio':\r\n return {Descripcion}
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {\r\n registrarRespuestas(values, preguntas);\r\n }}>\r\n {({ errors, resetForm, values, setValues }) => (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default FormularioEncuesta;","import React from 'react';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport moment from 'moment';\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nlet HeaderEncuestasResueltas = [\r\n {\r\n name: \"Encuesta\",\r\n label: \"Encuesta\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Cliente\",\r\n label: \"Cliente\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Usuario\",\r\n label: \"Usuario\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Fecha\",\r\n label: \"Fecha\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"Detalle\",\r\n label: \"Detalle\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n }\r\n }\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport { Button } from \"@material-ui/core\";\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport FormikControl from './Formulario/FormikControl'\r\nimport { withStyles, makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n Card,\r\n CardHeader as MuiCardHeader,\r\n CardContent,\r\n} from '@material-ui/core';\r\n\r\nconst CardHeader = withStyles({\r\n title: {\r\n fontWeight: '1000',\r\n textAlign: 'center'\r\n },\r\n})(MuiCardHeader);\r\n\r\nconst FormularioRespuestas = (props) => {\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n button: {\r\n marginLeft: theme.spacing(2),\r\n },\r\n }));\r\n const classes = useStyles();\r\n const Preguntas = (seccion) =>{\r\n let Preguntas = []\r\n seccion.Preguntas.forEach(pregunta => {\r\n Preguntas.push(pregunta);\r\n if (pregunta.GrupoOpcionesId !== null) {\r\n pregunta.PreguntasOpciones.forEach(gp => {\r\n if(gp.PreguntasAnidadas.length > 0){\r\n for (let pa of gp.PreguntasAnidadas) {\r\n Preguntas.push(pa);\r\n }\r\n }\r\n });\r\n }\r\n })\r\n return Preguntas;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n setFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n setFechaFin(date)}\r\n />\r\n
\r\n \r\n setAsesorSelected(value)}\r\n options={AsesoresUsuario.map((Ase) => ({ key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }))}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={asesorSelected}\r\n />\r\n
\r\n \r\n cargarEncuestas(fechaInicio, fechaFin)}\r\n >\r\n Obtener\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {({ errors }) => (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default FormularioRespuestas;","import React, { useEffect, useState } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { ClipLoader } from 'react-spinners';\r\nimport EncuestaBreadCrumb from 'containers/Encuestas/EncuestaBreadCrumb'\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Route, Switch, matchPath } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport 'moment/locale/es';\r\nimport axios from 'axios';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Encuesta } from 'components/Encuestas/Encuestas/Encuestas'\r\nimport { Secciones } from 'components/Encuestas/Secciones/Secciones'\r\nimport { SeccionesEncuesta } from 'components/Encuestas/Secciones/SeccionesEncuesta'\r\nimport { Preguntas } from 'components/Encuestas/Preguntas/Preguntas';\r\nimport SelectClienteEncuesta from 'components/Encuestas/EncuestasCliente/SelectClienteEncuesta'\r\nimport { TablaEncuestasActivas } from 'components/Encuestas/EncuestasCliente/TablaEncuestasActivas';\r\nimport FormularioEncuesta from 'components/Encuestas/EncuestasCliente/FormularioEncuesta';\r\nimport { EncuestasResueltas } from 'containers/Encuestas/EncuestasResueltas';\r\nimport FormularioRespuestas from 'components/Encuestas/EncuestasCliente/FormularioRespuestas';\r\n\r\nmoment.locale('es');\r\nconst Encuestas = (props) => {\r\n const dispatch = useDispatch();\r\n const secciones = useSelector(e => e.SeccionEncuesta);\r\n const Pregunta = useSelector(e => e.PreguntasEncuesta);\r\n const EncuestaSelected = useSelector(e => e.EncuestaSelected);\r\n const ClienteSelected = useSelector(e => e.cliente)\r\n const RespuestaDetalle = useSelector(e => e.RespuestaDetalle);\r\n const [loading, setLoading] = useState(false);\r\n const [grupoOpcionesDetalle, setGrupoOpcionesDetalle] = useState([]);\r\n const [Clientes, setClientes] = useState([]);\r\n const [Encuestas, setEncuestas] = useState([]);\r\n\r\n useEffect(() => {\r\n if (matchPath(props.match.url,\r\n {\r\n path: props.location.pathname,\r\n exact: true,\r\n }\r\n )) {\r\n setLoading(false)\r\n }\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const NavHome = () => {\r\n props.history.push(`/Encuesta`);\r\n }\r\n const cargarSecciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Encuesta/Seccion`);\r\n let Seccion = []\r\n let valores = { Secciones: request.data, EncuestaId: '', NombreEncuesta: '' }\r\n Seccion.push(valores);\r\n dispatch({ type: 'SET_SECCIONESENCUESTA', payload: Seccion });\r\n props.history.push(\"/Encuesta/ListaSeccion\");\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las secciones de encuestas.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarSeccion = async (encuestaId, nombreEncuesta) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Encuesta/Seccion/${encuestaId}`);\r\n let Seccion = []\r\n let valores = { Secciones: request.data, EncuestaId: encuestaId, NombreEncuesta: nombreEncuesta }\r\n Seccion.push(valores);\r\n dispatch({ type: 'SET_SECCIONESENCUESTA', payload: Seccion });\r\n props.history.push(\"/Encuesta/Seccion\");\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las secciones de encuestas.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarPreguntas = async (seccionId, NombreSeccion) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/preguntas/${seccionId}`);\r\n let preguntas = [];\r\n let valores = { Preguntas: request.data, SeccionId: seccionId, NombreSeccion: NombreSeccion }\r\n preguntas.push(valores);\r\n cargarTipoIngreso();\r\n cargarGrupoOpciones();\r\n setGrupoOpcionesDetalle([]);\r\n dispatch({ type: 'SET_PREGUNTASENCUESTA', payload: preguntas });\r\n props.history.push(\"/Encuesta/Seccion/preguntas\")\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las preguntas de encuestas.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarTipoIngreso = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/TipoIngreso`);\r\n let TipoIngreso = [];\r\n request.data.filter(g => g.Status === true).forEach(tipo => {\r\n let Valores = { key: tipo.Etiqueta, value: tipo.Id, RequiereGrupoOpciones: tipo.RequiereGrupoOpciones }\r\n TipoIngreso.push(Valores);\r\n })\r\n dispatch({ type: 'SET_TIPOINGRESO', payload: TipoIngreso })\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const cargarGrupoOpciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/GrupoOpciones`);\r\n let GrupoOpciones = [{ key: \"Seleccione...\", value: null }];\r\n request.data.filter(g => g.Status === true).forEach(grupo => {\r\n let Valores = { key: grupo.Nombre, value: grupo.Id }\r\n GrupoOpciones.push(Valores);\r\n })\r\n dispatch({ type: 'SET_GRUPOOPCIONES', payload: GrupoOpciones })\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n\r\n const cargarGrupoOpcionesDetalle = async (GrupoOpcionId) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/GrupoOpcionesDetalle/${GrupoOpcionId}`);\r\n let GrupoOpcionesDetalle = [];\r\n request.data.forEach(grupo => {\r\n let Valores = { key: grupo.Nombre, value: grupo.Id }\r\n GrupoOpcionesDetalle.push(Valores);\r\n })\r\n setGrupoOpcionesDetalle(GrupoOpcionesDetalle);\r\n } catch (err) {\r\n console.log(\"Ha ocurrido un error\", err.response)\r\n }\r\n }\r\n const BreadCrumb = () => {\r\n return (\r\n \r\n \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 {\"Encuestas\"}
\r\n\r\n
\r\n
\r\n \r\n )} />\r\n \r\n
\r\n \r\n
\r\n
\r\n {\"SecciĆ³n de Encuesta: \" + secciones[0].NombreEncuesta}
\r\n\r\n
\r\n
\r\n \r\n )} />\r\n \r\n
\r\n \r\n
\r\n
\r\n {\"Secciones\"}
\r\n\r\n
\r\n
\r\n \r\n )} />\r\n \r\n
\r\n \r\n
\r\n
\r\n {\"Preguntas de la SecciĆ³n: \" + Pregunta[0].NombreSeccion}
\r\n\r\n
\r\n
\r\n \r\n )} />\r\n\r\n {/*----------------SECCION DE LLENADO DE ENCUESTA POR PARTE DEL ASESOR---------------------------------*/}\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n )} />\r\n\r\n \r\n
\r\n \r\n
\r\n )} />\r\n\r\n {/*----------------SECCION DE RESPUESTAS DE ENCUESTAS---------------------------------*/}\r\n \r\n
\r\n \r\n
\r\n )} />\r\n\r\n \r\n
\r\n \r\n
\r\n )} />\r\n \r\n
\r\n {x.Estado ? \"Activo\" : \"Inactivo\"}
,\r\n Acciones: \r\n }));\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n
\r\n );\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport axios from 'axios';\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n} from 'reactstrap';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\n\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { TablaPaqueteBodega } from './components/TablaPaqueteBodega';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n\r\nexport const PaqueteBodega = props => {\r\n const [almacenes, setAlmacenes] = useState([]);\r\n const [sitios, setSitios] = useState([]);\r\n const [colecciones, setColecciones] = useState([]);\r\n const [coleccionesCopia, setColeccionesCopia] = useState([]);\r\n const [sitiosCopia, setSitiosCopia] = useState([]);\r\n const [almacenesCopia, setAlmacenesCopia] = useState([]);\r\n const [coleccion, setColeccion] = useState('');\r\n const [empresa, setEmpresa] = useState('');\r\n const [almacen, setAlmacen] = useState('');\r\n const [sitio, setSitio] = useState('');\r\n const [paquetes, setPaquetes] = useState([]);\r\n\r\n const empresas = useSelector(e => e.Empresas);\r\n\r\n const cargarColecciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/colecciones/bodega`);\r\n setColecciones(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const cargarPaquetes = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/bodega/paquetes`);\r\n setPaquetes(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const cargarAlmacenes = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/bodega/almacen`);\r\n setAlmacenes(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const cargarSitios = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/bodega/sitio`);\r\n setSitios(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const cambiarEstado = async (id) => {\r\n try {\r\n await axios.post(`${APIURL}/api/bodega/modificar/${id}/${localStorage.getItem('codigo')}`);\r\n Swal.fire({\r\n title: 'Ā”Modificado con exito!',\r\n text: \"Se ha cambiado el estado del paquete con exito.\",\r\n type: 'success',\r\n confirmButtonText: 'OK',\r\n });\r\n\r\n cargarPaquetes();\r\n } catch (err) {\r\n Swal.fire({\r\n title: 'Ocurrio un error',\r\n text: \"No se pudo cambiar el estado del paquete\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n }\r\n\r\n const crearBodegaEspecifico = async () => {\r\n if (coleccion !== '' && empresa !== '' && sitio !== '' && almacen !== '') {\r\n const data = {\r\n coleccion, empresa, sitio, almacen, usuario: localStorage.getItem('codigo')\r\n }\r\n try {\r\n await axios.post(`${APIURL}/api/bodega`, data);\r\n Swal.fire({\r\n title: 'Ā”Creado con exito!',\r\n text: \"Se ha creado el paquete para bodega especifico\",\r\n type: 'success',\r\n confirmButtonText: 'OK',\r\n });\r\n cargarPaquetes();\r\n } catch (err) {\r\n \r\n let mensaje = \"Ha ocurrido un error y no se pudo crear el paquete especifico.\";\r\n \r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n \r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n } else {\r\n Swal.fire({\r\n title: 'Campos requeridos',\r\n text: \"Todos los campos son obligatorios\",\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n }\r\n\r\n const seleccionarEmpresa = empresa => {\r\n let sitioFiltrados = sitios.filter(x => x.Empresa === empresa);\r\n let coleccionesFiltrado = colecciones.filter(x => x.Empresa === empresa);\r\n setEmpresa(empresa);\r\n setSitio('');\r\n setAlmacen('');\r\n setColeccion('');\r\n setSitiosCopia((prev) => ([...sitioFiltrados]));\r\n setColeccionesCopia((prev) => ([...coleccionesFiltrado]));\r\n }\r\n\r\n const seleccionarSitio = sitio => {\r\n let almacenesFiltrados = almacenes.filter(x => x.SitioId === sitio);\r\n setSitio(sitio);\r\n setAlmacenesCopia((prev) => ([...almacenesFiltrados]));\r\n }\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/configuracion-paquete-bodega\")) {\r\n props.history.push('/home');\r\n }\r\n cargarColecciones();\r\n cargarAlmacenes();\r\n cargarSitios();\r\n cargarPaquetes();\r\n\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n Paquete bodega especifica\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\n\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nconst DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n { seleccionarEmpresa(value) }}\r\n options={empresas.map(empresa => {\r\n return { key: empresa.COMPANY_CODE, value: empresa.COMPANY_CODE, text: empresa.COMPANY_CODE }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setColeccion(value) }}\r\n options={coleccionesCopia.map((coleccion, index) => {\r\n return { key: index, value: coleccion.Codigo, text: coleccion.Codigo }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { seleccionarSitio(value) }}\r\n options={sitiosCopia.map(sitio => {\r\n return { key: sitio.Id, value: sitio.Id, text: sitio.Nombre }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setAlmacen(value) }}\r\n options={almacenesCopia.map(almacen => {\r\n return { key: almacen.Id, value: almacen.Almacen, text: almacen.Nombre }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n\r\n}","import React from 'react';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport axios from 'axios';\r\n\r\nexport const ModalEditar = props => {\r\n const validationSchema = yup.object().shape(\r\n {\r\n etiqueta: yup.string().required('La etiqueta es obligatoria'),\r\n estatus: yup.boolean(),\r\n });\r\n\r\n const initialValues = {\r\n id: props.id,\r\n etiqueta: props.etiqueta,\r\n estatus: props.estatus,\r\n usuario: localStorage.getItem('codigo')\r\n }\r\n\r\n const modificarSitio = async (data) => {\r\n try {\r\n await axios.post(`${APIURL}/api/almacenes/modificar`, data);\r\n props.cargarAlmacenes();\r\n props.cerrar();\r\n Swal.fire({\r\n title: 'Ā”Modificado con exito!',\r\n text: \"Se ha modificado almacen con exito.\",\r\n type: 'success',\r\n confirmButtonText: 'OK',\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se pudo modificar.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport axios from 'axios';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\n\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { ModalEditar } from './components/ModalEditar';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nlet HeaderAlmacenes = [\r\n {\r\n name: \"almacen\",\r\n label: \"Almacen\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"nombre\",\r\n label: \"Nombre\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"etiqueta\",\r\n label: \"Etiqueta\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"sitio\",\r\n label: \"Sitio\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"empresa\",\r\n label: \"Empresa\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n }\r\n },\r\n {\r\n name: \"estatus\",\r\n label: \"Estado\",\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n {value}\r\n );\r\n }\r\n }\r\n },\r\n {\r\n name: \"acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n Mantenimiento sitios
\r\n\r\n \r\n \r\n
)\r\n }));\r\n }\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/configuracion-almacenes\")) {\r\n props.history.push('/home');\r\n }\r\n cargarAlmacenes();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n { setMostrar(false) }} mostrar={mostrar} etiqueta={etiqueta} estatus={estado} id={id} cargarAlmacenes={cargarAlmacenes} />\r\n \r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport Loader from 'components/Global/Loader';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Button } from \"@material-ui/core\";\r\nimport DetalleRecibo from 'components/ListadoRecibos/DetalleRecibo';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport Listado from 'components/ListadoRecibos/Listado';\r\nimport LoadingModal from './../../components/Global/LoadingModal';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport {IsAllow} from 'components/Seguridad/Permisos';\r\nimport { useSelector } from 'react-redux';\r\nimport { verificarConexion } from 'utils/http';\r\nmoment.locale('es');\r\n\r\nexport const ListaReciboProforma = (props) => {\r\n const urlApi = APIURL;\r\n\r\n const [error, setError] = useState(false);\r\n const [isLoaded, setIsLoaded] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), 1));\r\n const [startDate, setStartDate] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()-30));\r\n const [endDate, setEndDate] = useState( new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()));\r\n const [recibos, setRecibos] = useState([]);\r\n const [recibo, setRecibo] = useState(null);\r\n const [showDialog, setShowDialog] = useState(false);\r\n const [DialogRecibo, setDialogRecibo] = useState(null);\r\n const [isLoading,setLoading] = useState(false);\r\n const [Asesores, setAsesores] = useState([]);\r\n const [AsesorSelected, setAsesorSelected] = useState(null);\r\n const AsesoresUsuario = useSelector(e=>e.Permisos[0].AsesoresUsuario);\r\n useEffect(() => {\r\n if(!IsAllow(\"/lista-recibos-proforma\"))\r\n {\r\n props.history.push('/home');\r\n }\r\n cargarRecibos(\"1900-01-01\", \"1900-01-01\");\r\n let Asesores = [];\r\n AsesoresUsuario.map((Ase) => {\r\n let Valores = { key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }\r\n Asesores.push(Valores);\r\n return true;\r\n })\r\n setAsesores(Asesores)\r\n setAsesorSelected(AsesoresUsuario[0].Usuario)\r\n // eslint-disable-next-line\r\n }, []);\r\n \r\n const cambiarRecibo = (recibo) => {\r\n setRecibo(recibo);\r\n }\r\n\r\n const cargarRecibos = async (FechaInicio, FechaFin) => {\r\n const isOnline = await verificarConexion();\r\n if (!isOnline || localStorage.getItem(\"Conexion\")===\"offline\") {\r\n Swal.fire({\r\n title: \"Sin internet\",\r\n text: \"Necesita internet para poder visualizar esta pagina.\",\r\n type: \"warning\",\r\n confirmButtonText: 'Ok',\r\n });\r\n setLoading(true);\r\n } else if(localStorage.getItem(\"Conexion\")===\"Online\" && isOnline){\r\n setLoading(true);\r\n var Inicio = moment(FechaInicio).format(\"YYYY-MM-DD\");\r\n var Fin = moment(FechaFin).format(\"YYYY-MM-DD\");\r\n let Asesor = AsesorSelected == null ? AsesoresUsuario[0].Usuario : AsesorSelected;\r\n fetch(urlApi + \"/api/proforma/\" + Asesor + \"/\" + Inicio + \"/\" + Fin, {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n\r\n }\r\n }).then(res => {\r\n if (res.status === 401) {\r\n localStorage.setItem('token', '');\r\n window.location.reload();\r\n }\r\n if (res.status === 200) {\r\n res.json()\r\n .then(\r\n (result) => {\r\n setRecibos(result);\r\n setIsLoaded(true);\r\n setLoading(false);\r\n },\r\n (error) => {\r\n setError(error);\r\n setIsLoaded(true);\r\n }\r\n )\r\n }\r\n })\r\n }\r\n }\r\n\r\n\r\n\r\n const handleFechaInicio = (fecha) => {\r\n\r\n var date = moment(fecha).toDate();\r\n\r\n var fech = moment(fecha).toDate();\r\n fech.setMonth(date.getMonth() + 1);\r\n\r\n setStartDate(date);\r\n setEndDate(fech);\r\n }\r\n\r\n const handleFechaFin = (fecha) => {\r\n var date = moment(fecha).toDate();\r\n\r\n const diffTime = new Date(date) - new Date(startDate);\r\n\r\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n if (diffDays > 1) {\r\n setEndDate(date);\r\n }\r\n else {\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Ingrese Fecha VƔlida',\r\n })\r\n var fech = new Date();\r\n fech.setDate(startDate.getDate() + 6);\r\n setEndDate(fech);\r\n }\r\n }\r\n\r\n const handleOnChangeAsesor = (value) => {\r\n setAsesorSelected(value);\r\n }\r\n const DataRecibos = () => {\r\n let DataRecibos = [];\r\n recibos.filter(r => r.Asesor === AsesorSelected).map(recib => {\r\n\r\n let fechaIni = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());\r\n let fechaFin = new Date(endDate.getFullYear(), endDate.getMonth(), endDate.getDate());\r\n fechaFin.setDate(fechaFin.getDate() + 1);\r\n\r\n if (moment(fechaIni) < moment(recib.Fecha) && moment(recib.Fecha) < moment(fechaFin)) {\r\n let data =\r\n {\r\n NumeroRecibo: recib.NumeroRecibo,\r\n CodigoCliente: recib.CodigoCliente,\r\n Fecha: moment(recib.Fecha).format('DD/MM/YYYY') !== \"Invalid date\" ? moment(recib.Fecha).format('DD/MM/YYYY') : \"\",\r\n IdTipoPago: recib.TipoPago.Descripcion,\r\n Referencia: recib.Referencia,\r\n FechaCheque: moment(recib.Fecha).format('DD/MM/YYYY') !== \"Invalid date\" ? moment(recib.Fecha).format('DD/MM/YYYY') : \"\",\r\n IdBanco: recib.IdBanco,\r\n IdCuentaBancaria: recib.IdCuentaBancaria,\r\n Valor: recib.Valor,\r\n IdMoneda: recib.IdMoneda,\r\n Sincronizado: recib.Sincronizado ? \"Si\" : \"No\",\r\n CodigoAsesor: recib.CodigoAsesor,\r\n IdFactura: recib.IdFactura,\r\n Descuento: recib.Descuento,\r\n Acciones:\r\n Mantenimiento almacenes
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n DataRecibos.push(data);\r\n }\r\n return false;\r\n });\r\n return DataRecibos;\r\n }\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n setDialogRecibo(null);\r\n }\r\n\r\n\r\n const RegresarListaRecibos = () => {\r\n setRecibo(null);\r\n }\r\n\r\n if (!isLoaded) {\r\n return Error: {error.message}
;\r\n }\r\n if (recibo != null) {\r\n \r\n return (\r\n modificarEstadoBodegaLocal(item.UbicacionId)} style={{ height: 20, width: 20, display: \"flex\",\"justify-content\": \"center\", \"align-items\": \"center\"}} />
,\r\n estatusDevolucion: modificarEstadoUbicacionDevolucion(item.UbicacionId)} style={{ height: 20, width: 20, display: \"flex\",\"justify-content\": \"center\", \"align-items\": \"center\"}} />
,\r\n }));\r\n }\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/configuracion-ubicaciones\")) {\r\n props.history.push('/home');\r\n }\r\n\r\n cargarUbicaciones();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n\r\n}","import React, { useState } from 'react';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport 'semantic-ui-css/semantic.min.css'\r\nimport {\r\n Card,\r\n CardContent,\r\n Button,\r\n} from '@material-ui/core';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst ClienteSelected = (props) => {\r\n const [value, setValue] = useState();\r\n const clientes = useSelector(e => e.clientes);\r\n\r\n const handleOnChange = (value) => {\r\n setValue(value);\r\n }\r\n\r\n const obtenerClientes = () => {\r\n return clientes.map(el => ({ key: el.Codigo, value: JSON.stringify(el), text: `${el.Codigo}-${el.Nombre}` }))\r\n }\r\n\r\n const continuarDevolucion = (cliente) => {\r\n const clienteJson = JSON.parse(cliente);\r\n if (clienteJson.FacturacionEntrega === \"Todo\") {\r\n Swal.fire({\r\n title: 'Bloqueado',\r\n text: 'Actualmente no se tiene relaciĆ³n comercial con el cliente. Su cuenta ha sido bloqueada para todo tipo de transacciĆ³n.',\r\n type: 'error',\r\n confirmButtonText: 'OK',\r\n });\r\n return;\r\n }\r\n props.cargarProductoDevolucion(cliente);\r\n }\r\n\r\n return (\r\n <>\r\n Mantenimiento de Ubicaciones
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Clientes para DevoluciĆ³n\r\n
\r\n\r\n
\r\n
\r\n \r\n handleOnChange(value)}\r\n options={obtenerClientes()}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n style={{ zIndex: 999 }}\r\n multiple={false}\r\n value={value}\r\n />\r\n
\r\n \r\n continuarDevolucion(value)}\r\n variant=\"contained\"\r\n color=\"primary\">\r\n Continuar\r\n \r\n
\r\n \r\n {\r\n <>\r\n
\r\n \r\n
\r\n \r\n }\r\n \r\n\r\n
\r\n \r\n Stock:
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n Precio: {props.precio.toFixed(2)}\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.codigoProducto}\r\n
\r\n {props.producto.NombreProducto}
\r\n {props.devolucionCompleta &&\r\n \r\n EliminarProducto(props.grupoTalla, props.codigoProducto, props.producto.NombreProducto)} />\r\n
\r\n }\r\n \r\n EliminarColor(color.NombreColor, props.grupoTalla, props.codigoProducto, codigoColor[0])} />\r\n
\r\n }\r\n \r\n { setExpandir(!expandir) }}>\r\n \r\n \r\n {expandir &&\r\n \r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport {\r\n Card,\r\n CardContent,\r\n} from '@material-ui/core';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { ExpandableDevolucion } from './ExpandableDevolucion';\r\nimport axios from 'axios';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Loading } from 'components/Global/Loading';\r\nimport { mostrarModal } from 'utils/common';\r\nimport { useHistory } from 'react-router';\r\nimport styles from 'components/Pedidos/MatrizResumen/MatrizResumenExpandable.module.css';\r\nimport { FiAlertTriangle } from 'react-icons/fi';\r\nimport { PermisoUsuarioOficinaCreditos } from 'components/Seguridad/Permisos';\r\n\r\nexport const ProductosDevolucion = (props) => {\r\n const history = useHistory();\r\n let tableValue = useSelector(e => e.Devolucion.TableValue);\r\n const dispatch = useDispatch();\r\n const clienteSelected = useSelector(e => e.Devolucion.clienteSelected);\r\n const devolucionCompleta = useSelector(e => e.Devolucion.devolucionCompleta);\r\n const motivosDevolucion = useSelector(e => e.Devolucion.motivosDevolucion);\r\n const motivoDevolucionDetalle = useSelector(e => e.Devolucion.motivoDevolucionDetalle);\r\n const motivoDevolucion = useSelector(e => e.Devolucion.motivoDevolucion);\r\n //const PaisesFactura = [\"IMCR\", \"IMGT\"];\r\n\r\n const [codigo, setCodigo] = useState(\"\");\r\n const [color, setColor] = useState(\"\");\r\n const [codigoBarra, setCodigoBarra] = useState(\"\");\r\n const [tallaTxt, setTalla] = useState(\"\");\r\n const [factura, setFactura] = useState({});\r\n const [facturaDestino, setFacturaDestino] = useState(\"\");\r\n const [facturasDestino, setFacturasDestino] = useState([]);\r\n const [facturas, setFacturas] = useState([]);\r\n const [motivosDevolucionMaestro, setMotivosDevolucionMaestro] = useState([]);\r\n const [motivosDevolucionDetalle, setMotivosDevolucionDetalle] = useState([]);\r\n const [almacenes, setAlmacenes] = useState([]);\r\n const [almaceneSelected, setAlmaceneSelected] = useState(\"\");\r\n const [open, setOpen] = useState(false);\r\n const [title, setTitle] = useState(\"\");\r\n const [mostrarAlertaCalidad, setMostrarAlertaCalidad] = useState(false);\r\n let totalCant = 0;\r\n let totalUnid = 0;\r\n let productosSinCantidad = false;\r\n\r\n const existeVariante = (pCodigo, pColor, pTalla) => {\r\n const grupoTallas = Object.keys(tableValue);\r\n\r\n for (let grupoTalla of grupoTallas) {\r\n if (tableValue[grupoTalla]) {\r\n if (tableValue[grupoTalla].Productos[pCodigo]) {\r\n if (tableValue[grupoTalla].Productos[pCodigo].Colores[pColor]) {\r\n if (tableValue[grupoTalla].Productos[pCodigo].Colores[pColor].Tallas[pTalla]) {\r\n return grupoTalla;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n const aumentarCantidad = (grupoTalla, pCodigo, pColor, pTalla) => {\r\n let miTableValue = { ...tableValue };\r\n miTableValue[grupoTalla].Productos[pCodigo].Colores[pColor].Tallas[pTalla].Cantidad++;\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: miTableValue });\r\n }\r\n\r\n const aƱadir = async () => {\r\n try {\r\n if (codigo === \"\" || color === \"\" || tallaTxt === \"\") {\r\n mostrarModal(\"Advertencia\", \"Debe ingresar codigo, color y talla.\", \"warning\");\r\n return;\r\n }\r\n\r\n const grupoTalla = existeVariante(`${codigo}-${color}`, color, tallaTxt);\r\n\r\n if (grupoTalla) {\r\n aumentarCantidad(grupoTalla, `${codigo}-${color}`, color, tallaTxt);\r\n return;\r\n }\r\n\r\n setOpen(true);\r\n setTitle(\"Obteniendo producto\");\r\n const data = await axios.get(`${APIURL}/api/producto/${clienteSelected.EmpresaId}/${clienteSelected.GrupoPrecio}/${codigo}/${color}`)\r\n agregarProducto(data.data, tallaTxt, color);\r\n setOpen(false);\r\n } catch (err) {\r\n setOpen(false);\r\n mostrarModal(\"Error\", \"No se pudo obtener el producto.\", \"error\");\r\n }\r\n }\r\n\r\n const obtenerProductosFactura = async () => {\r\n try {\r\n if (factura.factura) {\r\n setTitle(\"Obteniendo productos de factura\");\r\n setOpen(true);\r\n const data = await axios.get(`${APIURL}/api/productodevolucion/factura/${factura.factura}`);\r\n\r\n if (data.data.length === 0) {\r\n setOpen(false);\r\n mostrarModal(\"Sin productos\", `La factura ${factura.factura} no tiene pedidos asociados`, \"warning\");\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: {} });\r\n return;\r\n }\r\n\r\n let codigoProductos = [...new Set(data.data.map(x => x.IdProducto))];\r\n let productosDevolver = [];\r\n\r\n for (let codigo of codigoProductos) {\r\n let productos = data.data.filter(x => x.IdProducto === codigo);\r\n let colores = [...new Set(productos.map(x => x.CodigoColor))];\r\n let tallas = [...new Set(productos.map(x => x.CodigoTalla))];\r\n\r\n let nuevosProductos = await axios.get(`${APIURL}/api/productodevolucion/producto/${codigo}`, { params: { colores, tallas } });\r\n productosDevolver.push(nuevosProductos.data)\r\n }\r\n\r\n agregarDevolucionCompleta(productosDevolver, data.data);\r\n setOpen(false);\r\n } else {\r\n mostrarModal('Factura', 'Seleccione una factura para poder realizar esta acciĆ³n', \"error\");\r\n }\r\n } catch (err) {\r\n setOpen(false);\r\n }\r\n }\r\n\r\n const obtenerFacturasCliente = async () => {\r\n try {\r\n setTitle(\"Obteniendo facturas del cliente\");\r\n setOpen(true);\r\n const data = await axios.get(`${APIURL}/api/factura/${clienteSelected.Codigo}`);\r\n setFacturas(data.data);\r\n setOpen(false);\r\n } catch (err) {\r\n setOpen(false);\r\n }\r\n }\r\n\r\n const obtenerFacturasAbiertas = async () => {\r\n try {\r\n const data = await axios.get(`${APIURL}/api/factura/abiertas/${clienteSelected.Codigo}`);\r\n setFacturasDestino(data.data);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const obtenerAlmacenes = async () => {\r\n try {\r\n const data = await axios.get(`${APIURL}/api/devolucion/almacenes/${clienteSelected.EmpresaId}`);\r\n setAlmacenes(data.data);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const obtenerCorrelativoDevolucion = async () => {\r\n try {\r\n let url = `${APIURL}/api/devolucion/correlativo/${localStorage.getItem('empresa')}`;\r\n\r\n if (PermisoUsuarioOficinaCreditos()) {\r\n url = `${APIURL}/api/devolucion/correlativo/${clienteSelected.EmpresaId}`;\r\n }\r\n\r\n const request = await axios.get(url, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n\r\n localStorage.setItem(\"CorrelativoDevolucion\", request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const obtenerMotivosDevolucion = () => {\r\n const motivosDevolucionCliente = motivosDevolucion.filter(x => x.empresa === clienteSelected.EmpresaId);\r\n setMotivosDevolucionMaestro(motivosDevolucionCliente);\r\n }\r\n\r\n const limpiarCampos = () => {\r\n setCodigo(\"\");\r\n setColor(\"\");\r\n setTalla(\"\");\r\n setCodigoBarra(\"\");\r\n }\r\n\r\n const handleDevolucionCompleta = () => {\r\n dispatch({ type: \"SET_DEVOLUCIONCOMPLETA\" });\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: {} });\r\n }\r\n\r\n const handleChangeMotivo = (value) => {\r\n const detalle = motivosDevolucionMaestro.find(x => x.id === value);\r\n dispatch({ type: \"SET_MOTIVODEVOLUCION\", payload: value });\r\n dispatch({ type: \"SET_MOTIVODEVOLUCIONDETALLE\", payload: \"\" });\r\n setMotivosDevolucionDetalle(detalle.detalle);\r\n\r\n if (detalle) {\r\n const esDefectuoso = detalle.codigo.toUpperCase().includes('DEFECTUOSO');\r\n setMostrarAlertaCalidad(esDefectuoso);\r\n }\r\n }\r\n\r\n const handleChangeMotivoDetalle = (value) => {\r\n dispatch({ type: \"SET_MOTIVODEVOLUCIONDETALLE\", payload: value });\r\n }\r\n\r\n const handleChangeAlmacen = (value) => {\r\n setAlmaceneSelected(value)\r\n }\r\n\r\n const handleChangeFacturaDestino = (value) => {\r\n setFacturaDestino(value)\r\n }\r\n\r\n const dataFacturas = () => {\r\n return facturas.map(x => ({ key: x.factura, value: x, text: `${x.factura} - ${x.pedido}` }));\r\n }\r\n\r\n const dataMotivos = () => {\r\n let motivosDevolucionFiltrado = motivosDevolucionMaestro;\r\n\r\n if (!PermisoUsuarioOficinaCreditos()) {\r\n motivosDevolucionFiltrado = motivosDevolucionMaestro.filter(x => !(x.codigo.includes('ERROR-FAC') || x.codigo.includes('ERROR FACT')));\r\n }\r\n\r\n return motivosDevolucionFiltrado.map(x => ({ key: x.codigo, value: x.id, text: `${x.codigo} - ${x.descripcion}` }));\r\n }\r\n\r\n const dataMotivosDetalle = () => {\r\n return motivosDevolucionDetalle.map(x => ({ key: x.codigo, value: x.id, text: `${x.codigo} - ${x.descripcion}` }));\r\n }\r\n\r\n const dataAlmacen = () => {\r\n return almacenes.map(x => ({ key: x.Almacen, value: x.Almacen, text: x.Almacen + \" - \" + x.Nombre }));\r\n }\r\n const dataFacturasAbiertas = () => {\r\n return facturasDestino.map(x => ({ key: x.Factura, value: x.Factura, text: x.Factura + \" - \" + x.Abreviacion + numberWithCommasNoDec(x.Saldo) }));\r\n }\r\n\r\n useEffect(() => {\r\n obtenerFacturasCliente();\r\n obtenerMotivosDevolucion();\r\n obtenerCorrelativoDevolucion();\r\n obtenerAlmacenes();\r\n obtenerFacturasAbiertas();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n const limpiarPreciosCantidades = (producto) => {\r\n for (let color of Object.keys(producto.Colores)) {\r\n for (let talla of Object.keys(producto.Colores[color].Tallas)) {\r\n producto.Colores[color].Tallas[talla].Disponible = 0;\r\n producto.Colores[color].Tallas[talla].Cantidad = 0;\r\n producto.Colores[color].Tallas[talla].Precio = 0;\r\n }\r\n }\r\n }\r\n\r\n const precioOriginalSinFactura = (producto) => {\r\n for (let color of Object.keys(producto.Colores)) {\r\n for (let talla of Object.keys(producto.Colores[color].Tallas)) {\r\n producto.Colores[color].Tallas[talla].Disponible = 0;\r\n producto.Colores[color].Tallas[talla].Cantidad = 0;\r\n producto.Colores[color].Tallas[talla].Precio = producto.Colores[color].Tallas[talla].PrecioGeneral;\r\n }\r\n }\r\n }\r\n\r\n const actualizarProducto = (productos, codigoProducto, grupoTalla, factura) => {\r\n let miTableValue = { ...tableValue };\r\n\r\n if (factura === \"SIN-FACTURA\") {\r\n precioOriginalSinFactura(miTableValue[grupoTalla][\"Productos\"][codigoProducto]);\r\n\r\n if (miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura) {\r\n delete miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura\r\n }\r\n\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: miTableValue });\r\n return;\r\n }\r\n\r\n localStorage.setItem(\"TableValueOriginal\", JSON.stringify(miTableValue));\r\n\r\n const noExistenProductosEnFactura = productos.length === 0;\r\n\r\n limpiarPreciosCantidades(miTableValue[grupoTalla][\"Productos\"][codigoProducto]);\r\n\r\n let tableValueOriginal = JSON.parse(localStorage.getItem(\"TableValueOriginal\"));\r\n\r\n if (noExistenProductosEnFactura) {\r\n if (miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura) {\r\n delete miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura\r\n }\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: miTableValue });\r\n return;\r\n }\r\n\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Factura = factura;\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Id = productos[0].IdProducto;\r\n const colores = productos.map(c => c.CodigoColor);\r\n const coloresUnicos = [...new Set(colores)];\r\n\r\n for (let color of coloresUnicos) {\r\n const noExisteColorProducto = !miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[color];\r\n\r\n if (noExisteColorProducto) {\r\n continue;\r\n }\r\n\r\n const productosColor = productos.filter(p => p.CodigoColor === color);\r\n for (let producto of productosColor) {\r\n const noExisteTallaProducto = !miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[color].Tallas[producto.CodigoTalla.toUpperCase()];\r\n\r\n if (noExisteTallaProducto) {\r\n continue;\r\n }\r\n\r\n let nuevaCantidad = 0;\r\n let cantidadPrevia = tableValueOriginal[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Cantidad;\r\n\r\n if (cantidadPrevia > producto.Cantidad) {\r\n nuevaCantidad = producto.Cantidad;\r\n } else {\r\n nuevaCantidad = cantidadPrevia;\r\n }\r\n\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Cantidad = nuevaCantidad;\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Disponible = producto.Cantidad;\r\n miTableValue[grupoTalla][\"Productos\"][codigoProducto].Colores[producto.CodigoColor].Tallas[producto.CodigoTalla.toUpperCase()].Precio = producto.PrecioUnitario;\r\n }\r\n }\r\n\r\n localStorage.removeItem(\"TableValueOriginal\");\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: miTableValue });\r\n }\r\n\r\n const agregarProducto = (producto, pTalla, pColor) => {\r\n let miTableValue = { ...tableValue };\r\n let precioGeneral = 0;\r\n\r\n if (producto.Precio.length > 0) {\r\n precioGeneral = producto.Precio[0].Precio;\r\n }\r\n\r\n if (miTableValue[producto.GrupoTalla] === undefined) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n }\r\n\r\n if (Object.keys(miTableValue[producto.GrupoTalla]).length === 0) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n miTableValue[producto.GrupoTalla].Productos = {};\r\n miTableValue[producto.GrupoTalla].ListaTallas = producto.ListaTalla;\r\n }\r\n\r\n producto.ProductoId = `${producto.ProductoId}-${pColor}`;\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] === undefined) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Id = producto.CodigoProducto;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].ListaTallas = producto.ListaTalla\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].NombreProducto = producto.NombreProducto;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Precio = producto.Precio;\r\n\r\n for (const color of producto.ListaColores) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].NombreColor = color.NombreColor;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Color = color.Color;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas = {}\r\n\r\n for (const talla of producto.ListaTalla) {\r\n let precioEspecifico = precioGeneral;\r\n\r\n if (producto.fisicaDisponible.length > 0) {\r\n let variante = producto.fisicaDisponible.find(x => x.CodigoColor === color.CodigoColor && x.IdTalla === talla.Talla);\r\n if (variante) {\r\n precioEspecifico = variante.PreciosEspecificos.length > 0 ? variante.PreciosEspecificos[0].Precio : precioEspecifico;\r\n }\r\n }\r\n\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = talla.Talla === pTalla.toUpperCase() ? 1 : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Precio = precioEspecifico;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].PrecioGeneral = precioEspecifico;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = talla.Talla === pTalla.toUpperCase();\r\n }\r\n }\r\n\r\n } else {\r\n for (const color of producto.ListaColores) {\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor]) {\r\n for (const talla of producto.ListaTalla) {\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado) {\r\n continue;\r\n }\r\n\r\n let precioEspecifico = precioGeneral;\r\n let cantidadTalla = miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad;\r\n\r\n if (producto.fisicaDisponible.length > 0) {\r\n let variante = producto.fisicaDisponible.find(x => x.CodigoColor === color.CodigoColor && x.IdTalla === talla.Talla);\r\n if (variante) {\r\n precioEspecifico = variante.PreciosEspecificos.length > 0 ? variante.PreciosEspecificos[0].Precio : precioEspecifico;\r\n }\r\n }\r\n\r\n if (cantidadTalla === 0) {\r\n cantidadTalla = talla.Talla === pTalla.toUpperCase() ? 1 : 0;\r\n }\r\n\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = cantidadTalla;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Precio = precioEspecifico;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].PrecioGeneral = precioEspecifico;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = talla.Talla === pTalla.toUpperCase();\r\n };\r\n } else {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].NombreColor = color.NombreColor;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Color = color.Color;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas = {}\r\n\r\n for (const talla of producto.ListaTalla) {\r\n let precioEspecifico = precioGeneral;\r\n\r\n if (producto.fisicaDisponible.length > 0) {\r\n let variante = producto.fisicaDisponible.find(x => x.CodigoColor === color.CodigoColor && x.IdTalla === talla.Talla);\r\n if (variante) {\r\n precioEspecifico = variante.PreciosEspecificos.length > 0 ? variante.PreciosEspecificos[0].Precio : precioEspecifico;\r\n }\r\n }\r\n\r\n\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = talla.Talla === pTalla.toUpperCase() ? 1 : 0;;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Precio = precioEspecifico;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].PrecioGeneral = precioEspecifico;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = talla.Talla === pTalla.toUpperCase();\r\n }\r\n }\r\n }\r\n }\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: miTableValue });\r\n limpiarCampos();\r\n }\r\n\r\n const agregarDevolucionCompleta = (productos, productosDevolver) => {\r\n let miTableValue = {};\r\n\r\n for (const producto of productos) {\r\n\r\n const productoDevolver = productosDevolver.filter(x => x.IdProducto === producto.CodigoProducto);\r\n\r\n if (miTableValue[producto.GrupoTalla] === undefined) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n }\r\n\r\n if (Object.keys(miTableValue[producto.GrupoTalla]).length === 0) {\r\n miTableValue[producto.GrupoTalla] = {};\r\n miTableValue[producto.GrupoTalla].Productos = {};\r\n miTableValue[producto.GrupoTalla].ListaTallas = producto.ListaTalla;\r\n }\r\n\r\n if (miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] === undefined) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId] = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Id = producto.CodigoProducto;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores = {};\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].ListaTallas = producto.ListaTalla\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].NombreProducto = producto.NombreProducto;\r\n\r\n for (const color of producto.ListaColores) {\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].NombreColor = color.NombreColor;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Color = color.Color;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas = {}\r\n\r\n for (const talla of producto.ListaTalla) {\r\n const productoValores = productoDevolver.find(x => x.CodigoColor === color.CodigoColor && x.CodigoTalla.toUpperCase() === talla.Talla);\r\n \r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla] = {}\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = productoValores ? productoValores.Cantidad : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = productoValores ? productoValores.Cantidad : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Precio = productoValores ? productoValores.PrecioUnitario : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].PrecioGeneral = productoValores ? productoValores.PrecioGeneral : 0;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = true;\r\n }\r\n }\r\n } else {\r\n for (const color of producto.ListaColores) {\r\n for (const talla of producto.ListaTalla) {\r\n const productoValores = productoDevolver.find(x => x.CodigoColor === color.CodigoColor && x.CodigoTalla.toUpperCase() === talla.Talla);\r\n if (productoValores !== undefined) {\r\n const DisponibleAnterior = miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Disponible = productoValores.Cantidad + DisponibleAnterior;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Cantidad = productoValores.Cantidad + DisponibleAnterior;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Precio = productoValores.PrecioUnitario;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].PrecioGeneral = productoValores.PrecioGeneral;\r\n miTableValue[producto.GrupoTalla][\"Productos\"][producto.ProductoId].Colores[color.CodigoColor].Tallas[talla.Talla].Marcado = true;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: miTableValue });\r\n }\r\n\r\n const eliminarProducto = (grupoTalla, codigoProducto) => {\r\n let nuevoTableValue = { ...tableValue };\r\n const productosAgregados = JSON.parse(localStorage.getItem(\"productosAgregados\")) || [];\r\n\r\n delete nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto];\r\n\r\n let nuevosProductos = productosAgregados.filter(x => x.codigo !== codigoProducto);\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(nuevosProductos));\r\n\r\n if (Object.keys(nuevoTableValue[grupoTalla][\"Productos\"]).length === 0) {\r\n delete nuevoTableValue[grupoTalla];\r\n }\r\n\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: nuevoTableValue });\r\n }\r\n\r\n const eliminarColor = (grupoTalla, codigoProducto, color) => {\r\n let nuevoTableValue = { ...tableValue };\r\n const productosAgregados = JSON.parse(localStorage.getItem(\"productosAgregados\")) || [];\r\n\r\n delete nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto][\"Colores\"][color];\r\n\r\n let nuevosProductos = productosAgregados.filter(x => x.codigo !== codigoProducto && x.color !== color);\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(nuevosProductos));\r\n\r\n if (Object.keys(nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto][\"Colores\"]).length === 0) {\r\n delete nuevoTableValue[grupoTalla][\"Productos\"][codigoProducto];\r\n\r\n nuevosProductos = nuevosProductos.filter(x => x.codigo !== codigoProducto);\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(nuevosProductos));\r\n }\r\n\r\n if (Object.keys(nuevoTableValue[grupoTalla][\"Productos\"]).length === 0) {\r\n delete nuevoTableValue[grupoTalla];\r\n }\r\n\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: nuevoTableValue });\r\n }\r\n\r\n const ingresoCantidad = (text, codigoProducto, codigoColor, grupoTalla, codigoTalla, precio) => {\r\n let nuevoTableValue = { ...tableValue };\r\n const valor = (text.target.validity.valid) ? text.target.value : nuevoTableValue[grupoTalla].Productos[codigoProducto].Colores[codigoColor].Tallas[codigoTalla].Cantidad;\r\n let valorPrevio = tableValue[grupoTalla].Productos[codigoProducto].Colores[codigoColor].Tallas[codigoTalla];\r\n valorPrevio.Cantidad = valor;\r\n dispatch({ type: \"SET_TABLEVALUEDEVOLUCION\", payload: nuevoTableValue });\r\n }\r\n\r\n const obtenerTotales = producto => {\r\n let totales = { totalCantidad: 0 };\r\n\r\n Object.keys(producto.Colores).forEach((codigoColor) => {\r\n let color = producto.Colores[codigoColor];\r\n var totalXColor = 0;\r\n\r\n Object.keys(color.Tallas).forEach((codigoTalla) => {\r\n var valorTalla = color.Tallas[codigoTalla];\r\n totalXColor = parseInt(totalXColor, 10) + (isNaN(parseInt(valorTalla.Cantidad, 10)) ? 0 : parseInt(valorTalla.Cantidad, 10));\r\n })\r\n totales.totalCantidad += totalXColor;\r\n })\r\n\r\n return totales;\r\n }\r\n\r\n const aƱadirScanner = async (pCodigo, pColor, pTalla, productosAgregados) => {\r\n const data = await axios.get(`${APIURL}/api/producto/${clienteSelected.EmpresaId}/${clienteSelected.GrupoPrecio}/${pCodigo}/${pColor}`)\r\n productosAgregados.push({ codigoBarra, codigo: pCodigo, color: pColor, talla: pTalla, grupoTalla: data.data.GrupoTalla });\r\n localStorage.setItem(\"productosAgregados\", JSON.stringify(productosAgregados));\r\n agregarProducto(data.data, pTalla, pColor);\r\n }\r\n\r\n const obtenerAtributosBarra = async (e) => {\r\n if (e.key === \"Enter\") {\r\n const productosAgregados = JSON.parse(localStorage.getItem(\"productosAgregados\")) || [];\r\n const productoExiste = productosAgregados.find(x => x.codigoBarra === codigoBarra);\r\n\r\n if (productoExiste) {\r\n aumentarCantidad(productoExiste.grupoTalla, `${productoExiste.codigo}-${productoExiste.color}`, productoExiste.color, productoExiste.talla);\r\n limpiarCampos();\r\n } else {\r\n try {\r\n setTitle(\"Obteniendo atributos producto\");\r\n setOpen(true);\r\n const data = await axios.get(`${APIURL}/api/productodevolucion/codigobarra/${codigoBarra}`)\r\n\r\n aƱadirScanner(data.data.productoId, data.data.colorId, data.data.tallaId, productosAgregados);\r\n setOpen(false);\r\n } catch (err) {\r\n setOpen(false);\r\n mostrarModal(\"Codigo barra\", \"No se encontro producto con el codigo de barra ingresado\", \"error\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n const construirEncabezado = (productoFactura) => {\r\n let facDestino = facturaDestino === \"\" ? \"\" : facturaDestino.join(', ');\r\n if (productoFactura) {\r\n const partesCliente = clienteSelected.Codigo.split(\"-\");\r\n\r\n if (partesCliente[0] === \"IMHN\") {\r\n return {\r\n Correlativo: \"\",\r\n CodigoCliente: clienteSelected.Codigo,\r\n DetalleDevolucion: [],\r\n Moneda: clienteSelected.Moneda,\r\n MotivoDevolucion: motivoDevolucion,\r\n MotivoDevolucionDetalle: motivoDevolucionDetalle,\r\n FacturaDestino: facDestino,\r\n Almacen: almaceneSelected,\r\n Linea: productoFactura.Linea,\r\n Empresa: clienteSelected.EmpresaId,\r\n SubTotal: 0\r\n };\r\n }\r\n\r\n return {\r\n Correlativo: \"\",\r\n CodigoCliente: clienteSelected.Codigo,\r\n DetalleDevolucion: [],\r\n Moneda: clienteSelected.Moneda,\r\n MotivoDevolucion: motivoDevolucion,\r\n MotivoDevolucionDetalle: motivoDevolucionDetalle,\r\n Almacen: almaceneSelected,\r\n FacturaDestino: facDestino,\r\n FacturaOriginal: productoFactura.Factura,\r\n PedidoOriginal: productoFactura.NumeroPedido,\r\n Linea: productoFactura.Linea,\r\n Empresa: clienteSelected.EmpresaId,\r\n SubTotal: 0\r\n };\r\n }\r\n\r\n return {\r\n Correlativo: localStorage.getItem(\"CorrelativoDevolucion\"),\r\n CodigoCliente: clienteSelected.Codigo,\r\n DetalleDevolucion: [],\r\n Moneda: clienteSelected.Moneda,\r\n MotivoDevolucion: motivoDevolucion,\r\n MotivoDevolucionDetalle: motivoDevolucionDetalle,\r\n Almacen: almaceneSelected,\r\n FacturaDestino: facDestino,\r\n FacturaOriginal: factura.factura,\r\n PedidoOriginal: factura.pedido,\r\n Linea: factura.linea,\r\n Empresa: clienteSelected.EmpresaId,\r\n SubTotal: 0\r\n };\r\n }\r\n\r\n const construirDetalleDevolucion = () => {\r\n let detalleDevolucion = [];\r\n let subTotal = 0;\r\n\r\n for (let grupoTalla of Object.keys(tableValue)) {\r\n for (let producto of Object.keys(tableValue[grupoTalla].Productos)) {\r\n for (let color of Object.keys(tableValue[grupoTalla].Productos[producto].Colores)) {\r\n for (let talla of Object.keys(tableValue[grupoTalla].Productos[producto].Colores[color].Tallas)) {\r\n let cantidad = tableValue[grupoTalla].Productos[producto].Colores[color].Tallas[talla].Cantidad;\r\n let precio = tableValue[grupoTalla].Productos[producto].Colores[color].Tallas[talla].Precio;\r\n\r\n if (cantidad > 0 && precio > 0) {\r\n let productoDevolver = {\r\n IdProducto: tableValue[grupoTalla].Productos[producto].Id,\r\n CodigoProducto: producto,\r\n CodigoColor: color,\r\n Cantidad: cantidad,\r\n Unidad: \"Und\",\r\n PrecioUnitario: precio,\r\n CodigoTalla: talla,\r\n }\r\n\r\n detalleDevolucion.push(productoDevolver);\r\n subTotal += cantidad * precio;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return [subTotal, detalleDevolucion];\r\n }\r\n\r\n const construirDevolucionParcial = () => {\r\n let devoluciones = [];\r\n let facDestino = facturaDestino === \"\" ? \"\" : facturaDestino.join(', ');\r\n let devolucionSinFactura = {\r\n Correlativo: \"\",\r\n CodigoCliente: clienteSelected.Codigo,\r\n DetalleDevolucion: [],\r\n Moneda: clienteSelected.Moneda,\r\n MotivoDevolucion: motivoDevolucion,\r\n MotivoDevolucionDetalle: motivoDevolucionDetalle,\r\n Almacen: almaceneSelected,\r\n FacturaDestino: facDestino,\r\n FacturaOriginal: \"\",\r\n PedidoOriginal: \"\",\r\n Linea: \"DEN\",\r\n Empresa: clienteSelected.EmpresaId,\r\n SubTotal: 0\r\n }\r\n\r\n for (let grupoTalla of Object.keys(tableValue)) {\r\n for (let producto of Object.keys(tableValue[grupoTalla].Productos)) {\r\n\r\n const factura = tableValue[grupoTalla].Productos[producto].Factura;\r\n const esFacturaVacia = factura === undefined || Object.keys(factura).length === 0;\r\n if (esFacturaVacia) {\r\n for (let color of Object.keys(tableValue[grupoTalla].Productos[producto].Colores)) {\r\n for (let talla of Object.keys(tableValue[grupoTalla].Productos[producto].Colores[color].Tallas)) {\r\n let cantidad = tableValue[grupoTalla].Productos[producto].Colores[color].Tallas[talla].Cantidad;\r\n let precio = tableValue[grupoTalla].Productos[producto].Colores[color].Tallas[talla].Precio;\r\n\r\n if (cantidad > 0 && precio > 0) {\r\n let productoDevolver = {\r\n IdProducto: tableValue[grupoTalla].Productos[producto].Id,\r\n CodigoProducto: producto,\r\n CodigoColor: color,\r\n Cantidad: cantidad,\r\n Unidad: \"Und\",\r\n PrecioUnitario: precio,\r\n CodigoTalla: talla,\r\n }\r\n\r\n devolucionSinFactura.DetalleDevolucion.push(productoDevolver);\r\n devolucionSinFactura.SubTotal += cantidad * precio;\r\n }\r\n }\r\n }\r\n } else {\r\n const partesCliente = clienteSelected.Codigo.split(\"-\");\r\n let indice = 0;\r\n\r\n if (partesCliente[0] === \"IMHN\") {\r\n const existeEncabezado = devoluciones.some(x => x.Linea === factura.Linea);\r\n\r\n if (existeEncabezado) {\r\n indice = devoluciones.findIndex(x => x.Linea === factura.Linea);\r\n } else {\r\n let nuevoEncabezado = construirEncabezado(factura);\r\n devoluciones.push(nuevoEncabezado);\r\n indice = devoluciones.length - 1;\r\n }\r\n } else {\r\n const existeEncabezado = devoluciones.some(x => x.FacturaOriginal === factura.Factura);\r\n\r\n if (existeEncabezado) {\r\n indice = devoluciones.findIndex(x => x.FacturaOriginal === factura.Factura);\r\n } else {\r\n let nuevoEncabezado = construirEncabezado(factura);\r\n devoluciones.push(nuevoEncabezado);\r\n indice = devoluciones.length - 1;\r\n }\r\n }\r\n\r\n for (let color of Object.keys(tableValue[grupoTalla].Productos[producto].Colores)) {\r\n for (let talla of Object.keys(tableValue[grupoTalla].Productos[producto].Colores[color].Tallas)) {\r\n let cantidad = tableValue[grupoTalla].Productos[producto].Colores[color].Tallas[talla].Cantidad;\r\n let precio = tableValue[grupoTalla].Productos[producto].Colores[color].Tallas[talla].Precio;\r\n\r\n if (cantidad > 0 && precio > 0) {\r\n let productoDevolver = {\r\n IdProducto: tableValue[grupoTalla].Productos[producto].Id,\r\n CodigoProducto: producto,\r\n CodigoColor: color,\r\n Cantidad: cantidad,\r\n Unidad: \"Und\",\r\n PrecioUnitario: precio,\r\n CodigoTalla: talla,\r\n Factura: factura.Factura,\r\n Pedido: factura.NumeroPedido,\r\n Paquete: factura.Paquete\r\n }\r\n\r\n devoluciones[indice].DetalleDevolucion.push(productoDevolver);\r\n devoluciones[indice].SubTotal += cantidad * precio;\r\n }\r\n }\r\n }\r\n }\r\n\r\n }\r\n }\r\n\r\n if (devolucionSinFactura.DetalleDevolucion.length > 0) {\r\n devoluciones.push(devolucionSinFactura);\r\n }\r\n\r\n return devoluciones;\r\n }\r\n\r\n const generarCorrelativoParcial = (correlativo) => {\r\n let parts = correlativo.split(\"-\");\r\n let parteNumerica = parseInt(parts[1]);\r\n parteNumerica++;\r\n return `${parts[0]}-${parteNumerica}`;\r\n }\r\n\r\n const validacionDevolucionParcial = () => {\r\n let devoluciones = construirDevolucionParcial();\r\n let devolucionSinProducto = devoluciones.some(x => x.DetalleDevolucion.length === 0);\r\n let correlativo = localStorage.getItem(\"CorrelativoDevolucion\");\r\n for (let i = 0; i < devoluciones.length; i++) {\r\n if (i === 0) {\r\n devoluciones[i].Correlativo = correlativo;\r\n } else {\r\n devoluciones[i].Correlativo = generarCorrelativoParcial(devoluciones[i - 1].Correlativo);\r\n }\r\n\r\n if (devoluciones[i].FacturaOriginal === \"\" || devoluciones[i].FacturaOriginal === \"SIN-FACTURA\") {\r\n mostrarModal(\"Sin Factura\", \"No puede registrar devolucion sin seleccionar factura origen.\", \"error\");\r\n return;\r\n }\r\n }\r\n\r\n if (devolucionSinProducto) {\r\n mostrarModal(\"Aviso\", \"No se puede generar devolucion parcial ya que no se ha ingresado ningun producto.\", \"warning\");\r\n return;\r\n }\r\n\r\n enviarDevolucionParcial(devoluciones);\r\n }\r\n\r\n\r\n const finalizarDevolucion = () => {\r\n if (motivoDevolucionDetalle === \"\") {\r\n mostrarModal('Motivo DevoluciĆ³n', 'Seleccione motivo de devoluciĆ³n.', \"error\");\r\n return;\r\n }\r\n if (facturaDestino != \"\") {\r\n let total = facturasDestino.filter(item => facturaDestino.includes(item.Factura)).map((x) => x.Saldo).reduce((a, b) => a + b, 0);\r\n if (total < totalCant) {\r\n mostrarModal('Factura destino', 'La o las facturas seleccionadas no cubren el total de la devoluciĆ³n por favor seleccione otra factura.', \"error\");\r\n return;\r\n }\r\n }\r\n if (almaceneSelected === \"\") {\r\n mostrarModal('Almacen', 'Seleccione un almacen', \"error\");\r\n return;\r\n }\r\n if (devolucionCompleta) {\r\n if (Object.keys(factura).length === 0) {\r\n mostrarModal(\"Factura\", \"Seleccione una factura a devolver.\", \"error\");\r\n return;\r\n }\r\n\r\n let devolucion = construirEncabezado();\r\n const [subTotal, detalleDevolucion] = construirDetalleDevolucion();\r\n\r\n if (detalleDevolucion.length === 0) {\r\n mostrarModal(\"Aviso\", \"No se puede generar la devolucion ya que no se ha ingresado ningun producto.\", \"warning\");\r\n return;\r\n }\r\n\r\n devolucion.SubTotal = parseFloat(subTotal);\r\n devolucion.DetalleDevolucion = detalleDevolucion;\r\n\r\n if (productosSinCantidad) {\r\n mostrarModal(\"Aviso\", \"Ha dejado productos con cantidades igual a 0 , los cuales no se tomaran en cuenta. Desea continuar?\", \"warning\", true, \"Continuar\", \"Corregir\")\r\n .then((result) => {\r\n if (result.value) {\r\n enviarDevolucion(devolucion)\r\n }\r\n })\r\n } else {\r\n enviarDevolucion(devolucion)\r\n }\r\n } else {\r\n\r\n if (productosSinCantidad) {\r\n mostrarModal(\"Aviso\", \"Ha dejado productos con cantidades igual a 0 , los cuales no se tomaran en cuenta. Desea continuar?\", \"warning\", true, \"Continuar\", \"Corregir\")\r\n .then((result) => {\r\n if (result.value) {\r\n validacionDevolucionParcial();\r\n }\r\n });\r\n } else {\r\n validacionDevolucionParcial();\r\n }\r\n }\r\n\r\n }\r\n\r\n const enviarDevolucion = async (devolucion) => {\r\n try {\r\n setTitle(\"Guardando devoluciĆ³n\");\r\n setOpen(true);\r\n await axios.post(`${APIURL}/api/devolucion/completa`, devolucion, {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n mostrarModal(\"DevoluciĆ³n completa\", \"Se ha guardado la devoluciĆ³n con exito\", \"success\");\r\n history.push({ pathname: \"/devolucion/ImprimirDevolucion\", state: JSON.stringify(devolucion) });\r\n setOpen(false);\r\n } catch (err) {\r\n mostrarModal(\"Error\", \"No se pudo guardar la devolucion.\", \"error\");\r\n setOpen(false);\r\n }\r\n }\r\n\r\n const enviarDevolucionParcial = async (devoluciones) => {\r\n try {\r\n setTitle(\"Guardando devoluciĆ³n\");\r\n setOpen(true);\r\n const nuevasDevoluciones = await axios.post(`${APIURL}/api/devolucion/parcial`, devoluciones, {\r\n headers: {\r\n 'Authorization':\r\n 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n mostrarModal(\"DevoluciĆ³n completa\", \"Se ha guardado la devoluciĆ³n con exito\", \"success\");\r\n setOpen(false);\r\n history.push({ pathname: \"/devolucion/ImprimirDevolucion/Parcial\", state: JSON.stringify({ devolucionesGeneradas: nuevasDevoluciones.data, devoluciones }) });\r\n } catch (err) {\r\n setOpen(false);\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n {producto.NombreProducto} \r\n
\r\n \r\n {codigoProducto.split('-')[0]} \r\n
\r\n \r\n \r\n Unidades:\r\n \r\n {totalCantidad}\r\n \r\n \r\n
\r\n {!devolucionCompleta &&\r\n \r\n { handleChangeFactura(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 Color\r\n | \r\n {tallas.map((talla, index) => {\r\n return (\r\n\r\n\r\n \r\n \r\n {talla.Talla} \r\n | \r\n )\r\n })}\r\n Cantidad | \r\nTotal | \r\n
|---|
\r\n
\r\n {devolucionCompleta\r\n ?\r\n Motivo devoluciĆ³n
\r\n\r\n
\r\n
\r\n {mostrarAlertaCalidad && \r\n { handleChangeMotivo(value) }}\r\n />\r\n { handleChangeMotivoDetalle(value) }}\r\n value={motivoDevolucionDetalle}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n { handleChangeAlmacen(value) }}\r\n value={almaceneSelected}\r\n />\r\n { handleChangeFacturaDestino(value) }}\r\n value={facturaDestino}\r\n />\r\n
\r\n \r\n
}\r\n \r\n
\r\n
\r\n :\r\n \r\n
Seleccione factura
\r\n\r\n { setFactura(value) }}\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n }\r\n {(Object.keys(tableValue).length > 0) &&\r\n <>\r\n \r\n
Agregar producto
\r\n\r\n { setCodigo(e.target.value) }} />\r\n { setColor(e.target.value) }} />\r\n { setTalla(e.target.value) }} />\r\n { setCodigoBarra(e.target.value) }} onKeyPress={obtenerAtributosBarra} />\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n }\r\n \r\n Total de Unidades: {numberWithCommasNoDec(totalUnid)}\r\n
\r\n \r\n Total Cantidad: {numberWithCommasNoDec(totalCant)}\r\n
\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 DevolucionesBreadCrumb;","import React, { useRef } from 'react';\r\nimport ReactToPrint from 'react-to-print';\r\nimport Button from '@material-ui/core/Button';\r\nimport makeStyles from '@material-ui/core/styles/makeStyles';\r\nimport { useSelector } from 'react-redux';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport { FiArrowRightCircle, FiPlusCircle } from \"react-icons/fi\";\r\nimport { FaPrint } from \"react-icons/fa\";\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\nimport { QRCodeSVG } from 'qrcode.react';\r\n\r\nexport const ImprimirDevolucionOriginal = props => {\r\n const { Cliente, tableValue, ValoresPedido, Finalizar } = props;\r\n\r\n const componentRef = useRef();\r\n\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n const empresas = useSelector(e => e.Empresas);\r\n\r\n const empresa = empresas.find(x => x.COMPANY_CODE === Cliente.EmpresaId);\r\n const moneda = Monedas.find(e => e.IdMoneda === Cliente.Moneda).Abreviacion;\r\n\r\n const gruposTalla = Object.keys(tableValue);\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n button: {\r\n marginLeft: theme.spacing(2),\r\n },\r\n }));\r\n\r\n let TotalUnidades = 0;\r\n const classes = useStyles();\r\n\r\n let CantDist = 0;\r\n const getTableGroup = (productos, tallas, grupoTalla, index) => {\r\n let grupoTabla = { total: 0, tabla: null };\r\n grupoTabla.tabla = (\r\n \r\n
\r\n \r\n \r\n (\r\n { props.clickBreadCrumb(\"/devolucion\") }, Titulo: \"Cliente\" },\r\n { Titulo: \"Producto devolucion\" }\r\n ]}\r\n />\r\n )} />\r\n (\r\n \r\n\r\n
\r\n {\r\n \r\n \r\n Cancelar \r\n \r\n )}\r\n >\r\n \r\n
\r\n }\r\n \r\n
| \r\n\r\n | \r\n {tallas.map((talla, index2) => {\r\n return (\r\n <>\r\n\r\n {talla.Talla}\r\n | \r\n \r\n )\r\n })}\r\nCant | \r\nTotal | \r\n
|---|
\r\n {\"Precio\"}\r\n
\r\n {color.NombreColor}\r\n \r\n
\r\n \r\n --\r\n
\r\n \r\n 0\r\n
\r\n \r\n
\r\n \r\n {valorTalla.Precio}\r\n
\r\n \r\n {valorTalla.Cantidad !== \"\" ? valorTalla.Cantidad : 0}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst numberWithCommas = (x) => {\r\n x = x.toFixed(2);\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}","import React, { useRef } from 'react';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport moment from \"moment\";\r\nimport ReactToPrint from 'react-to-print';\r\nimport { FiArrowRightCircle } from \"react-icons/fi\";\r\nimport { FaPrint } from \"react-icons/fa\";\r\nimport { useSelector } from 'react-redux';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\nimport { QRCodeSVG } from 'qrcode.react';\r\nimport 'moment/locale/es';\r\n\r\nexport const ImprimirPedidoDevolucion = (props) => {\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n const Empresas = useSelector(e => e.Empresas);\r\n const componentRef = useRef();\r\n\r\n const empresa = Empresas.find(x => x.COMPANY_CODE === props.Pedido.Cliente.EmpresaId.toUpperCase());\r\n const moneda = Monedas.find(e => e.IdMoneda === props.Pedido.Cliente.Moneda).Abreviacion;\r\n const NombreCliente = props.Pedido.Cliente.Nombre;\r\n const DireccionCliente = props.Pedido.Cliente.Direccion;\r\n\r\n let TotalUnidad = 0;\r\n const checkDist = (talla) => {\r\n let found = false;\r\n talla.Distribucion.map(() => {\r\n found = true;\r\n return false;\r\n })\r\n return found;\r\n }\r\n\r\n let tallasDist = [];\r\n const Tallas = (talla) => {\r\n talla.Distribucion.forEach(dist => {\r\n if (tallasDist.length > 0) {\r\n let ExisteTalla = tallasDist.filter(x => x.NombreTalla === dist.NombreTalla);\r\n\r\n if (ExisteTalla.length === 0) {\r\n tallasDist.push({ NombreTalla: dist.NombreTalla, Orden: dist.Orden })\r\n }\r\n }\r\n else {\r\n tallasDist.push({ NombreTalla: dist.NombreTalla, Orden: dist.Orden })\r\n }\r\n })\r\n tallasDist.sort((a, b) => {\r\n return Number(a.Orden) < Number(b.Orden) ? -1 : 1;\r\n });\r\n return tallasDist;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n \r\n \r\n }>\r\n Imprimir\r\n \r\n }\r\n content={() => componentRef.current}\r\n />\r\n }>\r\n Realizar nueva devoluciĆ³n\r\n \r\n }>\r\n Finalizar\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n gruposTalla.map((grupoTalla, index) => {\r\n const productos = Object.keys(props.tableValue[grupoTalla].Productos);\r\n const tallas = props.tableValue[grupoTalla].ListaTallas;\r\n\r\n let result = getTableGroup(productos, tallas, grupoTalla, index);\r\n\r\n return result.tabla;\r\n })\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {Cliente.Nombre}
\r\n\r\n DirecciĆ³n : {Cliente.Direccion}
\r\n CĆ³digo : {Cliente.Codigo}
\r\n {\r\n localStorage.getItem(\"isOffline\") === \"true\" &&\r\n
\r\n {\"Este documento ha sido generado fuera de linea.\"}\r\n
\r\n }\r\n \r\n\r\n
\r\n \r\n
\r\n DevoluciĆ³n {ValoresPedido.Correlativo}
\r\n\r\n Asesor: {localStorage.getItem('asesor')}
\r\n
\r\n\r\n
\r\n \r\n
\r\n *No incluye impuesto
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n\r\n \r\n {TotalUnidades}\r\n
\r\n \r\n
\r\n \r\n Total:\r\n
\r\n\r\n \r\n {moneda} {numberWithCommas(ValoresPedido.SubTotal)}\r\n
\r\n \r\n \r\n }>\r\n Imprimir\r\n \r\n }\r\n content={() => componentRef.current}\r\n />\r\n\r\n }>\r\n Finalizar\r\n \r\n
\r\n : \"Vista Previa 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\r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n {(!props.esDevolucion) && \"Copia\"}
\r\n \r\n
\r\n\r\n {props.gruposXDetPed.map((grupoTalla, index1) => {\r\n let cantidad = 3;\r\n let IsDist = false;\r\n let CantDist = 0;\r\n let Distribuciones = [];\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {NombreCliente}
\r\n\r\n DirecciĆ³n : {DireccionCliente}
\r\n CĆ³digo : {props.Pedido.Cliente.Codigo}
\r\n
\r\n
\r\n \r\n
\r\n DevoluciĆ³n {props.Pedido.NumDevolucion}
\r\n\r\n Fecha Devolucion : {moment(props.Pedido.FechaCreacion).format('DD/MM/YYYY hh:mm a')}
\r\n Asesor: {props.Pedido.Usuario}
\r\n Motivo DevoluciĆ³n: {props.Pedido.MotivoDevolucionDetalle.CodigoMotivoDevolucion + \" - \" + props.Pedido.MotivoDevolucionDetalle.Descripcion }
\r\n
| \r\n | \r\n {grupoTalla.ListaTalla.map((talla, index2) => {\r\n Distribuciones = Tallas(talla);\r\n cantidad++;\r\n return (\r\n <>\r\n {\r\n talla.Distribucion.length !== 0 && grupoTalla.ListaTalla.length === index2 + 1 &&\r\n Distribuciones.map((dist, index3) => {\r\n IsDist = true;\r\n cantidad++;\r\n return (\r\n\r\n {\r\n {dist.NombreTalla} \r\n }\r\n | \r\n )\r\n })\r\n }\r\n {\r\n talla.Distribucion.length === 0 &&\r\n \r\n {\r\n {talla.Talla} \r\n }\r\n | \r\n }\r\n \r\n )\r\n })}\r\n Cant | \r\nTotal | \r\n
|---|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {producto.CodigoProducto}\r\n \r\n {producto.NombreProducto} \r\n | \r\n ||||
| \r\n \r\n {\"Precio\"}\r\n \r\n {color.NombreColor}\r\n | \r\n {detalles.map((det, index4) => {\r\n IsDist = det !== null ? checkDist(det.TallaObject) : IsDist;\r\n return (\r\n <>\r\n {\r\n IsDist === true && det !== null &&\r\n det.TallaObject.Distribucion.map((dist, index) => {\r\n CantDist = det.TallaObject.Distribucion.reduce((acc, curr) => { return acc + Number(curr.Cantidad) }, 0);;\r\n\r\n TotalXTalla = dist.Cantidad * det.Cantidad;\r\n TotalXProducto += TotalXTalla;\r\n TotalUnidad += TotalXTalla;\r\n let cant = 0;\r\n if (color.DetallesXPedido.length === 1) {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n else {\r\n if (arreglo.length > 0) {\r\n const listaTallas = arreglo.filter(x => x.NombreTalla === dist.NombreTalla);\r\n if (detalles.length === (index4 + 1)) {\r\n if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n }\r\n else {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n }\r\n else if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n return false;\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n return (\r\n \r\n \r\n {det ? det.PrecioUnitario / CantDist : \"--\"}\r\n \r\n \r\n | \r\n )\r\n })\r\n }\r\n {\r\n IsDist === false &&\r\n \r\n \r\n {det ? det.PrecioUnitario : \"--\"}\r\n \r\n \r\n | \r\n }\r\n \r\n )\r\n })}\r\n {TotalXProducto !== 0 ? TotalXProducto : color.CantidadXColor} | \r\n\r\n{numberWithCommas(color.TotalXColor)} | \r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n *No incluye impuesto
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n \r\n {TotalUnidad !== 0 ? TotalUnidad : props.Pedido.TotalUnidades}\r\n
\r\n \r\n
\r\n\r\n {/*\r\n Total:\r\n
\r\n\r\n \r\n {moneda} {numberWithCommas(props.Pedido.SubTotal)}\r\n
\r\n \r\n
\r\n\r\n \r\n Impuesto:\r\n
\r\n\r\n \r\n {numberWithCommas((props.Pedido.Impuesto))}\r\n
\r\n \r\n
*/}\r\n \r\n Total:\r\n
\r\n\r\n \r\n {moneda}{numberWithCommas((props.Pedido.TotalXPedido))}\r\n
\r\n \r\n {(ValoresPedido.devolucionesGeneradas.length > 1) &&\r\n { handleChangeFactura(value) }}\r\n />\r\n }\r\n
\r\n\r\n {devolucion && detalleDevolucion &&\r\n
\r\n )\r\n\r\n}","import React from 'react';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport 'moment/locale/es';\r\nimport ClienteSelected from 'components/Devoluciones/ClienteSelected'\r\nimport { ProductosDevolucion } from 'components/Devoluciones/ProductosDevolucion'\r\nimport DevolucionesBreadCrumb from './DevolucionesBreadCrumb'\r\nimport { StickyContainer, Sticky } from 'react-sticky';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { ImprimirDevolucionOriginal } from 'components/Devoluciones/ImprimirDevolucionOriginal';\r\nimport { DevolucionParcialReporte } from './DevolucionParcialReporte';\r\n\r\nmoment.locale('es');\r\n\r\nexport const Devoluciones = (props) => {\r\n const dispatch = useDispatch();\r\n const cliente = useSelector(e => e.Devolucion.clienteSelected);\r\n const tableValue = useSelector(e => e.Devolucion.TableValue);\r\n\r\n const NavHome = () => {\r\n props.history.push(`/devolucion`);\r\n }\r\n\r\n const BreadCrumb = () => {\r\n return (\r\n \r\n\r\n {devolucion && detalleDevolucion &&\r\n
\r\n
\r\n )} />\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n\r\n \r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport axios from 'axios';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport PrintOutlined from '@material-ui/icons/PrintOutlined';\r\n//import GridOnIcon from '@material-ui/icons/GridOn';\r\nimport { FaFileExcel,FaInfo } from \"react-icons/fa\";\r\nimport FileSaver from 'file-saver';\r\nimport XLSX from 'xlsx';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport { useSelector } from 'react-redux';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { ImprimirPedidoDevolucion } from 'components/Devoluciones/ImprimirPedidoDevolucion';\r\nimport moment from 'moment';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\n\r\nexport const ListadoDevolucion = (props) => {\r\n const [devoluciones, setDevoluciones] = useState([]);\r\n const [showDialog, setShowDialog] = useState(false);\r\n const [devolucion, setDevolucion] = useState(null);\r\n const [detalleDevolucion, setDetalleDevolucion] = useState([]);\r\n const [asesores, setAsesores] = useState([]);\r\n const [AsesorSelected, setAsesorSelected] = useState(null);\r\n\r\n const AsesoresUsuario = useSelector(e => e.Permisos[0].AsesoresUsuario);\r\n\r\n useEffect(() => {\r\n setAsesorSelected(AsesoresUsuario[0].Usuario);\r\n ObtenerlistadoDevoluciones();\r\n\r\n let asesoresMap = AsesoresUsuario.map((Ase) => ({ key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }));\r\n asesoresMap.unshift({ key: \"Todo\", value: \"Todo\", text: \"Todo\" });\r\n setAsesores(asesoresMap);\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n\r\n const ObtenerlistadoDevoluciones = async () => {\r\n try {\r\n let asesor = AsesorSelected ? AsesorSelected : AsesoresUsuario[0].Usuario;\r\n const request = await axios.get(`${APIURL}/api/devolucion/listado/${asesor}`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n console.log(request.data)\r\n setDevoluciones(request.data);\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const handleOnChangeAsesor = (value) => {\r\n setAsesorSelected(value);\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n const HeadersListaPedidos = [\r\n {\r\n label: \"Codigo Interno\",\r\n name: \"NumExpediente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Numero RMA\",\r\n name: \"numeroRMA\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Pedido AX\",\r\n name: \"pedidoAx\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Codigo Cliente\",\r\n name: \"codigoCliente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Nombre Cliente\",\r\n name: \"nombreCliente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Motivo de Devolucion\",\r\n name: \"motivoDev\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Cantidad\",\r\n name: \"Cantidad\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Fecha Creacion\",\r\n name: \"FechaCreacion\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"LĆnea\",\r\n name: \"Linea\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Estado\",\r\n name: \"Estado\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"ObservaciĆ³n\",\r\n name: \"observacion\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Seguimiento Calidad\",\r\n name: \"SeguimientoCalidad\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Realizado por:\",\r\n name: \"usuario\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Factura Destino:\",\r\n name: \"facturaDestino\",\r\n options: {\r\n filter: false,\r\n }\r\n },\r\n {\r\n label: \"Acciones\",\r\n name: \"acciones\",\r\n options: {\r\n filter: false,\r\n }\r\n }\r\n ]\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n }\r\n\r\n const obtenerDetalleDevolucion = async (devolucionSeleccionada) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api//devolucion/detalle/${devolucionSeleccionada.NumDevolucion}`);\r\n setDevolucion(devolucionSeleccionada);\r\n setDetalleDevolucion(request.data);\r\n setShowDialog(true);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n\r\n const convertirData = (data) => {\r\n return data.map((el) => {\r\n const { $id, ...dev } = el;\r\n\r\n return {\r\n ...dev\r\n }\r\n })\r\n }\r\n\r\n const guardarExcel = (csvData, dev) => {\r\n const fileName = `Productos Devolucion ${dev}`;\r\n const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n const fileExtension = '.xlsx';\r\n const ws = XLSX.utils.json_to_sheet(csvData);\r\n const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };\r\n const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n const data = new Blob([excelBuffer], { type: fileType });\r\n FileSaver.saveAs(data, fileName + fileExtension);\r\n }\r\n\r\n const obtenerReporteDevolucion = async (dev) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/devolucion/reporte/${dev}`);\r\n const data = convertirData(request.data);\r\n guardarExcel(data, dev);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const mostrarDetalleDevolucion = (e) => {\r\n const notaCredito = e.NotaCredito === null ? \"No disponible\" : e.NotaCredito;\r\n const fechaNotaCredito = e.FechaNotaCredito === null ? \"No disponible\" : moment(e.FechaNotaCredito).format('DD/MM/YYYY hh:mm a');\r\n const fechaCreacionAx = e.FechaCreacionAx === null ? \"No disponible\" : moment(e.FechaCreacionAx).format('DD/MM/YYYY hh:mm a');\r\n const fechaCreacion = moment(e.FechaCreacion).format('DD/MM/YYYY hh:mm a');\r\n\r\n Swal.fire({\r\n title: \"Detalle AX
\",\r\n html: `Fecha Ingreso: ${fechaCreacion}
Fecha Ingreso AX: ${fechaCreacionAx}
Fecha Nota Credito: ${fechaNotaCredito}
Nota Credito: ${notaCredito}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ]\r\n ));\r\n }\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"standard\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n\r\n {\r\n devolucion && detalleDevolucion &&\r\n
\r\n );\r\n}","import React, { useRef } from 'react';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport moment from \"moment\";\r\nimport ReactToPrint from 'react-to-print';\r\nimport { FiArrowRightCircle } from \"react-icons/fi\";\r\nimport { FaPrint } from \"react-icons/fa\";\r\nimport { useSelector } from 'react-redux';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\nimport 'moment/locale/es';\r\n\r\nexport const ImprimirInventarioDetalle = (props) => {\r\n const Empresas = useSelector(e => e.Empresas);\r\n const Clientes = useSelector(e => e.clientes);\r\n const Cliente = Clientes.find(x => x.Codigo === props.Pedido.cliente);\r\n const componentRef = useRef();\r\n const empresa = Empresas.find(x => x.COMPANY_CODE === props.Pedido.empresa.toUpperCase());\r\n let TotalUnidad = 0;\r\n let CantDist = 0;\r\n const checkDist = (talla) => {\r\n let found = false;\r\n talla.Distribucion.map(() => {\r\n found = true;\r\n return false;\r\n })\r\n return found;\r\n }\r\n\r\n let tallasDist = [];\r\n const Tallas = (talla) => {\r\n talla.Distribucion.forEach(dist => {\r\n if (tallasDist.length > 0) {\r\n let ExisteTalla = tallasDist.filter(x => x.NombreTalla === dist.NombreTalla);\r\n\r\n if (ExisteTalla.length === 0) {\r\n tallasDist.push({ NombreTalla: dist.NombreTalla, Orden: dist.Orden })\r\n }\r\n }\r\n else {\r\n tallasDist.push({ NombreTalla: dist.NombreTalla, Orden: dist.Orden })\r\n }\r\n })\r\n tallasDist.sort((a, b) => {\r\n return Number(a.Orden) < Number(b.Orden) ? -1 : 1;\r\n });\r\n return tallasDist;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n handleOnChangeAsesor(value)}\r\n options={asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n
\r\n \r\n ObtenerlistadoDevoluciones()}>Obtener\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n })}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n
\r\n\r\n {props.gruposXDetPed.map((grupoTalla, index1) => {\r\n let cantidad = 3;\r\n let IsDist = false;\r\n let Distribuciones = [];\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {Cliente.Nombre}
\r\n\r\n DirecciĆ³n : {Cliente.Direccion}
\r\n CĆ³digo : {Cliente.Codigo}
\r\n
\r\n
\r\n \r\n
\r\n Inventario {props.Pedido.numInventario}
\r\n\r\n Creado: {moment(props.Pedido.creado).format('DD/MM/YYYY hh:mm a')}
\r\n {props.Pedido.completado == true ? \"Terminado\" : \"Modificado\"}: {moment(props.Pedido.creado).format('DD/MM/YYYY hh:mm a')}
\r\n
| \r\n | \r\n {grupoTalla.ListaTalla.map((talla, index2) => {\r\n Distribuciones = Tallas(talla);\r\n cantidad++;\r\n return (\r\n <>\r\n {\r\n talla.Distribucion.length !== 0 && grupoTalla.ListaTalla.length === index2 + 1 &&\r\n Distribuciones.map((dist, index3) => {\r\n IsDist = true;\r\n cantidad++;\r\n return (\r\n\r\n {\r\n {dist.NombreTalla} \r\n }\r\n | \r\n )\r\n })\r\n }\r\n {\r\n talla.Distribucion.length === 0 &&\r\n \r\n {\r\n {talla.Talla} \r\n }\r\n | \r\n }\r\n \r\n )\r\n })}\r\n Cant | \r\n
|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {producto.CodigoProducto}\r\n \r\n {producto.NombreProducto} \r\n | \r\n |||
| \r\n {color.NombreColor}\r\n | \r\n {detalles.map((det, index4) => {\r\n IsDist = det !== null ? checkDist(det.TallaObject) : IsDist;\r\n return (\r\n <>\r\n {\r\n IsDist === true && det !== null &&\r\n det.TallaObject.Distribucion.map((dist, index) => {\r\n CantDist = det.TallaObject.Distribucion.reduce((acc, curr) => { return acc + Number(curr.Cantidad) }, 0);;\r\n\r\n TotalXTalla = dist.Cantidad * det.Cantidad;\r\n TotalXProducto += TotalXTalla;\r\n\r\n let cant = 0;\r\n if (color.DetallesXPedido.length === 1) {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n else {\r\n if (arreglo.length > 0) {\r\n const listaTallas = arreglo.filter(x => x.NombreTalla === dist.NombreTalla);\r\n if (detalles.length === (index4 + 1)) {\r\n if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n }\r\n else {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n }\r\n else if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n return false;\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n return (\r\n\r\n \r\n | \r\n )\r\n })\r\n }\r\n {\r\n IsDist === false &&\r\n\r\n \r\n | \r\n }\r\n \r\n )\r\n })}\r\n{TotalXProducto !== 0 ? TotalXProducto : color.CantidadXColor} | \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Unidades:\r\n
\r\n \r\n {TotalUnidad !== 0 ? TotalUnidad : props.Pedido.TotalUnidades}\r\n
\r\n \r\n \r\n \r\n {permisoEliminarInventario() &&\r\n <>\r\n \r\n \r\n }\r\n \r\n
\r\n ]\r\n ));\r\n }\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"standard\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n {\r\n inventario && detalleInventario &&\r\n
\r\n );\r\n}","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport PrintOutlined from '@material-ui/icons/PrintOutlined';\r\nimport axios from 'axios';\r\nimport styles from 'containers/Agenda/Agenda.module.css';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Button } from \"@material-ui/core\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { ImprimirPedidoDevolucion } from 'components/Devoluciones/ImprimirPedidoDevolucion';\r\nimport moment from \"moment\";\r\n\r\nexport const AprobacionDevolucion = (props) => {\r\n const [devoluciones, setDevoluciones] = useState([]);\r\n const [showDialog, setShowDialog] = useState(false);\r\n const [showModalCancelar, setshowModalCancelar] = useState(false);\r\n const [devolucion, setDevolucion] = useState(null);\r\n const [observacion, setobservacion] = useState(\"\");\r\n const [detalleDevolucion, setDetalleDevolucion] = useState([]);\r\n\r\n useEffect(() => {\r\n getDevoluciones();\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const hidePrint = () => {\r\n setShowDialog(false);\r\n }\r\n\r\n const showModalCancelado = (devolucionSeleccionada) => {\r\n setshowModalCancelar(true);\r\n setDevolucion(devolucionSeleccionada);\r\n setobservacion(\"\")\r\n }\r\n\r\n const obtenerObservaciones = (event) => {\r\n setobservacion(event.target.value);\r\n }\r\n\r\n const obtenerDetalleDevolucion = async (devolucionSeleccionada) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api//devolucion/detalle/${devolucionSeleccionada.NumDevolucion}`);\r\n setDevolucion(devolucionSeleccionada);\r\n setDetalleDevolucion(request.data);\r\n setShowDialog(true);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const ObtenerlistadoDevoluciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/devolucion/listadoDevPendienteAprobar`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n return request.data;\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const CancelarDevolucion = async () => {\r\n try {\r\n const data = { numero: devolucion.NumDevolucion, motivo: observacion };\r\n await axios.post(`${APIURL}/api/devolucion/rechazarDevoluciones`, data, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n setshowModalCancelar(false);\r\n getDevoluciones();\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const AprobarDevolucion = async (id) => {\r\n try {\r\n const request = await axios.post(`${APIURL}/api/devolucion/aprobarDevoluciones/${id}`, {}, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha aprobado la encuesta exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n getDevoluciones();\r\n });\r\n return request.data;\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const getDevoluciones = async () => {\r\n let lista = await ObtenerlistadoDevoluciones();\r\n setDevoluciones(lista);\r\n }\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n const HeadersListaPedidos = [\r\n {\r\n label: \"Codigo Interno\",\r\n name: \"NumExpediente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Codigo Cliente\",\r\n name: \"codigoCliente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Nombre Cliente\",\r\n name: \"nombreCliente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Motivo de Devolucion\",\r\n name: \"motivoDev\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Linea\",\r\n name: \"Linea\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Factura\",\r\n name: \"FacturaOrigen\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Numero Pedido\",\r\n name: \"PedidoOrigen\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Cantidad\",\r\n name: \"TotalUnidades\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Estado\",\r\n name: \"Estado\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Fecha\",\r\n name: \"Fecha\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Acciones\",\r\n name: \"acciones\",\r\n options: {\r\n filter: true,\r\n }\r\n }\r\n ]\r\n\r\n const Data = () => {\r\n return devoluciones.map(p => (\r\n [\r\n p.NumDevolucion,\r\n p.CodigoCliente,\r\n p.NombreCliente,\r\n `${p.MotivoDevolucionDetalle.CodigoMotivoDevolucion} - ${p.MotivoDevolucionDetalle.Descripcion}`,\r\n p.Linea,\r\n p.FacturaOrigen,\r\n p.PedidoOrigen,\r\n p.TotalUnidades,\r\n p.Estado,\r\n moment(p.FechaCreacion).format('DD/MM/YYYY hh:mm a'),\r\n \r\n
\r\n \r\n handleOnChangeAsesor(value)}\r\n options={asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n
\r\n \r\n ObtenerListadoInventarios()}>Obtener\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ]\r\n ));\r\n\r\n }\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"standard\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n \r\n {\r\n \r\n \r\n \r\n CancelarDevolucion()}\r\n >\r\n Aceptar\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n\r\n}","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport axios from 'axios';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Loading } from 'components/Global/Loading';\r\nimport { mostrarModal } from 'utils/common';\r\nimport { verificarConexion } from 'utils/http';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nexport const ListadoDevolucionPendiente = (props) => {\r\n const [devoluciones, setDevoluciones] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n\r\n useEffect(() => {\r\n getDevoluciones();\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const ObtenerlistadoDevoluciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/devolucion/listado/pendiente`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n return request.data;\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const getDevoluciones = async () => {\r\n let lista = await ObtenerlistadoDevoluciones();\r\n setDevoluciones(lista);\r\n }\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n const HeadersListaPedidos = [\r\n {\r\n label: \"Codigo Interno\",\r\n name: \"NumExpediente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Codigo Cliente\",\r\n name: \"codigoCliente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Nombre Cliente\",\r\n name: \"nombreCliente\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Motivo de Devolucion\",\r\n name: \"motivoDev\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Linea\",\r\n name: \"Linea\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Estado\",\r\n name: \"estado\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Error AX\",\r\n name: \"errorAX\",\r\n options: {\r\n filter: true,\r\n }\r\n },\r\n {\r\n label: \"Acciones\",\r\n name: \"acciones\",\r\n options: {\r\n filter: false,\r\n }\r\n }\r\n ]\r\n\r\n const sincronizarDevolucion = async (devolucion) => {\r\n let isOnline = await verificarConexion();\r\n if (isOnline && localStorage.getItem(\"Conexion\") === \"Online\") {\r\n try {\r\n setLoading(true);\r\n const request = await axios.post(`${APIURL}/api/devolucion/sincronizar/${devolucion}`);\r\n setLoading(false);\r\n getDevoluciones();\r\n mostrarModal(\"Sincronizado\", request.data, \"success\");\r\n } catch (err) {\r\n setLoading(false);\r\n let mensaje = \"Ha ocurrido un error y no se pudo sincronizar el pedido con AX.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n mostrarModal(\"Error\", mensaje, \"error\");\r\n }\r\n } else {\r\n mostrarModal(\"Sin Internet\", 'Necesita internet para sincronizar el pedido', \"warning\");\r\n }\r\n }\r\n\r\n const Data = () => {\r\n return devoluciones.map(p => (\r\n [\r\n p.NumDevolucion,\r\n p.CodigoCliente,\r\n p.NombreCliente,\r\n p.motivoDevolucion,\r\n p.Linea,\r\n p.Estado,\r\n p.ErrorAx,\r\n \r\n ]\r\n ))\r\n }\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"standard\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n \r\n \r\n\r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n\r\n {\r\n devolucion && detalleDevolucion &&\r\n setshowModalCancelar(false)}\r\n aria-labelledby=\"No-Atendido-Modal\">\r\n \r\n \r\n Cancelar DevoluciĆ³n\r\n
\r\n \r\n \r\n { obtenerObservaciones(e) }}\r\n margin=\"normal\"\r\n />\r\n
\r\n }\r\n \r\n
\r\n );\r\n}","import React from 'react';\r\nimport MUIDataTable from 'mui-datatables'\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport 'moment/locale/es';\r\n\r\nconst columns = [\r\n\r\n {\r\n name: 'Documento',\r\n label: 'Numero Documento',\r\n },\r\n {\r\n name: 'Valor',\r\n label: 'Valor Factura',\r\n },\r\n {\r\n name: 'FechaLiquidacion',\r\n label: 'Fecha Liquidacion',\r\n },\r\n {\r\n name: 'FechaDeposito',\r\n label: 'Fecha Deposito',\r\n },\r\n]\r\n\r\nconst PagosDeAcuerdo = (props) => {\r\n const data = [];\r\n props.PagosEnFacturas.forEach((pago) => {\r\n data.push({\r\n Documento: pago.NumeroDocumento,\r\n Valor: Number(pago.Valor).toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'),\r\n FechaLiquidacion: props.moment(pago.FechaLiquidacion).format(\"DD/MM/YYYY\"),\r\n FechaDeposito: props.moment(pago.FechaDeposito).format(\"DD/MM/YYYY\")\r\n });\r\n data.sort((a, b) => (a.FechaLiquidacion - b.FechaLiquidacion));\r\n\r\n });\r\n\r\n const options = {\r\n sort: false,\r\n pagination: false,\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n filter: false,\r\n viewColumns: false,\r\n download: false,\r\n selectableRows: 'none',\r\n expandableRows: false,\r\n expandableRowsOnClick: false,\r\n customFooter: () => { },\r\n customToolbar: () => { },\r\n customToolbarSelect: () => { },\r\n textLabels: {\r\n body: {\r\n noMatch: \"No se han encontrado pagos\",\r\n toolTip: \"Ordenar\",\r\n },\r\n pagination: {\r\n next: \"Siguiente\",\r\n previous: \"Anterior\",\r\n rowsPerPage: \"Filas por pƔgina:\",\r\n displayRows: \"de\",\r\n },\r\n filter: {\r\n all: \"Todos\",\r\n title: \"Filtros\",\r\n reset: \"Quitar\",\r\n },\r\n viewColumns: {\r\n title: \"Mostrar Columnas\",\r\n titleAria: \"Mostrar/Esconder Columnas\",\r\n },\r\n selectedRows: {\r\n text: \"Fila(s) seleccionadas\",\r\n delete: \"Borrar\",\r\n deleteAria: \"Borrar Filas Seleccionadas\",\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\n \r\n Clientes\r\n
\r\n\r\n
\r\n
\r\n \r\n handleOnChange(value)}\r\n options={options}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n style={{ zIndex: 999 }}\r\n value={Value}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}","import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport Button from '@material-ui/core/Button';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\r\nconst getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n});\r\n\r\nconst DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCancel, MdCheckCircle } from \"react-icons/md\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nconst TablaTiposGasto = (props) => {\r\n return (\r\n Razones de No Venta
\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 TablaTiposGasto;","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport TablaTiposGasto from './TablaTipoGasto';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\nexport const TipoGasto = props => {\r\n const [tiposGasto, setTiposGasto] = useState([]);\r\n const [mostrar, setMostrar] = useState(false);\r\n const [tipoGasto, setTipoGasto] = useState(null);\r\n const [empresas, setEmpresas] = useState([]);\r\n const context = useRef();\r\n\r\n const validationSchema = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n Diario: yup.string().required('El diario es obligatoria'),\r\n });\r\n\r\n const cargarEmpresas = async() =>{\r\n try{\r\n const request = await axios.get(`${APIURL}/api/Gira/Empresas`)\r\n let empresasList =[];\r\n request.data.forEach(empresa => {\r\n let valores = { key: empresa.Empresa, value: empresa.Empresa }\r\n empresasList.push(valores);\r\n });\r\n setEmpresas(empresasList)\r\n cargarTipoGasto();\r\n }catch(err){\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarTipoGasto = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Gira/TipoGasto`);\r\n setTiposGasto(request.data);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los tipos de gastos.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarEstado = async (id) => {\r\n try {\r\n await axios.post(`${APIURL}/api/Gira/ActualizarEstadoTipo/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarTipoGasto();\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const registrarTipoGasto = async (data) => {\r\n try {\r\n await axios.post(`${APIURL}/api/Gira/RegistrarTipoGasto`, data);\r\n setMostrar(false);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado el tipo ingreso exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarTipoGasto();\r\n });\r\n } catch (err) {\r\n setMostrar(false)\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado el tipo de gasto.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificar = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/Gira/ActualizarNombreTipo/${data.Id}/${data.Nombre}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado el Tipo de Gastos exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarTipoGasto();\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const openEdit = (tip) => {\r\n setTipoGasto(tip);\r\n setMostrar(true);\r\n }\r\n\r\n const Mostrar = () => {\r\n setTipoGasto(null);\r\n setMostrar(true);\r\n }\r\n\r\n let initialValues, edit;\r\n\r\n if (tipoGasto) {\r\n initialValues = {\r\n Id: tipoGasto.Id,\r\n Empresa: tipoGasto.Empresa,\r\n Nombre: tipoGasto.Nombre,\r\n Diario: tipoGasto.Diario,\r\n Activo: tipoGasto.Activo,\r\n }\r\n edit = true\r\n } else {\r\n initialValues = {\r\n Empresa :empresas.length > 0 ? empresas[0].value : '',\r\n Nombre: '',\r\n Diario: '',\r\n }\r\n edit = false\r\n }\r\n\r\n useEffect(() => {\r\n cargarEmpresas()\r\n // eslint-disable-next-line\r\n }, [])\r\n return (\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n Tipos de Gasto
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Empresa | \r\nNombre | \r\nDiario | \r\nEstado | \r\nAcciones | \r\n
|---|---|---|---|---|
| {tip.Empresa} | \r\n{tip.Nombre} | \r\n{tip.Diario} | \r\n{tip.Activo ? Activo Inactivo | \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n\r\n )\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport { MdCancel, MdCheckCircle } from \"react-icons/md\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\nimport { MdPlaylistAdd } from \"react-icons/md\";\r\n\r\nconst TablacategoriasGasto = (props) => {\r\n return (\r\n \r\n {\r\n
\r\n )\r\n}\r\nexport default TablacategoriasGasto;","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as yup from 'yup';\r\nimport TablacategoriasGasto from './TablaCategoriaGasto';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport CheckBox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\n\r\nexport const CategoriaGasto = props => {\r\n const [categoriasGasto, setCategoriasGasto] = useState([]);\r\n const [mostrar, setMostrar] = useState(false);\r\n const [categoriaGasto, setCategoriaGasto] = useState(null);\r\n const [tipoOpciones, setTipoOpciones] = useState([]);\r\n const [empresas, setEmpresas] = useState([]);\r\n const [empresasData, setEmpresasData] = useState([]);\r\n const [empresaSelected, setEmpresaSelected] = useState(null)\r\n const context = useRef();\r\n\r\n const cargarEmpresas = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Gira/Empresas`)\r\n let empresasList = [];\r\n request.data.forEach(empresa => {\r\n let valores = { key: empresa.Empresa, value: empresa.Empresa, text: empresa.Empresa }\r\n empresasList.push(valores);\r\n });\r\n setEmpresas(empresasList);\r\n setEmpresaSelected(empresasList[0].value)\r\n setEmpresasData(request.data)\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado las empresas.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const cargarTipoOpcionesDetalle = async () => {\r\n let empresa = empresaSelected ? empresaSelected : empresas[0].value;\r\n console.log(empresasData[0].Empresa)\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Gira/TipoGasto/${empresa}`);\r\n let TipoOpciones = [];\r\n request.data.forEach(tipo => {\r\n let valores = { key: tipo.Nombre, value: tipo.Id }\r\n TipoOpciones.push(valores);\r\n });\r\n setTipoOpciones(TipoOpciones);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error \" + err;\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n const validationSchema = yup.object().shape(\r\n {\r\n Nombre: yup.string().required('El nombre es obligatorio'),\r\n CuentaContrapartida: yup.string().required('La cuenta contrapartida es obligatoira')\r\n });\r\n\r\n const cargarCategoriaGasto = async () => {\r\n try {\r\n let empresa = empresaSelected ? empresaSelected : empresas[0].value;\r\n const request = await axios.get(`${APIURL}/api/Gira/CategoriaGasto/${empresa}`);\r\n setCategoriasGasto(request.data);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los tipos de gastos.\" + err;\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificarEstado = async (id) => {\r\n try {\r\n await axios.post(`${APIURL}/api/Gira/ActualizarEstadoCategoria/${id}`);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha cambiado el estado exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarCategoriaGasto();\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const registrarCategoriaGasto = async (data) => {\r\n console.log(\"enviando...\")\r\n console.log(data)\r\n try {\r\n await axios.post(`${APIURL}/api/Gira/RegistrarCategoriaGasto`, data);\r\n setMostrar(false);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha creado la Categoria de Gasto exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarCategoriaGasto();\r\n });\r\n } catch (err) {\r\n setMostrar(false);\r\n let mensaje = \"Ha ocurrido un error y no se ha registrado la Categoria de gasto. \" + err;\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificar = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/Gira/ActualizarCategoria/`, data);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha modificado el Tipo de Gastos exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarCategoriaGasto();\r\n });\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se ha modificado la pantalla.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const openEdit = (tip) => {\r\n setCategoriaGasto(tip);\r\n setMostrar(true);\r\n }\r\n\r\n const Mostrar = () => {\r\n setCategoriaGasto(null);\r\n setMostrar(true);\r\n }\r\n\r\n let initialValues, edit;\r\n\r\n if (categoriaGasto) {\r\n initialValues = {\r\n idCategoriaTipoGasto: categoriaGasto.idCategoriaTipoGastoViaje,\r\n idTipoGastoViaje: categoriaGasto.IdTipoGastoViaje,\r\n Nombre: categoriaGasto.CategoriaNombre,\r\n ProveedorPredefinido: categoriaGasto.ProveedorPredefinido,\r\n GrupoImpuesto: categoriaGasto.GrupoImpuesto,\r\n CuentaContrapartida: categoriaGasto.CuentaContrapartida,\r\n FacturaObligatoria: categoriaGasto.FacturaObligatoria,\r\n Descripcion: categoriaGasto.Descripcion,\r\n ImagenObligatoria: categoriaGasto.imagen\r\n }\r\n edit = true\r\n } else {\r\n initialValues = {\r\n idTipoGastoViaje: tipoOpciones.length > 0 ? tipoOpciones[0].value : '',\r\n Nombre: '',\r\n ProveedorPredefinido: '',\r\n CuentaContrapartida: '',\r\n GrupoImpuesto: '',\r\n FacturaObligatoria: false,\r\n Descripcion: false,\r\n ImagenObligatoria: false\r\n }\r\n edit = false\r\n }\r\n\r\n useEffect(() => {\r\n cargarEmpresas();\r\n }, [])\r\n useEffect(() => {\r\n if (empresasData.length > 0) {\r\n cargarTipoOpcionesDetalle();\r\n cargarCategoriaGasto();\r\n }\r\n // eslint-disable-next-line\r\n }, [empresasData, empresaSelected])\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n Categorias de Gastos
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Empresa | \r\nTipo | \r\nCategoria | \r\nGrupo Impuestos | \r\nProveedor Predefinido | \r\nCuentaContrapartida | \r\nFactura Obligatoria | \r\nDescripcion Obligatoria | \r\nImagen Obligatoria | \r\nEstado | \r\nAcciones | \r\n\r\n
|---|---|---|---|---|---|---|---|---|---|---|
| {tip.Empresa} | \r\n{tip.TipoNombre} | \r\n{tip.CategoriaNombre} | \r\n{tip.GrupoImpuesto} | \r\n{tip.ProveedorPredefinido} | \r\n{tip.CuentaContrapartida} | \r\n{tip.FacturaObligatoria ? SI NO | \r\n {tip.Descripcion ? SI NO | \r\n {tip.imagen ? SI NO | \r\n {tip.activo ? Activo Inactivo | \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n\r\n )\r\n}","import React from 'react'\r\nimport { FaEdit } from \"react-icons/fa\";\r\nimport Button from '@material-ui/core/Button';\r\nimport { Table } from 'reactstrap';\r\n\r\nconst TablaGrupoImpuesto = (props) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n setEmpresaSelected(value)}\r\n options={empresas}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={empresaSelected}\r\n />\r\n
\r\n \r\n {\r\n
\r\n )\r\n}\r\nexport default TablaGrupoImpuesto;","import React, { useState, useEffect, useRef } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport axios from 'axios';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport TablaGrupoImpuesto from './TablaGrupoImpuesto';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\n\r\nexport const GrupoImpuesto = props => {\r\n const [grupoImpuestos, setGrupoImpuestos] = useState([]);\r\n const [grupoImpuesto, setGrupoImpuesto] = useState(null);\r\n const [mostrar, setMostrar] = useState(false);\r\n const context = useRef();\r\n const cargarGrupoImpuestos = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Gira/GrupoImpuesto`);\r\n setGrupoImpuestos(request.data);\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se han cargado los tipos de gastos.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n const modificar = async (data) => {\r\n setMostrar(false)\r\n try {\r\n await axios.post(`${APIURL}/api/Gira/ActualizarGrupoImpuesto`, data).then(resp => {\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Se ha Actualizado el grupo de impuesto exitosamente.\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarGrupoImpuestos();\r\n });\r\n })\r\n } catch (err) {\r\n console.log(err)\r\n let mensaje = \"Ha ocurrido un error y no se ha Actualizado el grupo de impuestos.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n const openEdit = (grupo) => {\r\n setGrupoImpuesto(grupo);\r\n setMostrar(true);\r\n\r\n }\r\n let initialValues;\r\n if (grupoImpuesto) {\r\n initialValues = {\r\n empresaID: grupoImpuesto.empresaID,\r\n grupoImpuestoGravado: grupoImpuesto.grupoImpuestoGravado,\r\n grupoImpuestoArticuloGravado: grupoImpuesto.grupoImpuestoArticuloGravado,\r\n grupoImpuestoExento: grupoImpuesto.grupoImpuestoExento,\r\n grupoImpuestoArticuloExento: grupoImpuesto.grupoImpuestoArticuloExento,\r\n }\r\n }\r\n useEffect(() => {\r\n cargarGrupoImpuestos()\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n Grupo impuestos
\r\n\r\n \r\n \r\n
\r\n
\r\n | Empresa | \r\nGrupo Impuestos Gravado | \r\nGrupo Impuestos Articulo Gravado | \r\nGrupo Impuestos Exento | \r\nGrupo Impuestos Articulo Exento | \r\nAcciones | \r\n
|---|---|---|---|---|---|
| {tip.empresaID} | \r\n{tip.grupoImpuestoGravado} | \r\n{tip.grupoImpuestoArticuloGravado} | \r\n{tip.grupoImpuestoExento} | \r\n{tip.grupoImpuestoArticuloExento} | \r\n\r\n \r\n | \r\n
\r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport RecentActorsIcon from '@material-ui/icons/RecentActors';\r\nimport SupervisorAccountIcon from '@material-ui/icons/SupervisorAccount';\r\nimport { TipoGasto } from 'components/GastoAsesores/TipoGasto/TipoGasto';\r\nimport { CategoriaGasto } from 'components/GastoAsesores/CategoriaGasto/CategoriaGasto';\r\nimport { GrupoImpuesto } from 'components/GastoAsesores/GrupoImpuestos/GrupoImpuesto';\r\n\r\nexport const MantenimientoGastosAsesores = props => {\r\n const [value, setValue] = React.useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n const redirectTipoGasto = () => {\r\n props.history.push('/GiraAsesores/Mantenimiento');\r\n }\r\n\r\n const redirectCategoriaGasto = () => {\r\n props.history.push('/GiraAsesores/Mantenimiento/Categoria');\r\n }\r\n \r\n const redirectGrupoImpuesto = () => {\r\n props.history.push('/GiraAsesores/Mantenimiento/GrupoImpuesto');\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { FaArrowLeft } from \"react-icons/fa\";\r\nimport { Fab } from \"@material-ui/core\";\r\nimport styles from 'components/ListadoPedidos/DetallePedido.module.css';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Button } from \"@material-ui/core\";\r\nimport axios from 'axios';\r\n\r\nmoment.locale('es');\r\nconst DetalleGasto = (props) => {\r\n const [imagen, setImagen] = useState('');\r\n\r\n const getImagen = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Gira/GastoFotografia/${props.id}`);\r\n setImagen('data:image/png;base64,' + request.data)\r\n } catch (err) {\r\n console.log('error IMG: ' + err)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getImagen()\r\n // eslint-disable-next-line\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\nexport default DetalleGasto;","import React, { useState, useEffect, useRef } from 'react';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport axios from 'axios';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { Button } from \"@material-ui/core\";\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport * as yup from 'yup';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport DetalleGasto from 'components/GastoAsesores/DetalloGasto/DetalleGasto'\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n\r\nmoment.locale('es');\r\n\r\nconst GastosPendientes = (props) => {\r\n const [gastos, setGastos] = useState([]);\r\n const [showModalCancelar, setshowModalCancelar] = useState(false);\r\n const [IdRechazado, setIdRechazado] = useState(\"\");\r\n const [detalle, setDetalle] = useState(false);\r\n const [detalleGasto, setDetalleGasto] = useState([])\r\n const [idDetalle, setIdDetalle] = useState(null);\r\n const [buttonsEnabled, setButtonsEnabled] = useState(false);\r\n const context = useRef();\r\n\r\n useEffect(() => {\r\n if (!IsAllow('/GiraAsesores/GastosPendientes')) {\r\n props.history.push('/home');\r\n }\r\n cargarHistorialGastos()\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const getGastoDetalle = async (id, detalle) => {\r\n setIdDetalle(id)\r\n setDetalleGasto(detalle)\r\n setDetalle(true)\r\n }\r\n\r\n const RegresarGastosPendientes = () => {\r\n setDetalle(false)\r\n }\r\n\r\n const validationSchema = yup.object().shape(\r\n {\r\n Observacion: yup.string().required('La observacion es obligatorio'),\r\n });\r\n\r\n const showModalCancelado = (id) => {\r\n console.log(id)\r\n setshowModalCancelar(true)\r\n setIdRechazado(id)\r\n }\r\n\r\n const cargarHistorialGastos = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Gira/GastosPendientes/${localStorage.getItem(\"empresa\")}`);\r\n setGastos(request.data)\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n\r\n const aprobarGasto = async (id) => {\r\n setButtonsEnabled(true)\r\n const enviarAX = await axios.get(`${APIURL}/api/Gira/DatosEnviarAX/${id}`)\r\n console.log(enviarAX.data.Content)\r\n if (enviarAX.data.Content === '\"OK\"') {\r\n const request = await axios.post(`${APIURL}/api/Gira/ActualizarEstadoGasto/${id}/2/-/${localStorage.getItem(\"codigo\")}/-`);\r\n if (request.data === 1) {\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Gasto Aprobado y enviado a AX Existosamente\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarHistorialGastos();\r\n });\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'Gasto Enviado a AX pweo no ACTUALIZADO en la base de datos',\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n } else {\r\n const request = await axios.post(`${APIURL}/api/Gira/ActualizarEstadoGasto/${id}/4/-/${localStorage.getItem(\"codigo\")}/${enviarAX.data.Content}`);\r\n if (request.data === 1) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Gasto Aprobado y enviado a Pendiente de AX por: \" + enviarAX.data.Content,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarHistorialGastos();\r\n });\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'Error al actualizar el estado del gasto',\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n setButtonsEnabled(false)\r\n }\r\n\r\n const rechazarGasto = async (value) => {\r\n setButtonsEnabled(true)\r\n console.log('cancelando')\r\n const request = await axios.post(`${APIURL}/api/Gira/ActualizarEstadoGasto/${IdRechazado}/3/${value.Observacion}/${localStorage.getItem(\"codigo\")}/-`)\r\n if (request.data === 1) {\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Gasto Rechazado Existosamente\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarHistorialGastos();\r\n });\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'No se pudo actualizar el gasto',\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n setshowModalCancelar(false)\r\n setButtonsEnabled(false)\r\n }\r\n\r\n const DataGastos = () => {\r\n let DataGastos = [];\r\n\r\n gastos.forEach(gasto => {\r\n let data = [\r\n gasto.tipo,\r\n gasto.categoria,\r\n gasto.UsuarioAsesor,\r\n gasto.serie,\r\n gasto.NoFactura,\r\n gasto.Descripcion == null ? '-' : gasto.Descripcion,\r\n gasto.importeExento,\r\n (localStorage.getItem(\"empresa\") == \"IMHN\" ? gasto.importeGravado : gasto.ValorFactura ),\r\n moment(gasto.FechaFactura).format(\"DD/MM/YYYY\"),\r\n moment(gasto.FechaCreacion).format(\"DD/MM/YYYY HH:MM\"),\r\n \r\n props.RegresarGastosPendientes()} className={\"mx-1\"} style={{ transform: 'scale(0.8)' }}>\r\n \r\n
\r\n
\r\n \r\n Detalle Gasto\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Imagen:\r\n
\r\n {\r\n imagen ?\r\n\r\n
\r\n\r\n :\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Imagen no disponible\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n InformaciĆ³n:\r\n
\r\n| \r\n {'Tipo: '}\r\n | \r\n\r\n {props.detalle.tipo}\r\n | \r\n
| \r\n {'Categoria: '}\r\n | \r\n\r\n {props.detalle.categoria}\r\n | \r\n
| \r\n {'Asesor: '}\r\n | \r\n\r\n {props.detalle.UsuarioAsesor}\r\n | \r\n
| \r\n {'No Serie: '}\r\n | \r\n\r\n {props.detalle.serie}\r\n | \r\n
| \r\n {'No Factura: '}\r\n | \r\n\r\n {props.detalle.NoFactura}\r\n | \r\n
| \r\n {'Descripcion: '}\r\n | \r\n\r\n {props.detalle.Descripcion}\r\n | \r\n
| \r\n {(localStorage.getItem(\"empresa\") == \"IMHN\" ? \"Importe Exento:\" : \"Cantidad / Importe Exento:\" )}\r\n | \r\n\r\n {props.detalle.importeExento}\r\n | \r\n
| \r\n {'Importe Gravado: '}\r\n | \r\n\r\n {props.detalle.importeGravado}\r\n | \r\n
| \r\n {'Total: '}\r\n | \r\n\r\n {props.detalle.ValorFactura}\r\n | \r\n
| \r\n {'Fecha Factura: '}\r\n | \r\n\r\n {moment(props.detalle.FechaFactura).format(\"DD/MM/YYYY\")}\r\n | \r\n
| \r\n {'Fecha Creacion: '}\r\n | \r\n\r\n {moment(props.detalle.FechaCreacion).format(\"DD/MM/YYYY HH:MM\")}\r\n | \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ]\r\n DataGastos.push(data)\r\n })\r\n return DataGastos;\r\n }\r\n\r\n\r\n\r\n const HeaderHistorialGastos = [\r\n {\r\n name: \"tipo\",\r\n label: \"Tipo Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n {value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"categoria\",\r\n label: \"Categoria Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"UsuarioAsesor\",\r\n label: \"Asesor\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"serie\",\r\n label: \"No Serie\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"NoFactura\",\r\n label: \"No Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Descripcion\",\r\n label: \"Descripcion Asesor\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"importeExento\",\r\n label: (localStorage.getItem(\"empresa\") == \"IMHN\" ? \"Importe Exento\" : \"Cantidad / Importe Exento\" ),\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: (localStorage.getItem(\"empresa\") == \"IMHN\" ? \"importeGravado\" : \"ValorFactura\" ),\r\n label: (localStorage.getItem(\"empresa\") == \"IMHN\" ? \"Importe Gravado\" : \"Total\" ),\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaFactura\",\r\n label: \"Fecha Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaCreacion\",\r\n label: \"Fecha Creacion\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n ];\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n search: false,\r\n viewColumns: false,\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n\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 GastosPendientes;","import React, { useState, useEffect } from 'react';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { Button } from \"@material-ui/core\";\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport { useSelector } from 'react-redux';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport axios from 'axios';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\nimport DetalleGasto from 'components/GastoAsesores/DetalloGasto/DetalleGasto'\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\nimport jsPDF from \"jspdf\";\r\nimport fileDownload from 'js-file-download';\r\n\r\nmoment.locale('es');\r\n\r\nconst Gastos = (props) => {\r\n const [startDate, setStartDate] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 30));\r\n const [endDate, setEndDate] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()));\r\n const [gastos, setGastos] = useState([]);\r\n const [AsesorSelected, setAsesorSelected] = useState(null);\r\n const AsesoresUsuario = useSelector(e => e.Permisos[0].AsesoresUsuario);\r\n const [asesores, setAsesores] = useState([]);\r\n const [detalle, setDetalle] = useState(false);\r\n const [detalleGasto, setDetalleGasto] = useState([])\r\n const [idDetalle, setIdDetalle] = useState(null);\r\n const [tipoGasto, setTipoGasto] = useState([])\r\n const numberWithCommas = (numero) => (numero.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'));\r\n const [tipoSelected, setTipoSelected] = useState(null);\r\n const [tipoId, setTipoId] = useState('')\r\n const [nombreTipo,setNombreTipo] = useState('')\r\n\r\n useEffect(() => {\r\n if (!IsAllow('/GiraAsesores/HistorialGasto')) {\r\n props.history.push('/home');\r\n }\r\n setAsesorSelected(AsesoresUsuario[0].Usuario)\r\n cargarHistorialGastos(startDate, endDate)\r\n let asesoresMap = AsesoresUsuario.map((Ase) => ({ key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }));\r\n setAsesores(asesoresMap);\r\n\r\n getTipos();\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const getTipos = async () => {\r\n await axios.get(`${APIURL}/api/Gira/TipoGasto/${localStorage.getItem(\"empresa\")}`).then(resp => {\r\n let tipos = resp.data.map((tip) => ({ key: tip.Id, value: tip.Nombre, text: tip.Nombre }));\r\n setTipoGasto(tipos);\r\n setTipoSelected(tipos[0].text)\r\n setTipoId(tipos[0].key)\r\n setNombreTipo(tipos[0].text)\r\n\r\n })\r\n\r\n }\r\n\r\n const getGastoDetalle = async (id, detalle) => {\r\n setIdDetalle(id)\r\n setDetalleGasto(detalle)\r\n setDetalle(true)\r\n }\r\n\r\n const RegresarGastosPendientes = () => {\r\n setDetalle(false)\r\n }\r\n\r\n const cargarHistorialGastos = async (FechaInicio, FechaFin) => {\r\n try {\r\n let asesor = AsesorSelected ? AsesorSelected : AsesoresUsuario[0].Usuario;\r\n var Inicio = moment(FechaInicio).format(\"YYYY-MM-DD\");\r\n var Fin = moment(FechaFin).format(\"YYYY-MM-DD\");\r\n const request = await axios.get(`${APIURL}/api/Gira/HistorialGastos/${asesor}/${Inicio}/${Fin}`);\r\n setGastos(request.data)\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n\r\n const handleOnChangeAsesor = (value) => {\r\n setAsesorSelected(value);\r\n }\r\n\r\n const handleOnChangeTipo = (value) => {\r\n setTipoSelected(value);\r\n tipoGasto.forEach(temp => {\r\n if (value === temp.value) {\r\n setTipoId(temp.key)\r\n setNombreTipo(temp.text)\r\n }\r\n })\r\n\r\n }\r\n\r\n const DataGastos = () => {\r\n let DataGastos = [];\r\n\r\n gastos.forEach(gasto => {\r\n\r\n let data = [\r\n gasto.tipo,\r\n gasto.categoria,\r\n gasto.serie,\r\n gasto.NoFactura,\r\n gasto.Descripcion == null ? '-' : gasto.Descripcion,\r\n gasto.DescripcionAdmin == null ? '-' : gasto.DescripcionAdmin,\r\n gasto.importeGravado,\r\n gasto.importeExento,\r\n gasto.ValorFactura,\r\n moment(gasto.FechaFactura).format(\"DD/MM/YYYY\"),\r\n moment(gasto.FechaCreacion).format(\"DD/MM/YYYY HH:MM\"),\r\n gasto.Estado,\r\n \r\n \r\n \r\n ]\r\n DataGastos.push(data)\r\n })\r\n return DataGastos;\r\n }\r\n\r\n const guardarPdf = async () => {\r\n let asesor = AsesorSelected ? AsesorSelected : AsesoresUsuario[0].Usuario;\r\n var Inicio = moment(startDate).format(\"YYYY-MM-DD\");\r\n var Fin = moment(endDate).format(\"YYYY-MM-DD\");\r\n\r\n //var resp = await axios.get(`${APIURL}/api/Gira/GastosPDF/${asesor}/${Inicio}/${Fin}/${tipoId}`);\r\n try {\r\n // Hacer la peticiĆ³n a la API\r\n const response = await axios({\r\n method: 'get',\r\n url: `${APIURL}/api/Gira/GastosPDF/${asesor}/${Inicio}/${Fin}/${tipoId}`,\r\n responseType: 'blob', // Importante: indicar que esperas una respuesta en formato blob\r\n });\r\n console.log(response)\r\n // Guardar el blob como un archivo\r\n const url = window.URL.createObjectURL(new Blob([response.data]));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', `${nombreTipo} ${asesor} ${Inicio} a ${Fin}.xlsx`);\r\n document.body.appendChild(link);\r\n link.click();\r\n\r\n // Liberar recursos despuĆ©s de un tiempo\r\n setTimeout(() => {\r\n document.body.removeChild(link);\r\n window.URL.revokeObjectURL(url);\r\n }, 1000);\r\n } catch (error) {\r\n console.error('Error al descargar el archivo', error);\r\n }\r\n }\r\n\r\n const handleFechaInicio = (fecha) => {\r\n\r\n var date = moment(fecha).toDate();\r\n\r\n /*var fech = moment(fecha).toDate();\r\n fech.setMonth(date.getMonth() + 1);*/\r\n\r\n setStartDate(date);\r\n //setEndDate(fech);\r\n }\r\n\r\n const handleFechaFin = (fecha) => {\r\n var date = moment(fecha).toDate();\r\n\r\n const diffTime = new Date(date) - new Date(startDate);\r\n\r\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n if (diffDays > 1) {\r\n setEndDate(date);\r\n }\r\n else {\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Ingrese Fecha VĆ”lida',\r\n })\r\n var fech = new Date();\r\n fech.setDate(startDate.getDate() + 6);\r\n setEndDate(fech);\r\n }\r\n }\r\n\r\n const HeaderHistorialGastos = [\r\n {\r\n name: \"Tipo\",\r\n label: \"Tipo Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n {value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"categoria\",\r\n label: \"Categoria Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"serie\",\r\n label: \"No Serie\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"NoFactura\",\r\n label: \"No Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Descripcion\",\r\n label: \"Descripcion Asesor\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"DescripcionAdmin\",\r\n label: \"Descripcion Admin\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"importeExento\",\r\n label: \"Importe Gravado\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"importeGravado\",\r\n label: \"Importe Exento\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"ValorFactura\",\r\n label: \"Valor Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaFactura\",\r\n label: \"Fecha Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaCreacion\",\r\n label: \"Fecha Creacion\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Estado\",\r\n label: \"Estado\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n ];\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n download: false,\r\n print: true,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n\r\n
\r\n )\r\n};\r\n\r\nexport default Gastos;","import React, { useState, useEffect, useRef } from 'react';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport axios from 'axios';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { Button } from \"@material-ui/core\";\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport * as yup from 'yup';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\n\r\nmoment.locale('es');\r\n\r\nconst GastosNoSync = (props) => {\r\n const [gastos, setGastos] = useState([]);\r\n const [showModalCancelar, setshowModalCancelar] = useState(false);\r\n const [IdRechazado, setIdRechazado] = useState(\"\");\r\n const [buttonsEnabled, setButtonsEnabled] = useState(false);\r\n const context = useRef();\r\n\r\n useEffect(() => {\r\n if (!IsAllow('/GiraAsesores/GastosNoSincronizados')) {\r\n props.history.push('/home');\r\n }\r\n cargarHistorialGastos()\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const validationSchema = yup.object().shape(\r\n {\r\n Observacion: yup.string().required('La observacion es obligatorio'),\r\n });\r\n\r\n const showModalCancelado = (id) => {\r\n setshowModalCancelar(true)\r\n setIdRechazado(id)\r\n }\r\n\r\n const cargarHistorialGastos = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/Gira/GastosNoSincornizados/${localStorage.getItem(\"empresa\")}`);\r\n setGastos(request.data)\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n\r\n const aprobarGasto = async (id) => {\r\n setButtonsEnabled(true)\r\n\r\n const enviarAX = await axios.get(`${APIURL}/api/Gira/DatosEnviarAX/${id}`)\r\n console.log(enviarAX.data.Content)\r\n if (enviarAX.data.Content === '\"OK\"') {\r\n const request = await axios.post(`${APIURL}/api/Gira/ActualizarEstadoGasto/${id}/2/-/${localStorage.getItem(\"codigo\")}/-`);\r\n if (request.data === 1) {\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Gasto Aprobado y enviado a AX Existosamente\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarHistorialGastos();\r\n });\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'Gasto Enviado a AX pweo no ACTUALIZADO en la base de datos',\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n } else {\r\n const request = await axios.post(`${APIURL}/api/Gira/ActualizarEstadoGasto/${id}/4/-/${localStorage.getItem(\"codigo\")}/${enviarAX.data.Content}`);\r\n if (request.data === 1) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Mensaje: \" + enviarAX.data.Content,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarHistorialGastos();\r\n });\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'Error al actualizar el estado del gasto',\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n }\r\n\r\n setButtonsEnabled(false)\r\n }\r\n\r\n const rechazarGasto = async (value) => {\r\n setButtonsEnabled(true)\r\n const request = await axios.post(`${APIURL}/api/Gira/ActualizarEstadoGasto/${IdRechazado}/3/${value.Observacion}/${localStorage.getItem(\"codigo\")}/-`)\r\n if (request.data === 1) {\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Gasto Rechazado Existosamente\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarHistorialGastos();\r\n });\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'No se pudo actualizar el gasto',\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n setshowModalCancelar(false)\r\n setButtonsEnabled(false)\r\n }\r\n\r\n const DataGastos = () => {\r\n let DataGastos = [];\r\n\r\n gastos.forEach(gasto => {\r\n let data = [\r\n gasto.tipo,\r\n gasto.categoria,\r\n gasto.UsuarioAsesor,\r\n gasto.serie,\r\n gasto.NoFactura,\r\n gasto.Descripcion == null ? '-' : gasto.Descripcion,\r\n gasto.MensajeAX,\r\n gasto.importeGravado,\r\n gasto.importeExento,\r\n gasto.ValorFactura,\r\n moment(gasto.FechaFactura).format(\"DD/MM/YYYY\"),\r\n moment(gasto.FechaCreacion).format(\"DD/MM/YYYY\"),\r\n \r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n \r\n handleOnChangeAsesor(value)}\r\n options={asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n
\r\n \r\n cargarHistorialGastos(startDate, endDate)}>Obtener\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n handleOnChangeTipo(value)}\r\n options={tipoGasto}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={tipoSelected}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ]\r\n DataGastos.push(data)\r\n })\r\n return DataGastos;\r\n }\r\n\r\n\r\n\r\n const HeaderHistorialGastos = [\r\n {\r\n name: \"tipo\",\r\n label: \"Tipo Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n {value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"categoria\",\r\n label: \"Categoria Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"UsuarioAsesor\",\r\n label: \"Asesor\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"serie\",\r\n label: \"No Serie\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"NoFactura\",\r\n label: \"No Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Descripcion\",\r\n label: \"Descripcion Asesor\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"MensajeAX\",\r\n label: \"Mensaje AX\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"importeExento\",\r\n label: \"Importe Exento\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"importeGravado\",\r\n label: \"Importe Gravado\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"ValorFactura\",\r\n label: \"Valor Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaFactura\",\r\n label: \"Fecha Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaCreacion\",\r\n label: \"Fecha Creacion\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n ];\r\n\r\n const DatatableOptions = {\r\n filter: false,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n search: false,\r\n viewColumns: false,\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n\r\n};\r\n\r\nexport default GastosNoSync;","import React, { useState, useEffect, useRef } from 'react';\r\nimport moment from \"moment\";\r\nimport 'moment/locale/es';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport axios from 'axios';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { Button } from \"@material-ui/core\";\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport * as yup from 'yup';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport DetalleGasto from 'components/GastoAsesores/DetalloGasto/DetalleGasto'\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\n\r\nmoment.locale('es');\r\n\r\nconst GastosRechazar = (props) => {\r\n const [gastos, setGastos] = useState([]);\r\n const [showModalCancelar, setshowModalCancelar] = useState(false);\r\n const [IdRechazado, setIdRechazado] = useState(\"\");\r\n const [detalle, setDetalle] = useState(false);\r\n const [detalleGasto, setDetalleGasto] = useState([])\r\n const [idDetalle, setIdDetalle] = useState(null);\r\n const [startDate, setStartDate] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 30));\r\n const [endDate, setEndDate] = useState(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()));\r\n const [buttonsEnabled, setButtonsEnabled] = useState(false);\r\n\r\n const context = useRef();\r\n\r\n useEffect(() => {\r\n if (!IsAllow('/GiraAsesores/GastosRechazar')) {\r\n props.history.push('/home');\r\n }\r\n cargarHistorialGastos()\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n const handleFechaInicio = (fecha) => {\r\n\r\n var date = moment(fecha).toDate();\r\n\r\n var fech = moment(fecha).toDate();\r\n fech.setMonth(date.getMonth() + 1);\r\n\r\n setStartDate(date);\r\n setEndDate(fech);\r\n }\r\n\r\n const handleFechaFin = (fecha) => {\r\n var date = moment(fecha).toDate();\r\n\r\n const diffTime = new Date(date) - new Date(startDate);\r\n\r\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n if (diffDays > 1) {\r\n setEndDate(date);\r\n }\r\n else {\r\n const Toast = Swal.mixin({\r\n toast: true,\r\n position: 'top',\r\n showConfirmButton: false,\r\n timer: 3000\r\n });\r\n\r\n Toast.fire({\r\n type: 'error',\r\n title: 'Ingrese Fecha VƔlida',\r\n })\r\n var fech = new Date();\r\n fech.setDate(startDate.getDate() + 6);\r\n setEndDate(fech);\r\n }\r\n }\r\n\r\n const getGastoDetalle = async (id, detalle) => {\r\n setIdDetalle(id)\r\n setDetalleGasto(detalle)\r\n setDetalle(true)\r\n }\r\n\r\n const RegresarGastosPendientes = () => {\r\n setDetalle(false)\r\n }\r\n\r\n const validationSchema = yup.object().shape(\r\n {\r\n Observacion: yup.string().required('La observacion es obligatorio'),\r\n });\r\n\r\n const showModalCancelado = (id) => {\r\n console.log(id)\r\n setshowModalCancelar(true)\r\n setIdRechazado(id)\r\n }\r\n\r\n const cargarHistorialGastos = async () => {\r\n try {\r\n var Inicio = moment(startDate).format(\"YYYY-MM-DD\");\r\n var Fin = moment(endDate).format(\"YYYY-MM-DD\");\r\n const request = await axios.get(`${APIURL}/api/Gira/GastosAprobados/${localStorage.getItem(\"empresa\")}/${Inicio}/${Fin}`);\r\n setGastos(request.data)\r\n } catch (err) {\r\n console.log(err)\r\n }\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n\r\n const rechazarGasto = async (value) => {\r\n setButtonsEnabled(true)\r\n console.log('cancelando')\r\n const request = await axios.post(`${APIURL}/api/Gira/ActualizarEstadoGasto/${IdRechazado}/3/${value.Observacion}/${localStorage.getItem(\"codigo\")}/-`)\r\n if (request.data === 1) {\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: \"Gasto Rechazado Existosamente\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n }).then(e => {\r\n cargarHistorialGastos();\r\n });\r\n } else {\r\n Swal.fire({\r\n title: 'Error',\r\n text: 'No se pudo actualizar el gasto',\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n }\r\n setshowModalCancelar(false)\r\n setButtonsEnabled(false)\r\n }\r\n\r\n\r\n const DataGastos = () => {\r\n let DataGastos = [];\r\n\r\n gastos.forEach(gasto => {\r\n let data = [\r\n gasto.tipo,\r\n gasto.categoria,\r\n gasto.UsuarioAsesor,\r\n gasto.serie,\r\n gasto.NoFactura,\r\n gasto.Descripcion == null ? '-' : gasto.Descripcion,\r\n gasto.importeExento,\r\n gasto.importeGravado,\r\n moment(gasto.FechaFactura).format(\"DD/MM/YYYY\"),\r\n moment(gasto.FechaCreacion).format(\"DD/MM/YYYY HH:MM\"),\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ]\r\n DataGastos.push(data)\r\n })\r\n return DataGastos;\r\n }\r\n\r\n\r\n\r\n const HeaderHistorialGastos = [\r\n {\r\n name: \"tipo\",\r\n label: \"Tipo Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n {value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"categoria\",\r\n label: \"Categoria Gasto\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"UsuarioAsesor\",\r\n label: \"Asesor\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"serie\",\r\n label: \"No Serie\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"NoFactura\",\r\n label: \"No Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Descripcion\",\r\n label: \"Descripcion Asesor\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"importeExento\",\r\n label: \"Importe Exento\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"importeGravado\",\r\n label: \"Importe Gravado\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaFactura\",\r\n label: \"Fecha Factura\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"FechaCreacion\",\r\n label: \"Fecha Creacion\",\r\n Option: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n return (\r\n{value[0]}
\r\n )\r\n }\r\n }\r\n },\r\n {\r\n name: \"Acciones\",\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n ];\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n search: true,\r\n viewColumns: false,\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n\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 GastosRechazar;","import React, { useRef } from 'react';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport moment from \"moment\";\r\nimport ReactToPrint from 'react-to-print';\r\nimport { FiArrowRightCircle } from \"react-icons/fi\";\r\nimport { FaPrint } from \"react-icons/fa\";\r\nimport { useSelector } from 'react-redux';\r\nimport Logo from 'assets/img/logo/LogoSinLetrasB.png';\r\nimport styles from \"components/ListadoPedidos/ImprimirPedido.module.css\";\r\nimport 'moment/locale/es';\r\nimport { QRCodeSVG } from 'qrcode.react';\r\n\r\nexport const ImprimirTrackingDevolucionCalidad = (props) => {\r\n\r\n const c = props;\r\n console.log(c)\r\n\r\n const Monedas = useSelector(e => e.AbreviacionMonedas);\r\n const Empresas = useSelector(e => e.Empresas);\r\n const componentRef = useRef();\r\n\r\n const empresa = Empresas.find(x => x.COMPANY_CODE === props.Pedido.Cliente.EmpresaId.toUpperCase());\r\n const moneda = Monedas.find(e => e.IdMoneda === props.Pedido.Cliente.Moneda).Abreviacion;\r\n const NombreCliente = props.Pedido.Cliente.Nombre;\r\n const DireccionCliente = props.Pedido.Cliente.Direccion;\r\n\r\n let TotalUnidad = 0;\r\n const checkDist = (talla) => {\r\n let found = false;\r\n talla.Distribucion.map(() => {\r\n found = true;\r\n return false;\r\n })\r\n return found;\r\n }\r\n\r\n let tallasDist = [];\r\n const Tallas = (talla) => {\r\n talla.Distribucion.forEach(dist => {\r\n if (tallasDist.length > 0) {\r\n let ExisteTalla = tallasDist.filter(x => x.NombreTalla === dist.NombreTalla);\r\n\r\n if (ExisteTalla.length === 0) {\r\n tallasDist.push({ NombreTalla: dist.NombreTalla, Orden: dist.Orden })\r\n }\r\n }\r\n else {\r\n tallasDist.push({ NombreTalla: dist.NombreTalla, Orden: dist.Orden })\r\n }\r\n })\r\n tallasDist.sort((a, b) => {\r\n return Number(a.Orden) < Number(b.Orden) ? -1 : 1;\r\n });\r\n return tallasDist;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n \r\n \r\n }>\r\n Imprimir\r\n \r\n }\r\n content={() => componentRef.current}\r\n />\r\n\r\n }>\r\n Finalizar\r\n \r\n
\r\n : \"Vista Previa Devolucion\"\r\n }\r\n \r\n \r\n \r\n
\r\n )\r\n })}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {empresa.NAME}\r\n
\r\n\r\n {empresa.FISCAL_DOCUMENT}: {empresa.NIFCIF}\r\n
\r\n\r\n
\r\n \r\n
\r\n {(!props.esDevolucion) && \"Copia\"}
\r\n \r\n
\r\n\r\n {props.gruposXDetPed.map((grupoTalla, index1) => {\r\n let cantidad = 3;\r\n let IsDist = false;\r\n let CantDist = 0;\r\n let Distribuciones = [];\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {NombreCliente}
\r\n\r\n DirecciĆ³n : {DireccionCliente}
\r\n CĆ³digo : {props.Pedido.Cliente.Codigo}
\r\n
\r\n
\r\n \r\n
\r\n DevoluciĆ³n {props.Pedido.NumDevolucion}
\r\n\r\n Fecha Devolucion : {moment(props.Pedido.FechaCreacion).format('DD/MM/YYYY hh:mm a')}
\r\n Asesor: {props.Pedido.Usuario}
\r\n
| \r\n | \r\n {grupoTalla.ListaTalla.map((talla, index2) => {\r\n Distribuciones = Tallas(talla);\r\n cantidad++;\r\n return (\r\n <>\r\n {\r\n talla.Distribucion.length !== 0 && grupoTalla.ListaTalla.length === index2 + 1 &&\r\n Distribuciones.map((dist, index3) => {\r\n IsDist = true;\r\n cantidad++;\r\n return (\r\n\r\n {\r\n {dist.NombreTalla} \r\n }\r\n | \r\n )\r\n })\r\n }\r\n {\r\n talla.Distribucion.length === 0 &&\r\n \r\n {\r\n {talla.Talla} \r\n }\r\n | \r\n }\r\n \r\n )\r\n })}\r\n Cant | \r\nTotal | \r\n
|---|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {producto.CodigoProducto}\r\n \r\n {producto.NombreProducto} \r\n | \r\n ||||
| \r\n \r\n {\"Precio\"}\r\n \r\n {color.NombreColor}\r\n | \r\n {detalles.map((det, index4) => {\r\n IsDist = det !== null ? checkDist(det.TallaObject) : IsDist;\r\n return (\r\n <>\r\n {\r\n IsDist === true && det !== null &&\r\n det.TallaObject.Distribucion.map((dist, index) => {\r\n CantDist = det.TallaObject.Distribucion.reduce((acc, curr) => { return acc + Number(curr.Cantidad) }, 0);;\r\n\r\n TotalXTalla = dist.Cantidad * det.Cantidad;\r\n TotalXProducto += TotalXTalla;\r\n TotalUnidad += TotalXTalla;\r\n let cant = 0;\r\n if (color.DetallesXPedido.length === 1) {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n else {\r\n if (arreglo.length > 0) {\r\n const listaTallas = arreglo.filter(x => x.NombreTalla === dist.NombreTalla);\r\n if (detalles.length === (index4 + 1)) {\r\n if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n }\r\n else {\r\n totalcant = dist.Cantidad * det.Cantidad;\r\n }\r\n }\r\n else if (listaTallas.length > 0) {\r\n cant = dist.Cantidad * det.Cantidad\r\n totalcant = listaTallas[0].cant + cant;\r\n return false;\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n else {\r\n arreglo.push({ NombreTalla: dist.NombreTalla, cant: dist.Cantidad * det.Cantidad });\r\n return false;\r\n }\r\n }\r\n return (\r\n \r\n \r\n {det ? det.PrecioUnitario / CantDist : \"--\"}\r\n \r\n \r\n | \r\n )\r\n })\r\n }\r\n {\r\n IsDist === false &&\r\n \r\n \r\n {det ? det.PrecioUnitario : \"--\"}\r\n \r\n \r\n | \r\n }\r\n \r\n )\r\n })}\r\n {TotalXProducto !== 0 ? TotalXProducto : color.CantidadXColor} | \r\n\r\n{numberWithCommas(color.TotalXColor)} | \r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n *No incluye impuesto
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Unidades:\r\n
\r\n \r\n {TotalUnidad !== 0 ? TotalUnidad : props.Pedido.TotalUnidades}\r\n
\r\n \r\n
\r\n\r\n {/*\r\n Total:\r\n
\r\n\r\n \r\n {moneda} {numberWithCommas(props.Pedido.SubTotal)}\r\n
\r\n \r\n
\r\n\r\n \r\n Impuesto:\r\n
\r\n\r\n \r\n {numberWithCommas((props.Pedido.Impuesto))}\r\n
\r\n \r\n
*/}\r\n \r\n Total:\r\n
\r\n\r\n \r\n {moneda}{numberWithCommas((props.Pedido.TotalXPedido))}\r\n
\r\n \r\n \r\n {\r\n (devolucion.Aprobado === true) &&\r\n \r\n }\r\n {\r\n (devolucion.Aprobado === true) &&\r\n \r\n }\r\n {\r\n (devolucion.Aprobado === 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 {devolucion.plantillaGenerada ? : }\r\n \r\n
\r\n ]\r\n DataDevoluciones.push(data);\r\n return false;\r\n });\r\n return DataDevoluciones;\r\n }\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n })\r\n\r\n const cancelarReinicio = e => {\r\n if (e.which === 116) {\r\n e.preventDefault();\r\n }\r\n }\r\n\r\n const actualizarEstadoDevoluvion = (NumDevolucion, newEstadoBodega) => {\r\n const nEstado = (newEstadoBodega === 0) ? \"Rechazado\" : (newEstadoBodega === 1) ? \"Recepcionado\" : \"Transferido a bodega\";\r\n Swal.fire({\r\n title: 'Aviso',\r\n text: `ĀæSe cambiara el estado la devolucion ${NumDevolucion} a ${nEstado}?`,\r\n type: 'warning',\r\n width: '600px',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Continuar',\r\n cancelButtonText: 'Cancelar'\r\n }).then(async (result) => {\r\n if (result.value) {\r\n cambiarEstado(NumDevolucion, newEstadoBodega);\r\n }\r\n })\r\n }\r\n\r\n const cambiarEstado = async (NumDevolucion, newEstadoBodega) => {\r\n try {\r\n await axios.put(`${APIURL}/api/trackingDevolucionCalidad/actualizarEstadoDevolucion/${NumDevolucion}/${newEstadoBodega}`, {}, { headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') } });\r\n cargarDevoluvionesAprobadas(fechaInicio, fechaFin);\r\n Swal.fire({\r\n title: 'Confirmado',\r\n text: 'Se cambio el estado exitosamente.',\r\n type: 'success',\r\n })\r\n } catch (err) {\r\n let mensaje = \"Ha ocurrido un error y no se pudo actualizar el estado de la devoluciĆ³n.\";\r\n\r\n if (err.response) {\r\n mensaje = err.response.data.Message;\r\n }\r\n\r\n Swal.fire({\r\n title: 'Error',\r\n text: mensaje,\r\n type: 'error',\r\n confirmButtonText: 'Ok'\r\n });\r\n }\r\n }\r\n\r\n\r\n const obtenerDetalleDevolucion = async (devoluvion) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/trackingDevolucionCalidad/obtenerDetalleDevolucion/${devoluvion.NumDevolucion}`);\r\n setDevolucion(devoluvion);\r\n setDetalleDevolucion(request.data);\r\n setShowDialog(true);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n\r\n const obtenerReporteDevolucionTracking = async (NumDevolucion) => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/trackingDevolucionCalidad/reporte/${NumDevolucion}`);\r\n const data = convertirData(request.data);\r\n guardarExcel(data, NumDevolucion);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const convertirData = (data) => {\r\n return data.map((el) => {\r\n const { $id, ...NumDevolucion } = el;\r\n\r\n return {\r\n ...NumDevolucion\r\n }\r\n })\r\n }\r\n\r\n const guardarExcel = (csvData, NumDevolucion) => {\r\n const fileName = `Productos Devolucion Tracking Calidad ${NumDevolucion}`;\r\n const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n const fileExtension = '.xlsx';\r\n const ws = XLSX.utils.json_to_sheet(csvData);\r\n const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };\r\n const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n const data = new Blob([excelBuffer], { type: fileType });\r\n FileSaver.saveAs(data, fileName + fileExtension);\r\n }\r\n\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/seguimientoCalidad\")) {\r\n props.history.push('/home');\r\n }\r\n setAsesorSelected(AsesoresUsuario[0].Usuario);\r\n\r\n window.addEventListener('keydown', cancelarReinicio);\r\n return () => {\r\n window.removeEventListener('keydown', cancelarReinicio);\r\n }\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n\r\n return (\r\n \r\n hidePrint()}\r\n scroll={'paper'}\r\n aria-labelledby=\"scroll-dialog-title\"\r\n >\r\n {\r\n devolucion && detalleDevolucion &&\r\n
\r\n );\r\n}\r\n\r\nconst HeadersListaDevoluviones = [\r\n \"Num. Devolucion\",\r\n \"Pedido Devolucion\",\r\n \"Num. RMA\",\r\n \"Codigo Cliente\",\r\n \"Nombre CLiente\",\r\n \"Motivo Devolucion\",\r\n \"Asesor\",\r\n \"Fecha\",\r\n \"Total Unidades\",\r\n \"Subtotal\",\r\n \"Estado AX\",\r\n \"Seguimiento Calidad\",\r\n {\r\n label: \"Acciones\",\r\n options: {\r\n filter: false,\r\n sort: false,\r\n }\r\n },\r\n];\r\n\r\nconst DatatableOptions = {\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n Seguimiento de Calidad
\r\n\r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n \r\n {\r\n setEstado(value);\r\n }}\r\n options={[\r\n { key: 0, value: 0, text: \"Rechazado\" },\r\n { key: 1, value: 1, text: \"Recepcionado\" },\r\n { key: 2, value: 2, text: \"Transferido a bodega\" },\r\n { key: 3, value: 3, text: \"Pendiente de AprobaciĆ³n Ventas\" },\r\n { key: 4, value: 4, text: \"Aprobadas\" },\r\n { key: 5, value: 5, text: \"Todos\" },\r\n ]}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={estado}\r\n />\r\n
\r\n \r\n
\r\n \r\n { setTodos((prev) => (!prev)) }} />\r\n \r\n
\r\n \r\n setAsesorSelected(value)}\r\n options={AsesoresUsuario.map((Ase) => ({ key: Ase.Usuario, value: Ase.Usuario, text: Ase.Usuario }))}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={AsesorSelected}\r\n />\r\n
\r\n \r\n { cargarDevoluvionesAprobadas(fechaInicio, fechaFin) }}>Obtener\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n )\r\n\r\n}","import axios from \"axios\";\r\nimport React, { useState } from \"react\"\r\nimport { APIURL } from \"utils/Enviroment\";\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport { useEffect } from \"react\";\r\n\r\nexport const FirmaPantalla = () => {\r\n const [asesores, setAsesores] = useState([]);\r\n\r\n const obtenerAsesoresActivos = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/asesor/activos`);\r\n setAsesores(request.data);\r\n } catch (e) { }\r\n }\r\n\r\n const createBase64Image = (fileObject) => {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.onload = () => {\r\n resolve(reader.result);\r\n };\r\n\r\n reader.onerror = () => {\r\n reject()\r\n };\r\n reader.readAsDataURL(fileObject);\r\n })\r\n }\r\n\r\n const onFileChange = async (id, e) => {\r\n try {\r\n const IMG_EXTENSION = [\"jpg\", \"png\", \"jpeg\", \"gif\"];\r\n const extension = e.target.files[0].name.split('.')[1];\r\n\r\n if (!IMG_EXTENSION.includes(extension.toLowerCase())) {\r\n alert(\"El archivo seleccionado no es imagen.\");\r\n return\r\n }\r\n\r\n const fileBase = await createBase64Image(e.target.files[0]);\r\n await axios.post(`${APIURL}/api/asesor/firma`, { id: id, firma: fileBase });\r\n obtenerAsesoresActivos();\r\n } catch (e) {\r\n alert(\"Ocurrio un error y no se pudo actualizar la fotografia.\");\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n obtenerAsesoresActivos();\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n SincronizaciĆ³n Especifica
\r\n| Nombre | \r\nParametros | \r\nAcciĆ³n | \r\n
|---|---|---|
| Asesores | \r\n- | \r\n\r\n \r\n \r\n | \r\n
| Rutas | \r\n- | \r\n\r\n \r\n \r\n | \r\n
| Clientes | \r\n\r\n \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n
| Acuerdos | \r\n\r\n \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n
| Cuotas Acuerdo | \r\n\r\n \r\n setAcuerdo(e.target.value)} className='form-control' />\r\n \r\n | \r\n \r\n \r\n \r\n | \r\n
| Direcciones Clientes | \r\n\r\n \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n )\r\n\r\n}","import React, { useEffect, useState } from 'react';\r\nimport axios from 'axios';\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader\r\n} from 'reactstrap';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport moment from \"moment\";\r\nimport { ObtenerCoordenadas } from 'utils/common';\r\nimport { APIURL } from 'utils/Enviroment';\r\n\r\n\r\nexport const TiemposFuera = () => {\r\n const [descripcion, setDescripcion] = useState(\"\");\r\n const [motivo, setMotivo] = useState(null);\r\n const [motivos, setMotivos] = useState([]);\r\n const [tiemposFuera, setTiemposFuera] = useState([]);\r\n\r\n const obtenerMotivosTiemposFuera = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/tiemposfuera/motivotiempofuera/asesor`);\r\n setMotivos(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const obtenerTiemposFueraAsesorDia = async () => {\r\n try {\r\n const asesor = localStorage.getItem(\"codigo\");\r\n const request = await axios.get(`${APIURL}/api/tiemposfuera/diario/${asesor}`);\r\n setTiemposFuera(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const registrarTiempoFuera = async (latitudEntrada, longitudEntrada) => {\r\n try {\r\n const existeTiempoAbierto = tiemposFuera.find(x=>x.horaSalida === null);\r\n if(existeTiempoAbierto){\r\n alert(\"Cerrar tiempos fuera de agenda abiertos.\");\r\n return;\r\n }\r\n\r\n if (motivo === null) {\r\n alert(\"Por favor, seleccione un motivo.\");\r\n } else {\r\n await axios.post(`${APIURL}/api/tiemposfuera/asesor`, { motivoTiempoFueraId: motivo, latitudEntrada, longitudEntrada, codigoAsesor: localStorage.getItem(\"codigo\"), descripcion });\r\n await obtenerTiemposFueraAsesorDia();\r\n setMotivo(null);\r\n setDescripcion(\"\");\r\n }\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const completarTiempoFuera = async (tiempoFueraId, latitudSalida, longitudSalida) => {\r\n try {\r\n await axios.put(`${APIURL}/api/tiemposfuera/asesor`, { tiempoFueraId, latitudSalida, longitudSalida });\r\n await obtenerTiemposFueraAsesorDia();\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n obtenerMotivosTiemposFuera();\r\n obtenerTiemposFueraAsesorDia();\r\n }, []);\r\n\r\n return (\r\n Motivos tiempo fuera
\r\n\r\n \r\n
\r\n {\r\n \r\n }\r\n \r\n \r\n \r\n Asignar Trabajo\r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n}","import React from 'react';\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport CustomFooter from 'components/Layout/CustomFooter';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\n\r\nconst DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"scrollMaxHeight\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n
\r\n\r\n \r\n setMotivo(value)}\r\n options={motivos.map(x => ({ text: x.descripcion, value: x.id }))}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n value={motivo}\r\n />\r\n
\r\n \r\n { setDescripcion(e.target.value) }} />\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
| Id | \r\nMotivo | \r\nDescripciĆ³n | \r\nHora Entrada | \r\nHora Salida | \r\nAcciones | \r\n \r\n \r\n {tiemposFuera.map(x => (
|---|---|---|---|---|---|
| {x.id} | \r\n{x.motivo} | \r\n{x.descripcion} | \r\n{moment(x.horaEntrada).format(\"DD/MM/YYYY hh:mm a\")} | \r\n{(x.horaSalida === null) ? \"\" : moment(x.horaSalida).format(\"DD/MM/YYYY hh:mm a\")} | \r\n{(x.horaSalida === null) ? : \"Completada\"} | \r\n
{x.estado ? \"Activo\" : \"Inactivo\"}
,\r\n Acciones: (\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 );\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport axios from 'axios';\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n} from 'reactstrap';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { BaseColorImpuestoTable } from './components/BaseColorImpuestoTable';\r\n\r\nexport const BaseColorImpuesto = (props) => {\r\n const [comibinacionId, setCombinacionId] = useState();\r\n const [openModal, setOpenModal] = useState(false);\r\n const [empresa, setEmpresa] = useState('');\r\n const [codigobase, setCodigobase] = useState('');\r\n const [color, setColor] = useState('');\r\n const [codigoImpuesto, setCodigoImpuesto] = useState('');\r\n const [impuesto, setImpuesto] = useState(0);\r\n const [combinaciones, setCombinaciones] = useState([]);\r\n const [colores, setColores] = useState([]);\r\n const [bases, setBases] = useState([]);\r\n const [codigosImpuesto, setCodigosImpuesto] = useState([]);\r\n const [codigosImpuestoTmp, setCodigosImpuestoTmp] = useState([]);\r\n const empresas = useSelector(e => e.Empresas);\r\n\r\n const limpiarCampos = () => {\r\n setCodigobase('');\r\n setColor('');\r\n setImpuesto(0);\r\n setEmpresa('');\r\n setCodigoImpuesto('');\r\n setCombinacionId();\r\n }\r\n\r\n const crearCombinacion = async () => {\r\n try {\r\n if (codigobase === \"\" || color === \"\" || empresa === \"\" || codigoImpuesto == \"\") {\r\n alert(\"Favor llenar los campos.\");\r\n return;\r\n }\r\n\r\n await axios.post(`${APIURL}/api/basecolorimpuesto`, { codigobase, color, impuesto, empresa, codigoImpuesto, usuario: localStorage.getItem('codigo') });\r\n alert(\"CombinaciĆ³n creada con exito\");\r\n await obtenerCombinaciones();\r\n limpiarCampos();\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n const modificarCombinacion = async () => {\r\n try {\r\n await axios.put(`${APIURL}/api/basecolorimpuesto/${comibinacionId}`, { codigobase, color, impuesto, empresa, codigoImpuesto, usuario: localStorage.getItem('codigo') });\r\n alert(\"CombinaciĆ³n modificada con exito\");\r\n await obtenerCombinaciones();\r\n limpiarCampos();\r\n setOpenModal(false);\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n const cambiarEstadoCombinacion = async (id) => {\r\n try {\r\n await axios.patch(`${APIURL}/api/basecolorimpuesto/estado/${id}`);\r\n await obtenerCombinaciones();\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const obtenerCombinaciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/basecolorimpuesto/admin`);\r\n setCombinaciones(request.data);\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n const obtenerColores = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/basecolorimpuesto/colores`);\r\n setColores(request.data);\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n const obtenerBases = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/basecolorimpuesto/bases`);\r\n setBases(request.data);\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n const obtenerImpuestos = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/basecolorimpuesto/impuestos`);\r\n setCodigosImpuesto(request.data);\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n const handleModalEdit = (combinacion) => {\r\n setOpenModal(true);\r\n setCodigoImpuesto(combinacion.codigoImpuesto);\r\n setEmpresa(combinacion.empresa);\r\n setCodigobase(combinacion.codigobase);\r\n setColor(combinacion.color);\r\n setImpuesto(combinacion.impuesto);\r\n setCombinacionId(combinacion.id);\r\n const impuestos = codigosImpuesto.filter(x => x.empresa === combinacion.empresa);\r\n setCodigosImpuestoTmp(impuestos);\r\n }\r\n\r\n const closeModal = () => {\r\n setOpenModal(false);\r\n limpiarCampos();\r\n }\r\n\r\n useEffect(() => {\r\n obtenerCombinaciones();\r\n obtenerColores();\r\n obtenerBases();\r\n obtenerImpuestos();\r\n }, [])\r\n\r\n return (\r\n \r\n closeModal()}\r\n >\r\n \r\n \r\n \r\n {\r\n setEmpresa(value);\r\n const impuestos = codigosImpuesto.filter(x => x.empresa === value);\r\n setCodigosImpuestoTmp(impuestos);\r\n }}\r\n options={empresas.map(empresa => {\r\n return { key: empresa.COMPANY_CODE, value: empresa.COMPANY_CODE, text: empresa.COMPANY_CODE }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setCodigobase(value) }}\r\n options={bases.map(base => {\r\n return { key: base.Base, value: base.Base, text: `${base.Base}-${base.Descripcion}` }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setColor(value) }}\r\n options={colores.map(color => {\r\n return { key: color.codigo, value: color.codigo, text: `${color.codigo}-${color.nombre}` }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setCodigoImpuesto(value) }}\r\n options={codigosImpuestoTmp.map(color => {\r\n return { key: color.impuesto, value: color.impuesto, text: color.impuesto }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n \r\n \r\n \r\n \r\n CombinaciĆ³n base-color-impuesto\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n}","import axios from \"axios\";\r\nimport React, { useEffect, useState } from \"react\"\r\nimport { Dropdown } from \"semantic-ui-react\";\r\nimport { APIURL } from \"utils/Enviroment\";\r\n\r\nexport const ClasficacionProductos = props => {\r\n const numDevolucion = props.location.state;\r\n const [operaciones, setOperaciones] = useState([]);\r\n const [defectos, setDefectos] = useState([]);\r\n const [clasificaciones, setClasificaciones] = useState([]);\r\n\r\n const obtenerOperaciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/devolucion/operaciones`);\r\n setOperaciones(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const obtenerDefectos = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/devolucion/defectos`);\r\n setDefectos(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n const obtenerClasificaciones = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/devolucion/clasificacion/${numDevolucion}`);\r\n setClasificaciones(request.data);\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n obtenerOperaciones();\r\n obtenerClasificaciones();\r\n obtenerDefectos();\r\n }, [])\r\n\r\n return (\r\n Modificar CombinaciĆ³n
\r\n\r\n setImpuesto(e.target.value)} placeholder='Impuesto' value={impuesto} />\r\n
\r\n\r\n \r\n \r\n {\r\n setEmpresa(value);\r\n const impuestos = codigosImpuesto.filter(x => x.empresa === value);\r\n setCodigosImpuestoTmp(impuestos);\r\n }}\r\n options={empresas.map(empresa => {\r\n return { key: empresa.COMPANY_CODE, value: empresa.COMPANY_CODE, text: empresa.COMPANY_CODE }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setCodigobase(value) }}\r\n options={bases.map(base => {\r\n return { key: base.Base, value: base.Base, text: `${base.Base}-${base.Descripcion}` }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setColor(value) }}\r\n options={colores.map(color => {\r\n return { key: color.codigo, value: color.codigo, text: `${color.codigo}-${color.nombre}` }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n { setCodigoImpuesto(value) }}\r\n options={codigosImpuestoTmp.map(color => {\r\n return { key: color.impuesto, value: color.impuesto, text: color.impuesto }\r\n })}\r\n noResultsMessage={\"No hay resultados\"}\r\n />\r\n
\r\n \r\n setImpuesto(e.target.value)} placeholder='Impuesto' value={impuesto} />\r\n
\r\n\r\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 ClasificacionDetalle = ({ clasificacion, operaciones, index, defectos }) => {\r\n const [operacionId, setOpereacionId] = useState(clasificacion.operacionId === null ? undefined : clasificacion.operacionId);\r\n const [defectoId, setDefectoId] = useState(clasificacion.defectoId === null ? undefined : clasificacion.defectoId);\r\n const [cantidadMantenimiento, setCantidadMantenimiento] = useState(clasificacion.cantidadMantenimiento);\r\n const [descripcionText, setDescripcionText] = useState(clasificacion.clasificacion);\r\n\r\n const actualizarDetalle = async () => {\r\n try {\r\n await axios.put(`${APIURL}/api/devolucion/clasificacion/${clasificacion.devolucionDetalleId}`, { operacionId, defectoId, cantidadMantenimiento, clasificacion: descripcionText });\r\n alert(\"Detalle actualizado con exito\");\r\n } catch (err) {\r\n\r\n }\r\n }\r\n\r\n return (\r\n ClasificaciĆ³n devoluciĆ³n {numDevolucion}
\r\n\r\n\r\n
| Codigo | \r\nColor | \r\nTalla | \r\nOperaciĆ³n | \r\nDefecto | \r\nClasificaciĆ³n | \r\nAcciones | \r\n
|---|
{x.inventarioEspecifico ? \"Activo\" : \"Inactivo\"}
,\r\n Acciones: (\r\n )\r\n }));\r\n }\r\n\r\n useEffect(() => { obtenerColeccionesInventarioEspecifico() }, [])\r\n\r\n return (\r\n\r\n {value}\r\n
\r\n );\r\n }\r\n }\r\n },\r\n { label: \"Tipo Incidencia\", name: \"TipoIncidencia\", options: { filter: true } },\r\n { label: \"Fecha\", name: \"Fecha\", options: { filter: true } },\r\n { label: \"Acciones\", name: \"acciones\", options: { filter: true } },\r\n {\r\n label: \"Color\", name: \"Color\", options: {\r\n filter: true,\r\n display: false\r\n }\r\n }\r\n ];\r\n\r\n const Data = () => {\r\n return incidencias.map(p => (\r\n [\r\n p.cliente,\r\n p.asesor,\r\n p.observacion,\r\n p.estado,\r\n p.tipoIncidencia,\r\n moment(p.fecha).format(\"DD/MM/YYYY hh:mm a\"),\r\n \r\n {p.idEstado == 1 &&\r\n \r\n }\r\n\r\n {p.idEstado == 2 &&\r\n \r\n }\r\n\r\n \r\n\r\n
,\r\n p.color\r\n ]\r\n ));\r\n };\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"standard\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n setShowDialog(false)}\r\n fullWidth\r\n maxWidth=\"lg\"\r\n PaperProps={{\r\n style: {\r\n margin: 0,\r\n maxHeight: '100%',\r\n minHeight: '80vh',\r\n },\r\n }}\r\n >\r\n Detalles del reporte \r\n \r\n\r\n {showDialog &&\r\n\r\n \r\n \r\n \r\n \r\n \r\n Cliente\r\n \r\n \r\n \r\n \r\n Asesor\r\n \r\n \r\n \r\n \r\n Estado\r\n \r\n \r\n \r\n \r\n Tipo\r\n \r\n \r\n \r\n \r\n Fecha\r\n \r\n \r\n \r\n \r\n ObservaciĆ³n\r\n \r\n \r\n \r\n \r\n \r\n {/* Imagen principal con lupa */}\r\n {selectedImage && (\r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* Cambiar estado */}\r\n {showModalCmabiarEstado &&\r\n setCambiarEstado(false)}\r\n aria-labelledby=\"No-Atendido-Modal\">\r\n \r\n \r\n Cambiar Estado\r\n
\r\n \r\n \r\n
\r\n \r\n handleFechaInicio(date)}\r\n />\r\n\r\n
\r\n \r\n handleFechaFin(date)}\r\n />\r\n
\r\n\r\n \r\n setAsesorSelected(value)}\r\n options={asesores}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n //value={AsesorSelected}\r\n />\r\n
\r\n\r\n \r\n setEstadoSelected(value)}\r\n options={estadosCombo}\r\n noResultsMessage={\"No hay resultados\"}\r\n closeOnChange={true}\r\n //value={AsesorSelected}\r\n /> \r\n
\r\n\r\n \r\n { ObtenerlistadoIncidencias() }}>Obtener\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Modal para mostrar detalles del reporte */}\r\n \r\n setIsZoomed(true)}\r\n onMouseLeave={() => setIsZoomed(false)}\r\n onClick={() => handleImageClick(selectedImage)}\r\n onError={(e) => {\r\n e.target.onerror = null; // Evita bucles infinitos\r\n e.target.src = notFound; // Cambia la fuente a la imagen local\r\n }}\r\n />\r\n
\r\n )}\r\n\r\n {/* Miniaturas */}\r\n {incidenciaDetalle.length > 0 && (\r\n \r\n {incidenciaDetalle.map((detalle, index) => (\r\n
\r\n )}\r\n setSelectedImage(detalle.fotografia)}>\r\n {\r\n e.target.onerror = null; // Evita bucles infinitos\r\n e.target.src = notFound; // Cambia la fuente a la imagen local\r\n }}\r\n />\r\n
\r\n ))}\r\n \r\n {editRow && tableMeta.rowIndex === estados.findIndex(e => e.ModuloId === editRow.ModuloId) ? (\r\n <>\r\n \r\n \r\n setEditRow(null)}>\r\n \r\n \r\n ) : (\r\n <>\r\n setEditRow(estados[tableMeta.rowIndex])}>\r\n \r\n confirmDeleteRow(estados[tableMeta.rowIndex].ModuloId)}>\r\n \r\n goToMailServicios(estados[tableMeta.rowIndex].ModuloId)} // Cambia 'some-modulo-id' por la lĆ³gica necesaria para obtener el ModuloId\r\n >\r\n Ir a MailServicios\r\n \r\n \r\n )}\r\n
\r\n ),\r\n },\r\n },\r\n ];\r\n\r\n const options = {\r\n selectableRows: 'none',\r\n filterType: \"dropdown\",\r\n responsive: \"standard\",\r\n download: false,\r\n print: false,\r\n viewColumns: false,\r\n filter: true,\r\n textLabels: {\r\n body: {\r\n noMatch: \"No se han encontrado modulos activos\",\r\n toolTip: \"Ordenar\",\r\n },\r\n pagination: {\r\n next: \"Siguiente\",\r\n previous: \"Anterior\",\r\n rowsPerPage: \"Filas por pƔgina:\",\r\n displayRows: \"de\",\r\n },\r\n toolbar: {\r\n search: \"Buscar\",\r\n downloadCsv: \"Descargar CSV\",\r\n print: \"Imprimir\",\r\n viewColumns: \"Ver Columnas\",\r\n filterTable: \"Filtrar Tabla\",\r\n },\r\n filter: {\r\n all: \"Todos\",\r\n title: \"Filtros\",\r\n reset: \"Quitar\",\r\n },\r\n viewColumns: {\r\n title: \"Mostrar Columnas\",\r\n titleAria: \"Mostrar/Esconder Columnas\",\r\n },\r\n selectedRows: {\r\n text: \"Fila(s) seleccionadas\",\r\n delete: \"Borrar\",\r\n deleteAria: \"Borrar Filas Seleccionadas\",\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n {setOpen(false)} }>\r\n \r\n setNewRow({ ...newRow, ModuloId: e.target.value })}\r\n style={{ marginBottom: '10px' }}\r\n />\r\n setNewRow({ ...newRow, Descripcion: e.target.value })}\r\n style={{ marginBottom: '10px' }}\r\n />\r\n setNewRow({ ...newRow, FechaCreacion: e.target.value })}\r\n style={{ marginBottom: '20px' }}\r\n />\r\n \r\n \r\n\r\n
\r\n );\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport axios from 'axios';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Button, IconButton, Modal, TextField, Paper, Stepper, Step, StepLabel, Grid, Select, MenuItem,FormControl,InputLabel } from '@material-ui/core';\r\nimport { Edit, Delete, Settings, Alarm } from '@material-ui/icons';\r\nimport Swal from 'sweetalert2';\r\nimport { useHistory } from 'react-router-dom';\r\nimport {IsAllow} from 'components/Seguridad/Permisos';\r\n\r\n\r\nexport const MailServicios = (props) => {\r\n const history = useHistory();\r\n const [data, setData] = useState([]);\r\n const [open, setOpen] = useState(false);\r\n const [currentRow, setCurrentRow] = useState(null);\r\n const [warningMessage, setWarningMessage] = useState('');\r\n const [moduloId, setmoduloId] = useState('');\r\n const [modalData, setModalData] = useState({\r\n Modulo : '',\r\n ServicioID: '',\r\n Descripcion: '',\r\n FechaCreacion: '',\r\n UsuarioCreacion: '',\r\n Header: '',\r\n ValidaType: '',\r\n Consulta: '',\r\n Footer: '',\r\n Estado: '',\r\n valida_empresaid: '',\r\n });\r\n\r\n const steps = ['InformaciĆ³n BĆ”sica', 'Configuraciones', 'Detalles Finales'];\r\n const [activeStep, setActiveStep] = useState(0);\r\n\r\n useEffect(() => {\r\n\r\n if (!IsAllow(\"/MailServicios\")) \r\n {\r\n props.history.push('/home');\r\n }\r\n \r\n // Obtener el ModuloId desde la URL\r\n const query = new URLSearchParams(window.location.search);\r\n const modulo = query.get('modulo');\r\n setmoduloId(modulo);\r\n \r\n // Llamar a la API para obtener los datos basados en el ModuloId\r\n const fetchData = async () => {\r\n try \r\n {\r\n const response = await axios.get(`${APIURL}/api/mailservicios/obtener/${modulo}`);\r\n setData(response.data);\r\n } \r\n \r\n catch (error) \r\n {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: 'No se pudieron cargar los datos. Por favor, intĆ©ntalo de nuevo mĆ”s tarde.',\r\n });\r\n }\r\n };\r\n \r\n fetchData();\r\n }, [moduloId]);\r\n\r\n\r\n const goToMailCorreos = (moduloId) => {\r\n history.push(`/mailcorreos?modulo=${moduloId}`);\r\n };\r\n\r\n \r\n const goToMailEjecucion = (moduloId) => {\r\n history.push(`/mailejecucion?modulo=${moduloId}`);\r\n };\r\n\r\n const handleOpenModal = (row = null) => {\r\n\r\n if (row) \r\n {\r\n\r\n let formattedDate = '';\r\n if (row[2]) \r\n {\r\n const date = new Date(row[2]);\r\n const year = date.getFullYear();\r\n const month = String(date.getMonth() + 1).padStart(2, '0');\r\n const day = String(date.getDate()).padStart(2, '0');\r\n formattedDate = `${year}-${month}-${day}`;\r\n }\r\n\r\n\r\n setModalData({\r\n Modulo : '',\r\n ServicioID: row[0] || '',\r\n Descripcion: row[1] || '',\r\n FechaCreacion: formattedDate || '',\r\n UsuarioCreacion: row[3] || '',\r\n Header: row[4] || '',\r\n ValidaType: row[5] || '',\r\n Consulta: row[6] || '',\r\n Footer: row[7] || '',\r\n Estado: row[8] || '',\r\n valida_empresaid: row[9] || '',\r\n });\r\n } else \r\n {\r\n setModalData({\r\n Modulo : moduloId,\r\n ServicioID: '',\r\n Descripcion: '',\r\n FechaCreacion: '',\r\n UsuarioCreacion: '',\r\n Header: '',\r\n ValidaType: '',\r\n Consulta: '',\r\n Footer: '',\r\n Estado: '',\r\n valida_empresaid: '',\r\n });\r\n }\r\n setCurrentRow(row);\r\n setActiveStep(0);\r\n setOpen(true);\r\n };\r\n\r\n const handleCloseModal = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n setModalData({ ...modalData, [e.target.name]: e.target.value });\r\n };\r\n\r\n const handleSave = async () => {\r\n \r\n if (!modalData.ServicioID || !modalData.Descripcion) \r\n {\r\n setWarningMessage('Por favor, complete todos los campos requeridos.');\r\n return;\r\n }\r\n\r\n setWarningMessage(''); // Limpiar mensajes de advertencia\r\n\r\n try {\r\n \r\n if (currentRow) {\r\n // Actualizar Servicio\r\n await axios.put(`${APIURL}/api/mailservicios/actualizar`, modalData);\r\n\r\n Swal.fire({\r\n title: 'Actualizado',\r\n text: 'Servicio actualizado exitosamente',\r\n icon: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n \r\n } else {\r\n // Crear nuevo Servicio\r\n await axios.post(`${APIURL}/api/mailservicios/crear`, modalData);\r\n\r\n Swal.fire({\r\n title: 'Servicio Creado',\r\n text: 'Servicio creado exitosamente',\r\n icon: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n \r\n }\r\n setOpen(false);\r\n const query = new URLSearchParams(window.location.search);\r\n const moduloId = query.get('modulo');\r\n const response = await axios.get(`${APIURL}/api/mailservicios/obtener/${moduloId}`);\r\n setData(response.data);\r\n } catch (error) {\r\n setWarningMessage('Hubo un problema al guardar el servicio.');\r\n }\r\n };\r\n\r\n const handleDelete = async (ServicioID) => {\r\n try \r\n {\r\n const query = new URLSearchParams(window.location.search);\r\n const modulo = query.get('modulo');\r\n\r\n const respo = await axios.delete(`${APIURL}/api/mailservicios/eliminar/${modulo}/${ServicioID}`);\r\n \r\n Swal.fire('Eliminado', 'Servicio eliminado exitosamente', 'success');\r\n\r\n\r\n const response = await axios.get(`${APIURL}/api/mailservicios/obtener/${modulo}`);\r\n setData(response.data);\r\n\r\n\r\n } catch (error) \r\n {\r\n Swal.fire('Error', 'Hubo un problema al eliminar el servicio', 'error');\r\n }\r\n };\r\n \r\n const handleNext = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n };\r\n\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n };\r\n\r\n const handleReset = () => {\r\n setActiveStep(0);\r\n };\r\n\r\n\r\n const columns = [\r\n { name: 'ServicioID', label: 'Servicio ID' },\r\n { name: 'Descripcion', label: 'DescripciĆ³n' },\r\n { name: 'FechaCreacion', label: 'Fecha de CreaciĆ³n' },\r\n { name: 'UsuarioCreacion', label: 'Usuario CreaciĆ³n' },\r\n { name: 'Header', label: 'Encabezado' },\r\n { name: 'ValidaType', label: 'Tipo de ValidaciĆ³n' },\r\n { name: 'Consulta', label: 'Consulta' },\r\n { name: 'Footer', label: 'Pie de PĆ”gina' },\r\n { name: 'Estado', label: 'Estado' },\r\n { name: 'valida_empresaid', label: 'Valida Empresa ID' },\r\n {\r\n name: 'actions',\r\n label: 'Acciones',\r\n options: {\r\n customBodyRender: (value, tableMeta) => {\r\n const row = tableMeta.rowData;\r\n return (\r\n Agregar Nuevo MĆ³dulo
\r\n\r\n
\r\n );\r\n }\r\n }\r\n }\r\n ];\r\n\r\n const options = {\r\n filterType: 'checkbox',\r\n textLabels: {\r\n body: {\r\n noMatch: \"No se han encontrado servicios configurados para el modulo \" + moduloId,\r\n toolTip: \"Ordenar\",\r\n },\r\n pagination: {\r\n next: \"Siguiente\",\r\n previous: \"Anterior\",\r\n rowsPerPage: \"Filas por pƔgina:\",\r\n displayRows: \"de\",\r\n },\r\n toolbar: {\r\n search: \"Buscar\",\r\n downloadCsv: \"Descargar CSV\",\r\n print: \"Imprimir\",\r\n viewColumns: \"Ver Columnas\",\r\n filterTable: \"Filtrar Tabla\",\r\n },\r\n filter: {\r\n all: \"Todos\",\r\n title: \"Filtros\",\r\n reset: \"Quitar\",\r\n },\r\n viewColumns: {\r\n title: \"Mostrar Columnas\",\r\n titleAria: \"Mostrar/Esconder Columnas\",\r\n },\r\n selectedRows: {\r\n text: \"Fila(s) seleccionadas\",\r\n delete: \"Borrar\",\r\n deleteAria: \"Borrar Filas Seleccionadas\",\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n\r\n handleOpenModal()}\r\n style={{ marginBottom: 20 }}\r\n >\r\n Agregar Nuevo Servicio\r\n \r\n\r\n\r\n \r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n \r\n
\r\n );\r\n};","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport axios from 'axios';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Button, IconButton, Modal, TextField, Grid, Select, MenuItem, FormControl, InputLabel } from '@material-ui/core';\r\nimport { Edit, Delete } from '@material-ui/icons';\r\nimport Swal from 'sweetalert2';\r\nimport {IsAllow} from 'components/Seguridad/Permisos';\r\n\r\nexport const MailCorreos = (props) => {\r\n const [data, setData] = useState([]);\r\n const [dataEmpresas, setDataEmpresas] = useState([]);\r\n const [open, setOpen] = useState(false);\r\n const [childModalOpen, setChildModalOpen] = useState(false); // Estado para el modal child\r\n const [currentRow, setCurrentRow] = useState(null);\r\n const [moduloId, setModuloId] = useState('');\r\n const [modalData, setModalData] = useState({\r\n ServicioID: '',\r\n EmpresaId: '',\r\n CorreoElectronico: '',\r\n FechaCreacion: '',\r\n UsuarioCreacion: '',\r\n Estado: '',\r\n FechaModifiacion: '',\r\n });\r\n\r\n useEffect(() => {\r\n\r\n if (!IsAllow(\"/MailCorreos\")) \r\n {\r\n props.history.push('/home');\r\n }\r\n\r\n obtenerEmpresas();\r\n obtenerCorreos();\r\n }, []);\r\n\r\n\r\n const obtenerEmpresas = async () => {\r\n\r\n try \r\n {\r\n const response = await axios.get(`${APIURL}/api/empresa/Empresas`);\r\n setDataEmpresas(response.data);\r\n \r\n } catch (error) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Error',\r\n text: 'No se pudieron cargar los datos. Por favor, intĆ©ntalo de nuevo mĆ”s tarde.',\r\n });\r\n }\r\n };\r\n const obtenerCorreos = async () => {\r\n const query = new URLSearchParams(window.location.search);\r\n const modulo = query.get('modulo');\r\n setModuloId(modulo);\r\n\r\n\r\n try {\r\n const url = `${APIURL}/api/mailreceptors/listar/${modulo}`;\r\n const response = await axios.get(url,{\r\n headers: \r\n {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n setData(response.data);\r\n } catch (error) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: 'No se pudieron cargar los datos. Por favor, intĆ©ntalo de nuevo mĆ”s tarde.',\r\n });\r\n }\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setModalData((prevData) => ({\r\n ...prevData,\r\n [name]: value,\r\n }));\r\n };\r\n\r\n const handleEdit = (rowData, rowIndex) => {\r\n setModalData(rowData);\r\n setCurrentRow(rowIndex);\r\n setOpen(true);\r\n };\r\n\r\n const handleAdd = () => {\r\n setModalData({\r\n ServicioID: moduloId,\r\n EmpresaId: '',\r\n CorreoElectronico: '',\r\n FechaCreacion: '',\r\n UsuarioCreacion: '',\r\n Estado: '',\r\n FechaModifiacion: '',\r\n });\r\n\r\n setCurrentRow(null);\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleChildModalClose = () => {\r\n setChildModalOpen(false);\r\n };\r\n\r\n const handleSubmit = async () => \r\n {\r\n \r\n try {\r\n \r\n if (currentRow !== null)\r\n {\r\n await axios.put(`${APIURL}/api/mailreceptors/actualizar`, modalData,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n\r\n \r\n Swal.fire({\r\n title: 'Actualizado',\r\n text: 'Receptor de correo guardado correctamente',\r\n icon: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n \r\n }\r\n else\r\n {\r\n\r\n await axios.post(`${APIURL}/api/mailreceptors/crear`, modalData ,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n\r\n Swal.fire({\r\n title: 'Servicio Creado',\r\n text: 'Servicio creado exitosamente',\r\n icon: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n\r\n }\r\n\r\n const query = new URLSearchParams(window.location.search);\r\n const modulo = query.get('modulo');\r\n setModuloId(modulo);\r\n setOpen(false);\r\n const response = await axios.get(`${APIURL}/api/mailreceptors/listar/${modulo}`, \r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n setData(response.data);\r\n \r\n \r\n } catch (error) { \r\n Swal.fire({\r\n title: 'Error',\r\n text: 'Hubo un problema guardando los datos',\r\n icon: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n setChildModalOpen(true); // Mostrar modal child cuando hay un error\r\n }\r\n };\r\n\r\n const handleDelete = async (rowData) => {\r\n \r\n const { ServicioID, EmpresaId, CorreoElectronico } = rowData;\r\n try {\r\n \r\n await axios.delete(`${APIURL}/api/mailreceptors/eliminar`, {\r\n data: {\r\n ServicioID,\r\n EmpresaId,\r\n CorreoElectronico\r\n }\r\n });\r\n\r\n Swal.fire('Eliminado', 'Receptor de correo eliminado correctamente', 'success');\r\n\r\n const query = new URLSearchParams(window.location.search);\r\n const modulo = query.get('modulo');\r\n setModuloId(modulo);\r\n setOpen(false);\r\n const response = await axios.get(`${APIURL}/api/mailreceptors/listar/${modulo}`, \r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n setData(response.data);\r\n }\r\n catch (error) {\r\n // Capturar el mensaje detallado del error\r\n let errorMessage = 'Hubo un problema guardando los datos';\r\n if (error.response) {\r\n // El servidor respondiĆ³ con un cĆ³digo de error\r\n errorMessage = error.response.data.message || `Error ${error.response.status}: ${error.response.statusText}`;\r\n } else if (error.request) {\r\n // La solicitud fue hecha pero no hubo respuesta\r\n errorMessage = 'No se recibiĆ³ respuesta del servidor';\r\n } else {\r\n // Algo mĆ”s sucediĆ³ al configurar la solicitud\r\n errorMessage = error.message;\r\n }\r\n \r\n // Mostrar alerta de error con mensaje detallado\r\n Swal.fire({\r\n title: 'Error',\r\n text: errorMessage,\r\n icon: 'error',\r\n confirmButtonText: 'Ok',\r\n });\r\n setChildModalOpen(true); // Mostrar modal child cuando hay un error\r\n }\r\n \r\n };\r\n\r\n const columns = [\r\n { name: 'ServicioID', label: 'Servicio ID' },\r\n { name: 'EmpresaId', label: 'Empresa ID' },\r\n { name: 'CorreoElectronico', label: 'Correo ElectrĆ³nico' },\r\n { name: 'FechaCreacion', label: 'Fecha de CreaciĆ³n' },\r\n { name: 'UsuarioCreacion', label: 'Usuario de CreaciĆ³n' },\r\n { name: 'Estado', label: 'Estado' },\r\n { name: 'FechaModifiacion', label: 'Fecha de ModificaciĆ³n' },\r\n {\r\n name: 'Acciones',\r\n options: {\r\n customBodyRender: (value, tableMeta) => (\r\n {currentRow ? 'Editar Servicio' : `Agregar Nuevo Servicio ${moduloId}`}
\r\n {warningMessage && (\r\n\r\n {warningMessage}\r\n
\r\n )}\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n
\r\n ) : (\r\n Todos los pasos estƔn completados
\r\n \r\n\r\n \r\n {activeStep === 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 {activeStep === 1 && (\r\n <>\r\n\r\n \r\n \r\n Tipo de ValidaciĆ³n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {activeStep === 2 && (\r\n <>\r\n\r\n \r\n \r\n\r\n \r\n \r\n Estado \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n Valida Empresa \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n )}\r\n \r\n \r\n Volver\r\n \r\n \r\n {activeStep === steps.length - 1 ? 'Guardar' : 'Siguiente'}\r\n \r\n
\r\n \r\n handleEdit(data[tableMeta.rowIndex])}>\r\n \r\n handleDelete(data[tableMeta.rowIndex])}>\r\n \r\n
\r\n ),\r\n },\r\n },\r\n ];\r\n\r\n const options = {\r\n filter: true,\r\n responsive: \"standard\",\r\n filterType: 'checkbox',\r\n selectableRows: 'none',\r\n textLabels: {\r\n body: {\r\n noMatch: \"No se han encontrado correos asociados a este servicio\",\r\n toolTip: \"Ordenar\",\r\n },\r\n pagination: {\r\n next: \"Siguiente\",\r\n previous: \"Anterior\",\r\n rowsPerPage: \"Filas por pƔgina:\",\r\n displayRows: \"de\",\r\n },\r\n toolbar: {\r\n search: \"Buscar\",\r\n downloadCsv: \"Descargar CSV\",\r\n print: \"Imprimir\",\r\n viewColumns: \"Ver Columnas\",\r\n filterTable: \"Filtrar Tabla\",\r\n },\r\n filter: {\r\n all: \"Todos\",\r\n title: \"Filtros\",\r\n reset: \"Quitar\",\r\n },\r\n viewColumns: {\r\n title: \"Mostrar Columnas\",\r\n titleAria: \"Mostrar/Esconder Columnas\",\r\n },\r\n selectedRows: {\r\n text: \"Fila(s) seleccionadas\",\r\n delete: \"Borrar\",\r\n deleteAria: \"Borrar Filas Seleccionadas\",\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 {/* Modal child para advertencia cuando no se puede actualizar el registro */}\r\n \r\n \r\n
\r\n );\r\n};","import React, { useEffect, useState } from 'react';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport axios from 'axios';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport { Button, IconButton, Modal, TextField, Grid, Select, MenuItem, FormControl, InputLabel } from '@material-ui/core';\r\nimport { Edit, Delete } from '@material-ui/icons';\r\nimport Swal from 'sweetalert2';\r\nimport {IsAllow} from 'components/Seguridad/Permisos';\r\n\r\n\r\nexport const MailEjecucion = (props) => {\r\n const [data, setData] = useState([]);\r\n const [open, setOpen] = useState(false);\r\n const [moduloId, setmoduloId] = useState('');\r\n const [currentRow, setCurrentRow] = useState(null);\r\n const [warningMessage, setWarningMessage] = useState('');\r\n const [modalData, setModalData] = useState({\r\n Id : '',\r\n ServicioID: '',\r\n ProximaEjecucion: '',\r\n FechaCreacion: '',\r\n UsuarioCreacion: '',\r\n IntervalType: '',\r\n IntervalValue: '',\r\n }) ;\r\n\r\n useEffect(() => { \r\n\r\n if (!IsAllow(\"/MailEjecucion\")) \r\n {\r\n props.history.push('/home');\r\n }\r\n \r\n obtenerRegistros();\r\n }, []);\r\n\r\n const obtenerRegistros = async () => {\r\n\r\n try \r\n {\r\n \r\n const query = new URLSearchParams(window.location.search);\r\n const modulo = query.get('modulo');\r\n setmoduloId(modulo);\r\n\r\n const url = `${APIURL}/api/mailproexe/listar/${modulo}`;\r\n const response = await axios.get(url, {\r\n headers: \r\n {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n\r\n console.log(response.data);\r\n\r\n setData(response.data);\r\n } catch (error) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Error',\r\n text: 'No se pudieron cargar los datos.',\r\n });\r\n }\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setModalData((prevData) => ({\r\n ...prevData,\r\n [name]: value,\r\n }));\r\n };\r\n\r\n const handleEdit = (rowData) => {\r\n \r\n setModalData(rowData);\r\n setOpen(true);\r\n };\r\n\r\n\r\n const handleOpenModal = (row = null) => {\r\n \r\n if (row) \r\n {\r\n setModalData({\r\n Id : row[0] || '',\r\n ServicioID: row[1] || '',\r\n ProximaEjecucion: row[2] || '',\r\n FechaCreacion: row[3] || '',\r\n UsuarioCreacion: row[4] || '',\r\n IntervalType: row[5] || '',\r\n IntervalValue: row[6] || '',\r\n });\r\n } else \r\n {\r\n setModalData({\r\n Id : '',\r\n ServicioID: moduloId,\r\n ProximaEjecucion: '',\r\n FechaCreacion: '',\r\n UsuarioCreacion: localStorage.getItem('codigo'),\r\n IntervalType: '',\r\n IntervalValue: '',\r\n });\r\n }\r\n setCurrentRow(row);\r\n setOpen(true);\r\n };\r\n\r\n \r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleSave = async () => {\r\n \r\n \r\n if (!modalData.ServicioID || !modalData.ProximaEjecucion) \r\n {\r\n setWarningMessage('Por favor, complete todos los campos requeridos.');\r\n return;\r\n }\r\n\r\n setWarningMessage(''); // Limpiar mensajes de advertencia\r\n\r\n try \r\n {\r\n \r\n if (currentRow) {\r\n // Actualizar Servicio\r\n await axios.put(`${APIURL}/api/mailproexe/actualizar`, modalData,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n\r\n Swal.fire({\r\n title: 'Actualizado',\r\n text: 'Servicio actualizado exitosamente',\r\n icon: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n \r\n } else {\r\n // Crear nuevo Servicio\r\n await axios.post(`${APIURL}/api/mailproexe/crear`, modalData,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token') \r\n }\r\n });\r\n\r\n Swal.fire({\r\n title: 'Servicio Creado',\r\n text: 'Servicio creado exitosamente',\r\n icon: 'success',\r\n confirmButtonText: 'Ok',\r\n });\r\n \r\n }\r\n\r\n \r\n setOpen(false);\r\n const query = new URLSearchParams(window.location.search);\r\n const modulo = query.get('modulo');\r\n setmoduloId(modulo);\r\n\r\n const url = `${APIURL}/api/mailproexe/listar/${modulo}`;\r\n const response = await axios.get(url, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token')\r\n }\r\n });\r\n setData(response.data);\r\n\r\n } \r\n catch (error) \r\n {\r\n setWarningMessage('Hubo un problema al guardar el servicio.');\r\n }\r\n };\r\n\r\n const handleDelete = async (rowData) => {\r\n const { Id, ServicioID } = rowData;\r\n\r\n try \r\n {\r\n \r\n const url = `${APIURL}/api/mailproexe/eliminar`;\r\n\r\n await axios.delete(url, {\r\n data: { Id: Id, ServicioID: ServicioID }\r\n });\r\n Swal.fire('Eliminado', 'Registro eliminado correctamente', 'success');\r\n obtenerRegistros();\r\n } catch (error) {\r\n Swal.fire('Error', 'No se pudo eliminar el registro', 'error');\r\n }\r\n };\r\n\r\n const columns = [\r\n { name: 'Id', label: 'ID', options: { display: 'excluded' } }, // Columna oculta\r\n { name: 'ServicioID', label: 'Servicio ID' },\r\n { name: 'ProximaEjecucion', label: 'PrĆ³xima EjecuciĆ³n' },\r\n { name: 'FechaCreacion', label: 'Fecha de CreaciĆ³n' },\r\n { name: 'UsuarioCreacion', label: 'Usuario de CreaciĆ³n' },\r\n { name: 'IntervalType', label: 'Tipo de Intervalo' },\r\n { name: 'IntervalValue', label: 'Valor de Intervalo' },\r\n {\r\n name: 'Acciones',\r\n options: {\r\n customBodyRender: (value, tableMeta) => {\r\n \r\n const row = tableMeta.rowData;\r\n return(\r\n \r\n
\r\n {modalData.ServicioID ? 'Editar Correo' : 'Agregar Correo'}
\r\n \r\n\r\n
\r\n Error
\r\nHubo un problema al intentar actualizar el registro. Por favor, revisa los datos e intƩntalo de nuevo.
\r\n \r\n\r\n handleOpenModal(row) }>\r\n \r\n handleDelete(data[tableMeta.rowIndex])}>\r\n \r\n
\r\n )},\r\n },\r\n },\r\n ];\r\n\r\n const options = {\r\n filter: true,\r\n responsive: \"standard\",\r\n filterType: 'checkbox',\r\n selectableRows: 'none',\r\n textLabels: {\r\n body: {\r\n noMatch: \"No se han encontrado horarios de ejecucion para este servicio\",\r\n toolTip: \"Ordenar\",\r\n },\r\n pagination: {\r\n next: \"Siguiente\",\r\n previous: \"Anterior\",\r\n rowsPerPage: \"Filas por pƔgina:\",\r\n displayRows: \"de\",\r\n },\r\n toolbar: {\r\n search: \"Buscar\",\r\n downloadCsv: \"Descargar CSV\",\r\n print: \"Imprimir\",\r\n viewColumns: \"Ver Columnas\",\r\n filterTable: \"Filtrar Tabla\",\r\n },\r\n filter: {\r\n all: \"Todos\",\r\n title: \"Filtros\",\r\n reset: \"Quitar\",\r\n },\r\n viewColumns: {\r\n title: \"Mostrar Columnas\",\r\n titleAria: \"Mostrar/Esconder Columnas\",\r\n },\r\n selectedRows: {\r\n text: \"Fila(s) seleccionadas\",\r\n delete: \"Borrar\",\r\n deleteAria: \"Borrar Filas Seleccionadas\",\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n \r\n handleOpenModal()}\r\n style={{ marginBottom: 20 }}\r\n >\r\n Agregar Registro\r\n \r\n\r\n\r\n \r\n \r\n
\r\n );\r\n};","import React, { useEffect, useState, useRef } from 'react';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport axios from 'axios';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport { Grid, Typography } from '@material-ui/core';\r\nimport { APIURL } from 'utils/Enviroment';\r\nimport styles from 'containers/Agenda/Agenda.module.css';\r\nimport { Loading } from 'components/Global/Loading';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { FormControlLabel, Checkbox } from '@material-ui/core/';\r\nimport moment from 'moment';\r\nimport { IsAllow } from 'components/Seguridad/Permisos';\r\nimport { DatePicker } from \"@material-ui/pickers\";\r\n\r\n\r\nexport const ListadoSTP = (props) => {\r\n const [showDialog, setShowDialog] = useState(false);\r\n const [incidencia, setIncidencia] = useState(null);\r\n const [servicios, setServicios] = useState([]);\r\n const [estadoNuevo, setEstadoNuevo] = useState(null);\r\n const [open, setOpen] = useState(false);\r\n const [title, setTitle] = useState(\"\");\r\n const context = useRef();\r\n\r\n\r\n const [id, setId] = useState(\"\");\r\n const [codigo, setCodigo] = useState(\"\");\r\n const [tipoServicio, setTipoServicio] = useState(\"\");\r\n const [descripcion, setDescripcion] = useState(\"\");\r\n const [proximaEjecucionEnvio, setProximaEjecucionEnvio] = useState(\"\");\r\n const [UltimaEjecucionEnvio, setUltimaEjecucionEnvio] = useState(\"\");\r\n const [proximaEjecucionGenerarArchivo, setProximaEjecucionGenerarArchivo] = useState(\"\");\r\n const [ultimaEjecucionGenerarArchivo, setUltimaEjecucionGenerarArchivo] = useState(\"\");\r\n const [automatico, setAutomatico] = useState(false);\r\n const [activo, setActivo] = useState(false);\r\n const [reIniciar, setReIniciar] = useState(false);\r\n const [reIniciarGenerarcionArchivo, setReIniciarGenerarcionArchivo] = useState(false);\r\n const [numeroEjecucion, setNumeroEjecucion] = useState(\"\");\r\n\r\n const [proximaEjecucionEnvioDisable, setProximaEjecucionEnvioDisable] = useState(true);\r\n const [proximaEjecucionGenerarArchivoDisable, setProximaEjecucionGenerarArchivoDisable] = useState(true);\r\n\r\n useEffect(() => {\r\n if (!IsAllow(\"/ServiciosTareas\")) {\r\n props.history.push('/home');\r\n }\r\n obtenerServiciosYTareas();\r\n }, []);\r\n\r\n const cargarFormulario = (p) => {\r\n console.log(p);\r\n setId(p.Id);\r\n setCodigo(p.Codigo);\r\n setTipoServicio(p.TipoServicio);\r\n setDescripcion(p.Descripcion);\r\n setProximaEjecucionEnvio(p.ProximaEjecucionEnvio);\r\n setUltimaEjecucionEnvio(p.UltimaEjecucionEnvio);\r\n setProximaEjecucionGenerarArchivo(p.ProximaEjecucionGenerarArchivo);\r\n setUltimaEjecucionGenerarArchivo(p.UltimaEjecucionGenerarArchivo);\r\n setAutomatico(p.Automatico);\r\n setActivo(p.Activo);\r\n setReIniciar(p.ReIniciar);\r\n setReIniciarGenerarcionArchivo(p.ReIniciarGenerarcionArchivo);\r\n setNumeroEjecucion(p.NumeroEjecucion)\r\n setShowDialog(true)\r\n if (p.ReIniciar) {\r\n setProximaEjecucionEnvioDisable(false);\r\n }\r\n\r\n if (p.ReIniciarGenerarcionArchivo) {\r\n setProximaEjecucionGenerarArchivoDisable(false);\r\n }\r\n }\r\n\r\n const actualizarServicio = async () => {\r\n try {\r\n let data = {\r\n Id: id,\r\n ProximaEjecucionEnvio: proximaEjecucionEnvio,\r\n ProximaEjecucionGenerarArchivo: proximaEjecucionGenerarArchivo,\r\n ReIniciar: reIniciar,\r\n ReIniciarGenerarcionArchivo: reIniciarGenerarcionArchivo\r\n }\r\n\r\n console.log(data);\r\n\r\n await axios.put(`${APIURL}/api/update/ServiciosTareas`, data, {\r\n headers: {\r\n 'Authorization': 'Bearer ' + localStorage.getItem('token'),\r\n 'Content-Type': 'application/json'\r\n },\r\n });\r\n\r\n obtenerServiciosYTareas();\r\n\r\n Swal.fire({\r\n title: 'Exito',\r\n text: \"Servicio Modificado Correctamente\",\r\n type: 'success',\r\n confirmButtonText: 'Ok',\r\n target: context.current\r\n });\r\n\r\n } catch (err) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: err,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n target: context.current\r\n });\r\n }\r\n }\r\n const obtenerServiciosYTareas = async () => {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/getServiciosTareas/getSevicios`);\r\n setServicios(request.data);\r\n } catch (err) {\r\n Swal.fire({\r\n title: 'Error',\r\n text: \"Error al obtener los estados:\", err,\r\n type: 'error',\r\n confirmButtonText: 'Ok',\r\n target: context.current\r\n });\r\n }\r\n };\r\n\r\n const getMuiTheme = () => createMuiTheme({\r\n overrides: {\r\n MUIDataTable: {\r\n responsiveScrollMaxHeight: {\r\n maxHeight: 'unset !important',\r\n }\r\n },\r\n MUIDataTableBodyRow: {\r\n root: {\r\n '&:nth-child(odd)': {\r\n backgroundColor: '#f8f8f8'\r\n }\r\n }\r\n },\r\n }\r\n });\r\n\r\n const HeadersListaPedidos = [\r\n { label: \"Codigo\", name: \"Codigo\", options: { filter: true } },\r\n { label: \"TipoServicio\", name: \"TipoServicio\", options: { filter: true } },\r\n { label: \"ProximaEjecucionEnvio\", name: \"ProximaEjecucionEnvio\", options: { filter: true } },\r\n { label: \"UltimaEjecucionEnvio\", name: \"UltimaEjecucionEnvio\", options: { filter: true } },\r\n { label: \"ProximaEjecucionGenerarArchivo\", name: \"ProximaEjecucionGenerarArchivo\", options: { filter: true } },\r\n { label: \"UltimaEjecucionGenerarArchivo\", name: \"UltimaEjecucionGenerarArchivo\", options: { filter: true } },\r\n { label: \"Automatico\", name: \"Automatico\", options: { filter: true } },\r\n { label: \"Activo\", name: \"Activo\", options: { filter: true } },\r\n { label: \"Numero de ejecucion\", name: \"NumeroEjecucion\", options: { filter: true } },\r\n { label: \"Acciones\", name: \"acciones\", options: { filter: true } },\r\n ];\r\n\r\n const Data = () => {\r\n return servicios.map(p => (\r\n [\r\n p.Codigo,\r\n p.TipoServicio,\r\n moment(p.ProximaEjecucionEnvio).format(\"DD/MM/YYYY hh:mm a\"),\r\n moment(p.UltimaEjecucionEnvio).format(\"DD/MM/YYYY hh:mm a\"),\r\n moment(p.ProximaEjecucionGenerarArchivo).format(\"DD/MM/YYYY hh:mm a\"),\r\n moment(p.UltimaEjecucionGenerarArchivo).format(\"DD/MM/YYYY hh:mm a\"),\r\n p.Automatico.toString(),\r\n p.Activo.toString(),\r\n p.NumeroEjecucion,\r\n \r\n
\r\n {currentRow ? 'Editar ejecucion' : `Agregar Ejecucion de tarea ${moduloId}`}
\r\n \r\n\r\n \r\n
\r\n\r\n ]\r\n ));\r\n };\r\n\r\n const DatatableOptions = {\r\n filter: true,\r\n filterType: \"dropdown\",\r\n responsive: \"standard\",\r\n print: false,\r\n download: false,\r\n selectableRows: 'none',\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage) => (\r\n \r\n setShowDialog(false)}\r\n fullWidth\r\n maxWidth=\"lg\"\r\n PaperProps={{\r\n style: {\r\n margin: 0,\r\n maxHeight: '100%',\r\n minHeight: '80vh',\r\n },\r\n }}\r\n >\r\n Configuraciones Servicio \r\n \r\n\r\n {showDialog &&\r\n\r\n \r\n \r\n \r\n \r\n \r\n Codigo\r\n \r\n \r\n \r\n \r\n TipoServicio\r\n \r\n \r\n\r\n \r\n \r\n Numero Ejecucion\r\n \r\n \r\n\r\n \r\n \r\n Ultima Ejecucion Envio\r\n \r\n \r\n\r\n \r\n ReIntentar \r\n { setReIniciar(!reIniciar); setProximaEjecucionEnvioDisable(!proximaEjecucionEnvioDisable) }}\r\n />\r\n }\r\n label=\"ReIniciar Envio\"\r\n />\r\n \r\n\r\n \r\n \r\n Proxima Ejecucion Envio\r\n \r\n { //setProximaEjecucionEnvio(date)\r\n if (date) {\r\n // Crear una nueva instancia de Date\r\n const updatedDate = new Date(date);\r\n // Establecer la hora a las 12:00 AM en la zona horaria local\r\n updatedDate.setHours(0, 0, 0, 0);\r\n\r\n // Convertir a formato ISO ajustado a UTC-6 (Honduras)\r\n const utcDate = new Date(updatedDate.getTime() - (6 * 60 * 60 * 1000)); // Ajustar a UTC-6\r\n const formattedDate = utcDate.toISOString().replace('Z', ''); // Quitar la 'Z' que indica UTC\r\n\r\n // Guardar la fecha en el formato \"2024-10-24T06:00:00\"\r\n setProximaEjecucionEnvio(formattedDate);\r\n }\r\n }}\r\n />\r\n \r\n\r\n \r\n \r\n Ultima Ejecucion Generar Archivo\r\n \r\n \r\n\r\n \r\n ReIntentar \r\n { setReIniciarGenerarcionArchivo(!reIniciarGenerarcionArchivo); setProximaEjecucionGenerarArchivoDisable(!proximaEjecucionGenerarArchivoDisable); }}\r\n />\r\n }\r\n label=\"ReIniciar Generarcion Archivo\"\r\n />\r\n \r\n\r\n \r\n \r\n Proxima Ejecucion Generar Archivo\r\n \r\n {\r\n if (date) {\r\n if (date) {\r\n // Crear una nueva instancia de Date\r\n const updatedDate = new Date(date);\r\n // Establecer la hora a las 12:00 AM en la zona horaria local\r\n updatedDate.setHours(0, 0, 0, 0);\r\n\r\n // Convertir a formato ISO ajustado a UTC-6 (Honduras)\r\n const utcDate = new Date(updatedDate.getTime() - (6 * 60 * 60 * 1000)); // Ajustar a UTC-6\r\n const formattedDate = utcDate.toISOString().replace('Z', ''); // Quitar la 'Z' que indica UTC\r\n\r\n // Guardar la fecha en el formato \"2024-10-24T06:00:00\"\r\n setProximaEjecucionGenerarArchivo(formattedDate);\r\n }\r\n }\r\n }}\r\n />\r\n \r\n\r\n\r\n \r\n \r\n Descripcion\r\n \r\n \r\n \r\n AutomƔtico \r\n \r\n \r\n Activo \r\n \r\n\r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n );\r\n};\r\n","import React from 'react'\r\nimport { STATE_LOGIN } from 'components/Authorize/AuthForm'\r\nimport componentQueries from 'react-component-queries'\r\nimport { BrowserRouter as Router, Redirect, Switch } from 'react-router-dom'\r\nimport { SnackbarProvider } from 'notistack'\r\nimport { getGeopostion } from './utils/geopostioning'\r\n\r\n// pages\r\nimport { EmptyLayout, LayoutRoute, MainLayout } from 'components/Layout'\r\nimport AuthModalPage from 'containers/Authorize/AuthModalPage'\r\nimport AuthPage from 'containers/Authorize/AuthPage'\r\nimport Pedidos from 'containers/Pedidos/Pedidos'\r\nimport { RecolocacionPedido } from 'containers/RecolocacionPedido/RecolocacionPedido'\r\nimport { Inventario } from 'containers/Inventario/Inventario'\r\nimport Recibos from 'containers/Recibos/Recibos'\r\nimport Fotografia from 'containers/Fotografias/Fotografias'\r\nimport CuentaCorriente from 'containers/CuentaCorriente/CuentaCorriente'\r\nimport EstadisticaVisita from 'containers/EstadisticaVisita/EstadisticaVisita'\r\nimport CoordenadasGlobal from 'containers/Coordenadas/CoordenadasGlobal'\r\nimport ListaPedidos from 'containers/ListaPedidos/ListaPedidos'\r\nimport ListaRecibos from 'containers/ListaRecibos/ListaRecibos'\r\nimport AsignacionPage from 'containers/Asignacion/Asignacion'\r\nimport AgendaPage from 'containers/Agenda/Agenda'\r\nimport Sincronizacionlista from 'containers/Sincronizacion/Sincronizacionlista'\r\nimport SincronizacionListaMonitor from 'containers/Sincronizacion/SincronizacionListaMonitor'\r\nimport './styles/reduction.scss'\r\nimport './App.css'\r\nimport { Mantenimiento } from 'containers/Seguridad/Mantenimiento/Mantenimiento'\r\nimport { Relacional } from 'containers/Seguridad/Relacional/Relacional';\r\nimport { Home } from 'containers/Home/Home';\r\nimport { ListaPedidosPendientes } from 'containers/ListaPedidos/ListaPedidosPendientes';\r\nimport { ListaPedidosFlotante } from 'containers/ListaPedidos/ListaPedidosFlotante';\r\nimport { ListaReciboPendiente } from 'containers/ListaRecibos/ListaReciboPendiente';\r\nimport { ListaReciboCreditos } from 'containers/ListaRecibos/ListaReciboCreditos';\r\nimport { Cartera } from 'containers/Cartera/Cartera';\r\nimport { CoordenadasAsesor } from 'containers/Coordenadas/CoordenadasAsesor';\r\nimport BandejaSalida from 'containers/ListaPedidos/BandejaSalida';\r\nimport BadejaSalidaRecibos from 'containers/ListaRecibos/BadejaSalidaRecibos';\r\nimport { ListaRecibosFlotante } from 'containers/ListaRecibos/ListaRecibosFlotante';\r\nimport { SincronizacionColeccionEspecifica } from 'containers/Sincronizacion/SincronizacionColeccionEspecifica'\r\nimport { SincronizacionCliente } from 'containers/Sincronizacion/SincronizacionCliente'\r\nimport { ReconstruccionRuta } from 'containers/ReconstruccionRuta/ReconstruccionRuta'\r\nimport { getLocalStorage, verificarConexion } from 'utils/http';\r\nimport { MantenimientoEncuesta } from 'containers/Encuestas/MantenimientoEncuesta/MantenimientoEncuesta'\r\nimport Encuestas from 'containers/Encuestas/Encuestas'\r\nimport axios from 'axios'\r\nimport { APIURL, APP_VERSION } from 'utils/Enviroment'\r\nimport { EncuestasResueltas } from 'containers/Encuestas/EncuestasResueltas'\r\nimport { PaqueteBodega } from 'containers/PaqueteBodega/PaqueteBodega'\r\nimport { SitioBodega } from 'containers/SitioBodega/SitioBodega'\r\nimport { AlmacenSitio } from 'containers/AlmacenSitio/AlmacenSitio'\r\nimport { ListaReciboProforma } from 'containers/ListaRecibos/ListaRecibosProforma';\r\nimport { Ubicaciones } from 'containers/Ubicaciones/Ubicaciones';\r\nimport { Devoluciones } from 'containers/Devoluciones/Devoluciones';\r\nimport { MotivosDevolucion } from 'components/Devoluciones/MotivosDevolucion/MotivosDevolucion';\r\nimport { ListadoDevolucion } from 'containers/Devoluciones/ListadoDevolucion/ListadoDevolucion';\r\nimport { ListadoInventario } from 'containers/Inventario/ListadoInventario';\r\nimport { AprobacionDevolucion } from 'containers/Devoluciones/ListadoDevolucion/AprobacionDevoluciones';\r\nimport { ListadoDevolucionPendiente } from 'containers/Devoluciones/ListadoDevolucion/ListadoDevolucionPendiente'\r\nimport { AcuerdosVenta } from 'containers/AcuerdosVenta/AcuerdoVenta'\r\nimport { RazonesNoVenta } from 'containers/Agenda/RazonesNoVenta/RazonesNoVenta'\r\nimport { MantenimientoGastosAsesores } from 'containers/GastosAsesores/MantenimientoGastos/MantenimientoGastosAsesores';\r\nimport GastosPendientes from 'containers/GastosAsesores/GastosPendientes'\r\nimport Gastos from 'containers/GastosAsesores/Gastos'\r\nimport GastosNoSync from 'containers/GastosAsesores/GastosNoSync'\r\nimport { CategoriaGasto } from 'components/GastoAsesores/CategoriaGasto/CategoriaGasto'\r\nimport { GrupoImpuesto } from 'components/GastoAsesores/GrupoImpuestos/GrupoImpuesto'\r\nimport GastosRechazar from 'containers/GastosAsesores/GastosRechazar'\r\nimport { SeguimientoCalidad } from 'containers/Devoluciones/ListadoDevolucion/SeguimientoCalidad'\r\nimport { SincronizacionEspecifica } from 'containers/Sincronizacion/SincronizacionEspecifica'\r\nimport { FirmaPantalla } from 'containers/Seguridad/Firmas/FirmaPantalla'\r\nimport { MotivosTiempoFuera } from 'containers/Agenda/MotivoTiempoFuera/MotivoTiempoFuera'\r\nimport { TiemposFuera } from 'containers/Agenda/TiemposFuera/TiemposFuera'\r\nimport { BaseColorImpuesto } from 'containers/BaseColorImpuesto/BaseColorImpuesto'\r\nimport { ClasficacionProductos } from 'containers/Devoluciones/ClasificacionProductos'\r\nimport { InventarioEspecifico } from 'containers/InventarioEspecifico/InventarioEspecifico'\r\nimport { ListadoReportesVisita } from 'containers/IncidenciaVisita/ListadoIncidenciaVisita'\r\nimport { CorreosMain } from 'containers/Correo/ListadoModulos'\r\nimport { MailServicios } from 'containers/Correo/ListaMailServicios';\r\nimport { MailCorreos } from 'containers/Correo/ListaMailCorreos';\r\nimport { MailEjecucion } from 'containers/Correo/ListaEjecucionCorreos';\r\nimport {ListadoSTP} from 'containers/ServiciosYTareasProgramadas/ListadoSTP';\r\n\r\nconst isLogged = () => {\r\n var token = localStorage.getItem('token')\r\n if (token !== null && token !== '') {\r\n return true\r\n }\r\n return false\r\n // localStorage.setItem(id, JSON.stringify(array));\r\n}\r\n\r\nconst App = props => {\r\n if (isLogged()) {\r\n window.setInterval(() => {\r\n getGeopostion()\r\n }, 60000)\r\n\r\n const cargarConfiguraciones = async () => {\r\n if (localStorage.getItem(\"Operando\") === \"Si\") {\r\n return;\r\n }\r\n if (verificarConexion()) {\r\n try {\r\n const request = await axios.get(`${APIURL}/api/configuraciones`);\r\n if (request.data.APP_VERSION !== APP_VERSION) {\r\n if (!window.location.href.includes(\"Pedidos\")) {\r\n window.location.href = \"/home\";\r\n }\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n }\r\n\r\n setInterval(() => {\r\n if (localStorage.getItem(\"Operando\") === \"Si\") {\r\n return;\r\n }\r\n if (localStorage.getItem(\"SesionObligatorio\") === null || localStorage.getItem(\"SesionObligatorio\") === undefined) {\r\n localStorage.setItem(\"SesionObligatorio\", 1);\r\n localStorage.removeItem(\"token\")\r\n window.location.reload();\r\n }\r\n if (localStorage.getItem(\"UsuarioOficina\") === \"false\") {\r\n let data = getLocalStorage(\"ListaPrecios\");\r\n if (data === null) {\r\n if (!window.location.href.includes(\"home\")) {\r\n window.location.href = \"/home\";\r\n }\r\n }\r\n }\r\n }, (2 * 60 * 1000))\r\n\r\n setInterval(() => {\r\n cargarConfiguraciones();\r\n }, (5 * 60 * 1000))\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n