\n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-label=\"Dashboard\"\n className={classes.buttonLink}\n >\n \n \n \n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-label=\"Person\"\n className={classes.buttonLink}\n >\n \n \n \n
\n );\n}\n","import { Style } from \"@material-ui/icons\";\nimport {\n container,\n defaultFont,\n primaryColor,\n defaultBoxShadow,\n infoColor,\n successColor,\n warningColor,\n dangerColor,\n whiteColor,\n grayColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst headerStyle = () => ({\n appBar: {\n backgroundColor: \"#fff\",\n boxShadow: \"none\",\n borderBottom: \"0 4px 18px 0 rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15)\",\n marginBottom: \"0\",\n position: \"absolute\",\n width: \"100%\",\n paddingTop: \"10px\",\n zIndex: \"1029\",\n color: grayColor[7],\n border: \"0\",\n borderRadius: \"3px\",\n padding: \"10px 0\",\n transition: \"all 150ms ease 0s\",\n minHeight: \"50px\",\n display: \"block\"\n },\n container: {\n ...container,\n minHeight: \"50px\"\n },\n flex: {\n flex: 1\n },\n title: {\n ...defaultFont,\n letterSpacing: \"unset\",\n lineHeight: \"30px\",\n fontSize: \"18px\",\n borderRadius: \"3px\",\n textTransform: \"none\",\n fontWeight: \"700\",\n color: \"inherit\",\n margin: \"0\",\n marginLeft: \"10px\",\n \"&:hover,&:focus\": {\n background: \"transparent\"\n }\n },\n appResponsive: {\n top: \"8px\"\n },\n primary: {\n backgroundColor: primaryColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n info: {\n backgroundColor: infoColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n success: {\n backgroundColor: successColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n warning: {\n backgroundColor: warningColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n danger: {\n backgroundColor: dangerColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n }\n});\n\nexport default headerStyle;\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Hidden from \"@material-ui/core/Hidden\";\n// @material-ui/icons\nimport Menu from \"@material-ui/icons/Menu\";\n// core components\nimport AdminNavbarLinks from \"./AdminNavbarLinks.js\";\nimport RTLNavbarLinks from \"./RTLNavbarLinks.js\";\nimport Button from \"components/CustomButtons/Button.js\";\n\nimport styles from \"assets/jss/material-dashboard-react/components/headerStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Header(props) {\n const classes = useStyles();\n function makeBrand() {\n var name;\n props.routes.map(prop => {\n if (window.location.href.indexOf(prop.layout + prop.path) !== -1) {\n name = props.rtlActive ? prop.rtlName : prop.name;\n }\n return null;\n });\n return name;\n }\n const { color } = props;\n const appBarClasses = classNames({\n [\" \" + classes[color]]: color\n });\n return (\n \n
\n آمارها
\n\n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-owns={open ? \"menu-list-grow\" : null}\n aria-haspopup=\"true\"\n onClick={handleToggle}\n className={classes.buttonLink}\n >\n \n \n \n \n {({ TransitionProps, placement }) => (\n \n \n \n \n \n محمدرضا به ایمیل شما پاسخ داد\n \n \n شما ۵ وظیفه جدید دارید\n \n \n از حالا شما با علیرضا دوست هستید\n \n \n اعلان دیگر\n \n \n اعلان دیگر\n \n \n \n \n \n )}\n \n
\n \n اعلانها\n
\nحساب کاربری
\n\n {/* Here we create navbar brand, based on route name */}\n
\n \n {makeBrand()}\n
\n - \n {routes.map((prop, key) => {\n var activePro = \" \";\n var listItemClasses;\n if (prop.path === \"/upgrade-to-pro\") {\n activePro = classes.activePro + \" \";\n listItemClasses = classNames({\n [\" \" + classes[color]]: true\n });\n } else {\n listItemClasses = classNames({\n [\" \" + classes[color]]: activeRoute(prop.layout + prop.path)\n });\n }\n const whiteFontClasses = classNames({\n [\" \" + classes.whiteFont]: activeRoute(prop.layout + prop.path)\n });\n return (\n
\n \n 
\n \n
\n );\n return (\n \n
\n \n \n \n {brand}\n \n \n \n {brand}\n \n
\n );\n}\n\nSidebar.propTypes = {\n rtlActive: PropTypes.bool,\n handleDrawerToggle: PropTypes.func,\n bgColor: PropTypes.oneOf([\"purple\", \"blue\", \"green\", \"orange\", \"red\"]),\n logo: PropTypes.string,\n image: PropTypes.string,\n logoText: PropTypes.string,\n routes: PropTypes.arrayOf(PropTypes.object),\n open: PropTypes.bool\n};\n","import React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Grid from \"@material-ui/core/Grid\";\n\nconst styles = {\n grid: {\n padding: \"0 15px !important\"\n }\n};\n\nconst useStyles = makeStyles(styles);\n\nexport default function GridItem(props) {\n const classes = useStyles();\n const { children, ...rest } = props;\n return (\n \n {props.rtlActive ?
\n {image !== undefined ? (\n {links}
\n {image !== undefined ? (\n \n\n {/* \n {upd === true ? \n Relatório Saldos\n : */}\n\n\n \n \n \n \n {/*
\n : <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Dashboard);\n","import {\n successColor,\n whiteColor,\n grayColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst dashboardStyle = {\n successText: {\n color: successColor[0]\n },\n upArrowCardCategory: {\n width: \"16px\",\n height: \"16px\"\n },\n stats: {\n color: grayColor[0],\n display: \"inline-flex\",\n fontSize: \"12px\",\n lineHeight: \"22px\",\n \"& svg\": {\n top: \"4px\",\n width: \"16px\",\n height: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n },\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n top: \"4px\",\n fontSize: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n }\n },\n cardCategory: {\n color: grayColor[0],\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n paddingTop: \"10px\",\n marginBottom: \"0\"\n },\n cardCategoryWhite: {\n color: \"rgba(\" + hexToRgb(whiteColor) + \",.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n cardTitle: {\n color: grayColor[2],\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n cardTitleWhite: {\n color: whiteColor,\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n }\n};\n\nexport default dashboardStyle;\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport api2 from \"../../services/api2\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport Slider from '@material-ui/core/Slider';\nimport exportFromJSON from 'export-from-json'\nimport Loader from \"react-loader-spinner\";\nimport { Checkbox } from '@material-ui/core';\n\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\n\nconst useStyles = makeStyles(styles);\n\nfunction AtualizaFretes(props) {\n const [fretes, setFretes] = useState('');\n const [val, setVal] = useState(0);\n\n const [vet, setVet] = useState([])\n const [origem, setOrigem] = useState('')\n const [destino, setDestino] = useState('')\n\n\n const [U_Jan, setU_Jan] = useState(0)\n const [U_Fev, setU_Fev] = useState(0)\n const [U_Mar, setU_Mar] = useState(0)\n const [U_Abr, setU_Abr] = useState(0)\n const [U_Mai, setU_Mai] = useState(0)\n const [U_Jun, setU_Jun] = useState(0)\n const [U_Jul, setU_Jul] = useState(0)\n const [U_Ago, setU_Ago] = useState(0)\n const [U_Set, seU_Set] = useState(0)\n const [U_Out, seU_Out] = useState(0)\n const [U_Nov, setU_Nov] = useState(0)\n const [U_Dez, setU_Dez] = useState(0)\n\n const [C_Jan, setC_Jan] = useState(true)\n const [C_Fev, setC_Fev] = useState(true)\n const [C_Mar, setC_Mar] = useState(true)\n const [C_Abr, setC_Abr] = useState(true)\n const [C_Mai, setC_Mai] = useState(true)\n const [C_Jun, setC_Jun] = useState(true)\n const [C_Jul, setC_Jul] = useState(true)\n const [C_Ago, setC_Ago] = useState(true)\n const [C_Set, setC_Set] = useState(true)\n const [C_Out, setC_Out] = useState(true)\n const [C_Nov, setC_Nov] = useState(true)\n const [C_Dez, setC_Dez] = useState(true)\n\n const [origems, setOrigems] = useState('')\n const [destinos, setDestinos] = useState('')\n const [origemF, setOrigemF] = useState('')\n const [destinoF, setDestinoF] = useState('')\n const [destinosInsert, setDestinosInsert] = useState('')\n const [valFiltro, setValFiltro] = useState(0)\n const [value, setValue] = useState([0, 100]);\n const [fretesAux, setFretesAux] = useState('')\n const [max, setMax] = useState(0)\n const [wait, setWait] = useState(false)\n const classes = useStyles();\n const [permitido, setPermitido] = useState(false)\n const [statusUpdate, setStatusUpdate] = useState('')\n useEffect(() => {\n async function apicall() {\n try {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('tabelaFretes', props))\n\n const respose_dest = await api2.get(\"/returnOr\", { params: { userId: getUser(), token: getToken() } })\n setOrigems(respose_dest.data)\n\n const respose_dest2 = await api2.get(\"/returnDes\", { params: { userId: getUser(), token: getToken() } })\n setDestinos(respose_dest2.data)\n\n const response_fretes = await api2.get(\"/returnFretes\", { params: { origens: 'no', destinos: 'no', userId: getUser(), token: getToken(), 'app': 1 } });\n setFretes(response_fretes.data)\n setFretesAux(response_fretes.data)\n\n const maxDay = response_fretes.data.length > 0 && response_fretes.data[0].maxDay ? response_fretes.data[0].maxDay : 0;\n setMax(maxDay)\n setValue([0, maxDay])\n\n const respose_destinos_insert = await api2.get(\"/returnDestinosInsert\", { params: { userId: getUser(), token: getToken() } })\n setDestinosInsert(respose_destinos_insert.data)\n\n const response_status_atualizacao = await api2.get(\"/statusAtualizacaoFretes\", { params: { userId: getUser(), token: getToken() } })\n setStatusUpdate(response_status_atualizacao.data)\n console.log(response_status_atualizacao.data)\n } catch (error) {\n console.error(\"Error during API call:\", error)\n // Handle the error accordingly, e.g., show a notification to the user\n }\n }\n apicall()\n }, []);\n const fretesFF = () => {\n const data = fretes\n const fileName = 'Fretes'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n async function ModificaFretesMassa() {\n let auxO = ''\n Object.keys(origemF).forEach(\n (item) => (auxO = auxO + item + '#' + origemF[item] + ';')\n )\n let auxD = ''\n Object.keys(destinoF).forEach(\n (item) => (auxD = auxD + item + '#' + destinoF[item] + ';')\n )\n if (auxO === '') { auxO = 'no' }\n if (auxD === '') { auxD = 'no' }\n alert('Atualizando fretes!')\n const response_fretes = await api2.get(\"/updateAll\", {\n params: {\n val, origens: auxO, destinos: auxD, C_Jan,\n C_Fev,\n C_Mar,\n C_Abr,\n C_Mai,\n C_Jun,\n C_Jul,\n C_Ago,\n C_Set,\n C_Out,\n C_Nov,\n C_Dez,\n userId: getUser(),\n token: getToken()\n }\n });\n\n if (response_fretes.data === 'NOK') {\n alert('Falha ao atualizar fretes')\n } else {\n alert('Fretes atualizados com sucesso')\n const response_fretes = await api2.get(\"/returnFretes\", { params: { origens: auxO, destinos: auxD, userId: getUser(), token: getToken(), 'app': 1 } });\n setFretes(response_fretes.data)\n }\n }\n\n function montaUpdate(val, coluna, numero, or, des) {\n let aux = vet\n\n aux[numero + '+' + coluna + '+' + or + '+' + des] = val\n setVet(aux)\n\n\n }\n\n async function atualizaPdfFretes() {\n const response_PDF = await api2.get(\"/genPdfFretes\", { params: { userId: getUser(), token: getToken() } });\n if (response_PDF.data === 'NOK') {\n alert('Falha ao atualizar PDF')\n } else {\n alert('PDF atualizado com sucesso')\n }\n }\n\n async function AtualizaPontual() {\n setWait(true)\n alert('Atualizando fretes!')\n let aux = ''\n Object.keys(vet).forEach(\n (item) => (aux = aux + item + '#' + vet[item] + ';')\n )\n\n const response_fretes = await api2.get(\"/atualizaPontual\", { params: { vet: aux, userId: getUser(), token: getToken() } })\n if (response_fretes.data === 'ok') {\n alert('Fretes atualizados com sucesso')\n window.location.reload();\n } else if (response_fretes.data === 'NOK') {\n alert('Erro ao atualizar fretes')\n }\n setWait(false)\n\n }\n async function ModificaFretesFiltro() {\n setWait(true)\n alert('Atualizando fretes utilizando filtros origens->' + origemF + ' e destinos -> ' + destinoF)\n const response_fretes = await api2.get(\"/updateAllFiltro\", {\n params: {\n valFiltro, origens: origemF !== '' ? origemF.join() : '', destinos: destinoF !== '' ? destinoF.join() : '',\n C_Jan,\n C_Fev,\n C_Mar,\n C_Abr,\n C_Mai,\n C_Jun,\n C_Jul,\n C_Ago,\n C_Set,\n C_Out,\n C_Nov,\n C_Dez,\n userId: getUser(),\n token: getToken()\n }\n });\n if (response_fretes.data === 'OK') {\n alert('Fretes atualizados com sucesso')\n window.location.reload();\n } else if (response_fretes.data === 'NOK') {\n alert('Erro ao atualizar fretes')\n }\n setWait(false)\n }\n\n\n async function AdicionaFrete() {\n setWait(true)\n const response_fretes = await api2.get(\"/AdicionaFrete\", {\n params: {\n\n U_Origem: origem,\n U_Destino: destino,\n\n U_Jan,\n U_Fev,\n U_Mar,\n U_Abr,\n U_Mai,\n U_Jun,\n U_Jul,\n U_Ago,\n U_Set,\n U_Out,\n U_Nov,\n U_Dez,\n userId: getUser(),\n token: getToken()\n }\n });\n\n if (response_fretes.data === 'NOK') {\n alert('Falha ao atualizar fretes')\n } else {\n alert('Fretes adicionados com sucesso')\n window.location.reload();\n }\n setWait(false)\n }\n async function PesquisaRotasFiltro() {\n setWait(true)\n let auxO = ''\n Object.keys(origemF).forEach(\n (item) => (auxO = auxO + item + '#' + origemF[item] + ';')\n )\n let auxD = ''\n Object.keys(destinoF).forEach(\n (item) => (auxD = auxD + item + '#' + destinoF[item] + ';')\n )\n if (auxO === '') { auxO = 'no' }\n if (auxD === '') { auxD = 'no' }\n const response_fretes = await api2.get(\"/returnFretes\", { params: { origens: auxO, destinos: auxD, userId: getUser(), token: getToken(), 'app': 1 } });\n setFretes(response_fretes.data)\n setWait(false)\n }\n\n async function limpaFiltro() {\n setFretes(fretesAux)\n setOrigemF('')\n setDestinoF('')\n setValue([0, max])\n }\n\n async function deletaRota(or, ds) {\n const response_delete = await api2.get(\"/deletaRota\", { params: { origem: or, destino: ds, userId: getUser(), token: getToken() } });\n\n if (response_delete.data === 'NOK') {\n alert('Falha ao remover frete')\n } else {\n alert('Fretes removido com sucesso')\n window.location.reload();\n }\n }\n\n\n const handleChange = (event, newValue) => {\n setValue(newValue);\n setFretes(fretes.filter(function (e) {\n return e.daysUpdate >= newValue[0] &&\n e.daysUpdate <= newValue[1]\n\n }))\n };\n const handleChangeOrigin = (newValue) => {\n setOrigemF(newValue)\n setFretes(fretes.filter(function (e) {\n return newValue.includes(e.U_Origem)\n }))\n };\n\n const handleChangeDestino = (newValue) => {\n setDestinoF(newValue)\n\n setFretes(fretes.filter(function (e) {\n return newValue.includes(e.U_Destino)\n }))\n };\n async function atualizaStatus() {\n const response_status_atualizacao = await api2.get(\"/statusAtualizacaoFretes\", { params: { userId: getUser(), token: getToken() } })\n setStatusUpdate(response_status_atualizacao.data)\n }\n return (\n permitido === true ?\n \n {\n window.report = embeddedReport;\n }}\n />\n
\n \n
\n \n
\n\n \n
\n Comercial
\n \n Panorama Carteira/Faturamento\n \n \n Relatório Disponibilidade e localidade de produtos\n \n \n Relatório de Status do pedido\n \n \n Relatório de Vendas.\n \n\n
\n {/* Logística
\n \n Relatório Necessidades Embalagens\n \n \n \n {rel !== '' ? \n \n :\n
\n Clientes
\n \n Relatório Clientes\n \n\n
*/}\n Financeiro
\n \n Relatório Contas a Receber/ Pagar\n \n \n Relatório Monitoramento Cambial\n \n \n Relatório Resumo Geral\n \n\n \n {rel !== '' ?\n \n \n : \n\n
\n \n \n \n
\n
\n | \n DataFaturamento\n | \n\n DocPedido\n | \n\n DataLancamento\n | \n\n NomeGrupo\n | \n\n CidadePedido\n | \n\n BairroPedido\n | \n\n EstadoPedido\n | \n\n FazendaPedido\n | \n\n InicioEntrega\n | \n\n FimEntrega\n | \n\n NFVenda\n | \n\n Deposito\n | \n\n Embalagem\n | \n {prio == '2' ?\n Transportadora\n | : console.log('frete')}\n\n Cliente\n | \n\n VendedorPedido\n | \n\n NomeFilial\n | \n\n Item\n | \n\n CodItem\n | \n\n QtdPedidoPai\n | \n\n QtdPedido\n | \n\n Faturado\n | \n\n Saldo\n | \n\n Carteira\n | \n {prio == '2' ?\n U_UFrete\n | : console.log('frete')}\n {prio == '2' ?\n U_UFrete_Autonomos\n | : console.log('frete')}\n {prio == '2' ?\n FreteTransp\n | : console.log('frete')}\n\n\n TipoFrete\n | \n\n StatusPedido\n | \n\n NumeroPedidoGen\n | \n\n Garantia\n | \n\n Obs\n | \n\n CFOP\n | \n\n UsageName\n | \n {prio == '2' ?\n Placa\n | : console.log('placa')}\n {prio == '2' ?\n Notas_CTE\n | : console.log('notas')}\n {prio == '2' ?\n Total_Pago\n | : console.log('pago')}\n {prio == '2' ?\n Total_ton\n | : console.log('ton')}\n\n DataVencimento\n | \n {prio == '2' ?\n TotalPago\n | : console.log('pago')}\n\n totalPedido\n | \n\n Usage\n | \n\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n {rel[item].DataFaturamento}\n | \n\n {rel[item].DocPedido}\n | \n\n {rel[item].DataLancamento}\n | \n\n {rel[item].NomeGrupo}\n | \n\n {rel[item].CidadePedido}\n | \n\n {rel[item].BairroPedido}\n | \n\n {rel[item].EstadoPedido}\n | \n\n {rel[item].FazendaPedido}\n | \n\n {rel[item].InicioEntrega}\n | \n\n {rel[item].FimEntrega}\n | \n\n {rel[item].NFVenda}\n | \n\n {rel[item].Deposito}\n | \n\n {rel[item].Embalagem}\n | \n {prio == '2' ?\n {rel[item].Transportadora}\n | : console.log('t')}\n\n {rel[item].Cliente}\n | \n\n {rel[item].VendedorPedido}\n | \n\n {rel[item].NomeFilial}\n | \n\n {rel[item].Item}\n | \n\n {rel[item].CodItem}\n | \n\n {rel[item].QtdPedidoPai}\n | \n\n {rel[item].QtdPedido}\n | \n\n {rel[item].Faturado}\n | \n\n {rel[item].Saldo}\n | \n\n {rel[item].Carteira}\n | \n {prio === '2' ?\n {rel[item].U_UFRETE}\n | : console.log('1')}\n {prio === '2' ?\n {rel[item].U_UFrete_Autonomos}\n | : console.log(1)}\n {prio === '2' ?\n {rel[item].FreteTransp}\n | : console.log(1)}\n\n {rel[item].TipoFrete}\n | \n\n {rel[item].StatusPedido}\n | \n\n {rel[item].NumeroPedidoGen}\n | \n\n {rel[item].Garantia}\n | \n\n {rel[item].Obs}\n | \n\n {rel[item].CFOP}\n | \n\n {rel[item].UsageName}\n | \n {prio === '2' ?\n {rel[item].Placa}\n | : console.log('1')}\n {prio === '2' ?\n {rel[item].Notas_CTE}\n | : console.log('1')}\n {prio === '2' ?\n {rel[item].Total_Pago}\n | : console.log('1')}\n {prio === '2' ?\n {rel[item].Total_ton}\n | : console.log('1')}\n\n {rel[item].DataVencimento}\n | \n {prio === '2' ?\n {rel[item].TotalPago}\n | : console.log(1)}\n\n {rel[item].totalPedido}\n | \n\n {rel[item].Usage}\n | \n
\n \n {compArm !== '' ?\n \n \n : \n\n
*/}\n \n \n \n
\n
\n | \n docentry\n | \n\n cardname\n | \n\n NomeFilial\n | \n\n docdate\n | \n\n pymntgroup\n | \n\n usage\n | \n\n Code\n | \n\n Tipo de Frete\n | \n\n serial\n | \n\n pricebefdi\n | \n\n DocRate\n | \n\n Status\n | \n\n State\n | \n\n\n Qtd. devolvida\n | \n\n quantity\n | \n\n doctotal\n | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n {compArm[item].docentry}\n | \n\n {compArm[item].cardname}\n | \n\n {compArm[item].NomeFilial}\n | \n\n {compArm[item].docdate}\n | \n\n {compArm[item].pymntgroup}\n | \n\n {compArm[item].usage}\n | \n\n {compArm[item].Code}\n | \n\n {compArm[item]['Tipo de Frete']}\n | \n\n {compArm[item].serial}\n | \n\n {compArm[item].pricebedfi}\n | \n\n {compArm[item].DocRate}\n | \n\n {compArm[item].Status}\n | \n\n {compArm[item].State}\n | \n\n\n {compArm[item]['Qtd. devolvida']}\n | \n\n {compArm[item].quantity}\n | \n\n {compArm[item].doctotal}\n | \n\n
\n \n \n {origems !== '' ? option}\n style={{ width: 200, marginTop: 36 }}\n onChange={(e, v) => handleChangeOrigin(v)}\n value={origemF === '' ? [] : origemF}\n renderInput={(params) => (\n \n \n {destinos !== '' ? option}\n style={{ width: 200, marginTop: 36 }}\n onChange={(e, v) => handleChangeDestino(v)}\n value={destinoF === '' ? [] : destinoF}\n renderInput={(params) => (\n \n \n {value[1] !== 100 ? \n \n \n \n\n \n \n \n \n \n \n \n \n setVal(e.target.value)} />\n \n \n \n \n\n \n \n \n setValFiltro(e.target.value)} />\n \n \n \n \n \n \n \n \n \n PDF com Fretes\n \n \n {fretes !== '' ? \n \n : \n\n \n \n \n \n
: <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AtualizaFretes);\n","import React, { useEffect, useState } from \"react\";\n\n// @material-ui/core\nimport { makeStyles } from \"@material-ui/core/styles\";\n// core components\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport { TextField } from \"@material-ui/core\";\n\nimport api2 from \"../../services/api2\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\n\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Loader from \"react-loader-spinner\";\nimport MuiPhoneInput from 'material-ui-phone-number';\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\nfunction getList() {\n const list = localStorage.getItem('list')\n if (list === null) {\n return []\n }\n else {\n return JSON.parse(list)\n }\n\n}\nconst useStyles = makeStyles(styles);\n\nfunction SmsSend(props) {\n const [message, setMessage] = useState('');\n const [prod, setProd] = useState('');\n const [pedido, setPedido] = useState('')\n const [placa, setPlaca] = useState('')\n const [number, setNumber] = useState('')\n const [nome, setNome] = useState('')\n const [list, setList] = useState([])\n const [po, setPo] = useState('')\n const classes = useStyles();\n const [permitido, setPermitido] = useState(false)\n\n useEffect(() => {\n setList(getList())\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('sms', props))\n\n const response_po = await api2.get('/returnProductionOrders', { params: { userId: getUser(), token: getToken() } })\n setPo(response_po.data)\n }\n fetchMyAPI();\n\n }, []);\n\n async function smsLista(index, num, placa, pedido, produto, nome) {\n console.log(123)\n let msg = nome + ' , caminhão de placa ' + placa + ' favor se dirigir para a área de carregamento'\n console.log(msg)\n const response_materias = await api2.get(\"/sendMessage\", {\n params: {\n message: msg,\n number: num,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_materias.data === 'NOK') {\n alert('Erro ao enviar SMS!')\n } else {\n let aux = list\n aux.splice(index, 1)\n localStorage.setItem('list', JSON.stringify(aux))\n alert('SMS enviado com sucesso!')\n window.location.reload();\n }\n }\n async function removeLista(index) {\n let aux = list\n aux.splice(index, 1)\n console.log(aux, list, index)\n localStorage.setItem('list', JSON.stringify(aux))\n alert('SMS removido com sucesso!')\n window.location.reload();\n }\n async function fetchapi2() {\n console.log(123)\n let msg = nome + ' , caminhão de placa ' + placa + ' favor se dirigir para a área de carregamento'\n console.log(msg)\n if (placa === '' || number === '') {\n alert('preencha todos os campos!')\n return\n }\n const response_materias = await api2.get(\"/sendMessage\", {\n params: {\n message: msg,\n number: number,\n userId: getUser(),\n token: getToken()\n },\n });\n\n if (response_materias.data === 'NOK') {\n alert('Erro ao enviar SMS!')\n } else {\n alert('SMS enviado com sucesso!')\n window.location.reload();\n }\n }\n\n async function sendSmsPO(nome, telefone, produto, placa, qtd, docEntry, countSms) {\n console.log(123)\n let msg = nome + ' , caminhão de placa ' + placa + ' favor se dirigir para a área de carregamento, Produto: ' + produto + ' Quantidade: ' + qtd + ' ton'\n console.log(msg)\n if (placa === '' || telefone === '') {\n alert('preencha todos os campos!')\n return\n }\n const response_materias = await api2.get(\"/sendMessage\", {\n params: {\n message: msg,\n number: telefone,\n userId: getUser(),\n token: getToken()\n },\n });\n\n if (response_materias.data === 'NOK') {\n alert('Erro ao enviar SMS!')\n } else {\n alert('SMS enviado com sucesso!')\n const response_increment = await api2.get(\"/incrementaContSmsPO\", {\n params: {\n docEntry: docEntry,\n countSms: countSms,\n cellphone: telefone,\n userId: getUser(),\n token: getToken()\n },\n });\n\n window.location.reload();\n }\n }\n async function ignoraPO(docEntry, telefone) {\n\n\n const response_ignora = await api2.get(\"/ignoraPO\", {\n params: {\n docEntry,\n cellphone: telefone,\n userId: getUser(),\n token: getToken()\n },\n });\n\n if (response_ignora.data === 'NOK') {\n alert('Erro ao ignorar OP!')\n } else {\n alert('OP ignorada com sucesso!')\n\n window.location.reload();\n }\n }\n\n function insertList() {\n let aux = []\n if (placa === '' || number === '') {\n alert('preencha tudo')\n return\n }\n\n aux = [...list, JSON.stringify({ 'pedido': pedido, 'placa': placa, 'produto': prod, 'numero': number, 'nome': nome })]\n\n alert('Adicionado a lista com sucesso!')\n localStorage.setItem('list', JSON.stringify(aux))\n window.location.reload();\n\n }\n return (\n permitido === true ?\n \n {statusUpdate !== '' ?
\n Status : {statusUpdate[0].status == '0'\n ? 'Nenhuma operação sendo realizada'\n : 'Atualizando fretes ' + statusUpdate[0].atual + '/' + statusUpdate[0].quantidade}
\n :\n {fretes !== '' ? \n \n
:
\n\n | \n\n Origem\n | \n\n Destino\n | \n\n SubRegiao (Raio - KM)\n | \n\n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n Ultima Atualização\n | \n|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n\n {fretes[item].U_Origem + '-' + fretes[item].U_UF_Origem}\n\n | \n\n {fretes[item].U_Destino + '-' + fretes[item].U_UF_Destino}\n | \n\n {fretes[item].U_SubRegiao}\n | \n\n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Jan} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Fev} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Mar} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Abr} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Mai} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Jun} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Jul} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Ago} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Set} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Out} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Nov} }\n\n | \n \n {fretes[item].U_SubRegiao === 25 ?\n {fretes[item].U_Dez} }\n\n | \n\n\n\n \n {fretes[item].daysUpdate}\n\n | \n\n {fretes[item].U_SubRegiao === 25 ?\n \n : }\n\n | \n
Filtro Origens = {origemF === '' ? '' : origemF.join(',')}
\nFiltro Destinos = {destinoF === '' ? '' : destinoF.join(',')}
\n\n \n \n
\n \n \n \n\n
\n | \n Origem\n | \n\n Destino\n | \n\n\n Janeiro\n | \n\n Feveiro\n | \n\n Março\n | \n\n Abril\n | \n\n Maio\n | \n\n Junho\n | \n\n Julho\n | \n\n Agosto\n | \n\n Setembro\n | \n\n Outubro\n | \n\n Novembro\n | \n\n Dezembro\n | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n {destinosInsert !== '' ? | \n\n \n {destinosInsert !== '' ? | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n\n\n
\n \n \n \n \n \n \n
: <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SmsSend);\n","import {\n blackColor,\n whiteColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardStyle = {\n card: {\n border: \"0\",\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: \"6px\",\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.87)\",\n background: whiteColor,\n width: \"100%\",\n boxShadow: \"0 1px 4px 0 rgba(\" + hexToRgb(blackColor) + \", 0.14)\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n minWidth: \"0\",\n wordWrap: \"break-word\",\n fontSize: \".875rem\"\n },\n cardPlain: {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n cardProfile: {\n marginTop: \"30px\",\n textAlign: \"center\"\n },\n cardChart: {\n \"& p\": {\n marginTop: \"0px\",\n paddingTop: \"0px\"\n }\n }\n};\n\nexport default cardStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Card(props) {\n const classes = useStyles();\n const { className, children, plain, profile, chart, ...rest } = props;\n const cardClasses = classNames({\n [classes.card]: true,\n [classes.cardPlain]: plain,\n [classes.cardProfile]: profile,\n [classes.cardChart]: chart,\n [className]: className !== undefined\n });\n return (\n \n setNumber(e)}\n value={number}\n required\n label='Telefone'\n />\n\n\n
\n SmsSend
\n\n setNome(e.target.value)} />\n
\n \n setProd(e.target.value)} />\n
\n \n\n setPlaca(e.target.value)} />\n
\n \n\n setPedido(e.target.value)} />\n
\n - \n {list.length !== 0 ?\n Object.keys(list).map((index, item) =>\n
Ordens de produção
\n- \n {po.length !== 0 ?\n Object.keys(po).map((index, item) =>\n
\n {po[index].ProdName !== '' & po[index].placa !== '' & po[index].codMotorista !== '' & po[index].telefone !== '' ?\n
\n \n \n \n
\n :\n Campos não encontrados no sistema:
{po[index].ProdName === '' ?
Nome do produto
Nome do motorista
Placa do caminhã
Telefone do motorista
Quantidade a ser carregada
\n {children}\n
\n );\n}\n\nCard.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node\n};\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\n\nimport Card from \"components/Card/Card.js\";\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport { TextField } from \"@material-ui/core\";\n\nimport api2 from \"../../services/api2\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\n\n\nconst useStyles = makeStyles(styles);\n\nfunction Emprestimos(props) {\n const [valorUs, setValorUs] = useState(0);\n const [vcto, setVcto] = useState(\"\");\n const [fornecedor, setFornecedor] = useState(\"\")\n const [emprestimos, setEmprestimos] = useState({})\n const [totals, setTotals] = useState('')\n const [changeData, setChangeData] = useState('')\n const [changeValue, setChangeValue] = useState(0)\n const classes = useStyles();\n const [permitido, setPermitido] = useState(false)\n\n useEffect(() => {\n async function fetchMyapi2() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('emprestimos', props))\n const response = await api2.get(\"/retornaDadosEmprestimos\", { params: { userId: getUser(), token: getToken() } });\n setEmprestimos(response.data);\n const response_totals = await api2.get('/retornaDadosEmprestimosSum', { params: { userId: getUser(), token: getToken() } });\n setTotals(response_totals.data)\n }\n fetchMyapi2();\n }, []);\n\n async function fetchapi2() {\n const response_materias = await api2.get(\"/salvaDadosEmprestimos\", {\n params: {\n fornecedor,\n data: vcto,\n valorUs,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_materias.data === 'NOK') {\n alert('Erro ao adicionar emprestimo!')\n } else {\n alert('emprestimo adicionada com sucesso!')\n window.location.reload();\n }\n }\n async function deleteDados(rowid) {\n const response_materias = await api2.get(\"/deleteDadosEmprestimos\", {\n params: {\n rowid,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_materias.data === 'NOK') {\n alert('Erro ao deletar Emprestimo!')\n } else {\n alert('Emprestimo deletada com sucesso!')\n window.location.reload();\n }\n }\n async function modificaEmprestimo(rowid) {\n const response_materias = await api2.get(\"/alteraDadosEmprestimos\", {\n params: {\n rowid: rowid,\n data: changeData,\n valor: changeValue,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_materias.data === 'NOK') {\n alert('Erro ao alterar Emprestimo!')\n } else {\n alert('Emprestimo modificada com sucesso!')\n window.location.reload();\n }\n setChangeData('')\n setChangeValue(0)\n }\n const alteraNDF = (e, v) => {\n if (v === 'data') {\n setChangeData(e)\n } else if (v === 'valor') {\n setChangeValue(e)\n }\n }\n return (\n permitido === true ?\n \n \n \n \n {/* \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n */}\n \n \n \n\n \n \n \n
\n \n \n\n \n\n {/* */}\n\n
: <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Emprestimos);\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n whiteColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardHeaderStyle = {\n cardHeader: {\n padding: \"0.75rem 1.25rem\",\n marginBottom: \"0\",\n borderBottom: \"none\",\n background: \"transparent\",\n zIndex: \"3 !important\",\n \"&$cardHeaderPlain,&$cardHeaderIcon,&$cardHeaderStats,&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n margin: \"0 15px\",\n padding: \"0\",\n position: \"relative\",\n color: whiteColor\n },\n \"&:first-child\": {\n borderRadius: \"calc(.25rem - 1px) calc(.25rem - 1px) 0 0\"\n },\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n \"&:not($cardHeaderIcon)\": {\n borderRadius: \"3px\",\n marginTop: \"-20px\",\n padding: \"15px\"\n }\n },\n \"&$cardHeaderStats svg\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n textAlign: \"center\",\n width: \"36px\",\n height: \"36px\",\n margin: \"10px 10px 4px\"\n },\n \"&$cardHeaderStats i,&$cardHeaderStats .material-icons\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n width: \"56px\",\n height: \"56px\",\n textAlign: \"center\",\n overflow: \"unset\",\n marginBottom: \"1px\"\n },\n \"&$cardHeaderStats$cardHeaderIcon\": {\n textAlign: \"right\"\n }\n },\n cardHeaderPlain: {\n marginLeft: \"0px !important\",\n marginRight: \"0px !important\"\n },\n cardHeaderStats: {\n \"& $cardHeaderIcon\": {\n textAlign: \"right\"\n },\n \"& h1,& h2,& h3,& h4,& h5,& h6\": {\n margin: \"0 !important\"\n }\n },\n cardHeaderIcon: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n \"& i,& .material-icons\": {\n width: \"33px\",\n height: \"33px\",\n textAlign: \"center\",\n lineHeight: \"33px\"\n },\n \"& svg\": {\n width: \"24px\",\n height: \"24px\",\n textAlign: \"center\",\n lineHeight: \"33px\",\n margin: \"5px 4px 0px\"\n }\n },\n warningCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...warningCardHeader\n }\n },\n successCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...successCardHeader\n }\n },\n dangerCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...dangerCardHeader\n }\n },\n infoCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...infoCardHeader\n }\n },\n primaryCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...primaryCardHeader\n }\n },\n roseCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...roseCardHeader\n }\n }\n};\n\nexport default cardHeaderStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardHeaderStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardHeader(props) {\n const classes = useStyles();\n const { className, children, color, plain, stats, icon, ...rest } = props;\n const cardHeaderClasses = classNames({\n [classes.cardHeader]: true,\n [classes[color + \"CardHeader\"]]: color,\n [classes.cardHeaderPlain]: plain,\n [classes.cardHeaderStats]: stats,\n [classes.cardHeaderIcon]: icon,\n [className]: className !== undefined\n });\n return (\n \n
\n Empréstimos
\n\n setFornecedor(e.target.value)} />\n
\n Fornecedor
\n\n setValorUs(e.target.value)}\n />\n
\n Valor U$ Empréstimo :
\n\n setVcto(e.target.value)} />\n
\n\n Data Vencimento
\n\n \n
\n Email Subscriptions
\nLast Campaign Performance
\n\n
\n Completed Tasks
\nLast Campaign Performance
\n\n
\n | \n Fornecedor\n | \n\n Valor U$\n | \n\n Vencimento\n | \n||
|---|---|---|---|---|
| \n {emprestimos[item].fornecedor}\n | \n\n\n | \n\n \n | \n\n\n \n | \n\n |
| \n {'Total Emprestimos U$'}\n | \n\n\n {totals[0].totalEmprestimos.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n
\n {children}\n
\n );\n}\n\nCardHeader.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\"\n ]),\n plain: PropTypes.bool,\n stats: PropTypes.bool,\n icon: PropTypes.bool,\n children: PropTypes.node\n};\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport Button from \"@material-ui/core/Button\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport { Checkbox } from '@material-ui/core';\nimport GridContainer from \"components/Grid/GridContainer.js\";\n\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport api2 from \"../../services/api2\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nfunction Notas(props) {\n const [operacao, setOpecaracao] = useState(\"Compra\");\n const [cambio, setCambio] = useState(0);\n const [valorUs, setValorUs] = useState(0);\n const [efet, setEfet] = useState(\"\");\n const [notasXp, setNotasXp] = useState('')\n const [totals, setTotals] = useState('')\n const [change, setChange] = useState({})\n const [vetDelete, setVetDelete] = useState([])\n const [permitido, setPermitido] = useState(false)\n const classes = useStyles();\n\n useEffect(() => {\n async function fetchMyapi() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('notas', props))\n const response = await api2.get(\"/retornaDados\", { params: { userId: getUser(), token: getToken() } });\n\n if (response.data.length === 0) { console.log(123) }\n else { setNotasXp(response.data); }\n\n\n const response_totals = await api2.get('/retornaDadosSum', { params: { userId: getUser(), token: getToken() } });\n if (response_totals.data === 'NOK') { console.log(123) }\n else { setTotals(response_totals.data) }\n\n\n }\n fetchMyapi();\n }, []);\n\n\n async function deleteDados(item) {\n const response_materias = await api2.get(\"/deleteDados\", {\n params: {\n operacao: item.operacao,\n cambio: item.cambio,\n valorUs: item.valorUs,\n efet: item.efet,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_materias.data === 'NOK') {\n alert('Erro ao deletar nota!')\n } else {\n alert('Nota deletada com sucesso!')\n window.location.reload();\n }\n }\n async function fetchapi2() {\n const response_materias = await api2.get(\"/salvaDados\", {\n params: {\n operacao,\n cambio,\n valorUs,\n efet,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_materias.data === 'NOK') {\n alert('Erro ao adicionar nota!')\n } else {\n alert('Nota adicionada com sucesso!')\n window.location.reload();\n }\n }\n async function modificaNota(e) {\n const response_materias = await api2.get(\"/alteraDadosNotas\", {\n params: {\n registro: e,\n altera: change,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_materias.data === 'NOK') {\n alert('Erro ao alterar nota')\n } else {\n alert('nota alterada com sucesso!')\n window.location.reload();\n }\n }\n const alteraNota = (e, v) => {\n console.log(e, v)\n let aux = change;\n aux[v] = e;\n setChange(aux)\n console.log(aux)\n }\n\n const montaDelete = (index) => {\n let aux = vetDelete\n index = parseInt(index)\n if (aux[index] === undefined) {\n aux[index] = true\n }\n else {\n aux[index] = !aux[index]\n }\n setVetDelete(aux)\n console.log(aux)\n }\n\n async function deleteTudoNotas(item) {\n let auxO = ''\n Object.keys(vetDelete).forEach(\n (item) => (auxO = auxO + item + '#' + vetDelete[item] + ';')\n )\n\n const response_materias = await api2.get(\"/deleteTudoNotas\", { params: { vetDelete: auxO, userId: getUser(), token: getToken() } });\n if (response_materias.data === 'NOK') {\n alert('Erro ao deletar NDF!')\n } else {\n alert('NDF deletada com sucesso!')\n window.location.reload();\n }\n }\n return (\n permitido === true ?\n \n \n \n \n
\n \n {/* \n\n option.name}\n style={{ width: 300 }}\n onInputChange={(e, v) => setOpecaracao(v)}\n renderInput={(params) => (\n
\n Compra/Venda :
\n\n setCambio(e.target.value)}\n />\n
\n Câmbio Movimentação:
\n\n setValorUs(e.target.value)}\n />\n
\n\n Valor U$ Movimentação :
\n\n setEfet(e.target.value)} />\n
\n Data Efetivação Movimentação
\n\n \n
\n Email Subscriptions
\nLast Campaign Performance
\n\n
\n Completed Tasks
\nLast Campaign Performance
\n\n
\n | \n operacao\n | \ncambio | \n\n valorUs\n | \n\n valorRs\n | \nefet | \n\n|||
|---|---|---|---|---|---|---|---|
| \n {notasXp[item].operacao}\n | \n\n {notasXp[item].cambio}\n | \n\n\n | \n \n {notasXp[item].valorRs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n | \n \n | \n | | \n
| \n {'Média Cambio/Totais'}\n | \n\n {totals[0].cambioMean}\n | \n\n {totals[0].totalUs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {totals[0].totalRs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {''}\n | \n\n
| \n operacao\n | \ncambio | \n\n valorUs\n | \n\n valorRs\n | \nefet | \n\n|||
|---|---|---|---|---|---|---|---|
| \n {notasXp[item].operacao}\n | \n\n {notasXp[item].cambio}\n | \n\n\n | \n \n {notasXp[item].valorRs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n | \n \n | \n | | \n
| \n {'Média Cambio/Totais'}\n | \n\n {totals[0].cambioMean}\n | \n\n {totals[0].totalUs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {totals[0].totalRs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {''}\n | \n\n
Total Geral
\n| \n Média Cambio\n | \n\n Total Us\n | \n\n Total Rs\n | \n\n\n
|---|---|---|
| \n {totals[0].mediaGeral}\n | \n\n {totals[0].totalGeral.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {totals[0].totalGeralRs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n
\n {children}\n
\n );\n}\n\nCardBody.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n children: PropTypes.node\n};\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Select from 'react-select';\n\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\n\nimport PersonIcon from \"@material-ui/icons/Person\";\nimport PaymentIcon from \"@material-ui/icons/Payment\";\nimport LocalShippingIcon from \"@material-ui/icons/LocalShipping\";\nimport AssignmentIcon from \"@material-ui/icons/Assignment\";\nimport HomeIcon from \"@material-ui/icons/Home\";\n\n\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\n\nimport CardBody from \"components/Card/CardBody.js\";\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport Checkbox from '@material-ui/core/Checkbox';\nimport api from \"../../services/api\";\nimport Loader from \"react-loader-spinner\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport MuiPhoneInput from 'material-ui-phone-number';\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\n\nconst useStyles = makeStyles(styles);\n\nfunction Vendas(props) {\n const [clientes, setClientes] = useState('')\n const [itens, setItens] = useState('')\n const [filiais, setFiliais] = useState('')\n const [filial, setFilial] = useState('')\n const [vendedores, setVendedores] = useState('')\n\n\n const [supervisores, setSupervisores] = useState('')\n const [gerentes, setGerentes] = useState('')\n const [cliente, setNomeCliente] = useState('')\n const [codCliente, setCodCliente] = useState('')\n const [insProd, setInsProd] = useState('')\n const [cpf, setCPF] = useState('')\n const [rg, setRg] = useState('')\n const [emailCliente, setEmailCliente] = useState('')\n const [telCliente, setTelCliente] = useState('')\n\n const [rua, setRua] = useState('')\n const [cidade, setCidade] = useState('')\n const [estado, setEstado] = useState('')\n const [cep, setCep] = useState('')\n const [tel, setTel] = useState('')\n const [docRate, setDocRate] = useState('')\n\n const [agencia, setAgencia] = useState('0376-X')\n const [banco, setBanco] = useState('BRASIL')\n const [conta, setConta] = useState('65.276-8')\n\n const [forma, setForma] = useState('À Vista')\n const [par1, setPar1] = useState('')\n const [par2, setPar2] = useState('')\n const [par3, setPar3] = useState('')\n const [par4, setPar4] = useState('')\n\n const [nomeProduto, setNomeProduto] = useState('')\n const [codProduto, setCodigProduto] = useState('')\n const [qtde, setQtde] = useState(0)\n const [emb, setEmb] = useState('')\n const [uni, setUni] = useState(0)\n const [totProd1, setTotProd1] = useState(0)\n const [cultura, setCultura] = useState('')\n const [utilidade, setUtilidade] = useState('')\n\n const [nomeProduto2, setNomeProduto2] = useState('')\n const [codProduto2, setCodigProduto2] = useState('')\n const [qtde2, setQtde2] = useState(0)\n const [emb2, setEmb2] = useState('')\n const [uni2, setUni2] = useState(0)\n const [totProd2, setTotProd2] = useState(0)\n const [cultura2, setCultura2] = useState('')\n const [utilidade2, setUtilidade2] = useState('')\n\n const [nomeProduto3, setNomeProduto3] = useState('')\n const [codProduto3, setCodigProduto3] = useState('')\n const [qtde3, setQtde3] = useState(0)\n const [emb3, setEmb3] = useState('')\n const [uni3, setUni3] = useState(0)\n const [cont, setCont] = useState(0)\n\n\n const handleAddProduct = () => {\n if (cont < 2) { // Altera 3 para 2, permitindo adicionar até 2 produtos\n setCont(cont + 1);\n }\n };\n\n const handleRemoveProduct = () => {\n if (cont > 0) {\n setCont(cont - 1);\n }\n };\n\n const [contCad, setContCad] = useState(1)\n const [totProd3, setTotProd3] = useState(0)\n const [cultura3, setCultura3] = useState('')\n const [utilidade3, setUtilidade3] = useState('')\n\n const [iniDate, setIniDate] = useState('')\n const [endDate, setEndDate] = useState('')\n const [frete, setFrete] = useState('')\n const [observ, setObserv] = useState('')\n\n const [endEntrega, setEndEntrega] = useState('')\n const [cidadeEntrega, setCidadeEntrega] = useState('')\n const [estadoEntrega, setEstadoEntrega] = useState('')\n const [CEPEntrega, setCEPEntrega] = useState('')\n const [email, setEmail] = useState('')\n const [phone, setPhoneEntrega] = useState('')\n const [caixaPostal, setCaixaPostal] = useState('')\n const [contrato, setContrato] = useState('')\n const [care, setCare] = useState('')\n const [dataCond, setDataCond] = useState('')\n\n\n \n const [vendedorRet, setVendedorRet] = useState([]); // Array vazio como estado inicial\n const [selVendedor, setSelVendedor] = useState('');\n\n const [vendedor, setVendedor] = useState('');\n\n\n const [comprador, setComprador] = useState('')\n const [moeda, setMoeda] = useState('R$')\n\n const [origemRet, setOrigemRet] = useState([]); // Array vazio como estado inicial\n const [selOrigem, setSelOrigem] = useState('');\n \n const [destinoRet, setDestinoRet] = useState([]); // Array vazio como estado inicial\n const [selDestino, setSelDestino] = useState('');\n\n\n\n\n const [subReg, setSubReg] = useState('')\n const [selSubReg, setSelSubReg] = useState('')\n const [valFrete, setValFrete] = useState(0)\n const [valFreteVendido, setValFreteVendido] = useState(0)\n\n const [qtdeEntregaCad, setQtdeEntregaCad] = useState(0)\n const [qtdeEntregaCad2, setQtdeEntregaCad2] = useState(0)\n\n const [qtdeEntregaCad3, setQtdeEntregaCad3] = useState(0)\n\n const [roteiro, setRoteiro] = useState('')\n \n const [autCad, setAutCad] = useState('')\n const [autCad2, setAutCad2] = useState('')\n const [autCad3, setAutCad3] = useState('')\n // const [manCad, setManCad] = useState('')\n // const [manCadQtd, setManCadQtd] = useState(0)\n // const [manCad1, setManCad1] = useState('')\n // const [manCadQtd1, setManCadQtd1] = useState(0)\n // const [manCad2, setManCad2] = useState('')\n // const [manCadQtd2, setManCadQtd2] = useState(0)\n // const [manCad3, setManCad3] = useState('')\n // const [manCadQtd3, setManCadQtd3] = useState(0)\n // const [manCad4, setManCad4] = useState('')\n // const [manCadQtd4, setManCadQtd4] = useState(0)\n // const [manCad5, setManCad5] = useState('')\n // const [manCadQtd5, setManCadQtd5] = useState(0)\n // const [manCad6, setManCad6] = useState('')\n // const [manCadQtd6, setManCadQtd6] = useState(0)\n // const [manCad7, setManCad7] = useState('')\n // const [manCadQtd7, setManCadQtd7] = useState(0)\n // const [manCad8, setManCad8] = useState('')\n // const [manCadQtd8, setManCadQtd8] = useState(0)\n // const [manCad9, setManCad9] = useState('')\n // const [manCadQtd9, setManCadQtd9] = useState(0)\n // const [manCad10, setManCad10] = useState('')\n // const [manCadQtd10, setManCadQtd10] = useState(0)\n // const [manCad11, setManCad11] = useState('')\n // const [manCadQtd11, setManCadQtd11] = useState(0)\n const [files, setFiles] = useState('')\n const [mainUsage, setMainUsage] = useState('')\n const [insProdVal, setInsProdVal] = useState('')\n const [formaCadencia, setFormaCadencia] = useState('')\n const [formaCadencia2, setFormaCadencia2] = useState('')\n const [formaCadencia3, setFormaCadencia3] = useState('')\n const [stateUpdate, setStateUpdate] = useState(true)\n const classes = useStyles();\n const [wait, setWait] = useState(false)\n const [permitido, setPermitido] = useState(false)\n\n const [posEmb, setPosEmb] = useState('')\n const [posEmb2, setPosEmb2] = useState('')\n const [posEmb3, setPosEmb3] = useState('')\n const [procurarCliente, setProcurarCliente] = useState('')\n const [completando, setCompletando] = useState(false)\n const [supervisor, setSupervisor] = useState('')\n\n\n const [gerente, setGerente] = useState('')\n const [pedidoMae, setPedidoMae] = useState('')\n const [desmembramento, setDesmembramento] = useState(false)\n const [pedidosSap, setPedidosSap] = useState('')\n\n const [hierarquia, setHierarquia] = useState('')\n const [colaboradores, setColaboradores] = useState('')\n\n //const [fiadores, setFiadores] = useState([])\n // const [addFiador, setAddFiador] = useState(false)\n// Garantir que origemRet e destinoRet sejam arrays válidos\n const origemOptions = Array.isArray(origemRet)\n ? origemRet.map((option) => ({\n value: option,\n label: option,\n }))\n : [];\n\n const destinoOptions = Array.isArray(destinoRet)\n ? destinoRet.map((option) => ({\n value: option,\n label: option,\n }))\n : [];\n\n\n const vendedorOptions = Object.keys(colaboradores).map((key) => ({\n value: colaboradores[key].nome,\n label: colaboradores[key].nome,\n }));\n\n const supervisorOptions = Object.keys(colaboradores).map((key) => ({\n value: colaboradores[key].nome,\n label: colaboradores[key].nome,\n }));\n const gerenteOptions = Object.keys(colaboradores).map((key) => ({\n value: colaboradores[key].nome,\n label: colaboradores[key].nome,\n }));\n\n useEffect(() => {\n if (props.user.user !== '') {\n setVendedor(props.user.user)\n }\n\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('vendas', props))\n\n const response_filiais = await api.get('/Filiais', { params: { userId: getUser(), token: getToken() } })\n setFiliais(response_filiais.data)\n const response_clientes = await api.get(\"/Clientes\", { params: { userId: getUser(), token: getToken(), token2: '63cbse4yu21fw24f2v2' } });\n setClientes(response_clientes.data)\n const response_itens = await api.get(\"/Itens\", { params: { userId: getUser(), token: getToken() } });\n setItens(response_itens.data)\n const respose_dest = await api.get(\"/returnOr\", { params: { userId: getUser(), token: getToken() } })\n setOrigemRet(respose_dest.data)\n const respose_dest2 = await api.get(\"/returnDes\", { params: { userId: getUser(), token: getToken() } })\n setDestinoRet(respose_dest2.data)\n const response_subreg = await api.get('/returnSub', { params: { userId: getUser(), token: getToken() } })\n setSubReg(response_subreg.data)\n\n const colab = await api.get('/getColaboradoresComercial', { params: { userId: getUser(), token: getToken() } })\n setColaboradores(colab.data)\n const auxSupervisores = colab.data.filter((item) => item.supervisor === 1)\n setSupervisores(auxSupervisores)\n const auxGerentes = colab.data.filter((item) => item.gerente === 1)\n setGerentes(auxGerentes)\n const hiera = await api.get('/getHierarquiaComercial', { params: { userId: getUser(), token: getToken() } })\n // setHierarquia(hiera.data)\n // let idsSup = []\n // auxSupervisores.map((item) => {\n // idsSup.push(item.id)\n // })\n // setIdSupervisores(idsSup)\n\n\n const response_docrate = await api.get('/returnDocRate', { params: { userId: getUser(), token: getToken() } })\n setDocRate(response_docrate.data)\n const response_files = await api.get('/returnFileNames', { params: { userId: getUser(), token: getToken() } })\n setFiles(response_files.data)\n\n // solução top pra pegar os valores de uma query string\n const urlSearchParams = new URLSearchParams(window.location.search);\n const params = Object.fromEntries(urlSearchParams.entries());\n\n const response_pedidos = await api.get('listaPedidosVendaSAP', { params: { userId: getUser(), token: getToken() } })\n setPedidosSap(response_pedidos.data.map(i => i.numeroSAP.toString()))\n\n\n if (params.pedido !== undefined && params.token !== undefined) {\n const args = await api.get('/getArgsVenda', { params: { 'numPedido': params.pedido, 'tokenVenda': params.token, userId: getUser(), token: getToken() } })\n\n if (args.data === 'SEM-TOKEN') { return }\n\n // tive que passar o response_clientes.data porque tinha uma informação que eu só conseguia nele (as opções do primeiro autocomplete \"Procurar Cliente\")\n // e o state \"clientes\" ainda é uma string vazia nessa etapa do código\n await autoCompleta(args.data, response_clientes.data)\n\n }\n }\n fetchMyAPI();\n }, []);\n\n useEffect(() => {\n if (completando === false) {\n calculaFrete()\n }\n }, [completando])\n\n async function autoCompleta(args, clienteData) {\n setCompletando(true)\n // compara o cpf do \"args\" com o cpf do \"clienteData\" (lista de clientes) para pegar o cliente certo da lista\n const dadosCliente = clienteData.filter((el) => el.CardCode === args.codCliente)[0]\n const identificadorCliente = dadosCliente.identAutoComplete\n setCodCliente(args.codCliente)\n setProcurarCliente(identificadorCliente)\n setNomeCliente(args.cliente)\n setEndEntrega(args.endEntrega)\n setCidadeEntrega(args.cidadeEntrega)\n setEstadoEntrega(args.estadoEntrega)\n setCPF(args.cpf)\n setCEPEntrega(args.cep)\n setFilial(args.filial)\n setRg(args.rg)\n setEmailCliente(args.emailCliente)\n setTelCliente(args.telCliente)\n\n const aux = dadosCliente.CardCode\n const respose_insc = await api.get('/InsEstadual', { params: { cod: aux, userId: getUser(), token: getToken() } })\n if (respose_insc === 'NOK') { alert('Inscrição estudal do cliente não encontrada!') }\n else {\n setInsProd(respose_insc.data)\n }\n setInsProdVal(args.insProdVal)\n\n setObserv(args.observ)\n setForma(args.forma)\n setPar1(args.par1)\n setPar2(args.par2)\n setPar3(args.par3)\n setPar4(args.par4)\n\n setMoeda(args.moeda)\n setMainUsage(args.mainUsage)\n\n // produto 0\n setQtde(args.qtde)\n setCultura(args.cultura)\n setUtilidade(args.utilidade)\n setNomeProduto(args.nomeProduto)\n setEmb(args.emb)\n setUni(parseFloat(args.uni))\n\n let cadDatas = args.cadencia.split(';')\n cadDatas.pop()\n let arrayCad = []\n cadDatas.map((item) => {\n item = item.split('#')\n arrayCad.push({ start: item[0], end: item[1], qtde: parseFloat(item[2]) })\n })\n\n setFormaCadencia(args.formaCadencia)\n setQtdeEntregaCad(args.qtdeEntregaCad)\n setAutCad(arrayCad)\n\n // produto 1 e 2\n let contador = 0\n if (args.nomeProduto2 !== '') {\n contador += 1\n setQtde2(args.qtde2)\n setCultura2(args.cultura2)\n setUtilidade2(args.utilidade2)\n setNomeProduto2(args.nomeProduto2)\n setEmb2(args.emb2)\n setUni2(parseFloat(args.uni2))\n\n let cadDatas2 = args.cadencia2.split(';')\n cadDatas2.pop()\n let arrayCad2 = []\n cadDatas2.map((item) => {\n item = item.split('#')\n arrayCad2.push({ start: item[0], end: item[1], qtde: parseFloat(item[2]) })\n })\n setFormaCadencia2(args.formaCadencia2)\n setQtdeEntregaCad2(args.qtdeEntregaCad2)\n setAutCad2(arrayCad2)\n }\n\n if (args.nomeProduto3 !== '') {\n contador += 1\n setQtde3(args.qtde3)\n setCultura3(args.cultura3)\n setUtilidade3(args.utilidade3)\n setNomeProduto3(args.nomeProduto3)\n setEmb3(args.emb3)\n setUni3(parseFloat(args.uni3))\n\n let cadDatas3 = args.cadencia3.split(';')\n cadDatas3.pop()\n let arrayCad3 = []\n cadDatas3.map((item) => {\n item = item.split('#')\n arrayCad3.push({ start: item[0], end: item[1], qtde: parseFloat(item[2]) })\n })\n setFormaCadencia3(args.formaCadencia3)\n setQtdeEntregaCad3(args.qtdeEntregaCad3)\n setAutCad3(arrayCad3)\n }\n setCont(contador)\n setSelSubReg(args.selSubReg)\n\n setIniDate(args.iniDate)\n setEndDate(args.endDate)\n setFrete(args.frete)\n setSelOrigem(args.selOrigem)\n setSelDestino(args.selDestino)\n setRoteiro(args.roteiro)\n setEmail(args.email)\n setPhoneEntrega(args.phone)\n setCaixaPostal(args.caixaPostal)\n\n setRua(args.rua)\n setCidade(args.cidade)\n setEstado(args.estado)\n setCep(args.cep)\n\n setContrato(args.contrato)\n setVendedor(args.vendedor)\n setDataCond(args.dataCond)\n setCare(args.care)\n setComprador(args.comprador)\n setCompletando(false)\n setSupervisor(args.supervisor)\n setGerente(args.gerente)\n }\n\n function amount(item) {\n return item.qtde;\n }\n\n function sum(prev, next) {\n return prev + next;\n }\n\n function modCadencia(val, i) {\n let aux = autCad\n if (val === '') { val = 0 }\n aux[i].qtde = parseInt(val)\n setAutCad(aux)\n setStateUpdate(~stateUpdate)\n }\n\n function modCadencia2(val, i) {\n let aux = autCad2\n if (val === '') { val = 0 }\n aux[i].qtde = parseInt(val)\n setAutCad2(aux)\n setStateUpdate(~stateUpdate)\n }\n\n function modCadencia3(val, i) {\n let aux = autCad3\n if (val === '') { val = 0 }\n aux[i].qtde = parseInt(val)\n setAutCad3(aux)\n setStateUpdate(~stateUpdate)\n }\n\n async function calculaFrete() {\n setWait(true)\n let aux = ''\n let val = parseFloat(qtde3) + parseFloat(qtde2) + parseFloat(qtde) - (autCad != '' ? autCad.map(amount).reduce(sum) : 0) - (autCad2 != '' ? autCad2.map(amount).reduce(sum) : 0) - (autCad3 != '' ? autCad3.map(amount).reduce(sum) : 0)\n\n if (val != 0) {\n alert('Ainda existe ' + val + ' tons de volume para cadênciar!')\n setWait(false)\n return\n }\n Object.keys(autCad).forEach(\n (item) => (aux = aux + autCad[item].start + '#' + autCad[item].end + '#' + autCad[item].qtde + ';')\n )\n let aux2 = ''\n Object.keys(autCad2).forEach(\n (item) => (aux2 = aux2 + autCad2[item].start + '#' + autCad2[item].end + '#' + autCad2[item].qtde + ';')\n )\n let aux3 = ''\n Object.keys(autCad3).forEach(\n (item) => (aux3 = aux3 + autCad3[item].start + '#' + autCad3[item].end + '#' + autCad3[item].qtde + ';')\n )\n const response = await api.get(\"/returnValFrete\", {\n params: {\n origem: selOrigem,\n destino: selDestino,\n subreg: selSubReg,\n cadencia: aux,\n cadencia2: aux2,\n cadencia3: aux3,\n userId: getUser(),\n token: getToken()\n }\n })\n if (response.data === 'NOK') {\n alert('Valor de frete não encontrado, entre em contato com o time de logística')\n }\n else {\n setValFrete(response.data)\n setValFreteVendido(response.data)\n }\n setWait(false)\n }\n\n async function setaValores(v) {\n if (completando) { return }\n let aux = ''\n setProcurarCliente(v)\n for (var i = 0; i < clientes.length; i++) {\n // look for the entry with a matching `code` value\n if (clientes[i].identAutoComplete === v) {\n setCodCliente(clientes[i].CardCode)\n aux = clientes[i].CardCode\n setNomeCliente(clientes[i].CardName)\n setComprador(clientes[i].CardName)\n setCPF(clientes[i].CPF)\n setEmailCliente(clientes[i].E_mail)\n setTelCliente(clientes[i].Phone1)\n setRua(clientes[i].Address)\n setCep(clientes[i].CEP)\n setTel(clientes[i].Phone1)\n setInsProd('')\n setCidade(clientes[i].City)\n setEstado(clientes[i].State1)\n const respose_insc = await api.get('/InsEstadual', { params: { cod: aux, userId: getUser(), token: getToken() } })\n if (respose_insc === 'NOK') { alert('Inscrição estudal do cliente não encontrada!') }\n else {\n setInsProd(respose_insc.data)\n }\n }\n }\n\n }\n //\n async function geraPlanilha() {\n let val1 = parseFloat(qtde3) + parseFloat(qtde2) + parseFloat(qtde)\n \n if (new Date(dataCond) < new Date(new Date().setDate(new Date().getDate() - 1))) {\n alert('Vencimento Retroativo!')\n return\n }\n // let val2 = parseFloat(manCadQtd) + parseFloat(manCadQtd1) + parseFloat(manCadQtd2) + parseFloat(manCadQtd3) + parseFloat(manCadQtd4) + parseFloat(manCadQtd5) + parseFloat(manCadQtd6) + parseFloat(manCadQtd7)\n // if (val1 > val2 || val1 < val2) {\n // alert('Valor Cadênciado diferente da quantidade do pedido \\n' + 'valorPedido :' + val1 + '\\n' + 'Valor Cadênciado :' + val2)\n // return\n // }\n let aux = ''\n Object.keys(autCad).forEach(\n (item) => (aux = aux + autCad[item].start + '#' + autCad[item].end + '#' + autCad[item].qtde + ';')\n )\n let aux2 = ''\n Object.keys(autCad2).forEach(\n (item) => (aux2 = aux2 + autCad2[item].start + '#' + autCad2[item].end + '#' + autCad2[item].qtde + ';')\n )\n let aux3 = ''\n Object.keys(autCad3).forEach(\n (item) => (aux3 = aux3 + autCad3[item].start + '#' + autCad3[item].end + '#' + autCad3[item].qtde + ';')\n )\n\n let validacao =\n (valFrete === 0 && frete == 'CIF' ? 'Valor Frete\\n' : '') +\n (selOrigem === '' ? 'Origem Destino\\n' : '') + // <-- ADICIONE ESTA LINHA\n (selDestino === '' && frete == 'CIF' ? 'Destino Destino\\n' : '') +\n (filial === '' ? 'Filial\\n' : '') +\n (cliente === '' ? 'Cliente\\n' : '') +\n (forma === '' ? 'Forma de Pagamento\\n' : '') +\n (nomeProduto === '' ? 'Nome Do Produto\\n' : '') +\n (codProduto === '' ? 'Código do Produto\\n' : '') +\n (qtde === '' ? 'Quantidade\\n' : '') +\n (emb === '' ? 'Embalagem\\n' : '') +\n (uni === '' ? 'Preço Unitário\\n' : '') +\n (iniDate === '' ? 'Inicial Entrega\\n' : '') +\n (endDate === '' ? 'Final Entrega\\n' : '') +\n (frete === '' ? 'Tipo Frete\\n' : '') +\n (observ === '' ? 'Observações\\n' : '') +\n (endEntrega === '' ? 'Endereço Entrega\\n' : '') +\n (cidadeEntrega === '' ? 'Cidade Entrega\\n' : '') +\n (estadoEntrega === '' ? 'Estado Entrega\\n' : '') +\n (CEPEntrega === '' ? 'CEP Entrega\\n' : '') +\n (email === '' ? 'e-mail\\n' : '') +\n (phone === '' ? 'Telefone\\n' : '') +\n (caixaPostal === '' ? 'Caixa Postal\\n' : '') +\n (care === '' ? 'Responsável\\n' : '') +\n (dataCond === '' ? 'Data Condição\\n' : '') +\n (vendedor === '' ? 'Vendedor\\n' : '') +\n (supervisor === '' ? 'Supervisor\\n' : '') +\n (gerente === '' ? 'Gerente\\n' : '') +\n (comprador === '' ? 'Comprador\\n' : '') +\n (valFreteVendido === '' && frete !== 'FOB '? 'Valor Frete Vendido\\n' : '') +\n (desmembramento && pedidoMae === '' ? 'Pedido Mãe\\n' : '')\n \n\n \n\n if (validacao.length !== 0) {\n alert('Alguns campos não foram preenchidos! \\n' + validacao)\n return\n }\n\n const response_sap = await api.get(\"/AdicionaVendaAprovacao\", {\n params: {\n filial,\n cliente,\n codCliente,\n insProdVal,\n cpf,\n rg,\n rua,\n cidade,\n estado,\n cep,\n emailCliente,\n telCliente,\n tel,\n agencia,\n banco,\n conta,\n forma,\n par1,\n par2,\n par3,\n par4,\n nomeProduto,\n codProduto,\n cultura,\n utilidade,\n qtde,\n emb,\n uni,\n nomeProduto2,\n codProduto2,\n cultura2,\n utilidade2,\n qtde2,\n emb2,\n uni2,\n nomeProduto3,\n codProduto3,\n cultura3,\n utilidade3,\n qtde3,\n emb3,\n uni3,\n iniDate,\n endDate,\n frete,\n observ,\n endEntrega,\n cidadeEntrega,\n estadoEntrega,\n CEPEntrega,\n email,\n phone,\n caixaPostal,\n contrato,\n care,\n dataCond,\n vendedor,\n comprador,\n totProd3: uni3 * qtde3,\n totProd2: uni2 * qtde2,\n totProd1: uni * qtde,\n moeda,\n docRate,\n valFrete,\n valFreteVendido,\n roteiro,\n cadencia: aux,\n cadencia2: aux2,\n cadencia3: aux3,\n userLog: getUser(), mainUsage, selDestino, selOrigem, supervisor, gerente,\n\n formaCadencia,\n formaCadencia2,\n formaCadencia3,\n qtdeEntregaCad,\n qtdeEntregaCad2,\n qtdeEntregaCad3,\n selSubReg,\n pedidoMae,\n desmembramento,\n 'fiadores': '' ,//movido para a outra tela\n \n userId: getUser(),\n token: getToken()\n },\n });\n if (response_sap.data === 'NOK') {\n alert('Erro ao enviar pedido')\n } else {\n alert('Pedido Enviado para aprovação com sucesso!')\n window.location.reload();\n }\n setWait(false)\n }\n\n const setaValoresItem = (v, tipo, num) => {\n for (var i = 0; i < itens.length; i++) {\n if (tipo === 'nome') {\n if (itens[i].ItemName === v) {\n if (num === 1) {\n setNomeProduto(itens[i].ItemName)\n setCodigProduto(itens[i].itemCode)\n if ((parseInt(itens[i].u_next_ntotal) > 6) & (itens[i].itemCode.includes('MP'))) {\n setPosEmb([{ name: 'SACARIA' }, { name: 'BB c/Liner' }, { name: 'GRANEL' }])\n } else if ((parseInt(itens[i].u_next_ntotal) > 0) & (itens[i].itemCode.includes('PA'))) {\n setPosEmb([{ name: 'SACARIA' }, { name: 'BB c/Liner' }, { name: 'GRANEL' }])\n } else {\n setPosEmb([{ name: 'SACARIA' }, { name: 'GRANEL' }, { name: 'BB c/Liner' }, { name: 'BB s/Liner' }])\n }\n } else if (num === 2) {\n setNomeProduto2(itens[i].ItemName)\n setCodigProduto2(itens[i].itemCode)\n if ((parseInt(itens[i].u_next_ntotal) > 6) & (itens[i].itemCode.includes('MP'))) {\n setPosEmb2([{ name: 'SACARIA' }, { name: 'BB c/Liner' }, { name: 'GRANEL' }])\n } else if ((parseInt(itens[i].u_next_ntotal) > 0) & (itens[i].itemCode.includes('PA'))) {\n setPosEmb2([{ name: 'SACARIA' }, { name: 'BB c/Liner' }, { name: 'GRANEL' }])\n } else {\n setPosEmb2([{ name: 'SACARIA' }, { name: 'GRANEL' }, { name: 'BB c/Liner' }, { name: 'BB s/Liner' }])\n }\n } else if (num === 3) {\n setNomeProduto3(itens[i].ItemName)\n setCodigProduto3(itens[i].itemCode)\n if ((parseInt(itens[i].u_next_ntotal) > 6) & (itens[i].itemCode.includes('MP'))) {\n setPosEmb3([{ name: 'SACARIA' }, { name: 'BB c/Liner' }, { name: 'GRANEL' }])\n } else if ((parseInt(itens[i].u_next_ntotal) > 0) & (itens[i].itemCode.includes('PA'))) {\n setPosEmb3([{ name: 'SACARIA' }, { name: 'BB c/Liner' }, { name: 'GRANEL' }])\n } else {\n setPosEmb3([{ name: 'SACARIA' }, { name: 'GRANEL' }, { name: 'BB c/Liner' }, { name: 'BB s/Liner' }])\n }\n }\n }\n } else if (tipo === 'codigo') {\n if (itens[i].itemCode === v) {\n\n if (num === 1) {\n\n\n setNomeProduto(itens[i].ItemName)\n setCodigProduto(itens[i].itemCode)\n } else if (num === 2) {\n setNomeProduto2(itens[i].ItemName)\n setCodigProduto2(itens[i].itemCode)\n } else if (num === 3) {\n setNomeProduto3(itens[i].ItemName)\n setCodigProduto3(itens[i].itemCode)\n }\n }\n }\n }\n }\n\n function adicionaZero(numero) {\n if (numero <= 9)\n return \"0\" + numero;\n else\n return numero;\n }\n\n const handleChangeCad = (event) => {\n setAutCad('')\n setFormaCadencia(event.target.value);\n };\n\n const handleChangeCad2 = (event) => {\n setAutCad2('')\n setFormaCadencia2(event.target.value);\n };\n\n const handleChangeCad3 = (event) => {\n setAutCad3('')\n setFormaCadencia3(event.target.value);\n };\n\n async function generateCad() {\n if (formaCadencia === '') {\n alert('Informe o formato da cadência!')\n return\n }\n const response_cad = await api.get('/returnCadencia', {\n params: {\n qtdeTotal: (parseFloat(qtde)),\n qtdeEntregaCad,\n formaCadencia,\n iniDate,\n endDate,\n userId: getUser(),\n token: getToken()\n }\n })\n if (response_cad.data === \"NOK\") { alert('Erro ao gerar cadência, verifique os valores') }\n else {\n setAutCad('')\n setAutCad(response_cad.data)\n }\n }\n\n async function generateCad2() {\n if (formaCadencia2 === '') {\n alert('Informe o formato da cadência!')\n return\n }\n const response_cad = await api.get('/returnCadencia', {\n params: {\n qtdeTotal: (parseFloat(qtde2)),\n 'qtdeEntregaCad': qtdeEntregaCad2,\n 'formaCadencia': formaCadencia2,\n iniDate,\n endDate,\n userId: getUser(),\n token: getToken()\n }\n })\n if (response_cad.data === \"NOK\") { alert('Erro ao gerar cadência, verifique os valores') }\n else {\n setAutCad2('')\n setAutCad2(response_cad.data)\n }\n }\n\n async function generateCad3() {\n if (formaCadencia3 === '') {\n alert('Informe o formato da cadência!')\n return\n }\n const response_cad = await api.get('/returnCadencia', {\n params: {\n qtdeTotal: (parseFloat(qtde3)),\n 'qtdeEntregaCad': qtdeEntregaCad3,\n 'formaCadencia': formaCadencia3,\n iniDate,\n endDate,\n userId: getUser(),\n token: getToken()\n }\n })\n if (response_cad.data === \"NOK\") { alert('Erro ao gerar cadência, verifique os valores') }\n else {\n setAutCad3('')\n setAutCad3(response_cad.data)\n }\n }\n\n //Funções somar Cadência\n async function puxaValoresInsEst(v) {\n if (completando) { return }\n setInsProdVal(v)\n const respose_insc = await api.get('/DadosInsEst', { params: { ins: v, userId: getUser(), token: getToken() } })\n setEndEntrega(respose_insc.data[0].Address)\n setCidadeEntrega(respose_insc.data[0].city)\n setEstadoEntrega(respose_insc.data[0].State)\n setCEPEntrega(respose_insc.data[0].ZipCode)\n //setEstadoEntrega(insProd.State)\n }\n\n function handleSetVendedor(valor) {\n setVendedor(valor)\n var isSup = supervisores.some(function (el) {\n return (el.nome == valor);\n });\n if (isSup) {\n setSupervisor(valor)\n }\n var isGer = gerentes.some(function (el) {\n return (el.nome == valor);\n });\n if (isGer) {\n setSupervisor(valor)\n setGerente(valor)\n }\n //if (valor)\n // let id = valor.split(' - ')\n // id = parseInt(id[id.length - 1])\n\n // if (idSupervisores.includes(id)) {\n // setSupervisor(valor)\n // } else {\n // let aux = hierarquia.filter((item) => item.id === id)\n\n // if (aux.length === 0) {\n // setSupervisor('')\n // } else {\n // let parentId = aux[0].parentId\n // let aux2 = supervisores.filter((item) => item.id === parentId)\n // if (aux2.length !== 0) {\n // setSupervisor(aux2[0].nome + ' - ' + aux2[0].id)\n // }\n // }\n // }\n }\n function handleSetSupervisor(valor) {\n setSupervisor(valor)\n var isGer = gerentes.some(function (el) {\n return (el.nome == valor);\n });\n if (isGer) {\n setGerente(valor)\n }\n }\n\n // cria um array de objetos com os fiadores, caso o usuário tenha escolhi 2 ou 4, ele adiciona\n // caso o usuário tenha escolhido 4 e diminuido para 2, ele remove os ultimos 2 objetos do array\n // const createFiadores = (qtd) => {\n // qtd = parseInt(qtd)\n // let aux = [...fiadores]\n\n // if (qtd > fiadores.length) {\n // for (let index = fiadores.length; index < qtd; index++) {\n // aux.push({ nome: '', cpf: '', cidadeEstado: '', rua: '', bairro: '', cep: '', numeroCasa: '' })\n // }\n // } else {\n // aux.pop()\n // aux.pop()\n // }\n // setFiadores(aux)\n // }\n\n // const updateFiador = (index, valor, key) => {\n // let aux = [...fiadores]\n // aux[index][key] = valor\n // setFiadores(aux)\n // }\n\n return (\n permitido === true ?\n \n
\n\n\n \n
\n \n {/* Grid container para Cliente e Filial */}\n
\n \n {/* Coluna para o campo de Cliente */}\n
\n\n {/* Seção de desmembramento */}\n\n \n \n {clientes !== '' ? (\n clientes[item].identAutoComplete)}\n onChange={(e, v) => setaValores(v)}\n getOptionSelected={(option, value) => option === value || value === ''}\n value={procurarCliente}\n renderInput={(params) => (\n
\n\n {/* Coluna para o campo de Filial */}\n \n
\n )}\n \n \n {filiais !== '' ? (\n filiais[item].BPLName)}\n onChange={(e, v) => setFilial(v)}\n value={filial}\n getOptionSelected={(option, value) => option === value || value === ''}\n renderInput={(params) => (\n
\n \n
\n )}\n \n \n setDesmembramento(!desmembramento)}\n />\n\n {desmembramento ? (\n <>\n {pedidosSap !== '' ? (\n ({\n value: pedido,\n label: pedido,\n }))}\n value={\n pedidoMae\n ? { value: pedidoMae, label: pedidoMae }\n : null\n }\n onChange={(option) =>\n setPedidoMae(option ? option.value : '')\n }\n placeholder=\"Digite número do Pedido Mãe\"\n isClearable\n isSearchable // Ativa o campo de busca no select\n styles={{\n control: (base) => ({\n ...base,\n width: '100%',\n }),\n }}\n />\n ) : (\n \n
\n )}\n \n ) : null}\n \n
\n \n\n {/* Dados Pagamento */}\n \n\n
\n \n
\n \n
\n \n
\n Cliente
\nDados do Cliente
\n\n
\n \n {/* Nome/Razão Social */}\n
\n \n \n setNomeCliente(e.target.value)}\n required\n />\n
\n {/* CPF/CNPJ */}\n \n \n setCPF(e.target.value)}\n readOnly\n required\n />\n
\n {/* RG/I.E */}\n \n \n setRg(e.target.value)}\n required\n />\n
\n \n {/* Inscrição Estadual Produtor */}\n
\n \n \n {insProd !== '' ? (\n Object.keys(insProd).length > 0 ? (\n puxaValoresInsEst(e.target.value)}\n >\n \n {Object.keys(insProd).map((key) => (\n \n ))}\n \n ) : (\n
\n {/* Endereço */}\n Nenhuma inscrição cadastrada!
\n )\n ) : (\n\n
\n )}\n \n \n setEndEntrega(e.target.value)}\n required\n />\n
\n \n {/* Cidade */}\n
\n \n \n setCidadeEntrega(e.target.value)}\n required\n />\n
\n {/* Estado */}\n \n \n setEstadoEntrega(e.target.value)}\n required\n />\n
\n {/* CEP */}\n \n \n setCEPEntrega(e.target.value)}\n required\n />\n
\n \n {/* Observações */}\n
\n \n \n setObserv(e.target.value)}\n >\n
\n {/* Email */}\n \n \n setEmailCliente(e.target.value)}\n required\n />\n
\n {/* Telefone */}\n \n \n setTelCliente(e.target.value)}\n required\n />\n
\n \n
\n {/*info Produto*/}\n \n
\n \n
\n \n
\n \n
\n Pagamento
\nDados do Pagamento
\n\n
\n \n {/* Agência */}\n
\n\n {/* Forma de Pagamento */}\n \n \n setAgencia(e.target.value)}\n readOnly\n />\n
\n {/* Banco */}\n \n \n setBanco(e.target.value)}\n readOnly\n />\n
\n {/* Conta Corrente */}\n \n \n setConta(e.target.value)}\n readOnly\n />\n
\n \n
\n\n {/* Parcelas */}\n {forma !== 'À Vista' && (\n \n \n setForma(e.target.value)}\n >\n \n \n \n \n \n
\n \n
\n )}\n \n \n setPar1(e.target.value)}\n />\n
\n \n \n setPar2(e.target.value)}\n />\n
\n \n \n setPar3(e.target.value)}\n />\n
\n \n \n setPar4(e.target.value)}\n />\n
\n Produtos
\nDados do Produtos
\nData Inicio Entrega
\nData Fim Entrega
\n\n {/* Produto 0*/}\n \n setQtde(e.target.value)} />\n \n \n \n setCultura(v)}\n getOptionSelected={(option, value) => option === value || value === ''}\n renderInput={(params) => (\n \n \n option === value || value === ''}\n style={{ width: 175, marginTop: 12 }}\n onChange={(e, v) => setUtilidade(v)}\n renderInput={(params) => (\n \n \n {itens !== '' ? itens[item].ItemName)}\n value={nomeProduto}\n\n getOptionSelected={(option, value) => option === value || value === ''}\n style={{ width: 333, marginTop: 12 }}\n onInputChange={(e, v) => setaValoresItem(v, 'nome', 1)}\n renderInput={(params) => (\n \n \n {posEmb !== '' ? posEmb[item].name)}\n value={emb}\n getOptionSelected={(option, value) => option === value || value === ''}\n\n style={{ width: 175, marginTop: 12 }}\n onChange={(e, v) => setEmb(v)}\n renderInput={(params) => (\n \n \n setUni(e.target.value)} />\n \n \n \n\n\n\n \n {/* Cadencia Produto 1 */}\n
\n \n \n \n \n \n \n\n\n \n \n\n\n {autCad != '' ?\n\n
\n \n
\n Total ton restante entregar Produto 1 -{\">\"} {parseFloat(qtde) - (autCad != '' ? autCad.map(amount).reduce(sum) : 0)}
\n\n setQtdeEntregaCad(e.target.value)} value={qtdeEntregaCad} label='Quantidade por Entrega' />\n \n \n
\n Cadência
\n\n
\n : }\n\n\n \n \n \n \n \n
\n\n {Object.keys(autCad).map((x, i) =>\n {formaCadencia}
\nQuantidade
\n\n \n {formaCadencia !== \"Diário\" ?\n \n \n modCadencia(e.target.value, i)} />\n \n
\n )}{new Date(autCad[i].start).toLocaleDateString('pt-br')} -{\">\"} {new Date(autCad[i].end).toLocaleDateString('pt-br')}
\n :{new Date(autCad[i].start).toLocaleDateString('pt-br')}
}\n\n {/* Produto 0*/}\n \n setQtde2(e.target.value)} />\n \n {posEmb2 !== '' ? posEmb2[item].name)}\n getOptionSelected={(option, value) => option === value || value === ''}\n value={emb2}\n style={{ width: 175, marginTop: 12 }}\n onChange={(e, v) => setEmb2(v)}\n renderInput={(params) => (\n \n option === value || value === ''}\n onChange={(e, v) => setCultura2(v)}\n renderInput={(params) => (\n \n \n option === value || value === ''}\n style={{ width: 175, marginTop: 12 }}\n onChange={(e, v) => setUtilidade2(v)}\n renderInput={(params) => (\n \n \n {itens !== '' ? itens[item].ItemName)}\n\n getOptionSelected={(option, value) => option === value || value === ''}\n value={nomeProduto2}\n style={{ width: 333 }}\n onInputChange={(e, v) => setaValoresItem(v, 'nome', 2)}\n renderInput={(params) => (\n \n \n setUni2(e.target.value)} />\n \n \n \n \n {/* Cadencia Produto 2 */}\n
\n \n \n \n \n \n \n\n\n \n \n\n\n {autCad2 != '' ?\n\n
\n\n \n
\n Total ton restante entregar Produto 2 -{\">\"} {parseFloat(qtde2) - (autCad2 != '' ? autCad2.map(amount).reduce(sum) : 0)}
\n\n setQtdeEntregaCad2(e.target.value)} value={qtdeEntregaCad2} label='Quantidade por Entrega' />\n \n \n
\n Cadência
\n\n
\n : \n }\n\n\n \n \n \n \n \n
\n\n {Object.keys(autCad2).map((x, i) =>\n {formaCadencia2}
\nQuantidade
\n\n \n {formaCadencia !== \"Diário\" ?\n \n \n modCadencia2(e.target.value, i)} />\n \n
\n )}{new Date(autCad2[i].start).toLocaleDateString('pt-br')} -{\">\"} {new Date(autCad2[i].end).toLocaleDateString('pt-br')}
\n :{new Date(autCad2[i].start).toLocaleDateString('pt-br')}
}\n\n\n \n \n setQtde3(e.target.value)} />\n \n {posEmb3 != '' ? posEmb3[item].name)}\n value={emb3}\n getOptionSelected={(option, value) => option === value || value === ''}\n style={{ width: 175, marginTop: 12 }}\n onChange={(e, v) => setEmb3(v)}\n renderInput={(params) => (\n \n option === value || value === ''}\n style={{ width: 175, marginTop: 12 }}\n onChange={(e, v) => setCultura3(v)}\n renderInput={(params) => (\n \n \n option === value || value === ''}\n style={{ width: 175, marginTop: 12 }}\n onChange={(e, v) => setUtilidade3(v)}\n renderInput={(params) => (\n \n \n {itens !== '' ? itens[item].ItemName)}\n getOptionSelected={(option, value) => option === value || value === ''}\n style={{ width: 333 }}\n onInputChange={(e, v) => setaValoresItem(v, 'nome', 3)}\n renderInput={(params) => (\n \n \n \n setUni3(e.target.value)} />\n \n \n \n \n {/* Cadencia Produto 3 */}\n
\n \n \n \n \n \n \n\n\n \n \n\n\n {autCad3 != '' ?\n\n
\n\n \n
\n Total ton restante entregar Produto 3 -{\">\"} {parseFloat(qtde3) - (autCad3 != '' ? autCad3.map(amount).reduce(sum) : 0)}
\n\n setQtdeEntregaCad3(e.target.value)} value={qtdeEntregaCad3} label='Quantidade por Entrega' />\n \n \n
\n Cadência
\n\n
\n : \n }\n\n\n \n \n \n \n \n
\n\n {Object.keys(autCad3).map((x, i) =>\n {formaCadencia3}
\nQuantidade
\n\n \n {formaCadencia !== \"Diário\" ?\n \n \n modCadencia3(e.target.value, i)} />\n \n
\n )}{new Date(autCad3[i].start).toLocaleDateString('pt-br')} -{\">\"} {new Date(autCad3[i].end).toLocaleDateString('pt-br')}
\n :{new Date(autCad3[i].start).toLocaleDateString('pt-br')}
}\n\n {cont < 2 && (\n \n \n )}\n\n {/* Botão para remover o último produto adicionado, somente exibido se há produtos para remover */}\n {cont > 0 && (\n \n )}\n
\n \n
\n {/* Cobrança */}\n \n
\n \n
\n \n
\n \n
\n Logística
\nCampos Logísticos, Cadência + Val Frete
\n\n\n\n {/* Origem, Destino e Sub-Região */}\n
\n \n
\n\n {/* Roteiro */}\n \n \n setFrete(e.target.value)}\n >\n \n \n \n \n
\n {/* Origem */}\n \n \n {origemOptions.length > 0 ? (\n opt.value === selOrigem)}\n onChange={(selectedOption) => setSelOrigem(selectedOption?.value || '')}\n placeholder=\"Selecione a origem\"\n isClearable\n isSearchable\n />\n ) : (\n
\n\n {/* Destino */}\n \n
\n )}\n \n \n {destinoOptions.length > 0 ? (\n opt.value === selDestino)}\n onChange={(selectedOption) => setSelDestino(selectedOption?.value || '')}\n placeholder=\"Selecione o destino\"\n isClearable\n isSearchable\n />\n ) : (\n
\n \n
\n )}\n \n \n {subReg !== '' ? (\n setSelSubReg(e.target.value)}\n disabled={frete === 'FOB'}\n >\n \n {subReg.map((option, index) => (\n \n ))}\n \n ) : (\n
\n \n
\n )}\n \n
\n\n {/* Botão Pesquisar Frete */}\n \n \n setRoteiro(e.target.value)}\n >\n
\n \n
\n\n {/* Valor Frete Tabela */}\n \n calculaFrete()}\n disabled={\n selSubReg === '' ||\n selOrigem === '' ||\n selDestino === '' ||\n autCad === ''\n }\n >\n Pesquisar Frete\n \n
\n \n
\n\n \n \n setValFrete(e.target.value)}\n readOnly={frete === 'FOB'}\n disabled={frete === 'FOB'}\n />\n
\n \n \n setValFreteVendido(e.target.value)}\n disabled={frete === 'FOB'}\n />\n
\n \n
\n {/*Condições Contrao*/}\n \n
\n \n
\n \n
\n \n
\n Endereço de Cobrança/Correspondência
\nCobrança/Correspondência
\n\n {/* Endereço */}\n
\n \n
\n\n {/* Cidade, Estado e CEP */}\n \n \n setRua(e.target.value)}\n required\n />\n
\n \n
\n\n {/* E-mail, Telefone e Caixa Postal */}\n \n \n setCidade(e.target.value)}\n readOnly\n required\n />\n
\n \n \n setEstado(e.target.value)}\n required\n />\n
\n \n \n setCep(e.target.value)}\n required\n />\n
\n \n
\n \n \n setEmail(e.target.value)}\n required\n />\n
\n \n \n setPhoneEntrega(e)}\n required\n />\n
\n \n \n setCaixaPostal(e.target.value)}\n required\n />\n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n Contrato
\nCondições Contrato
\n\n {/* Pedido Vinculado */}\n
\n \n
\n\n {/* Vendedor e Vencimento */}\n \n \n setContrato(e.target.value)}\n />\n
\n \n
\n\n {/* Supervisor */}\n \n \n {Object.keys(colaboradores).length > 0 ? (\n opt.value === vendedor)}\n onChange={(selectedOption) => setVendedor(selectedOption?.value || '')}\n placeholder=\"Selecione o vendedor\"\n isClearable\n isSearchable\n />\n ) : (\n
\n \n
\n )}\n \n \n setDataCond(e.target.value)}\n />\n
\n \n
\n\n {/* Gerente */}\n \n \n {Object.keys(colaboradores).length > 0 ? (\n opt.value === supervisor)}\n onChange={(selectedOption) => setSupervisor(selectedOption?.value || '')}\n placeholder=\"Selecione o Supervisor\"\n isClearable\n isSearchable\n />\n ) : (\n
\n \n
\n )}\n \n
\n\n {/* Cuidados e Comprador */}\n \n \n {Object.keys(colaboradores).length > 0 ? (\n opt.value === gerente)}\n onChange={(selectedOption) => setGerente(selectedOption?.value || '')}\n placeholder=\"Selecione o Gerente\"\n isClearable\n isSearchable\n />\n ) : (\n
\n \n
\n )}\n \n
\n \n \n setCare(e.target.value)}\n required\n />\n
\n \n \n setComprador(e.target.value)}\n required\n />\n
\n \n \n
\n\n \n {files !== '' ? \n \n
:
\n | \n Nome Arquivo\n | \n
|---|
| \n {files[item].nomes}\n | \n
\n \n \n \n {/* \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n */}\n \n \n \n\n \n \n \n
\n \n \n\n \n \n \n \n \n Total Geral NDF \n \n \n
\n \n \n\n \n \n Total Geral NDF+XP \n \n \n
\n \n \n {/* */}\n\n
: <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(NDF);\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport api2 from \"../../services/api2\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\n\nimport Loader from \"react-loader-spinner\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\n\nconst useStyles = makeStyles(styles);\n\nfunction TabelaMaterias(props) {\n const [produtoA, setProdutoA] = useState('');\n const [sel, setSel] = useState('');\n const [desc, setDesc] = useState('');\n const [sum, setSum] = useState(0)\n const [list, setList] = useState([])\n const classes = useStyles();\n const [permitido, setPermitido] = useState(false)\n\n useEffect(() => {\n async function apicall() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('materiasPrecos', props))\n\n const response_produtos = await api2.get(\"/produtosAcabados\", { params: { userId: getUser(), token: getToken() } });\n setProdutoA(response_produtos.data)\n }\n apicall()\n }, []);\n\n async function pesquisaFormula() {\n const response_desc = await api2.get(\"/descontroi\", { params: { produto: sel, userId: getUser(), token: getToken() } });\n if (response_desc.data == 'NOK') {\n alert('Composição não encontrada na base SAP')\n setDesc('')\n }\n else {\n setDesc(response_desc.data)\n }\n }\n\n function SumAll(item, price) {\n let aux = list\n let soma = 0\n aux[item] = price\n setList(aux)\n for (var i = 0, len = aux.length; i < len; i++) {\n soma += parseFloat(aux[i]) * parseFloat(desc[i].Quantity);\n }\n setSum(soma)\n }\n\n return (\n permitido === true ?\n \n
\n Notas NDF
\n\n\n option.name}\n style={{ width: 300 }}\n onInputChange={(e, v) => setBanco(v)}\n renderInput={(params) => (\n
\n Banco :
\n\n\n\n option.name}\n style={{ width: 300 }}\n onInputChange={(e, v) => setOpecaracao(v)}\n renderInput={(params) => (\n
\n Compra/Venda :
\n\n setCambio(e.target.value)}\n />\n
\n Câmbio Movimentação:
\n\n setValorUs(e.target.value)}\n />\n
\n Valor U$ Movimentação :
\n\n setVcto(e.target.value)} />\n
\n Data Vencimento
\n\n setApur(e.target.value)} />\n
\n Data Apuração
\n\n \n
\n Email Subscriptions
\nLast Campaign Performance
\n\n
\n Completed Tasks
\nLast Campaign Performance
\n\n
\n | \n banco\n | \n\n operacao\n | \ncambio | \n\n valorUs\n | \n\n valorRs\n | \nVencimento | \nApuração | \n\n|||
|---|---|---|---|---|---|---|---|---|---|
| \n {ndfs[item].banco}\n | \n\n {ndfs[item].operacao}\n | \n\n {ndfs[item].cambio}\n | \n\n\n | \n \n {ndfs[item].valorRS.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n | \n \n | \n\n \n | \n | | \n
| \n {'Média Cambio/Totais'}\n | \n\n {''}\n | \n\n {totals[0].cambioMeanVenda}\n | \n\n\n {totals[0].totalUsVenda.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {totals[0].totalRsVenda.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {''}\n | \n\n
\n \n
\n | \n Média Cambio\n | \n\n Total Us\n | \n\n Total Rs\n | \n\n\n
|---|---|---|
| \n {totals[0].mediaGeral}\n | \n\n {totals[0].totalGeral.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {totals[0].totalGeralRs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n
| \n Média Cambio\n | \n\n Total Us\n | \n\n Total Rs\n | \n\n\n
|---|---|---|
| \n {totalGeral[0].mediaGeral}\n | \n\n {totalGeral[0].totalUs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n {totalGeral[0].totalRs.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replaceAll(',', '/').replaceAll('.', ',').replaceAll('/', '.')}\n | \n\n
\n \n \n \n\n \n \n \n
\n \n \n \n \n\n \n\n \n \n\n\n
: <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(TabelaMaterias);\n","import React, { useEffect, useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { TextField } from \"@material-ui/core\";\nimport { checarPermissao, getUser, getToken, validateTokenUser } from '../../utils/utils.js'\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport Loader from 'react-loader-spinner';\nimport { Person as PersonIcon, AccessTime as AccessTimeIcon, CheckCircle as CheckCircleIcon, Cancel as CancelIcon, DateRange, CallSplit as CallSplitIcon } from '@material-ui/icons';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n heading: {\n fontSize: theme.typography.pxToRem(14),\n flexBasis: '25%',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'center',\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(14),\n color: theme.palette.text.secondary,\n },\n statusText: {\n fontWeight: 'bold',\n display: 'flex',\n alignItems: 'center',\n },\n statusIcon: {\n marginRight: 8,\n },\n detailsSection: {\n display: 'flex',\n flexDirection: 'column',\n margin: '10px 0',\n },\n iconStyle: {\n fontSize: 20,\n marginRight: 8,\n },\n actionButton: {\n marginTop: 10,\n },\n dateAndDesmembramento: {\n display: 'flex',\n justifyContent: 'space-between',\n width: '100%',\n },\n desmembramentoText: {\n textAlign: 'center',\n marginRight: '20px',\n },\n pendenteAprovacao: {\n color: '#878689',\n marginRight: '20px',\n },\n clientText: {\n marginRight: '20px',\n },\n}));\n\nfunction ValidaVenda(props) {\n const [pedidos, setPedidos] = useState('')\n const [wait, setWait] = useState(false)\n const classes = useStyles();\n const [open, setOpen] = useState(false);\n const [indexR, setIndexR] = useState(0)\n const [msg, setMsg] = useState('')\n const [permitido, setPermitido] = useState(false)\n const [addFiador, setAddFiador] = useState(false)\n const [isLoading, setIsLoading] = useState(true);\n const [radioValues, setRadioValues] = useState([])\n\n useEffect(() => {\n async function fetchMyAPI() {\n setIsLoading(true); // Ativa o carregamento\n try {\n await validateTokenUser(props);\n setPermitido(await checarPermissao('validaVendas', props));\n \n const response_aguardando = await api.get(\"/PedidosAprovacaoHierarquia\", { \n params: { userId: getUser(), token: getToken() } \n });\n \n // Organize os pedidos como necessário\n const pedidosPendentes = response_aguardando.data.filter(pedido => pedido.addSAP === 0);\n const outrosPedidos = response_aguardando.data.filter(pedido => pedido.addSAP !== 0);\n const pedidosOrdenados = [...pedidosPendentes, ...outrosPedidos];\n \n setPedidos(pedidosOrdenados);\n setRadioValues(response_aguardando.data.map(() => ({ value: 0, options: [], addFiador: false })));\n } catch (error) {\n console.error(\"Erro ao buscar dados:\", error);\n } finally {\n setIsLoading(false); // Desativa o carregamento após completar\n }\n }\n fetchMyAPI();\n }, []);\n\n async function inserePedido(pedido, aprov) {\n setWait(true)\n const response_aprova = await api.get(\"/AprovaPedidoHierarquia\", { params: { pedido, aprov, msg, userId: getUser(), token: getToken() } });\n\n if (response_aprova.data === 'NOK') {\n alert('Erro ao aprovar pedido')\n } else if (response_aprova.data == 'OK') {\n alert('Pedido enviado para aprovação com sucesso!')\n window.location.reload();\n } else if (response_aprova.data == 'OKN') {\n alert('Pedido reprovado com sucesso!')\n window.location.reload();\n }\n setWait(false)\n }\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n\n const handleRadioChange = (index, value) => {\n const newValues = [...radioValues];\n newValues[index] = { ...newValues[index], value: value, addFiador: true, fiadores: [] };\n setRadioValues(newValues);\n };\n\n const fetchOptions = async (index, codCliente) => {\n try {\n const response = await api.get('/get_fiador', { params: { cod_cliente: codCliente } })\n console.log(response.data)\n const updatedRadioValues = [...radioValues];\n updatedRadioValues[index] = {\n ...updatedRadioValues[index],\n options: response.data\n };\n setRadioValues(updatedRadioValues);\n } catch (error) {\n console.error(\"Error fetching options:\", error);\n }\n };\n\n const handleAutocompleteChange = (index, fiador) => {\n let aux = { ...radioValues }\n aux[index].fiadores = [...aux[index].fiadores, fiador]\n console.log(aux)\n };\n\n const handleSaveFiador = async (argsVenda, index, idVenda) => {\n let fiadores = JSON.stringify(radioValues[index].fiadores)\n\n const updatedArgsVenda = {\n ...argsVenda,\n fiadores\n };\n\n try {\n const response = await api.post('/update_fiador', { idVenda, argsVenda: updatedArgsVenda });\n\n if (response.status === 200) {\n alert('Fiadores salvos com sucesso')\n console.log(\"Data successfully saved\", response.data);\n } else {\n console.error(\"Error saving data:\", response.data);\n }\n } catch (err) {\n alert('Erro ao salvar fiadores')\n console.error(\"API call failed:\", err);\n }\n }\n\n\n const toggleAddFiador = (index) => {\n const updatedStates = [...radioValues];\n updatedStates[index] = { ...updatedStates[index], addFiador: !updatedStates[index].addFiador };\n setRadioValues(updatedStates);\n };\n\n return (\n isLoading ? (\n \n {produtoA !== '' ? option.ItemName}\n style={{ width: 300, marginTop: 15 }}\n onInputChange={(e, v) => (setSel(v), setDesc(''), setSum(0), setList([]))}\n\n renderInput={(params) => (\n
\n {sel}
\n| \n Nome\n | \n\n Quantidade\n | \n\n Preço\n | \n\n
|---|---|---|
| \n {desc[item].Nome}\n | \n\n {desc[item].Quantity}\n | \n\n | \n
Total = {sum}
\n\n
) : (\n permitido === true && (\n \n Carregando...\n
\n\n \n {Object.keys(pedidos).map((index) =>\n\n fetchOptions(index, pedidos[index].argsVenda.codCliente)}>\n \n \n \n Produto : {pedidos[index].argsVenda.nomeProduto}\n \n \n Quantidade: {pedidos[index].argsVenda.qtde}\n \n \n Preço : {pedidos[index].argsVenda.uni}{pedidos[index].argsVenda.moeda}\n \n \n Embalagem : {pedidos[index].argsVenda.emb}\n \n \n Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd1}\n \n \n {pedidos[index].argsVenda.nomeProduto2 !== '' ?\n \n\n \n Produto : {pedidos[index].argsVenda.nomeProduto2}\n \n \n Quantidade: {pedidos[index].argsVenda.qtde2}\n \n \n Preço : {pedidos[index].argsVenda.uni2} {pedidos[index].argsVenda.moeda}\n \n \n Embalagem : {pedidos[index].argsVenda.emb2}\n \n \n Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd2}\n \n : null}\n {pedidos[index].argsVenda.nomeProduto3 !== '' ?\n \n\n \n Produto : {pedidos[index].argsVenda.nomeProduto3}\n \n \n Quantidade: {pedidos[index].argsVenda.qtde3}\n \n \n Preço : {pedidos[index].argsVenda.uni3}{pedidos[index].argsVenda.moeda}\n \n \n Embalagem : {pedidos[index].argsVenda.emb3}\n \n \n Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd3}\n \n : null}\n\n \n\n\n \n Origem : {pedidos[index].argsVenda.selOrigem}\n \n \n Destino: {pedidos[index].argsVenda.selDestino}\n \n \n Inicio Entrega : {pedidos[index].argsVenda.iniDate}\n \n \n Fim Entrega: {pedidos[index].argsVenda.endDate}\n \n \n Tipo Frete : {pedidos[index].argsVenda.frete}\n \n\n \n \n\n \n Cidade Entrega : {pedidos[index].argsVenda.cidadeEntrega}\n \n \n Estado Entrega : {pedidos[index].argsVenda.estadoEntrega}\n \n {pedidos[index].argsVenda['insProd[]'] === undefined ?\n \n Inscrição Estadual: {pedidos[index].argsVenda['insProdVal']}\n :\n \n Inscrição Estadual: {JSON.parse(pedidos[index].argsVenda['insProd[]']).TaxId1}\n }\n \n Cep Entrega : {pedidos[index].argsVenda.CEPEntrega}\n \n \n Endereço Entrega : {pedidos[index].argsVenda.endEntrega}\n \n \n Local Entrega : {pedidos[index].argsVenda.local}\n \n \n Valor Frete: {pedidos[index].argsVenda.valFreteVendido}\n \n \n Roteiro: {pedidos[index].argsVenda.roteiro}\n \n \n {/* {[...Array(10)].map((x, i) =>\n i === 0 ?\n \n \n Cadência {(i + 1).toString()}: {pedidos[index].argsVenda['manCad']}\n \n \n Quantidade Cad {(i + 1).toString()}: {pedidos[index].argsVenda['manCadQtd']}\n \n : pedidos[index].argsVenda['manCad' + i.toString()] === '' ? console.log('no mancad') :\n \n \n Cadência {(i + 1).toString()}: {pedidos[index].argsVenda['manCad' + i.toString()]}\n \n \n Quantidade Cad {(i + 1).toString()}: {pedidos[index].argsVenda['manCadQtd' + i.toString()]}\n \n \n )} */}\n \n\n \n Filial : {pedidos[index].argsVenda.filial}\n \n \n Forma de Pagamento : {pedidos[index].argsVenda.forma}\n \n {pedidos[index].argsVenda.forma === 'À Vista' ? null :\n \n Banco:{pedidos[index].argsVenda.banco}/ Agência : {pedidos[index].argsVenda.agencia}/ Conta:{pedidos[index].argsVenda.conta}\n \n \n Vencimento: {pedidos[index].argsVenda.dataCond}\n \n \n Comprador: {pedidos[index].argsVenda.comprador}\n \n \n Moeda: {pedidos[index].argsVenda.moeda} {pedidos[index].argsVenda.moeda !== 'R$' ? ': ' + pedidos[index].argsVenda.docRate : ''}\n \n \n \n\n \n Cliente : {pedidos[index].argsVenda.cliente}\n \n \n RG : {pedidos[index].argsVenda.rg}\n \n \n CPF : {pedidos[index].argsVenda.cpf}\n \n\n \n Telefone: {pedidos[index].argsVenda.tel}\n \n \n Observações: {pedidos[index].argsVenda.observ}\n \n\n \n \n {console.log(pedidos[index]['argsVenda'].fiadores)}\n {(pedidos[index]['argsVenda'].fiadores !== undefined) & (pedidos[index]['argsVenda'].fiadores !== '') ?\n <>\n Fiadores \n {JSON.parse(pedidos[index]['argsVenda'].fiadores).map((fiador, index) =>\n fiador !== null ?\n \n \n \n\n {radioValues.length > 0 && radioValues[index].addFiador &&\n \n {pedidos[index].addSAP === 0 ?
\n\n \n )}\n \n
\n \n Cliente: \n {pedidos[index].argsVenda.cliente} \n
\n \n {pedidos[index].addSAP === 0 && (\n <>\n Pedido Pendente de Aprovação \n \n )}\n {pedidos[index].addSAP === 1 && (\n <>\n Pendente de Aprov. Diretoria \n \n )}\n {pedidos[index].addSAP === 3 && (\n <>\n Pendente de Aprovação Logística \n \n )}\n {pedidos[index].addSAP === -1 && (\n <>\n Pedido Recusado \n \n )}\n
\n\n \n\n \n \n Pedido Aprovado\n \n {pedidos[index].numPedidoSAP !== 0 && (\n \n Nro. Pedido: {pedidos[index].numPedidoSAP}\n \n )}\n
\n \n )}\n {pedidos[index].addSAP === 2 && (\n <>\n \n Inserção: {pedidos[index].argsVenda.dataInsercao} \n
\n \n \n {pedidos[index].argsVenda.desmembramento === 'true' && (\n
\n \n \n \n Parcela 1: {pedidos[index].argsVenda.par1}\n \n \n Parcela 2: {pedidos[index].argsVenda.par2}\n \n \n Parcela 3: {pedidos[index].argsVenda.par3}\n \n \n Parcela 4: {pedidos[index].argsVenda.par4}\n \n
\n }\n \n Nome: {fiador.nome} \n CPF: {fiador.cpf} \n Endereço: {fiador.rua}, {fiador.numeroCasa}, {fiador.bairro}, {fiador.numeroCasa}, {fiador.cep} \n
: null)}\n : null}\n \n handleRadioChange(index, e.target.value)}>\n \n\n\n
\n }\n \n {\n radioValues[index] && Number(radioValues[index].value) > 0\n ? Array(Number(radioValues[index].value)).fill().map((_, autoIndex) => (\n option.nome}\n onChange={(event, newValue) => handleAutocompleteChange(index, newValue)}\n renderInput={(params) => (\n
\n \n \n
: }\n \n\n \n
\n \n \n )\n )\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ValidaVenda);\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { utils, writeFile } from 'xlsx'; // Biblioteca para gerar o Excel\nimport axios from \"axios\";\n\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport { TextField } from \"@material-ui/core\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\n\nimport CardBody from \"components/Card/CardBody.js\";\nimport api2 from \"../../services/api2\";\nimport Loader from \"react-loader-spinner\";\n\nimport exportFromJSON from 'export-from-json'\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport * as XLSX from \"xlsx\";\nimport { saveAs } from \"file-saver\";\n\n\nfunction getPrio() {\n const userString = localStorage.getItem('Prio')\n if (userString === null) {\n return ''\n }\n else {\n return userString\n }\n}\n\n\nconst useStyles = makeStyles(styles);\nfunction Relatorios(props) {\n\n // const [token, setToken] = useState('')\n const [rel, setRel] = useState('');// relatório de saldos\n const [prio, setPrio] = useState('')\n const [compArm, setCompArm] = useState('')//relatório de comprar armazenagem\n const [consumo, setConsumo] = useState('')\n const [relEntradas, setRelEntradas] = useState('')\n const [movEstoques, setMovEstoques] = useState('')\n const [relContasReceber, setRelContasReceber] = useState('')\n const [relContasPagar, setRelContasPagar] = useState('')\n const [fatAntecipado, setFatAntecipado] = useState('')\n const [relComissao, setRelComissao] = useState('')\n const [dataIni, setDataIni] = useState('')\n const [dataFim, setDataFim] = useState('')\n const [dataIniCR, setDataIniCR] = useState('')\n const [dataFimCR, setDataFimCR] = useState('')\n const [dataIniCPagas, setDataIniCPagas] = useState('')\n const [dataFimCPagas, setDataFimCPagas] = useState('')\n const [dataIniCP, setDataIniCP] = useState('')\n const [dataFimCP, setDataFimCP] = useState('')\n const [dataIniCom, setDataIniCom] = useState('')\n const [dataFimCom, setDataFimCom] = useState('')\n const [dataIniEstoque, setdataIniEstoque] = useState('')\n const [relConsumoPorProduto, setRelConsumoPorProduto] = useState('')\n\n const [prest, setPrest] = useState('')\n const [genFat, setGenFat] = useState(false)\n const [contasPagasNovo, setContasPagasNovo] = useState('')\n\n const classes = useStyles();\n const [permitido, setPermitido] = useState(false)\n const [gerandoRelPorProduto, setGerandoRelPorProduto] = useState(false)\n const [gerandoRelSaldos, setGerandoRelSaldos] = useState(false)\n\n const [gerandoRelSaldos2025, setGerandoRelSaldos2025] = useState(false);\n const [rel2, setRel2] = useState('');\n const [dataInicio2, setDataInicio2] = useState('');\n const [dataFim2, setDataFim2] = useState('');\n const [statusMensagem, setStatusMensagem] = useState(\"\");\n\n\n const [gerandoRelConsumo, setGerandoRelConsumo] = useState(false)\n const [gerandoRelEntradas, setGerandoRelEntradas] = useState(false)\n const [gerandoRelPrestacoes, setGerandoRelPrestacoes] = useState(false)\n const [relEstoque, setRelEstoque] = useState('')\n const [historical, setHistorical] = useState(false);\n const [historical_pagar, setHistorical_pagar] = useState(false);\n const [historical_receber, setHistorical_receber] = useState(false);\n const [historical_pagas, setHistorical_pagas] = useState(false);\n \n\n const [dateHist, setDateHist] = useState('');\n const [dateHistPagar, setDateHistPagar] = useState('');\n\n const [dateHistReceber, setDateHistReceber] = useState('');\n const [dateHistPagas, setDateHistPagas] = useState('');\n \n const [contasRecebidas, setContasRecebidas] = useState('');\n const [gerandoRelContasRecebidas, setGerandoRelContasRecebidas] = useState(false);\n\n useEffect(() => {\n let tempUser = getUser()\n setPrio(getPrio())\n\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('relatorios', props))\n\n //const response_rel_arm = await api2.get(\"/retornaRelComprasArmazenagem\");\n //setCompArm(response_rel_arm.data)\n }\n fetchMyAPI();\n\n }, [])\n\n\n async function getRelEstoques() {\n const response_mov_estoques = await api2.get(\"/relMovEstoques\", {\n params: {\n dataIni,\n dataFim,\n userId: getUser(),\n token: getToken()\n },\n });\n setMovEstoques(response_mov_estoques.data)\n }\n\n async function getFatAntecipadoRel() {\n setGenFat(true)\n const response_fat_antecipado = await api2.get(\"/FatAnticpadoRel\", { params: { userId: getUser(), token: getToken() } });\n setFatAntecipado(response_fat_antecipado.data)\n setGenFat(false)\n }\n async function getContasReceberRel() {\n const responseContasReceber = await api2.get(\"/contasReceberRel\", {\n params: {\n dataIniCR,\n dataFimCR,\n userId: getUser(),\n token: getToken(), hist: historical_receber === true ? 1 : 0, date_hist: dateHistReceber\n },\n });\n setRelContasReceber(responseContasReceber.data)\n }\n\n \n async function getContasPagasRel() {\n \n const response_contas_pagas = await api2.get(\"/contas_pagas_gen\", { params: { 'data_ini':dataIniCPagas,\n 'data_fim':dataFimCPagas, userId: getUser(), token: getToken() } });\n setContasPagasNovo(response_contas_pagas.data)\n \n }\n async function getContasPagarRel() {\n const responseContasPagar = await api2.get(\"/contasPagarRel\", {\n params: {\n dataIniCP,\n dataFimCP,\n userId: getUser(),\n token: getToken(), hist: historical_pagar === true ? 1 : 0, date_hist: dateHistPagar\n },\n });\n setRelContasPagar(responseContasPagar.data)\n }\n\n async function getHistoricoEstoque() {\n const responseContasPagar = await api2.get(\"/returnHistoricoEstoque\", {\n params: {\n dataIniEstoque,\n userId: getUser(),\n token: getToken()\n },\n });\n setRelEstoque(responseContasPagar.data)\n }\n\n async function getRelComissao() {\n const responseComissao = await api2.get(\"/relComissao\", {\n params: {\n dataIniCom,\n dataFimCom,\n userId: getUser(),\n token: getToken()\n },\n });\n setRelComissao(responseComissao.data)\n }\n\n\n\n async function getContasRecebidas() {\n try {\n setGerandoRelContasRecebidas(true); // Ativa o carregamento\n const response = await api2.get(\"/contas_recebidas\", {\n params: {\n data_ini: dataIni,\n data_fim: dataFim,\n userId: getUser(),\n token: getToken(),\n },\n });\n setContasRecebidas(response.data);\n setGerandoRelContasRecebidas(false); // Desativa o carregamento\n } catch (error) {\n console.error(\"Erro ao buscar contas recebidas:\", error);\n setGerandoRelContasRecebidas(false); // Desativa o carregamento em caso de erro\n }\n }\n\n const exportContasRecebidas = () => {\n if (contasRecebidas.length === 0) {\n console.error(\"Nenhum dado para exportar!\");\n return;\n }\n \n // Define a ordem lógica das colunas\n const colunasOrdenadas = [\n \"Numero_Fatura\", \"Codigo_Cliente\", \"Nome_Cliente\",\n \"Conta_Controle\", \"Nome_Filial\", \"Registro_Fiscal\", \"NS_Documento\",\n \"Moeda_Corrente\", \"Taxa_Cambio\", \"Numero_Pagamento\",\n \"Valor_Baixa\", \n \"Data_Pagamento\", \"Cancelada\", \"Nro_Pedido\"\n ];\n \n \n // Reorganiza os dados conforme a ordem definida\n const dadosOrdenados = contasRecebidas.map((linha) => {\n const novaLinha = {};\n colunasOrdenadas.forEach((coluna) => {\n novaLinha[coluna] = linha[coluna] || \"\";\n });\n return novaLinha;\n });\n \n // Cria uma planilha a partir dos dados ordenados\n const ws = XLSX.utils.json_to_sheet(dadosOrdenados, { header: colunasOrdenadas });\n \n // Cria um novo workbook e adiciona a planilha\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, \"Contas Recebidas\");\n \n // Converte para buffer e salva como arquivo\n const excelBuffer = XLSX.write(wb, { bookType: \"xlsx\", type: \"array\" });\n const blob = new Blob([excelBuffer], { type: \"application/octet-stream\" });\n saveAs(blob, `Relatorio_Contas_Recebidas_${dataIni}_a_${dataFim}.xlsx`);\n };\n\n const armazenagem = () => {\n const data = compArm\n const fileName = 'Relatório de Armazenagem'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n const contasPagar = () => {\n const data = relContasPagar\n const fileName = 'Relatório de Contas a Pagar'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n const saldos = () => {\n const data = rel\n const fileName = 'Relatórios de Saldos'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n const movEstoquesToXls = () => {\n const data = movEstoques\n const fileName = 'Relatórios de Movimentação de Estoques'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n const consumoR = () => {\n const data = consumo\n const fileName = 'Relatório Consumo'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n const estoqueR = () => {\n const data = relEstoque\n const fileName = 'Histórico Estoque'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n const entradas = () => {\n const data = relEntradas\n const fileName = 'Relatório de entradas'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n const contasPagas = () => {\n const data = contasPagasNovo;\n const fileName = 'Relatório de Contas Pagas';\n const exportType = exportFromJSON.types.xls;\n \n exportFromJSON({ data, fileName, exportType });\n };\n \n const contasReceber = () => {\n const data = relContasReceber\n const fileName = 'Relatório de contas a Receber'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n const convertfatAntecipado = () => {\n const data = fatAntecipado\n const fileName = 'Relatório de Faturamento Antecipado'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n const convertRelPrest = () => {\n const data = prest\n const fileName = 'Saldo de Pedidos de venda (prestações)'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n const comissao = () => {\n const data = relComissao\n const fileName = 'Relatório de Comissão'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n async function getRelConsumoPorProduto() {\n setGerandoRelPorProduto(true)\n const response = await api2.get('/relConsumoPorProduto', { params: { userId: getUser(), token: getToken() } })\n setRelConsumoPorProduto(response.data)\n setGerandoRelPorProduto(false)\n }\n\n async function getRelSaldos() {\n setGerandoRelSaldos(true)\n const response_rel = await api2.get(\"/retornaRelSaldos\", {\n params: {\n prio: getPrio(),\n userId: getUser(),\n token: getToken()\n },\n });\n setRel(response_rel.data)\n setGerandoRelSaldos(false)\n }\n async function getRelSaldos2025() {\n if (!dataInicio2 || !dataFim2) {\n alert(\"Por favor, insira o período corretamente.\");\n return;\n }\n\n setGerandoRelSaldos2025(true);\n setStatusMensagem(\"Gerando...\");\n\n // Atualiza a mensagem após alguns segundos para melhorar UX\n const mensagemTimeout1 = setTimeout(() => {\n setStatusMensagem(\"Pode levar alguns minutos...\");\n }, 8000);\n\n const mensagemTimeout2 = setTimeout(() => {\n setStatusMensagem(\"Relatório extenso, aguarde mais um pouco...\");\n }, 12000);\n\n try {\n // Faz a requisição ao backend e define que a resposta é um arquivo binário\n const response = await axios.get(\"https://back.macs.dev.br:5002/retornaRelSaldos2025\", {\n params: {\n prio: getPrio(),\n userId: getUser(),\n token: getToken(),\n data_inicio: dataInicio2,\n data_fim: dataFim2,\n },\n responseType: \"blob\", // 🔴 IMPORTANTE: Indica que a resposta será um arquivo binário (Excel)\n });\n\n // Criando um link temporário para baixar o arquivo\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\"download\", `RelatorioSaldos_${dataInicio2}_a_${dataFim2}.xlsx`); // Nome do arquivo\n document.body.appendChild(link);\n link.click();\n\n // Libera memória removendo o link\n window.URL.revokeObjectURL(url);\n } catch (error) {\n console.error(\"Erro ao gerar o relatório:\", error);\n alert(\"Falha ao gerar o relatório. Verifique os dados e tente novamente.\");\n } finally {\n setGerandoRelSaldos2025(false);\n setStatusMensagem(\"\"); // Reseta a mensagem\n\n // Limpa os timeouts caso o processo termine antes do tempo previsto\n clearTimeout(mensagemTimeout1);\n clearTimeout(mensagemTimeout2);\n }\n }\n \n function gerarExcel(dados) {\n try {\n // Converte o JSON em uma planilha\n const worksheet = utils.json_to_sheet(dados);\n const workbook = utils.book_new();\n utils.book_append_sheet(workbook, worksheet, \"RelatorioSaldos2025\");\n\n // Salva o arquivo Excel\n writeFile(workbook, `RelatorioSaldos2025_${dataInicio2}_a_${dataFim2}.xlsx`);\n } catch (error) {\n console.error(\"Erro ao gerar o arquivo Excel:\", error);\n alert(\"Erro ao criar o arquivo Excel.\");\n }\n }\n\n async function getRelConsumo() {\n setGerandoRelConsumo(true)\n const response_rel_consumo = await api2.get(\"/relConsumo\", { params: { userId: getUser(), token: getToken() } });\n setConsumo(response_rel_consumo.data)\n setGerandoRelConsumo(false)\n }\n\n async function getRelEntradas() {\n setGerandoRelEntradas(true)\n const response_rel_entradas = await api2.get(\"/relNotasEntradas\", { params: { userId: getUser(), token: getToken() } });\n setRelEntradas(response_rel_entradas.data)\n setGerandoRelEntradas(false)\n }\n\n async function getRelPrestacoes() {\n setGerandoRelPrestacoes(true)\n const response_prest = await api2.get(\"/relVendasPrestacoes\", { params: { userId: getUser(), token: getToken(), hist: historical === true ? 1 : 0, date_hist: dateHist } });\n setPrest(response_prest.data)\n setGerandoRelPrestacoes(false)\n }\n\n function baixarRelConsumoPorProduto() {\n const data = relConsumoPorProduto\n const fileName = 'Relatório de Consumo por Produto'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n const handleCheckboxChange = (event) => {\n setHistorical(event.target.checked);\n if (!event.target.checked) {\n setDateHist(''); // Clear the date if historical is unchecked\n }\n };\n const handleCheckboxChangePagar = (event) => {\n setHistorical_pagar(event.target.checked);\n if (!event.target.checked) {\n setDateHistPagar(''); // Clear the date if historical is unchecked\n }\n };\n const handleCheckboxChangeReceber = (event) => {\n setHistorical_receber(event.target.checked);\n if (!event.target.checked) {\n setDateHistReceber(''); // Clear the date if historical is unchecked\n }\n };\n const handleCheckboxChangePagas = (event) => {\n setHistorical_pagas(event.target.checked);\n if (!event.target.checked) {\n setDateHistPagas(''); // Clear the date if historical is unchecked\n }\n };\n\n \n \n return (\n permitido === true ?\n \n \n \n \n \n \n \n setDataIni(e.target.value)}\n />\n \n \n setDataFim(e.target.value)}\n />\n \n \n \n \n \n \n\n \n\n \n \n \n \n\n \n \n \n \n setDataIniCR(e.target.value)}\n />\n \n \n setDataFimCR(e.target.value)}\n />\n \n \n \n \n\n \n \n\n\n \n\n \n \n \n \n\n \n \n \n \n setDataIniCPagas(e.target.value)}\n />\n \n \n setDataFimCPagas(e.target.value)}\n />\n \n \n \n \n\n \n \n \n\n \n \n \n \n \n \n \n setDataIni(e.target.value)}\n />\n \n \n setDataFim(e.target.value)}\n />\n \n \n \n Buscar\n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n setDataIniCP(e.target.value)}\n />\n \n \n setDataFimCP(e.target.value)}\n />\n \n \n \n \n \n\n \n\n \n \n \n \n \n\n \n \n setdataIniEstoque(e.target.value)}\n />\n \n\n \n \n \n \n\n \n\n\n \n\n\n\n \n \n\n \n \n\n \n \n \n \n\n \n \n setDataIniCom(e.target.value)}\n />\n \n \n setDataFimCom(e.target.value)}\n />\n \n \n \n \n \n \n\n\n \n
: <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Relatorios);\n","import React, { useEffect, useState } from \"react\";\nimport './Dashboard.css'\nimport api2 from \"../../services/api2\";\n\nimport { PowerBIEmbed } from \"powerbi-client-react\";\nimport { models } from 'powerbi-client'\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\nfunction PowerBINecessidades(props) {\n\n const [token, setToken] = useState('')\n const [permitido, setPermitido] = useState(false)\n\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('powerBiNecessidades', props))\n\n const response_token = await api2.get(\"/returnToken\", { params: { userId: getUser(), token: getToken() } });\n setToken(response_token.data)\n }\n fetchMyAPI();\n\n }, [])\n\n\n\n return (\n permitido === true ?\n \n
\n\n Relatórios
\n\n \n
\n\n \n
\n Relatório de Saldos
\n \n {rel === '' && !gerandoRelSaldos ? : gerandoRelSaldos ?\n
\n \n
\n\n Relatório de Saldos c/ Dev
\n \n \n setDataInicio2(e.target.value)}\n style={{ width: \"100%\", marginBottom: 5 }}\n />\n \n setDataFim2(e.target.value)}\n style={{ width: \"100%\" }}\n />\n
\n \n {gerandoRelSaldos2025 ? (\n
\n \n
\n ) : (\n \n )}\n \n
\n\n Relatório de Consumo
\n \n {consumo === '' && !gerandoRelConsumo ? : gerandoRelConsumo ?\n
\n \n
: \n \n }\n \n
\n Relatório de Notas Fiscais de Entradas
\n \n {relEntradas === '' && !gerandoRelEntradas ? : gerandoRelEntradas ?\n
\n \n
: \n \n }\n \n
\n \n
\n\n\n Relatório de Consumo por Produto
\n \n {relConsumoPorProduto === '' && !gerandoRelPorProduto ?\n : gerandoRelPorProduto ?\n
\n \n
\n : }\n \n
\n\n\n Relatório de Faturamento Antecipado
\n \n {fatAntecipado === '' && !genFat ? : genFat ?\n
\n \n
\n :\n \n \n }\n \n
\n Relatório de Saldo de Pedidos de Venda (prestações)
\n \n
\n {historical && (\n \n setDateHist(e.target.value)}\n placeholder=\"YYYY-MM-DD\"\n />\n
\n )}\n \n {prest === '' && !gerandoRelPrestacoes ? \n : gerandoRelPrestacoes ?\n
\n \n {/* Loader Component */}\n Gerando...
: \n \n }\n Relatório Movimentação de Estoques
\n\n {movEstoques !== '' ? \n \n :
\n Relatório Contas a Receber
\n\n
\n {historical_receber && (\n \n setDateHistReceber(e.target.value)}\n placeholder=\"YYYY-MM-DD\"\n />\n
\n )}\n \n {relContasReceber !== '' ? \n \n :
\n\n Relatório Contas Pagas — 💲Financeiro
\n\n
\n {historical_pagas && (\n \n setDateHistPagas(e.target.value)}\n placeholder=\"YYYY-MM-DD\"\n />\n
\n )}\n \n {contasPagasNovo !== '' ? \n \n :
\n Relatório Contas Recebidas — 💲Financeiro
\n\n {gerandoRelContasRecebidas ? (\n
\n Relatório Contas a Pagar
\n\n
\n {historical_pagar && (\n \n setDateHistPagar(e.target.value)}\n placeholder=\"YYYY-MM-DD\"\n />\n
\n )}\n \n {relContasPagar !== '' ? \n \n :
\n\n Histórico Estoque {\">\"} 15/01/2022
\n\n*Caso não seja informado filtro de data, o sistema vai gerar os valores de estoque atuais
\n\n {relEstoque !== '' ? \n \n :
\n\n Relatório de Comissão
\n\n {relComissao !== '' ? \n \n :
\n \n \n
: <>\n );\n}\n\nexport default PowerBINecessidades;\n","import React, { useEffect, useState } from \"react\";\nimport { useRef } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport { TextField } from \"@material-ui/core\";\nimport Button from \"components/CustomButtons/Button.js\"\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\nimport IconButton from '@material-ui/core/IconButton';\n\n\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport './agendamentoStyle.css'\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\n\n\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\n\nimport Loader from \"react-loader-spinner\";\nimport exportFromJSON from \"export-from-json\";\nimport jsPDF from 'jspdf';\nimport html2canvas from 'html2canvas';\nimport parse from 'html-react-parser';\n\nconst useStyles = makeStyles(styles)\n\n\n\n\n\n\n \n\nfunction Agendamento(props) {\n const [praca, setPraca] = useState('')\n const [localCarregamento, setLocalCarregamento] = useState('')\n const [obs, setObs] = useState('')\n const [pedFatCliente, setPedFatCliente] = useState('')\n const [produto, setProduto] = useState('')\n const [quantidade, setQuantidade] = useState(0)\n const [embalagem, setEmbalagem] = useState('')\n const [cliente, setCliente] = useState('')\n const [roteiro, setRoteiro] = useState('')\n const [destino, setDestino] = useState('')\n const [transportadora, setTransportadora] = useState('')\n const [frete, setFrete] = useState(0)\n const [contato, setContato] = useState('')\n const [placa, setPlaca] = useState('')\n const [nomeMotorista, setNomeMotorista] = useState('')\n const [agendamentoArray, setAgendamentoArray] = useState('')\n const [agendamento, setAgendamento] = useState('')\n const [auxAgendamento, setAuxAgendamento] = useState('')\n const [numerosPedidosGen, setNumerosPedidosGen] = useState('')\n const [listaEmails, setListaEmails] = useState('')\n const [email, setEmail] = useState([])\n const [emailAlterado, setEmailAlterado] = useState('')\n\n const [numeroDI, setNumeroDI] = useState('')\n const [nomeNavio, setNomeNavio] = useState('')\n const [tipoCarregamento, setTipoCarregamento] = useState('')\n const [file, setFile] = useState([])\n const [placaQuantidade, setPlacaQuantidade] = useState([{ placa: '', quantidade: 0, dataChegada: '' }])\n const [arquivosSelecionados, setArquivosSelecionados] = useState([])\n const [historicoExcel, setHistoricoExcel] = useState([])\n const [itemCode, setItemCode] = useState('')\n const [cidades, setCidades] = useState('')\n const [listaTransportadoras, setListaTransportadoras] = useState('')\n const [listaProdutos, setListaProdutos] = useState('')\n const [listaArmazens, setListaArmazens] = useState('')\n const [abstFabrica, setAbstFabrica] = useState(false)\n const [stateArquivos, setStateArquivos] = useState(0)\n const [emailTransp, setEmailTransp] = useState('')\n\n // States para evitar mandar múltiplos inputs\n const [salvando, setSalvando] = useState(false)\n const [enviando, setEnviando] = useState(false)\n const [deletando, setDeletando] = useState(false)\n const [carteira, setCarteira] = useState(0)\n const [qtdAgendado, setQtdAgendado] = useState(0)\n\n const [placasAgendadas, setPlacasAgendadas] = useState('')\n const [nmPedido, setNmPedido] = useState('')\n\n const classes = useStyles()\n const [permitido, setPermitido] = useState(false)\n const [selectedAgendamento, setSelectedAgendamento] = useState(true)\n\n // states de pesquisa no histórico\n const [filtro, setFiltro] = useState('')\n const [filtroColuna, setFiltroColuna] = useState('')\n\n const [groupEmails, setGroupEmails] = useState([])\n const [emailGroup, setEmailGroup] = useState('')\n const [update_placas, setUpdate_placas] = useState([])\n\n const [abrirvizualizador,setAbrirVizualizador] = useState(false)\n const [tabela, setTabela] = useState('')\n const [html, setHtml] = useState(\"\")\n \n const [relPng, setRelPng] = useState('')\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('agendamento', props))\n\n const retornoAgendamento = await api.get('retornaAgendaDados', { params: { userId: getUser(), token: getToken() } })\n const retornoPedidos = await api.get('retornaNumerosPedidos', { params: { userId: getUser(), token: getToken() } })\n const retornoEmails = await api.get('retornaEmails', { params: { userId: getUser(), token: getToken() } })\n const retornoCidades = await api.get('returnDestinosInsert', { params: { userId: getUser(), token: getToken() } })\n const retornoTransportadoras = await api.get('retornaTransportadoras', { params: { userId: getUser(), token: getToken() } })\n const groupEmailsResponse = await api.get('/return_email_groups_agendamento', { params: { userId: getUser(), token: getToken() } })\n const retornoArmazens = await api.get('listaArmazens', { params: { userId: getUser(), token: getToken() } })\n\n const relPng = await api.get('/retorna_infos_placas_parangua', { params: { userId: getUser(), token: getToken() } })\n setAgendamento(retornoAgendamento.data)\n setAuxAgendamento(retornoAgendamento.data.slice(0, 30))\n setNumerosPedidosGen(retornoPedidos.data)\n setListaEmails(retornoEmails.data)\n setCidades(retornoCidades.data)\n setListaTransportadoras(retornoTransportadoras.data)\n setListaArmazens(retornoArmazens.data)\n setGroupEmails(groupEmailsResponse.data)\n gerarHistoricoExcel(retornoAgendamento.data)\n setRelPng(relPng.data)\n }\n fetchMyAPI();\n }, [])\n \n\n \n \n\n \n async function DownloadPDF(id){ \n setAbrirVizualizador(true)\n setTabela()\n // var teste ='\n \n
\n\n | Tabela de informações | |
|---|---|
| Origem | Cabixi - RO |
| Armazem | Armazém Rocha Praça - Paranaguá PR |
| Número do Pedido | a0000256 |
| Produto | F.M.A BR (B: 5% - Mn: 10% - Zn: 10%) |
| Navio | 5 |
| Embalagem | 5 |
| Cliente | 5 |
| Roteiro | 5 |
| Destino / UF | Cabixi - RO |
| Transportadora | 2A CONTABILIDADE E ASSESSORIA LTDA |
| Nome do Motorista | 5 |
| Frete | 5.00 |
| Contato | 5 |
| Número DI | 5 |
| Tipo de Carregamento | Abastecimento Fábrica |
| Placa | Lote: a0000256-1 - Placa: 5 - Quantidade: 5.0 - Previsão de Chegada: 05/01/2023 |
| Total | 5.0 |
\n \n \n \n \n \n \n \n \n true}\n id='tipoCarregamento'\n style={{ width: 300, margin: 10 }}\n options={['Entrega Clientes', 'Abastecimento Fábrica', 'Vinculo Placas Paranagua','Fila Armazém BJ']}\n \n onChange={(event, newValue) => { setTipoCarregamento(newValue); abstState(newValue) }}\n renderInput={(params) => ( \n \n\n\n \n\n\n\n\n\n\n\n\n {/* PRIMEIRA LINHA */}\n \n {numerosPedidosGen !== '' ? true}\n id='numeroPedido'\n disabled={abstFabrica || tipoCarregamento === '' || tipoCarregamento === null}\n style={{ width: 300, margin: 10 }}\n options={Object.keys(numerosPedidosGen).map((item, index) => (numerosPedidosGen[item].numeroPedidoGen))}\n onChange={(event, newValue) => { getDadosPedido(newValue); setPedFatCliente(newValue) }}\n renderInput={(params) => ( true}\n id='localCarregamento'\n style={{ width: 300, margin: 10 }}\n freesolo='true'\n options={Object.keys(listaArmazens).map((item) => listaArmazens[item].armazem)}\n onChange={(index, valor) => setLocalCarregamento(valor)}\n renderInput={(params) => ( true}\n id='destino'\n style={{ width: 300, margin: 10 }}\n options={Object.keys(cidades).map((item, index) => (cidades[item].City_uf))}\n onChange={(index, valor) => setDestino(valor)}\n renderInput={(params) => ( \n\n\n \n true}\n id='origem'\n style={{ width: 300, margin: 10 }}\n options={Object.keys(cidades).map((item, index) => (cidades[item].City_uf))}\n onChange={(index, valor) => setPraca(valor)}\n renderInput={(params) => ( true}\n id='transportadora'\n style={{ width: 300, margin: 10 }}\n options={Object.keys(listaTransportadoras).map((item, index) => (listaTransportadoras[item].transportadora))}\n onChange={(index, valor) => setTransportadora(valor)}\n renderInput={(params) => ( setFrete(e.target.value)}\n />\n \n \n\n {/* SEGUNDA LINHA */}\n \n setEmbalagem(e.target.value)}\n />\n\n\n (listaProdutos[item].ItemName))}\n value={produto}\n getOptionSelected={() => true}\n onChange={(index, valor) => { setCodigoProduto(valor) }}\n renderInput={(params) => ( setCliente(e.target.value)}\n />\n \n \n\n {/* TERCEIRA LINHA */}\n \n setObs(e.target.value)}\n />\n\n setContato(e.target.value)}\n />\n setRoteiro(e.target.value)}\n />\n \n \n\n \n \n\n\n (listaEmails[item].emails))}\n onChange={(event, newValue) => setEmailTransp(newValue)}\n renderInput={(params) => ( (listaEmails[item].emails))}\n onChange={(event, newValue) => setEmail(newValue)}\n renderInput={(params) => ( grupo.nome_grupo)}\n onChange={(event, newValue) => setEmailGroup(newValue)}\n renderInput={(params) => ( \n \n\n \n \n\n (setNumeroDI(e.target.value))}\n />\n\n setNomeNavio(e.target.value)}\n />\n\n setNomeMotorista(e.target.value)}\n />\n \n \n\n \n \n \n \n \n \n\n \n {placaQuantidade.map((item, index) => (\n \n \n mudarInput(e.target.value, index, 'placa')}\n />\n mudarInput(e.target.value, index, 'quantidade')}\n />\n mudarInput(e.target.value, index, 'dataChegada')}\n />\n \n \n\n ))}\n \n\n\n \n \n \n \n {Object.keys(arquivosSelecionados).map((file) => \n\n \n \n {tipoCarregamento === 'Vinculo Placas Paranagua' ? null : }\n {(salvando) ? \n \n \n \n\n\n \n \n
\n \n\n\n \n \n
\n \n\n \n \n
: null\n );\n\n\n}\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Agendamento);","import React, { useEffect, useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport './agendamentoStyle.css'\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport Loader from \"react-loader-spinner\";\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport PresentToAllIcon from '@material-ui/icons/PresentToAll';\nimport IconButton from '@material-ui/core/IconButton';\nimport Switch from '@material-ui/core/Switch';\nimport Button from \"components/CustomButtons/Button.js\"\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { func } from \"prop-types\";\nimport { Alert } from \"@material-ui/lab\";\n\nvar global_editor = false\nfunction AgendamentoOrdenado(props) {\n const classes = useStyles()\n const [permitido, setPermitido] = useState(false)\n const [agendamento, setAgendamento] = useState('')\n const [editor, setEditor] = useState(false)\n\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('agendamento', props))\n setInterval(async function () {\n if (global_editor === false) {\n const retornoAgendamentoord = await api.get('retornaAgendaOrd', { params: { userId: getUser(), token: getToken() } })\n setAgendamento(retornoAgendamentoord.data)\n }\n\n }, 5000);\n // setAgendamento(retornoAgendamentoord.data.map((v,index) => ({...v, posicao: index+1})))\n // if(agendamento===''){\n // const retornoAgendamento = await api.get('retornaAgendaDados', { params: { userId: getUser(), token: getToken() } })\n // setAgendamento(retornoAgendamento.data)\n // setAgendamento(retornoAgendamento.data.map((v,index) => ({...v, posicao: index+1})))\n // }\n }\n fetchMyAPI();\n }, [])\n\n\n async function deletaOrdem(id) {\n const response_deleteORD = await api.get('/deletaOrdem', { params: { 'id': id, userId: getUser(), token: getToken() } })\n if (response_deleteORD.data === 'OK') {\n alert('Agendamento Removido com Sucesso da Lista Ordenada')\n window.location.reload()\n }\n else {\n alert('Erro ao Remover agendamento, entre em contato com o time de desenvolvimento...')\n }\n }\n async function salvaOrdem() {\n let aux = '';\n // posição#id;\n Object.keys(agendamento).forEach((item) => (aux = aux + agendamento[item].ordem + '#' + agendamento[item].id + ';'));\n console.log(aux)\n const response_ordem = await api.post('/salvaOrdem', { 'ordem': aux, userId: getUser(), token: getToken() })\n if (response_ordem.data == 'OK') {\n alert('Ordem Salva')\n }\n else if (response_ordem.data == 'OK1') {\n alert('Nenhum Dado Alterado')\n }\n else {\n alert('Erro ao inserir agendamento, entre em contato com o time de desenvolvimento...')\n }\n }\n function moveComponent(direction, index) {\n // Funcao para mover os componente, fazendo a ordenação e mantendo a coluna de posicao, \n // para depois mandar para o back usando a funcao salvaOrdem()\n\n let aux = agendamento\n if (direction === 'up') {\n\n if (index - 1 === -1) { return }\n let ord = aux[index - 1].ordem\n let prior = aux[index - 1]\n aux[index - 1].ordem = aux[index].ordem\n aux[index - 1] = aux[index]\n aux[index].ordem = ord\n aux[index] = prior\n setAgendamento(JSON.parse(JSON.stringify(aux)))\n console.log(ord)\n\n } else if (direction === 'down') {\n\n if (index + 1 === agendamento.length) { return }\n\n let ord = aux[index + 1].ordem\n let prior = aux[index + 1]\n aux[index + 1].ordem = aux[index].ordem\n aux[index + 1] = aux[index]\n aux[index].ordem = ord\n aux[index] = prior\n setAgendamento(JSON.parse(JSON.stringify(aux)))\n }\n console.log(agendamento)\n }\n\n function alteraEstados() {\n setEditor(!editor)\n global_editor = !editor\n }\n\n return (\n permitido === true ?\n Agendamento
\nAgendamento de caminhões
\n {arquivosSelecionados[file].name} |
)}\n \n\n\n \n Placas \n\n\n \n \n
\n \n {Object.keys(placasAgendadas).map((index) =>\n \n\n \n Placa: {placasAgendadas[index].placa}\n\n \n \n Quantidade {placasAgendadas[index].quantidade}\n \n {tipoCarregamento === 'Vinculo Placas Paranagua' ?\n \n )}\n {tipoCarregamento === 'Vinculo Placas Paranagua' ?\n \n : null}\n
\n \n setUpdatePlacas(e.target.value, placasAgendadas[index].id, 'motorista')}\n />\n setUpdatePlacas(e.target.value, placasAgendadas[index].id, 'celular')}\n />\n setUpdatePlacas(e.target.value, placasAgendadas[index].id, 'data')}\n\n />\n setUpdatePlacas(e.target.value, placasAgendadas[index].id, 'hora')}\n\n />
: null}\n \n\n Agendamentos Pendentes
\n {/* Tabela ID 0 */}\n Histórico de Agendamentos
\n\n \n \n {relPng !== '' ? :
\n\n {/* Tabela ID 1 */}\n \n e.target.value !== '' ? setFiltro(e.target.value) : setFiltro('')}\n multiline\n size='small'\n label='Filtro'\n variant=\"outlined\" />\n\n option.label}\n getOptionSelected={(option, value) => option.label === value.label}\n onChange={(e, v) => v === null ? setFiltroColuna('') : (setFiltroColuna(v.value), handleFiltro(v.value, filtro))}\n options={filtroColunaOptions}\n renderInput={(params) =>
\n \n {abrirvizualizador !== false ?\n
\n \n \n
: null}\n \n salvaOrdem()}>Salvar Agendamento Ordenado \n\n
: null\n );\n}\n\n\n\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nconst useStyles = makeStyles((theme) => ({\n tableModels: {\n marginTop: 20,\n maxWidth: '100%',\n boxShadow: '0px 17px 80px rgba(0, 0, 0, 0.07), 0px 7.10219px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 3.79717px 17.869px rgba(0, 0, 0, 0.0417275), 0px 2.12866px 10.0172px rgba(0, 0, 0, 0.035), 0px 1.13052px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 0.470434px 2.21381px rgba(0, 0, 0, 0.0196802)',\n maxHeight: 700,\n overflow: 'auto'\n },\n table: {\n minWidth: 400,\n maxWidth: '100%'\n },\n inputh1: {\n fontFamily: 'Arial',\n color: '#383838'\n }\n}))\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AgendamentoOrdenado);\n","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { Carousel } from 'react-responsive-carousel';\n\nimport carouselStyle from \"../../../node_modules/react-responsive-carousel/lib/styles/carousel.min.css\"\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { TextField } from \"@material-ui/core\";\nimport Button from \"components/CustomButtons/Button.js\"\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\n\nimport {\n filesToBase64,\n checarPermissao,\n validateTokenUser, getUser, getToken\n} from '../../utils/utils.js'\n\n\nfunction JornalGen(props) {\n // Valores pra criar publicação\n const [text, setText] = useState('')\n const [header, setHeader] = useState('')\n const [images, setImages] = useState([])\n const [fontes, setFontes] = useState([])\n const [formVisible, setFormVisible] = useState(false);\n\n // Valores da edição\n const [textEdit, setTextEdit] = useState('')\n const [headerEdit, setHeaderEdit] = useState('')\n const [imagesEdit, setImagesEdit] = useState([])\n const [fontesEdit, setFontesEdit] = useState([])\n\n // Objetos do back\n const [posts, setPosts] = useState('')\n const [fixado, setFixado] = useState('')\n\n\n // Validação de usuario\n const [userAllowed, setUserAllowed] = useState(false)\n\n // Impedir que violem nossos botões\n const [postando, setPostando] = useState(false)\n const [fixando, setFixando] = useState(false)\n const [desafixando, setDesafixando] = useState(false)\n const [deletando, setDeletando] = useState(false)\n const [salvando, setSalvando] = useState(false)\n\n const classes = useStyles();\n const [permitido, setPermitido] = useState(false)\n\n // state infinite scroll\n const [morePosts, setMorePosts] = useState(0)\n const [hasMore, setHasMore] = useState(true)\n\n const [postBeingEditedId, setPostBeingEditedId] = useState('')\n\n useEffect(() => {\n async function fetchMyApi() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('jornalGen', props))\n\n const getPosts = await api.get('retornaPosts', { params: { userId: getUser(), token: getToken(), morePosts } }) // resposta 0\n const getFixado = await api.get('retornaFixado', { params: { userId: getUser(), token: getToken() } })\n let aux = getFixado.data.concat(getPosts.data)\n setPosts(aux)\n\n if (getFixado.data.length !== 0) {\n setFixado(getFixado.data[0])\n }\n }\n fetchMyApi()\n let id = JSON.parse(localStorage.getItem('permissoes'))\n if (id !== null) {\n id = id[0].idUsuario\n // gleice, unity, thais, marcio, sandoval, fabio nunes, gabrielle rodrigues, flaviane morgana //\n if (id === 5 || id === 59 || id === 72 || id === 58 || id === 80 || id === 254 || id === 264 || id === 267 || id === 284) {\n setUserAllowed(true)\n }\n }\n }, [])\n\n async function insertPost() {\n setPostando(true)\n const insert = await api.get('insertPost', {\n params: {\n userId: getUser(),\n token: getToken(),\n text,\n header,\n 'images': images.join('identEndOfFile'),\n 'fontes': fontes.join('identEndOfFile'),\n }\n })\n if (insert.data === 'OK') {\n alert('Postado')\n window.location.reload()\n } else {\n alert('Erro ao inserir publicação, entre em contato com o time de desenvolvimento')\n }\n setPostando(false)\n }\n\n async function setImagesBase64(ref, edit) {\n const aux = await filesToBase64(ref)\n if (edit === true) {\n setImagesEdit(aux)\n } else {\n setImages(aux)\n }\n }\n\n async function deletarPost(id) {\n setDeletando(true)\n const deletar = await api.get('deletarPost', { params: { valor: 1, id, userId: getUser(), token: getToken() } })\n if (deletar.data === 'OK') {\n alert('Deletado!')\n window.location.reload()\n } else {\n alert('Erro ao deletar publicação, entre em contato com o time de desenvolvimento')\n }\n setDeletando(false)\n }\n\n function editarPost(item, index) {\n setPostBeingEditedId(item.id)\n setHeaderEdit(item.header)\n setTextEdit(item.text)\n setImagesEdit(item.images.split('identEndOfFile'))\n setFontesEdit(item.fontes.split('identEndOfFile'))\n }\n\n async function salvarEdicao(postId) {\n setSalvando(true)\n const saveEdit = await api.get('saveEdit', {\n params: {\n id: postId,\n 'text': textEdit,\n 'header': headerEdit,\n 'images': imagesEdit.join('identEndOfFile'),\n 'fontes': fontesEdit.join('identEndOfFile'),\n valor: 2,\n userId: getUser(),\n token: getToken()\n }\n })\n if (saveEdit.data === 'OK') {\n alert('Edição salva com sucesso!')\n window.location.reload()\n } else {\n alert('Erro ao editar publicação, entre em contato com o time de desenvolvimento')\n }\n setSalvando(false)\n }\n\n function cancelarEdicao() {\n setPostBeingEditedId('')\n setTextEdit('')\n setHeaderEdit('')\n setImagesEdit([])\n setFontesEdit([])\n }\n\n async function fixarPost(id) {\n setFixando(true)\n const fix = await api.get('/fixarPost', {\n params: {\n id,\n userId: getUser(),\n token: getToken()\n }\n })\n\n if (fix.data === 'OK') {\n alert('Post fixado!')\n window.location.reload()\n } else {\n alert('Erro ao fixar publicação, entre em contato com o time de desenvolvimento')\n }\n setFixando(false)\n }\n\n async function desafixarPost() {\n setDesafixando(true)\n const fix = await api.get('/desafixarPost', { params: { userId: getUser(), token: getToken() } })\n\n if (fix.data === 'OK') {\n alert('Post desafixado!')\n window.location.reload()\n } else {\n alert('Erro ao desfixar publicação, entre em contato com o time de desenvolvimento')\n }\n setDesafixando(false)\n }\n\n async function getMorePosts() {\n let valor = morePosts + 1\n setMorePosts(valor)\n const response = await api.get('retornaPosts', { params: { userId: getUser(), token: getToken(), 'morePosts': valor } })\n if (response.data.length !== 0) {\n let aux = [...posts]\n aux = aux.concat(response.data)\n setPosts(aux)\n setHasMore(true)\n return aux\n } else {\n setHasMore(false)\n }\n }\n\n function capitalizeFirstLetter(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n }\n\n return ( // return principal\n permitido === true ?\n \n Visualizar\n { alteraEstados() }}\n />\n Editar\n
\n \n\n {agendamento !== '' ? (\n\n
\n \n \n \n
\n \n
\n ) : \n {userAllowed ?\n \n getMorePosts()}\n hasMore={hasMore}\n loader={\n
: null\n )\n}\n\nconst useStyles = makeStyles({\n editBackground: {\n border: 'solid 1px blue',\n borderRadius: 5,\n padding: '30px',\n background: 'white',\n\n },\n createPublication: {\n border: 'solid 1px blue',\n borderRadius: 5,\n padding: '30px',\n marginTop: 20,\n marginBottom: 30,\n background: 'white',\n\n },\n\n postBackground: {\n borderRadius: 5,\n padding: '30px',\n marginTop: 40,\n background: 'white',\n margin: 'auto',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column', // Alinha o conteúdo verticalmente\n justifyContent: 'space-between', // Justifica o conteúdo\n boxSizing: 'border-box', // Garante que o padding não aumente o tamanho total\n width: '100%', // O post vai ocupar 100% da largura da coluna\n },\n\n postsContainer: {\n display: 'grid',\n gridTemplateColumns: 'repeat(2, 1fr)', // Dividir a tela em duas colunas de 50% cada\n gap: '20px', // Espaçamento entre os posts\n width: '100%',\n justifyItems: 'center', // Justifica os itens dentro das colunas\n },\n\n tudoBackground: {\n background: 'transparent',\n borderRadius: 5,\n },\n\n userDataContainer: {\n display: 'flex',\n justifyContent: 'space-between', // Coloca a seção do autor à esquerda e a data à direita\n alignItems: 'flex-start', // Alinha o conteúdo no topo\n marginBottom: '10px', // Adiciona um pequeno espaçamento abaixo, se necessário\n fontSize: '14px', // Ajuste o tamanho da fonte conforme necessário\n color: '#555', // Cor do texto, ajuste conforme necessário\n },\n\n authorSection: {\n display: 'flex',\n flexDirection: 'column', // Organiza o autor e nome do usuário em coluna\n alignItems: 'flex-start', // Alinha os elementos à esquerda\n },\n\n authorText: {\n fontWeight: 'bold',\n fontSize: '12px', // Tamanho da fonte para o \"Autor\"\n color: '#888', // Cor mais suave para o texto \"Autor\"\n marginBottom: '-10px', // Espaço entre \"Autor\" e o nome do usuário\n },\n\n userName: {\n fontWeight: 'bold',\n fontSize: '14px', // Tamanho da fonte para o nome do usuário\n color: '#333', // Cor do nome do usuário\n },\n\n postDate: {\n fontSize: '12px', // Tamanho da fonte para a data\n color: '#888', // Cor da data\n alignSelf: 'flex-end', // Alinha a data à direita\n marginTop: '4px', // Espaço entre o nome do usuário e a data\n }, // Estilo para o \"Carregando...\"\n loadingContainer: {\n display: 'flex',\n justifyContent: 'center', // Centraliza o spinner horizontalmente\n alignItems: 'center', // Centraliza o spinner verticalmente\n minHeight: '100vh', // Garante que ocupe toda a altura da tela\n },\n\n loadingText: {\n fontSize: '24px',\n color: '#333',\n marginLeft: '10px',\n },\n\n // Spinner (círculo girando)\n spinner: {\n border: '6px solid #f3f3f3', /* Cor do fundo */\n borderTop: '6px solid #3498db', /* Cor do topo */\n borderRadius: '50%',\n width: '40px',\n height: '40px',\n animation: '$spin 2s linear infinite', // Animação do giro\n },\n\n '@keyframes spin': {\n '0%': {\n transform: 'rotate(0deg)',\n },\n '100%': {\n transform: 'rotate(360deg)',\n },\n },\n\n text: {\n width: '100%' // Garante que o texto ocupe 100% da largura do post\n },\n\n headerInput: {\n width: '100%' // Garante que o título ocupe toda a largura disponível\n },\n\n image: {\n width: '100%', // Garante que as imagens ocupem toda a largura do post\n maxWidth: '100%',\n display: 'block',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n\n header: {\n fontWeight: 'bold',\n fontSize: '24px',\n color: 'black',\n fontFamily: 'Arial',\n margin: 0,\n marginBottom: '10px', \n padding: 0,\n lineHeight: '1.0', \n wordBreak: 'break-word', \n },\n\n headerImage: {\n maxWidth: '80%', // Garante que a imagem ocupe até 100% da largura do contêiner\n height: 'auto', // Mantém a proporção da imagem\n maxHeight: '80px', // Limita a altura máxima da imagem (ajuste conforme necessário)\n margin: '0 auto', // Centraliza a imagem\n display: 'block', // Garante que a imagem seja exibida como um bloco\n },\n\n texto: {\n fontWeight: 'bold',\n whiteSpace: 'pre-wrap'\n },\n\n buttonDeletar: {\n marginLeft: 800,\n background: '#ED3237',\n '&:hover': {\n background: '#ED3237'\n }\n },\n\n buttonEditar: {\n position: 'static',\n margin: 10,\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n buttonPublicar: {\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n borderHeader: {\n content: '',\n display: 'flex',\n borderBottom: '1px solid black'\n },\n\n buttonImagem: {\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n divImagem: {\n marginTop: 10\n },\n\n buttonFixar: {\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n postFixadoBackground: {\n border: 'solid 1px yellow',\n borderRadius: 5,\n boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .5)',\n padding: '30px',\n marginTop: 40,\n background: 'white',\n position: 'relative',\n margin: 'auto',\n width: '100%', // O post fixado ocupa toda a largura disponível\n boxSizing: 'border-box', // Garante que o padding não ultrapasse a largura\n },\n\n buttonSalvar: {\n background: '#4bcc5a',\n '&:hover': {\n background: '#4bcc5a'\n }\n },\n\n divTextEdit: {\n marginTop: 10,\n marginBottom: 10\n },\n\n divTitulo: {\n marginTop: 10,\n marginBottom: 10\n },\n\n divFontes: {\n marginTop: 10\n },\n\n // Responsividade para telas menores\n '@media (max-width: 768px)': {\n postsContainer: {\n gridTemplateColumns: '1fr', // Exibe um post por vez em telas pequenas\n gap: '10px', // Menor espaçamento entre os posts\n },\n postBackground: {\n width: '100%', // Os posts ocupam 100% da largura da tela\n }\n },\n\n // Estilos para o cabeçalho \"Jornal GeN\"\n headerContainer: {\n backgroundColor: '#2196F3', // Cor de fundo azul\n color: 'white',\n padding: '20px',\n textAlign: 'center',\n fontSize: '32px',\n fontWeight: 'bold',\n borderRadius: '5px',\n marginTop: '20px',\n marginBottom: '40px',\n }\n});\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(JornalGen);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\n\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { TextField } from \"@material-ui/core\";\nimport Button from \"components/CustomButtons/Button.js\"\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport Loader from \"react-loader-spinner\";\nimport exportFromJSON from \"export-from-json\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\nfunction WorkflowComex(props) {\n // States para inserção do pedido\n const [pedidoSap, setPedidoSap] = useState('')\n const [exportador, setExportador] = useState('')\n const [produto, setProduto] = useState('')\n const [filial, setFilial] = useState('')\n const [modalidade, setModalidade] = useState('')\n const [porto, setPorto] = useState('')\n const [contrato, setContrato] = useState('')\n const [navio, setNavio] = useState('')\n const [vencimento, setVencimento] = useState('1000-01-01')\n const [eta, setEta] = useState('1000-01-01') // Data de chegada no porto\n const [etb, setEtb] = useState('1000-01-01') // Data de atracação\n const [etc, setEtc] = useState('1000-01-01') // Data de saída\n const [pago, setPago] = useState(0) // Quantidade paga do produto (em dólar)\n const [quantidade, setQuantidade] = useState(0) // Quantidade do produto comprado, em toneladas (invoice)\n const [quantidadeTotal, setQuantidadeTotal] = useState(0) // Quantidade total do navio\n const [prancha, setPrancha] = useState(0) // Desconto em dias\n const [descontoChuva, setDescontoChuva] = useState(0) // Desconto em dias\n const [demurrage, setDemurrage] = useState(0) // Demurrage por dia (demurrage é uma multa basicamente)\n const [totalNavio, setTotalNavio] = useState(0)\n const [diasDemu, setDiasDemu] = useState(0)\n const [demuPorDia, setDemuPorDia] = useState(0)\n const [vencimentoDemurrage, setVencimentoDemurrage] = useState('');\n\n const [valorUnit, setValorUnit] = useState(0) // Valor da unidade do produto\n const [proformaInvoice, setProformaInvoice] = useState('')\n const [numeroProformaInvoice, setNumeroProformaInvoice] = useState('')\n const [comercialInvoice, setComercialInvoice] = useState('')\n const [dataComercialInvoice, setDataComercialInvoice] = useState('1000-01-01')\n const [numeroComercialInvoice, setNumeroComercialInvoice] = useState('')\n const [coa, setCoa] = useState('')\n const [coo, setCoo] = useState('')\n const [bl, setBl] = useState('')\n const [numeroBl, setNumeroBl] = useState('')\n const [seguro, setSeguro] = useState(0)\n const [li, setLi] = useState('')\n const [numeroLi, setNumeroLi] = useState('')\n const [di, setDi] = useState('')\n const [numeroDi, setNumeroDi] = useState('')\n const [notaMae, setNotaMae] = useState('')\n const [numeroNotaMae, setNumeroNotaMae] = useState('')\n const [glme, setGlme] = useState('')\n const [cdd, setCdd] = useState('')\n const [ci, setCi] = useState('')\n const [frete, setFrete] = useState(0)\n const [desistiva, setDesistiva] = useState(0)\n const [cambio, setCambio] = useState(1)\n const [taxaAfrmm, setTaxaAfrmm] = useState(0)\n const [agentePortuario, setAgentePortuario] = useState('')\n const [operadorPortuario, setOperadorPortuario] = useState('')\n const [berco, setBerco] = useState('')\n const [armazemMic, setArmazemMic] = useState([{ armazem: '', quantidadeArmazem: 0, mic: '', descargaReal: 0 }])\n const [situacaoAfrmm, setSituacaoAfrmm] = useState('')\n const [situacaoDemurrage, setSituacaoDemurrage] = useState('')\n const [statusFinanceiro, setStatusFinanceiro] = useState('')\n const [statusLineUp, setStatusLineUp] = useState('')\n const [dataPedido, setDataPedido] = useState('1000-01-01')\n const [dataNf, setDataNf] = useState('1000-01-01')\n //statusFinanceiro = 'Pago'\n\n // Estados de carregamento\n \n const [isLoadingToken, setIsLoadingToken] = useState(false)\n const [isLoadingPermissions, setIsLoadingPermissions] = useState(false)\n const [isLoadingFiliais, setIsLoadingFiliais] = useState(false)\n const [isLoadingHistorico, setIsLoadingHistorico] = useState(false)\n const [isLoadingProdutos, setIsLoadingProdutos] = useState(false)\n const [isLoadingPedidosSap, setIsLoadingPedidosSap] = useState(false)\n const [isLoadingPermissoes, setIsLoadingPermissoes] = useState(false)\n const [isLoadingCidades, setIsLoadingCidades] = useState(false)\n const [isLoadingPedidosImport, setIsLoadingPedidosImport] = useState(false)\n \n\n\n const [paisOrigem, setPaisOrigem] = useState('')\n const [cambioDemurrage, setCambioDemurrage] = useState(1)\n const [cambioDesistiva, setcambioDesistiva] = useState(1)\n const [cambioSaldoAfrmm, setCambioSaldoAfrmm] = useState(1)\n\n // Inputs pro relatório de Despesas Portuárias\n const [taxaBl, setTaxaBl] = useState(0)\n const [saldoAfrmm, setSaldoAfrmm] = useState(0)\n const [outrosCustos, setOutrosCustos] = useState([])\n const [comentario, setComentario] = useState('')\n const [despachante, setDespachante] = useState(0)\n const [taxaSiscomex, setTaxaSiscomex] = useState(0)\n\n // Objetos do back\n const [pedidosImport, setPedidosImport] = useState('')\n const [historicoEdicao, setHistoricoEdicao] = useState([])\n const [pedidosFormatados, setPedidosFormatados] = useState('')\n const [pedidosFormatadosArquivados, setPedidosFormatadosArquivados] = useState('')\n const [pedidosFormatadosAtivos, setPedidosFormatadosAtivos] = useState('')\n const [pedidosImportDefault, setPedidosImportDefault] = useState([])\n const [listaFiliais, setListaFiliais] = useState([])\n const [listaProdutos, setListaProdutos] = useState([])\n const [listaPedidosSap, setListaPedidosSap] = useState([])\n const [relatorioComex, setRelatorioComex] = useState('')\n const [relatorioCustos, setRelatorioCustos] = useState('')\n const [cidades, setCidades] = useState('')\n\n // Misc\n const [permissaoSalvarPedido, setPermissaoSalvarPedido] = useState(false)\n const [permissaoEditar, setPermissaoEditar] = useState(false)\n const [valoresEditados, setValoresEditados] = useState([])\n const [escondeArmazem, setEscondeArmazem] = useState([])\n const [escondeCusto, setEscondeCusto] = useState([])\n const [filtro, setFiltro] = useState('')\n const [filtroArquivados, setFiltroArquivados] = useState('')\n const [paraArquivar, setParaArquivar] = useState([])\n const [paraDesarquivar, setParaDesarquivar] = useState([])\n const [pedidoSendoEditado, setPedidoSendoEditado] = useState('')\n const classes = useStyles()\n const [aba, setAba] = useState(0)\n const [tab, setTab] = useState(0)\n const [subTab, setSubTab] = useState(-1)\n const [gerandoRelDespesa, setGerandoRelDespesa] = useState(false)\n const [gerandoRelCustos, setGerandoRelCustos] = useState(false)\n const [permissoesColunas, setPermissoesColunas] = useState([])\n\n // options dos autocompletes\n const modalidadeOptions = ['CFR', 'DPU', 'NACIONAL', 'LATAM', 'Não se aplica']\n const contratoOptions = ['Aguardando envio do fornecedor', 'Aguardando assinatura', 'Concluído', 'Não se aplica']\n const glmeOptions = ['Aguardando liberação', 'Concluído', 'Não se aplica']\n\n // as options dos autocompletes a baixo são todas iguais\n // comercial invoice / coa / coo / bl / li / di / cdd / ci / nota mãe\n const options1 = ['Em andamento', 'Concluído', 'Não se aplica']\n // situação AFRMM / situação demurrage\n const options2 = ['Paga', 'A pagar', 'Não se aplica']\n // Opções Status Financeiro\n const options3 = ['Aguardando Docs', 'Consignado', 'Liberado p/ Pagar', 'A prazo, Verificar Data', 'Pago']\n //Opções Status Line Up\n const options4 = ['Aguardando Docs', 'Aguardando Atracação', 'Descarregando', 'Liberado-Operação/Logística', 'Finalizado']\n\n\n // Variáveis de \"fazendo alguma coisa\"\n const [salvandoPedido, setSalvandoPedido] = useState(false)\n const [salvandoEdicao, setSalvandoEdicao] = useState(false)\n const [duplicando, setDuplicando] = useState(false)\n const [excluindo, setExcluindo] = useState(false)\n const [atualizando, setAtualizando] = useState(false)\n //const diasDemu = ''\n\n\n const [permitido, setPermitido] = useState(false)\n\n // Relatórios\n const [relFinanceiro, setRelFinanceiro] = useState('')\n const [relLineup, setRelLineup] = useState('')\n const [relDesembaraco, setRelDesembaraco] = useState('')\n const [relQuebras, setRelQuebras] = useState('')\n\n useEffect(() => {\n async function fetchMyApi() {\n try {\n // Estados de carregamento para cada bloco\n setIsLoadingToken(true);\n await validateTokenUser(props);\n setIsLoadingToken(false);\n \n setIsLoadingPermissions(true);\n setPermitido(await checarPermissao('workflowComex', props));\n setIsLoadingPermissions(false);\n \n setIsLoadingFiliais(true);\n const filiais = await api.get('Filiais', { params: { userId: getUser(), token: getToken() } });\n setListaFiliais(filiais.data);\n setIsLoadingFiliais(false);\n \n setIsLoadingHistorico(true);\n const historico = await api.get('retornaHistoricoComex', { params: { userId: getUser(), token: getToken() } });\n setHistoricoEdicao(historico.data);\n setIsLoadingHistorico(false);\n \n setIsLoadingProdutos(true);\n const produtos = await api.get('Itens', { params: { userId: getUser(), token: getToken() } });\n setListaProdutos(produtos.data);\n setIsLoadingProdutos(false);\n \n setIsLoadingPedidosSap(true);\n const pedidosSap = await api.get('listaPedidosImportacaoSAP', { params: { userId: getUser(), token: getToken() } });\n setListaPedidosSap(pedidosSap.data);\n setIsLoadingPedidosSap(false);\n \n setIsLoadingPermissoes(true);\n const idUsuario = JSON.parse(localStorage.getItem('permissoes'))[0].idUsuario;\n const permissoes = await api.get('/getPermissoesWorkflow', {\n params: { userId: getUser(), token: getToken(), idUsuario },\n });\n setPermissoesColunas(permissoes.data[0]);\n setPermissaoEditar(permissoes.data[0].editar === 1);\n setPermissaoSalvarPedido(permissoes.data[0].salvarPedido === 1);\n setIsLoadingPermissoes(false);\n \n setIsLoadingCidades(true);\n const response_cidade = await api.get('/returnDestinosInsert', { params: { userId: getUser(), token: getToken() } });\n setCidades(response_cidade.data);\n setIsLoadingCidades(false);\n \n setIsLoadingPedidosImport(true);\n const pedidos_response = await api.get('retornaPedidosImport', {\n params: { userId: getUser(), token: getToken() },\n });\n if (pedidos_response.data !== 'NOK') {\n const pedidos = JSON.parse(pedidos_response.data.pedidos);\n const aux = pedidos.filter(item => item.arquivado === 0);\n setPedidosImport(aux);\n setPedidosImportDefault(aux);\n criaArrayEscondeArmazem(aux);\n criaArrayEscondeCusto(aux);\n setRelFinanceiro(JSON.parse(pedidos_response.data.financeiro));\n setRelLineup(JSON.parse(pedidos_response.data.lineup));\n setRelDesembaraco(JSON.parse(pedidos_response.data.desembaraco));\n setRelQuebras(JSON.parse(pedidos_response.data.relQuebras));\n \n const pedidosUppercase = JSON.parse(pedidos_response.data.pedidosUppercase);\n const arquivados = pedidosUppercase.filter(item => item['ARQUIVADO'] === 1);\n setPedidosFormatadosArquivados(arquivados);\n \n const ativos = pedidosUppercase.filter(item => item['ARQUIVADO'] === 0);\n setPedidosFormatadosAtivos(ativos);\n setPedidosFormatados(pedidosUppercase);\n }\n setIsLoadingPedidosImport(false);\n } catch (error) {\n console.error('Erro ao carregar os dados:', error);\n }\n }\n \n fetchMyApi();\n }, []);\n\n async function getDadosPedidoSap(numPedido) {\n setPedidoSap(numPedido || '')\n if (numPedido !== null) {\n const dados = await api.get('retornaDadosPedidoSap', { params: { numPedido, userId: getUser(), token: getToken() } })\n autoCompletaInput(dados.data)\n }\n\n }\n\n function autoCompletaInput(dados) {\n if (dados.length > 0) {\n setQuantidade(dados[0]['Quantidade'])\n setProduto(dados[0]['produto'] || '')\n setExportador(dados[0]['fornecedor'] || '')\n setFilial(dados[0]['Filial'] || '')\n setEtb(dados[0]['etb'] || '1000-01-01')\n setEtc(dados[0]['etc'] || '1000-01-01')\n }\n }\n\n async function salvarPedido() {\n setSalvandoPedido(true)\n const save = await api.get('salvarPedidoImport', {\n params: {\n userId: getUser(),\n token: getToken(),\n 'pedido_sap': pedidoSap,\n exportador,\n produto,\n quantidade,\n filial,\n modalidade,\n porto,\n contrato,\n vencimento,\n vencimentoDemurrage,\n navio,\n demurrage,\n pago,\n eta,\n etb,\n etc,\n quantidadeTotal,\n prancha,\n descontoChuva,\n valorUnit,\n proformaInvoice,\n comercialInvoice,\n coa,\n coo,\n bl,\n seguro,\n li,\n di,\n notaMae,\n glme,\n cdd,\n ci,\n frete,\n desistiva,\n cambio,\n taxaAfrmm,\n agentePortuario,\n operadorPortuario,\n berco,\n 'armazemMic': JSON.stringify(armazemMic),\n numeroProformaInvoice,\n numeroComercialInvoice,\n numeroBl,\n numeroDi,\n numeroLi,\n numeroNotaMae,\n situacaoDemurrage,\n situacaoAfrmm,\n taxaBl,\n saldoAfrmm,\n comentario,\n despachante,\n taxaSiscomex,\n 'outrosCustos': JSON.stringify(outrosCustos),\n dataPedido,\n dataNf,\n dataComercialInvoice,\n paisOrigem,\n cambioDemurrage,\n cambioDesistiva,\n cambioSaldoAfrmm,\n afrmmTotalReal: '0'\n\n }\n })\n\n if (save.data === 'OK') {\n alert('Pedido salvo com sucesso!')\n window.location.reload()\n } else {\n alert('Erro ao salvar pedido...')\n }\n setSalvandoPedido(false)\n }\n\n\n function montaUpdate(valor, id, key) {\n let aux = valoresEditados\n\n aux[id + '+' + key] = valor\n setValoresEditados(aux)\n\n }\n\n /*function calcularDiferencaDias(eta, etc) {\n const dataETC = new Date(etc);\n const dataETA = new Date(eta);\n \n const diferenca = (dataETC - dataETA) / (1000 * 3600 * 24);\n return diferenca;\n }*/\n\n async function salvarEdicao() {\n setSalvandoEdicao(true)\n let aux = ''\n Object.keys(valoresEditados).forEach(\n (key) => (aux = aux + key + '#' + valoresEditados[key] + ';')\n )\n\n const salvar = await api.get('/salvarEdicaoImport', {\n params: {\n userId: getUser(),\n token: getToken(),\n 'edicao': aux,\n 'paraArquivar': paraArquivar.join('-'),\n 'paraDesarquivar': paraDesarquivar.join('-')\n }\n })\n\n if (salvar.data === 'OK') {\n alert('Edição salva com sucesso!')\n window.location.reload()\n } else {\n alert('Erro ao salvar edição...')\n }\n setSalvandoEdicao(false)\n }\n\n function removerArmazemMic() {\n let aux = [...armazemMic]\n if (aux.length > 1) {\n aux.pop()\n }\n\n setArmazemMic(aux)\n }\n\n function montaInputArmazemMic(valor, index, nome) {\n let lista = [...armazemMic]\n lista[index][nome] = valor\n setArmazemMic(lista)\n }\n\n\n function addArmazemEdicao(index) {\n let aux = JSON.parse(JSON.stringify(pedidosImport))\n aux[index].armazemMic = JSON.parse(aux[index].armazemMic)\n aux[index].armazemMic.push({ armazem: \"\", mic: \"\", quantidadeArmazem: \"\", descargaReal: \"\", idIncrement: 'add_' + aux[index].id + (aux[index].armazemMic.length + 1) })\n\n aux[index].armazemMic = JSON.stringify(aux[index].armazemMic)\n setPedidosImport(aux)\n }\n\n function removeArmazemEdicao(indexPedido, indexArmazemMic, idIncrement, idPedido) {\n let aux = [...escondeArmazem]\n aux[indexPedido][indexArmazemMic] = true\n\n // Esse bloquinho é pra caso o usuario adicione um armazem e coloque um valor, mas depois remove ele (ai tem que remover o valor da edição)\n // Nao deu pra usar um array auxilar pra setar o valoresEditados (eu tentei copiar ele mas sempre ficava como [])\n // Mas o operador delete meio que ignora toda a função de um setState, e altera diretamente o state\n let keyArmazem = idPedido + '+' + 'armazem-' + idIncrement\n let keyMic = idPedido + '+' + 'mic-' + idIncrement\n let keyQuantidadeArmazem = idPedido + '+' + 'quantidadeArmazem-' + idIncrement\n let keyDescargaReal = idPedido + '+' + 'descargaReal-' + idIncrement\n\n if (keyArmazem in valoresEditados) {\n delete valoresEditados[keyArmazem]\n }\n if (keyMic in valoresEditados) {\n delete valoresEditados[keyMic]\n }\n if (keyQuantidadeArmazem in valoresEditados) {\n delete valoresEditados[keyQuantidadeArmazem]\n }\n if (keyDescargaReal in valoresEditados) {\n delete valoresEditados[keyDescargaReal]\n }\n\n\n if (!String(idIncrement).includes('add_')) {\n montaUpdate('deletaArmazem123', idPedido, idIncrement)\n }\n setEscondeArmazem(aux)\n }\n\n function removerCustoEdicao(indexPedido, indexCusto, idCusto, idPedido) {\n let aux = [...escondeCusto]\n aux[indexPedido][indexCusto] = true\n\n let keyNomeCusto = idPedido + '+' + 'nomeCusto-' + idCusto\n let keyValor = idPedido + '+' + 'valor-' + idCusto\n\n if (keyNomeCusto in valoresEditados) {\n delete valoresEditados[keyNomeCusto]\n }\n if (keyValor in valoresEditados) {\n delete valoresEditados[keyValor]\n }\n\n if (!String(idCusto).includes('addCusto_')) {\n montaUpdate('deletaCusto123', idPedido, idCusto)\n }\n setEscondeArmazem(aux)\n }\n\n function addCustoPortuario(index) {\n let aux = JSON.parse(JSON.stringify(pedidosImport))\n\n aux[index].outrosCustosJson = JSON.parse(aux[index].outrosCustosJson)\n\n aux[index].outrosCustosJson.push({ nomeCusto: \"\", valor: \"\", cambioCusto: \"\", idCusto: 'addCusto_' + aux[index].id + (aux[index].outrosCustosJson.length + 1) })\n\n aux[index].outrosCustosJson = JSON.stringify(aux[index].outrosCustosJson)\n setPedidosImport(aux)\n }\n\n function criaArrayEscondeArmazem(pedidos) {\n let aux = []\n pedidos.map((item, index) => {\n let subArray = []\n JSON.parse(item.armazemMic).map(() => subArray.push(false))\n aux.push(subArray)\n return ''\n })\n setEscondeArmazem(aux)\n }\n\n function criaArrayEscondeCusto(pedidos) {\n let aux = []\n pedidos.map((item, index) => {\n let subArray = []\n JSON.parse(item.outrosCustosJson).map(() => subArray.push(false))\n aux.push(subArray)\n return ''\n })\n setEscondeCusto(aux)\n }\n\n function handleCancelarEdicao() {\n setPedidoSendoEditado('')\n setValoresEditados([])\n criaArrayEscondeArmazem(pedidosImport)\n criaArrayEscondeCusto(pedidosImport)\n setPedidosImport(pedidosImportDefault)\n }\n\n function baixarTabela() {\n const data = JSON.parse(JSON.stringify(pedidosFormatados))\n data.map(item => (delete item['ID'], delete item['COMENTARIO'], delete item['ARQUIVADO']))\n\n const fileName = 'ativos_arquivados'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n function baixarRelFinanceiro() {\n const data = relFinanceiro\n\n const fileName = 'financeiro'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n function baixarRelLineup() {\n const data = relLineup\n\n const fileName = 'lineup'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n function baixarRelDesembaraco() {\n const data = relDesembaraco\n\n const fileName = 'desembaraço'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n function baixarRelQuebras() {\n const data = relQuebras\n\n const fileName = 'quebras'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n async function gerarRelatorioDespesaPortuaria() {\n setGerandoRelDespesa(true)\n const relatorio = await api.get('rel_despesa_portuaria', { params: { userId: getUser(), token: getToken() } })\n setRelatorioComex(relatorio.data)\n }\n\n async function gerarRelatorioCustos() {\n setGerandoRelCustos(true)\n const relatorio = await api.get('rel_custos_comex', { params: { userId: getUser(), token: getToken() } })\n setRelatorioCustos(relatorio.data)\n }\n\n async function baixarRelatorioDespesa() {\n const data = relatorioComex\n const fileName = 'relatorioDeCustos'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n async function baixarRelatorioCustos() {\n const data = relatorioCustos\n const fileName = 'relatorioDeCustos'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n function baixarTabelaAtivos() {\n const data = JSON.parse(JSON.stringify(pedidosFormatadosAtivos))\n data.map(item => (delete item['ID'], delete item['COMENTARIO'], delete item['ARQUIVADO']))\n\n const fileName = 'ativos'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n function baixarTabelaArquivados() {\n const data = JSON.parse(JSON.stringify(pedidosFormatadosArquivados))\n data.map(item => (delete item['OUTROS CUSTOS'], delete item['ID'], delete item['COMENTARIO'], delete item['ARQUIVADO']))\n\n const fileName = 'arquivados'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n\n\n function arquivar(id, checked) {\n let aux = [...paraArquivar]\n if (checked) {\n aux.push(id)\n setParaArquivar(aux)\n } else {\n let index = aux.indexOf(id)\n if (index !== -1) {\n aux.splice(index, 1)\n }\n setParaArquivar(aux)\n }\n }\n\n function desarquivar(id, checked) {\n let aux = [...paraDesarquivar]\n if (checked) {\n aux.push(id)\n setParaDesarquivar(aux)\n } else {\n let index = aux.indexOf(id)\n if (index !== -1) {\n aux.splice(index, 1)\n }\n setParaDesarquivar(aux)\n }\n }\n\n function montaInputOutrosCustos(valor, index, nome) {\n let lista = [...outrosCustos]\n lista[index][nome] = valor\n setOutrosCustos(lista)\n\n }\n\n function removerCusto() {\n let aux = [...outrosCustos]\n aux.pop()\n setOutrosCustos(aux)\n }\n\n async function excluirPedido(idPedido) {\n setExcluindo(true)\n const response = await api.get('excluirPedidoImport', { params: { userId: getUser(), token: getToken(), idPedido } })\n if (response.data === 'NOK') {\n alert('Erro ao excluir...')\n } else {\n alert('Pedido excluido!')\n window.location.reload()\n }\n setExcluindo(false)\n }\n\n async function duplicarPedido(idPedido) {\n setDuplicando(true)\n const response = await api.get('duplicarPedidoImport', { params: { userId: getUser(), token: getToken(), idPedido } })\n if (response.data === 'NOK') {\n alert('Erro ao duplicar...')\n } else {\n alert('Pedido duplicado!')\n window.location.reload()\n }\n setDuplicando(false)\n }\n\n async function atualizarWorkflowComex() {\n setAtualizando(true)\n const response = await api.get('atualizarWorkflowComex', { params: { userId: getUser(), token: getToken() } })\n if (response.data === 'NOK') {\n alert('Erro ao atualizar...')\n } else {\n alert('Workflow atualizado!')\n window.location.reload()\n }\n setAtualizando(false)\n }\n\n\n const [gerandoArquivo, setGerandoArquivo] = useState(false)\n async function getArquivo(numPedido, nomeArquivo, index) {\n setGerandoArquivo(true)\n\n const response = await api.get('getArquivosWorkflow', { params: { numPedido, nomeArquivo, userId: getUser(), token: getToken() } })\n\n\n if (response.data === 'NOK') {\n alert('Erro ao gerar arquivo...')\n } else if (response.data !== 'SEM-ARQUIVO') {\n let arquivos = response.data\n let aux = JSON.parse(JSON.stringify(pedidosImport))\n aux[index][nomeArquivo + 'Arquivos'] = arquivos\n\n setPedidosImport(aux)\n } else {\n alert(`Arquivo \"${nomeArquivo}\" do pedido ${numPedido} ainda não foi inserido...`)\n }\n setGerandoArquivo(false)\n\n }\n\n function validarArquivo(arquivos, numPedido, nomeArquivo, index) {\n return (\n \n {/* Botão Criar Publicação */}\n setFormVisible(!formVisible)} // Alterna a visibilidade do formulário\n >\n Criar Publicação\n \n \n {/* Formulário de criação de publicação */}\n {formVisible ? (\n
\n : null\n }\n\n {fixado !== '' ?\n \n \n Escolher Imagens\n setImagesBase64(e.target.files, false)}\n hidden\n />\n \n \n Publicar\n \n
\n ) : null}\n Criar Publicação
\n\n setHeader(e.target.value)}\n label='Título'\n />\n
\n \n setText(e.target.value)}\n label='Texto'\n />\n
\n \n {images.length === 1 && images.length !== 0 ? (\n \n {images.map((item, index) => (\n
\n \n 
\n
\n ) : (\n \n 
\n
\n ))}\n \n )}\n \n setFontes(valor)}\n variant='outlined'\n renderInput={(params) => (\n
\n \n {\n postBeingEditedId !== fixado.id ?\n
\n : null\n }\n\n \n \n {fixado.images.split('identEndOfFile').map((item, index) =>\n item === '' ? null :\n
\n :\n Publicação fixada por: {capitalizeFirstLetter(fixado.user)}
\n {fixado.data}
\n {fixado.postState === 2 ? Editado
: ''}\n {userAllowed && postBeingEditedId === \"\" ?\n \n \n
: null\n }\n \n
\n {fixado.header}
\n{fixado.text}
\n {fixado.images.split('identEndOfFile').length === 1 && fixado.images.split('identEndOfFile').length !== 0 ?\n\n [0]})
\n
:\n \n \n \n
)\n }\n \n }\n \n {String(fixado.fontes).split('identEndOfFile').map((item, index) => {\n if (item !== '') {\n return ( Fonte {index + 1} )\n }\n })}\n
\n \n \n \n {imagesEdit.map((item2, index) => \n {fixado.images.split('identEndOfFile').map((item2, index) => \n Escolher Imagens\n { setImagesBase64(e.target.files, true) }} hidden />\n \n
\n }\n \n setHeaderEdit(e.target.value)} variant='outlined' label='Título' />\n
\n \n setTextEdit(e.target.value)} label='Texto' />\n
\n {/*Carousel no modo edição*/}\n {imagesEdit.length > 1 ?\n \n 
\n
)}\n : \n 
\n
}\n {fixado.images.split('identEndOfFile').length > 1 && imagesEdit.length === 0 ?\n \n \n
)}\n : fixado.images.split('identEndOfFile').length === 1 && imagesEdit.length === 0 ? \n \n
: null}\n \n \n setFontesEdit(valor)}\n variant='outlined'\n renderInput={(params) => (
\n \n \n \n \n
\n \n })
\n
\n {posts === '' ? \n \n \n \n Carregando...\n
\n : null}\n\n {posts === '' ? null :\n \n \n Carregando...\n
\n }\n >\n \n {Object.keys(posts).map((item, index) => {\n if (posts[item].fixado !== 1) {\n return (\n
\n \n }\n \n {postBeingEditedId !== posts[item].id ?\n
\n )\n }\n })}\n \n \n {posts[item].images.split('identEndOfFile').map((item, index) =>\n item === '' ? null :\n
\n :\n \n
\n {posts[item].postState === 2 ? \n
\n Autor(a)
\n {capitalizeFirstLetter(posts[item].user)}
\n Publicado em {posts[item].data}
\n Editado
: ''}\n {userAllowed && postBeingEditedId === \"\" ?\n \n : null}\n \n
\n {posts[item].header}
\n{posts[item].text}
\n\n {posts[item].images.split('identEndOfFile').length === 1 && posts[item].images.split('identEndOfFile').length !== 0 ?\n\n [0]})
\n
:\n \n \n \n
)\n }\n \n }\n\n \n {posts[item].fontes.split('identEndOfFile').map((item, index) =>\n item === '' ? null :\n Fonte {index + 1} \n )}\n
\n \n \n \n {imagesEdit.map((item2, index) => \n {posts[item].images.split('identEndOfFile').map((item2, index) => \n Escolher Imagens\n { setImagesBase64(e.target.files, true) }} hidden />\n \n
\n }\n \n setHeaderEdit(e.target.value)} variant='outlined' label='Título' />\n
\n \n setTextEdit(e.target.value)} label='Texto' />\n
\n {/*Carousel no modo edição*/}\n {imagesEdit.length > 1 ?\n \n \n
)}\n : \n \n
}\n\n {posts[item].images.split('identEndOfFile').length > 1 && imagesEdit.length === 0 ?\n \n \n
)}\n : posts[item].images.split('identEndOfFile').length === 1 && imagesEdit.length === 0 ? \n \n
: null\n }\n \n \n setFontesEdit(valor)}\n variant='outlined'\n renderInput={(params) => (
\n \n \n \n \n
\n \n {arquivos !== undefined && arquivos !== '' ?\n
\n )\n }\n\n return (\n \n permitido === true ?\n \n {arquivos.map((item, index) =>\n
: \n }\n \n Doc {(index + 1)}\n {'\\n'}\n
)}\n \n\n {/* INPUTS DO PARA CRIAÇÃO DO PEDIDO */}\n \n {isLoadingPermissoes ? (\n
\n )}\n \n : (\n \n
\n ) : (\n permissaoSalvarPedido ?\n Carregando permissões...
\n\n\n
: (\n \n \n \n \n \n \n\n
\n\n \n {\n aba === 0 ?\n
\n \n
\n : aba === 1 ?\n \n getDadosPedidoSap(valor)}\n getOptionSelected={() => true}\n className={classes.textField}\n options={listaPedidosSap.map((item) => item.numeroSAP.toString())}\n renderInput={(params) => true}\n freeSolo\n className={classes.textField}\n options={['Ameropa', 'Keytrade', 'Phosagro', 'JSC-BPC', 'SQM', 'DREYMOOR', 'BULKFERT', 'INDAGRO', 'SAFTCO']}\n onChange={(index, valor) => setExportador(valor || '')}\n renderInput={(params) => true}\n value={produto}\n className={classes.textField}\n options={Object.keys(listaProdutos).map((item) => (listaProdutos[item].ItemName))}\n onChange={(index, valor) => setProduto(valor || '')}\n renderInput={(params) =>
\n\n\n\n \n\n true}\n value={porto}\n className={classes.textField}\n options={Object.keys(cidades).map((item) => (cidades[item].City_uf))}\n onChange={(index, valor) => setPorto(valor || '')}\n renderInput={(params) => true}\n value={contrato}\n className={classes.textField}\n options={contratoOptions}\n onChange={(index, valor) => setContrato(valor || '')}\n renderInput={(params) => setVencimento(e.target.value)} label='Vencimento'\n />\n
\n\n \n setNavio(e.target.value)}\n label='Navio'\n />\n\n setDemurrage(e.target.value)}\n label='Demurrage Diária'\n />\n\n setPago(e.target.value)}\n label='Pago'\n />\n
\n\n \n setQuantidade(e.target.value)}\n label='Quantidade'\n />\n\n true}\n value={filial}\n className={classes.textField}\n options={Object.keys(listaFiliais).map((item) => (listaFiliais[item].BPLName.split(' ')[0]))}\n onChange={(index, valor) => setFilial(valor || '')}\n renderInput={(params) => true}\n value={modalidade}\n className={classes.textField}\n options={modalidadeOptions}\n onChange={(index, valor) => setModalidade(valor || '')}\n renderInput={(params) =>
\n\n \n setDataPedido(e.target.value)} label='Data Pedido'\n />\n\n setPaisOrigem(e.target.value)}\n label='País Origem'\n />\n
\n\n\n \n
\n : aba === 2 ?\n \n setEta(e.target.value)} label='ETA'\n />\n\n setEtb(e.target.value)} label='ETB'\n />\n\n setEtc(e.target.value)} label='ETC'\n />\n
\n\n \n setQuantidadeTotal(e.target.value)}\n label='Quantidade Total do Navio'\n />\n\n\n\n\n
\n\n \n true}\n value={situacaoDemurrage}\n className={classes.textField}\n options={options2}\n onChange={(index, valor) => setSituacaoDemurrage(valor || '')}\n renderInput={(params) => true}\n value={statusFinanceiro}\n className={classes.textField}\n options={options3}\n onChange={(index, valor) => setStatusFinanceiro('Pago' || 'Não pago')}\n renderInput={(params) => true}\n value={statusLineUp}\n className={classes.textField}\n options={options4}\n onChange={(index, valor) => setStatusLineUp('Descarregando' || 'Finalizado')}\n renderInput={(params) => true}\n value={situacaoAfrmm}\n className={classes.textField}\n options={options2}\n onChange={(index, valor) => setSituacaoAfrmm(valor || '')}\n renderInput={(params) =>
\n \n
\n : aba === 3 ?\n \n setValorUnit(e.target.value)}\n label='Valor Unidade'\n />\n\n true}\n value={coa}\n className={classes.textField}\n options={options1}\n onChange={(index, valor) => setCoa(valor || '')}\n renderInput={(params) => true}\n value={coo}\n className={classes.textField}\n options={options1}\n onChange={(index, valor) => setCoo(valor || '')}\n renderInput={(params) =>
\n\n \n\n setCambio(e.target.value)}\n label='Câmbio'\n />\n\n\n\n setSeguro(e.target.value)}\n label='Seguro'\n />\n\n
\n\n \n\n true}\n value={glme}\n className={classes.textField}\n options={glmeOptions}\n onChange={(index, valor) => setGlme(valor || '')}\n renderInput={(params) => true}\n value={cdd}\n className={classes.textField}\n options={options1}\n onChange={(index, valor) => setCdd(valor || '')}\n renderInput={(params) =>
\n\n \n true}\n value={li}\n style={{ width: 200 }}\n options={options1}\n onChange={(index, valor) => setLi(valor || '')}\n renderInput={(params) => setNumeroLi(e.target.value)}\n variant='outlined'\n label='Número'\n />\n
\n\n\n\n \n true}\n value={ci}\n className={classes.textField}\n options={options1}\n onChange={(index, valor) => setCi(valor || '')}\n renderInput={(params) => setDesistiva(e.target.value)}\n label='Desistiva'\n />\n
\n\n \n\n
\n\n \n true}\n value={proformaInvoice}\n style={{ width: 200 }}\n options={['Em andamento', 'Não se aplica', 'Concluído']}\n onChange={(index, valor) => setProformaInvoice(valor || '')}\n renderInput={(params) => setNumeroProformaInvoice(e.target.value)}\n variant='outlined'\n label='Número'\n />\n
\n\n \n true}\n value={comercialInvoice}\n style={{ width: 200 }}\n options={options1}\n onChange={(index, valor) => setComercialInvoice(valor || '')}\n renderInput={(params) => setNumeroComercialInvoice(e.target.value)}\n variant='outlined'\n label='Número'\n />\n
\n\n \n true}\n value={di}\n style={{ width: 200 }}\n options={options1}\n onChange={(index, valor) => setDi(valor || '')}\n renderInput={(params) => setNumeroDi(e.target.value)}\n variant='outlined'\n label='Número'\n />\n
\n\n\n\n \n setDataNf(e.target.value)} label='Data NF'\n />\n
\n \n true}\n value={bl}\n style={{ width: 200 }}\n options={options1}\n onChange={(index, valor) => setBl(valor || '')}\n renderInput={(params) => setNumeroBl(e.target.value)}\n variant='outlined'\n label='Número'\n />\n
\n\n \n true}\n value={notaMae}\n style={{ width: 200 }}\n options={options1}\n onChange={(index, valor) => setNotaMae(valor || '')}\n renderInput={(params) => setNumeroNotaMae(e.target.value)}\n variant='outlined'\n label='Número'\n />\n
\n\n \n setDataComercialInvoice(e.target.value)} label='Data Invoice'\n />\n
\n \n
\n : aba === 4 ?\n \n setAgentePortuario(e.target.value)}\n label='Agente Portuário'\n />\n\n\n setOperadorPortuario(e.target.value)}\n label='Operador Portuário'\n />\n\n setBerco(e.target.value)}\n label='Berço'\n />\n
\n\n \n
\n\n \n setArmazemMic([...armazemMic, { armazem: '', quantidadeArmazem: '', mic: '', descargaReal: '' }])}>Adicionar Armazém\n removerArmazemMic()}>Remover Armazém\n
\n\n {armazemMic.map((obj, index) => {\n return (\n \n montaInputArmazemMic(e.target.value, index, 'armazem')}\n variant='outlined'\n label='Distribuição do Armazém'\n />\n --\n montaInputArmazemMic(e.target.value, index, 'quantidadeArmazem')}\n variant='outlined'\n label='Quantidade'\n type='number'\n />\n --\n montaInputArmazemMic(e.target.value, index, 'mic')}\n variant='outlined'\n label='MIC'\n />\n --\n montaInputArmazemMic(e.target.value, index, 'descargaReal')}\n variant='outlined'\n label='Descarga Real'\n type='number'\n />\n
\n )\n })}\n\n \n
\n : null\n }\n\n \n setTaxaBl(e.target.value)}\n label='Taxa BL'\n />\n\n setSaldoAfrmm(e.target.value)}\n label='Saldo AFRMM'\n />\n\n setTaxaSiscomex(e.target.value)}\n label='Taxa Siscomex'\n />\n\n
\n\n \n setDespachante(e.target.value)}\n label='Despachante'\n />\n\n setComentario(e.target.value)}\n label='Comentário'\n />\n
\n\n \n
\n \n
\n \n setOutrosCustos([...outrosCustos, { nomeCusto: '', valor: '' }])}\n >Adicionar Custo\n removerCusto()}>Remover Custo\n
\n\n {outrosCustos.map((obj, index) =>\n\n \n montaInputOutrosCustos(e.target.value, index, 'nomeCusto')}\n variant='outlined'\n label='Nome do Custo'\n />\n --\n montaInputOutrosCustos(e.target.value, index, 'valor')}\n variant='outlined'\n label='Valor'\n type='number'\n />\n
\n\n )}\n \n \n
\n \n
\n )\n )\n }\n\n {/* TABELAS EDITÁVEIS */}\n \n \n {isLoadingPedidosImport ? (\n (\n \n Carregando...\n
\n\n\n
\n )\n ) : (\n pedidosImport !== '' && pedidosImport !== null && typeof (pedidosImport) !== 'undefined' && pedidosImport !== 'NOK' ?\n \n\n
\n : null\n )\n }\n\n {/* TABELA ARQUIVADOS */}\n {isLoadingPermissoes ? (\n \n
\n\n \n \n \n \n \n {permissoesColunas.despesaPortuaria === 1 ? : <>}\n
\n \n setFiltro(e.target.value.toLowerCase())}\n />\n
\n\n\n \n {\n tab === 0 ? // TABELA COMPLETA\n
\n\n {\n pedidoSendoEditado !== '' ?\n \n \n \n
\n\n
:\n tab === 1 ? // FINANCEIRO\n | SAP | \nExportador | \nProduto | \nNavio | \nFilial | \nPaís Origem | \nData Pedido | \nModalidade | \nPorto | \n {permissoesColunas.contrato === 1 ?Contrato | : <>}\n {permissoesColunas.vencimento === 1 ?Vencimento | : <>}\nQuantidade | \n {permissoesColunas.valorUnit === 1 ?Valor Unidade (U$) | : <>}\n {permissoesColunas.qtdPagaTons === 1 ?Quantidade Paga (Tons) | : <>}\n {permissoesColunas.faltaPagarTons === 1 ?Falta Pagar (Tons) | : <>}\n {permissoesColunas.valorTotal === 1 ?Valor Total (U$) | : <>}\n {permissoesColunas.faltaPagar === 1 ?Falta Pagar (U$) | : <>}\n {permissoesColunas.pago === 1 ?Pago | : <>}\nETA | \nETB | \nETC | \n {permissoesColunas.situacaoDemurrage === 1 ?Situação Demurrage | : <>}\nCâmbio Demurrage | \nDemurrage Gen (U$) | \nTotal Navio | \nDias Demu. | \nDemu. p/ Dia | \nVenc. Demu. | \n {permissoesColunas.proformaInvoice === 1 ?Proforma Invoice | : <>}\n {permissoesColunas.comercialInvoice === 1 ?\n <>\nComercial Invoice | \nData Comercial Invoice | \n \n\n : <>}\n {permissoesColunas.coa === 1 ?COA | : <>}\n {permissoesColunas.coo === 1 ?COO | : <>}\n {permissoesColunas.bl === 1 ?BL | : <>}\n {permissoesColunas.seguro === 1 ?Câmbio Seguro | : <>}\n {permissoesColunas.seguro === 1 ?Seguro (U$) | : <>}\n {permissoesColunas.li === 1 ?LI | : <>}\n {permissoesColunas.di === 1 ?DI | : <>}\n \n {permissoesColunas.notaMae === 1 ?Nota Mãe | : <>}\nData NF | \nDias P/ Desembaraço | \nDias P/ ETB | \n {permissoesColunas.glme === 1 ?GLME | : <>}\n {permissoesColunas.cdd === 1 ?CDD | : <>}\n {permissoesColunas.ci === 1 ?CI | : <>}\nCâmbio Desistiva | \nDesistiva | \n {permissoesColunas.cambio === 1 ?Câmbio Pedido | : <>}\nCâmbio Total AFRMM | \n {permissoesColunas.afrmmTotalReal === 1 ?AFRMM Total (R$) | : <>}\n {permissoesColunas.afrmmTotalDolar === 1 ?AFRMM Total (U$) | : <>}\n {permissoesColunas.situacaoAfrmm === 1 ?Situação AFRMM | : <>}\nAgente Portuário | \nOperador Portuário | \nBerço | \nArmazém / Quantidade / MIC / Descarga Real | \nQtd Descarga | \nComentário | \nStatus Financeiro | \nStatus Line Up | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n \n\n : \n {pedidosImport[item].pedido_sap}\n \n {(pedidoSendoEditado === '' || pedidoSendoEditado === pedidosImport[item].id) && permissaoEditar ?\n \n \n \n : null}\n \n \n }\n \n \n arquivar(pedidosImport[item].id, e.target.checked)} />Arquivar \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].exportador :\n \n\n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].produto :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].navio :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].filial :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].paisOrigem :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].dataPedido :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].modalidade :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].porto :\n \n | \n\n {permissoesColunas.contrato === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n\n {pedidosImport[item].contrato} {'\\n'}\n\n {pedidosImport[item].contrato === 'Concluído' ?\n validarArquivo(pedidosImport[item].contratoArquivos, pedidosImport[item].pedido_sap, 'contrato', index)\n : null\n }\n :\n | \n : <>}\n\n\n {permissoesColunas.vencimento === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].vencimento :\n \n | \n : <>}\n\n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].quantidade :\n \n | \n\n {permissoesColunas.valorUnit === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].valorUnit.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n : <>}\n\n {permissoesColunas.qtdPagaTons === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].quantidadePaga}\n \n | \n : <>}\n\n {permissoesColunas.faltaPagarTons === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].faltaPagarTons}\n \n | \n : <>}\n\n {permissoesColunas.valorTotal === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].valorTotal.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n : <>}\n\n {permissoesColunas.faltaPagar === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].faltaPagarDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n\n : <>}\n\n {permissoesColunas.pago === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].pago.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n : <>}\n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].eta :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].etb :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].etc :\n \n | \n\n {permissoesColunas.situacaoDemurrage === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].situacaoDemurrage :\n \n | \n : <>}\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].cambioDemurrage :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].demurrageGenDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? (\n pedidosImport[item].totalNavio\n ) : (\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? (\n // Verifique se as datas ETA e ETC existem\n pedidosImport[item].eta && pedidosImport[item].etc ? (\n (() => {\n\n // Converter datas de DD/MM/YYYY para YYYY-MM-DD\n const formatDate = (dateStr) => {\n const [day, month, year] = dateStr.split('/');\n return `${year}-${month}-${day}`;\n };\n\n const etaString = formatDate(pedidosImport[item].eta);\n const etcString = formatDate(pedidosImport[item].etc);\n\n // Criar objetos de data\n const etaDate = new Date(etaString);\n const etcDate = new Date(etcString);\n\n // Verificar se as datas foram convertidas corretamente\n if (isNaN(etaDate.getTime()) || isNaN(etcDate.getTime())) {\n console.log('Data inválida:', { etaDate, etcDate });\n return '-'; // Caso as datas não sejam válidas\n }\n\n // Calcular a diferença entre as datas em milissegundos\n const diffTime = etcDate - etaDate;\n\n // Converter milissegundos para dias\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n\n // Exibir a quantidade de dias\n return `${diffDays} dias`;\n })()\n ) : (\n '-' // Caso não tenha as datas, mostre um '-'\n )\n ) : (\n (() => {\n // Recalcular os dias para exibir no campo de edição\n let diffDays = 0;\n\n if (pedidosImport[item].eta && pedidosImport[item].etc) {\n const formatDate = (dateStr) => {\n const [day, month, year] = dateStr.split('/');\n return `${year}-${month}-${day}`;\n };\n\n const etaString = formatDate(pedidosImport[item].eta);\n const etcString = formatDate(pedidosImport[item].etc);\n\n const etaDate = new Date(etaString);\n const etcDate = new Date(etcString);\n\n if (!isNaN(etaDate.getTime()) && !isNaN(etcDate.getTime())) {\n const diffTime = etcDate - etaDate;\n diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n\n }\n }\n\n return (\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? (\n pedidosImport[item].demuPorDia\n ) : (\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? (\n (() => {\n const vencimento = pedidosImport[item].vencimentoDemurrage;\n\n if (vencimento) {\n // Se o valor for um número (timestamp), converte para Date\n if (typeof vencimento === 'number') {\n const data = new Date(vencimento);\n return data.toLocaleDateString('pt-BR', {\n year: 'numeric',\n month: '2-digit',\n day: '2-digit',\n });\n }\n\n // Se o valor for uma string (YYYY-MM-DD), divide e formata\n if (typeof vencimento === 'string') {\n const [ano, mes, dia] = vencimento.split('-');\n return `${dia}/${mes}/${ano}`;\n }\n }\n\n // Retorna '-' se o valor for nulo, indefinido ou inválido\n return '-';\n })()\n ) : (\n \n | \n {permissoesColunas.proformaInvoice === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].proformaInvoice} {'\\n'}\n {pedidosImport[item].numeroProformaInvoice} {'\\n'}\n {pedidosImport[item].proformaInvoice === 'Concluído' ?\n validarArquivo(pedidosImport[item]['proforma invoiceArquivos'], pedidosImport[item].pedido_sap, 'proforma invoice', index)\n : null\n }\n :\n \n | \n : <>}\n\n {permissoesColunas.comercialInvoice === 1 ?\n <>\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].comercialInvoice} {'\\n'}\n {pedidosImport[item].numeroComercialInvoice} {'\\n'}\n {pedidosImport[item].comercialInvoice === 'Concluído' ?\n validarArquivo(pedidosImport[item]['comercial invoiceArquivos'], pedidosImport[item].pedido_sap, 'comercial invoice', index)\n : null\n }\n :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].dataComercialInvoice :\n \n | \n : <>}\n\n {permissoesColunas.coa === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].coa} {'\\n'}\n {pedidosImport[item].coa === 'Concluído' ?\n validarArquivo(pedidosImport[item].coaArquivos, pedidosImport[item].pedido_sap, 'coa', index)\n : null\n }\n\n :\n | \n : <>}\n\n {permissoesColunas.coo === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].coo} {'\\n'}\n {pedidosImport[item].coo === 'Concluído' ?\n validarArquivo(pedidosImport[item].cooArquivos, pedidosImport[item].pedido_sap, 'coo', index)\n : null\n }\n :\n | \n : <>}\n\n {permissoesColunas.bl === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].bl} {'\\n'}\n {pedidosImport[item].numeroBl} {'\\n'}\n {pedidosImport[item].bl === 'Concluído' ?\n validarArquivo(pedidosImport[item].blArquivos, pedidosImport[item].pedido_sap, 'bl', index)\n : null\n }\n \n :\n \n | \n : <>}\n\n\n {permissoesColunas.seguro === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].cambioSeguro :\n \n | : null}\n\n {permissoesColunas.seguro === 1 ?\n 0 ? classes.green : classes.red}>\n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].seguro.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n : <>}\n\n\n {permissoesColunas.li === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].li} {'\\n'}\n {pedidosImport[item].numeroLi} {'\\n'}\n {pedidosImport[item].li === 'Concluído' ?\n validarArquivo(pedidosImport[item].liArquivos, pedidosImport[item].pedido_sap, 'li', index)\n : null\n }\n :\n \n | \n : <>}\n\n {permissoesColunas.di === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].di} {'\\n'}\n {pedidosImport[item].numeroDi} {'\\n'}\n {pedidosImport[item].dataDi} {'\\n'}\n {pedidosImport[item].di === 'Concluído' ?\n validarArquivo(pedidosImport[item].diArquivos, pedidosImport[item].pedido_sap, 'di', index)\n : null\n }\n \n :\n \n | \n : <>}\n\n {permissoesColunas.notaMae === 1 ?\n <>\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].notaMae} {'\\n'}\n {pedidosImport[item].numeroNotaMae} {'\\n'}\n {pedidosImport[item].notaMae === 'Concluído' ?\n validarArquivo(pedidosImport[item]['nota maeArquivos'], pedidosImport[item].pedido_sap, 'nota mae', index)\n : null\n }\n :\n \n | \n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].dataNf :\n \n | \n \n : <>}\n\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].diasParaDesembaraco}\n \n | \n\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].diasParaEtb}\n \n | \n\n {permissoesColunas.glme === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].glme} {'\\n'}\n {pedidosImport[item].glme === 'Concluído' ?\n validarArquivo(pedidosImport[item].glmeArquivos, pedidosImport[item].pedido_sap, 'glme', index)\n : null\n }\n :\n | \n : <>}\n\n {permissoesColunas.cdd === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].cdd} {'\\n'}\n {pedidosImport[item].cdd === 'Concluído' ?\n validarArquivo(pedidosImport[item].cddArquivos, pedidosImport[item].pedido_sap, 'cdd', index)\n : null\n }\n :\n\n | \n : <>}\n\n\n {permissoesColunas.ci === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].ci} {'\\n'}\n {pedidosImport[item].ci === 'Concluído' ?\n validarArquivo(pedidosImport[item].ciArquivos, pedidosImport[item].pedido_sap, 'ci', index)\n : null\n }\n :\n | \n : <>}\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].cambioDesistiva :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].desistiva.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' }) :\n \n | \n\n {permissoesColunas.cambio === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].cambio :\n \n | \n : <>}\n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].cambioTotalAfrmm :\n \n | \n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].afrmmTotalReal :\n \n | \n\n {permissoesColunas.afrmmTotalDolar === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].afrmmTotalDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | : <>}\n\n {permissoesColunas.situacaoAfrmm === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].situacaoAfrmm :\n \n | \n : <>}\n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].agentePortuario :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].operadorPortuario :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].berco :\n \n | \n\n \n\n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n Object.keys(JSON.parse(pedidosImport[item].armazemMic)).map((el, ind1) => {\n return (\n \n \n \n )\n }) :\n Az: {JSON.parse(pedidosImport[item].armazemMic)[el].armazem} \n Qtd: {JSON.parse(pedidosImport[item].armazemMic)[el].quantidadeArmazem} \n Mic: {JSON.parse(pedidosImport[item].armazemMic)[el].mic} \n DescReal: {JSON.parse(pedidosImport[item].armazemMic)[el].descargaReal} \n Saldo: {JSON.parse(pedidosImport[item].armazemMic)[el].saldo} \n \n \n {Object.keys(JSON.parse(pedidosImport[item].armazemMic)).map((indexArmazem) => {\n return (\n \n }\n \n \n )\n })}\n | \n\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].qtdDescarga}\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].comentarioPedido :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n (pedidosImport[item].statusFinanceiro || '-') :\n \n | \n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n (pedidosImport[item].statusLineUp || '-') :\n \n | \n\n
\n \n \n
\n
:\n tab === 2 ? // LINEUP\n | SAP | \nExportador | \nProduto | \nNavio | \nFilial | \n {permissoesColunas.vencimento === 1 ?Vencimento | : <>}\nQuantidade | \n {permissoesColunas.valorUnit === 1 ?Valor Unidade (U$) | : <>}\n {permissoesColunas.qtdPagaTons === 1 ?Quantidade Paga (Tons) | : <>}\n\n {permissoesColunas.faltaPagarTons === 1 ?Falta Pagar (Tons) | : <>}\n\n {permissoesColunas.valorTotal === 1 ?Valor Total (U$) | : <>}\n\n {permissoesColunas.faltaPagar === 1 ?Falta Pagar (U$) | : <>}\n\n {permissoesColunas.pago === 1 ?Pago | : <>}\n\n\n\n {permissoesColunas.situacaoDemurrage === 1 ?Situação Demurrage | : <>}\n\nDemurrage Gen (U$) | \n\n {permissoesColunas.afrmmTotalReal === 1 ?AFRMM Total (R$) | : <>}\n\n {permissoesColunas.afrmmTotalDolar === 1 ?AFRMM Total (U$) | : <>}\n\n {permissoesColunas.situacaoAfrmm === 1 ?Situação AFRMM | : <>}\n\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n\n \n \n \n\n : \n {pedidosImport[item].pedido_sap}\n \n {(pedidoSendoEditado === '' || pedidoSendoEditado === pedidosImport[item].id) && permissaoEditar ?\n \n \n \n : null}\n \n \n }\n \n \n arquivar(pedidosImport[item].id, e.target.checked)} />Arquivar \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].exportador :\n \n\n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].produto :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].navio :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].filial :\n \n\n | \n\n {permissoesColunas.vencimento === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].vencimento :\n \n | \n : <>}\n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].quantidade :\n \n | \n\n {permissoesColunas.valorUnit === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].valorUnit.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n : <>}\n\n\n {permissoesColunas.qtdPagaTons === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].quantidadePaga}\n \n | \n : <>}\n\n {permissoesColunas.faltaPagarTons === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].faltaPagarTons}\n \n | \n : <>}\n\n {permissoesColunas.valorTotal === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].valorTotal.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n : <>}\n\n {permissoesColunas.faltaPagar === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].faltaPagarDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n : <>}\n\n {permissoesColunas.pago === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].pago.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n : <>}\n\n\n\n\n {permissoesColunas.situacaoDemurrage === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].situacaoDemurrage :\n \n | \n : <>}\n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].demurrageGenDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n\n {permissoesColunas.afrmmTotalReal === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].afrmmTotalReal.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' })}\n \n | \n : <>}\n\n\n {permissoesColunas.afrmmTotalDolar === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].afrmmTotalDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n : <>}\n\n\n {permissoesColunas.situacaoAfrmm === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].situacaoAfrmm :\n \n | \n : <>}\n\n
\n \n \n
\n
:\n tab === 3 ? // DESEMBARAÇO\n | SAP | \nExportador | \nProduto | \nNavio | \nFilial | \nModalidade | \nPorto | \n\nQuantidade | \n\nETA | \nETB | \nETC | \n\n\nAgente Portuário | \nOperador Portuário | \n\nArmazém / Quantidade / MIC / Descarga Real | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n\n \n \n \n\n : \n {pedidosImport[item].pedido_sap}\n \n {(pedidoSendoEditado === '' || pedidoSendoEditado === pedidosImport[item].id) && permissaoEditar ?\n \n \n \n : null}\n \n \n }\n \n \n arquivar(pedidosImport[item].id, e.target.checked)} />Arquivar \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].exportador :\n \n\n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].produto :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].navio :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].filial :\n \n\n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].modalidade :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].porto :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].quantidade :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].eta :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].etb :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].etc :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].agentePortuario :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].operadorPortuario :\n \n | \n\n \n\n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n Object.keys(JSON.parse(pedidosImport[item].armazemMic)).map((el, ind1) => {\n return (\n \n \n \n )\n }) :\n Az: {JSON.parse(pedidosImport[item].armazemMic)[el].armazem} \n Qtd: {JSON.parse(pedidosImport[item].armazemMic)[el].quantidadeArmazem} \n Mic: {JSON.parse(pedidosImport[item].armazemMic)[el].mic} \n DescReal: {JSON.parse(pedidosImport[item].armazemMic)[el].descargaReal} \n Saldo: {JSON.parse(pedidosImport[item].armazemMic)[el].saldo} \n \n \n {Object.keys(JSON.parse(pedidosImport[item].armazemMic)).map((indexArmazem) => {\n return (\n \n }\n \n \n )\n })}\n | \n\n
\n \n \n
\n
\n : tab === 4 ? // DESPESA PORTUÁRIA\n | SAP | \nExportador | \nProduto | \nNavio | \nFilial | \n {permissoesColunas.contrato === 1 ?Contrato | : <>}\nQuantidade | \n {permissoesColunas.valorUnit === 1 ?Valor Unidade (U$) | : <>}\n {permissoesColunas.proformaInvoice === 1 ?Proforma Invoice | : <>}\n {permissoesColunas.comercialInvoice === 1 ?\n <>\nComercial Invoice | \nData Comercial Invoice | \n \n : <>}\n {permissoesColunas.coa === 1 ?COA | : <>}\n {permissoesColunas.coo === 1 ?COO | : <>}\n {permissoesColunas.bl === 1 ?BL | : <>}\n {permissoesColunas.seguro === 1 ?Seguro | : <>}\n {permissoesColunas.li === 1 ?LI | : <>}\n {permissoesColunas.di === 1 ?DI | : <>}\n {permissoesColunas.notaMae === 1 ?Nota Mãe | : <>}\n {permissoesColunas.glme === 1 ?GLME | : <>}\n {permissoesColunas.cdd === 1 ?CDD | : <>}\n {permissoesColunas.ci === 1 ?CI | : <>}\n {permissoesColunas.afrmmTotalReal === 1 ?AFRMM Total (R$) | : <>}\n {permissoesColunas.afrmmTotalDolar === 1 ?AFRMM Total (U$) | : <>}\n {permissoesColunas.situacaoAfrmm === 1 ?Situação AFRMM | : <>}\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n\n \n \n \n\n : \n {pedidosImport[item].pedido_sap}\n \n {(pedidoSendoEditado === '' || pedidoSendoEditado === pedidosImport[item].id) && permissaoEditar ?\n \n \n \n : null}\n \n \n }\n \n \n arquivar(pedidosImport[item].id, e.target.checked)} />Arquivar \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].exportador :\n \n\n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].produto :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].navio :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].filial :\n \n\n | \n\n {permissoesColunas.contrato === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].contrato} {'\\n'}\n\n {pedidosImport[item].contrato === 'Concluído' ?\n validarArquivo(pedidosImport[item].contratoArquivos, pedidosImport[item].pedido_sap, 'contrato', index)\n : null\n }\n :\n | \n : <>}\n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].quantidade :\n \n | \n\n {permissoesColunas.valorUnit === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].valorUnit.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n : <>}\n\n\n {permissoesColunas.proformaInvoice === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].proformaInvoice} {'\\n'}\n {pedidosImport[item].numeroProformaInvoice} {'\\n'}\n {pedidosImport[item].proformaInvoice === 'Concluído' ?\n validarArquivo(pedidosImport[item]['proforma invoiceArquivos'], pedidosImport[item].pedido_sap, 'proforma invoice', index)\n : null\n }\n :\n \n | \n : <>}\n\n {permissoesColunas.comercialInvoice === 1 ?\n <>\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n\n \n {pedidosImport[item].comercialInvoice} {'\\n'}\n {pedidosImport[item].numeroComercialInvoice} {'\\n'}\n {pedidosImport[item].comercialInvoice === 'Concluído' ?\n validarArquivo(pedidosImport[item]['comercial invoiceArquivos'], pedidosImport[item].pedido_sap, 'comercial invoice', index)\n : null\n }\n :\n \n | \n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].dataComercialInvoice :\n \n | \n \n\n\n : <>}\n\n {permissoesColunas.coa === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].coa} {'\\n'}\n {pedidosImport[item].coa === 'Concluído' ?\n validarArquivo(pedidosImport[item].coaArquivos, pedidosImport[item].pedido_sap, 'coa', index)\n : null\n }\n :\n | \n : <>}\n\n {permissoesColunas.coo === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].coo} {'\\n'}\n {pedidosImport[item].coo === 'Concluído' ?\n validarArquivo(pedidosImport[item].cooArquivos, pedidosImport[item].pedido_sap, 'coo', index)\n : null\n }\n :\n | \n : <>}\n\n\n {permissoesColunas.bl === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].bl} {'\\n'}\n {pedidosImport[item].numeroBl} {'\\n'}\n {pedidosImport[item].bl === 'Concluído' ?\n validarArquivo(pedidosImport[item].blArquivos, pedidosImport[item].pedido_sap, 'bl', index)\n : null\n }\n \n :\n \n | \n : <>}\n\n {permissoesColunas.seguro === 1 ?\n 0 ? classes.green : classes.red}>\n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].seguro.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n : <>}\n\n\n {permissoesColunas.li === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].li} {'\\n'}\n {pedidosImport[item].numeroLi} {'\\n'}\n {pedidosImport[item].li === 'Concluído' ?\n validarArquivo(pedidosImport[item].liArquivos, pedidosImport[item].pedido_sap, 'li', index)\n : null\n }\n :\n \n | \n : <>}\n\n {permissoesColunas.di === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].di} {'\\n'}\n {pedidosImport[item].numeroDi} {'\\n'}\n {pedidosImport[item].di === 'Concluído' ?\n validarArquivo(pedidosImport[item].diArquivos, pedidosImport[item].pedido_sap, 'di', index)\n : null\n }\n \n :\n \n | \n : <>}\n\n\n {permissoesColunas.notaMae === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].notaMae} {'\\n'}\n {pedidosImport[item].numeroNotaMae} {'\\n'}\n {pedidosImport[item].notaMae === 'Concluído' ?\n validarArquivo(pedidosImport[item]['nota maeArquivos'], pedidosImport[item].pedido_sap, 'nota mae', index)\n : null\n }\n :\n \n | \n : <>}\n\n {permissoesColunas.glme === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].glme} {'\\n'}\n {pedidosImport[item].glme === 'Concluído' ?\n validarArquivo(pedidosImport[item].glmeArquivos, pedidosImport[item].pedido_sap, 'glme', index)\n : null\n }\n :\n | \n : <>}\n\n {permissoesColunas.cdd === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].cdd} {'\\n'}\n {pedidosImport[item].cdd === 'Concluído' ?\n validarArquivo(pedidosImport[item].cddArquivos, pedidosImport[item].pedido_sap, 'cdd', index)\n : null\n }\n :\n | \n : <>}\n\n {permissoesColunas.ci === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n \n \n {pedidosImport[item].ci} {'\\n'}\n {pedidosImport[item].ci === 'Concluído' ?\n validarArquivo(pedidosImport[item].ciArquivos, pedidosImport[item].pedido_sap, 'ci', index)\n : null\n }\n :\n | \n : <>}\n\n {permissoesColunas.afrmmTotalReal === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].afrmmTotalReal.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' })}\n \n | \n : <>}\n\n {permissoesColunas.afrmmTotalDolar === 1 ?\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].afrmmTotalDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n : <>}\n\n {permissoesColunas.situacaoAfrmm === 1 ?\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].situacaoAfrmm :\n \n | \n : <>}\n\n\n
\n \n \n
\n
\n : null\n }\n | SAP | \nExportador | \nProduto | \nNavio | \nFilial | \n\nQuantidade | \nValor Unidade | \nSeguro | \nTaxa Marinha Mercante | \n\nCâmbio (Siscomex, Despachante, BL) | \nTaxa Siscomex (R$) | \nTaxa Siscomex (U$) | \nDespachante (R$) | \nDespachante (U$) | \nTaxa BL (R$) | \nTaxa BL (U$) | \nCâmbio Saldo AFRMM | \nSaldo AFRMM | \nCâmbio ICMS | \nICMS (R$) | \n\nOutros Custos | \nTotal Outros Custos | \nComentário | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n\n \n \n \n\n : \n {pedidosImport[item].pedido_sap}\n \n {(pedidoSendoEditado === '' || pedidoSendoEditado === pedidosImport[item].id) && permissaoEditar ?\n \n \n \n : null}\n \n \n }\n \n \n arquivar(pedidosImport[item].id, e.target.checked)} />Arquivar \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].exportador :\n \n\n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n pedidosImport[item].produto :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].navio :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].filial :\n \n\n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].quantidade :\n \n | \n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].valorUnit.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n\n\n 0 ? classes.green : classes.red}>\n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].seguro.toLocaleString('en-us', { style: 'currency', currency: 'USD' }) :\n \n | \n\n\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].afrmmTotalReal.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' })}\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].cambioDespachante :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].taxaSiscomex.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' }) :\n \n | \n\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].taxaSiscomexDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n\n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].despachante.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' }) :\n \n | \n\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].despachanteDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].taxaBl.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' }) :\n \n | \n\n \n {/* CAMPO AUTOMATICO */}\n {pedidosImport[item].taxaBlDolar.toLocaleString('en-us', { style: 'currency', currency: 'USD' })}\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].cambioSaldoAfrmm :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].saldoAfrmm.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' }) :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].cambioIcms :\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].icmsReal :\n \n | \n\n \n\n \n {pedidoSendoEditado !== pedidosImport[item].id ?\n Object.keys(JSON.parse(pedidosImport[item].outrosCustosJson)).map((el, ind1) => {\n return (\n \n \n \n )\n }) :\n {JSON.parse(pedidosImport[item].outrosCustosJson)[el].nomeCusto} \n {JSON.parse(pedidosImport[item].outrosCustosJson)[el].valor.toLocaleString('pt-br', { style: 'currency', currency: 'BRL' })} \n {JSON.parse(pedidosImport[item].outrosCustosJson)[el].cambioCusto} \n \n \n {Object.keys(JSON.parse(pedidosImport[item].outrosCustosJson)).map((indexCusto) => {\n return (\n \n }\n \n \n )\n })}\n | \n\n \n \n {pedidosImport[item].totalOutrosCustos}\n \n | \n\n \n \n {pedidoSendoEditado !== pedidosImport[item].id ? pedidosImport[item].comentario :\n \n | \n
\n\n {salvandoEdicao ?
\n : null\n }\n\n \n \n \n
}\n\n \n\n
\n ) : (\n \n \n
\n : subTab === 1 ?\n \n {permissoesColunas.arquivados === 1 ? : <>}\n {permissoesColunas.historico === 1 ? : <>}\n {permissoesColunas.downloads === 1 ? : <>}\n\n
\n\n {\n subTab === 0 ?\n \n {pedidosFormatadosArquivados !== '' && pedidosFormatadosArquivados !== 'NOK' ?\n < div key={0} style={{ padding: 10 }}>\n {\n pedidosFormatados.length > 0 ?\n
\n : null}\n \n
\n : null\n }\n\n\n \n setFiltroArquivados(e.target.value.toLowerCase())}\n />\n\n 0 ? '' : 'none', marginLeft: 10 }}\n onClick={() => salvarEdicao()}\n >Desarquivar Pedidos Selecionados\n
\n \n
\n\n \n\n \n \n
\n
\n | \n DESARQUIVAR\n | \n : null}\n\n {Object.keys(pedidosFormatados[0]).map((item, index) => {\n return (\n item !== 'ARQUIVADO' && item !== 'ID' && item !== 'AUX' && item !== 'OUTROS CUSTOS' ?\n\n {item}\n | : null\n )\n })}\n|
|---|---|---|
| \n \n desarquivar(pedidosFormatadosArquivados[item]['ID'], e.target.checked)} />\n \n | \n : null}\n\n {Object.keys(pedidosFormatadosArquivados[item]).map((key, index) => {\n return (\n key !== 'ARQUIVADO' && key !== 'ARMAZEM MIC' && key !== 'ID' && key !== 'AUX' && key !== 'OUTROS CUSTOS' ?\n \n \n {pedidosFormatadosArquivados[item][key]}\n \n | \n : key === 'ARMAZEM MIC' ?\n \n \n {pedidosFormatadosArquivados[item][key]}\n \n | : null)\n })}\n
\n
\n\n : subTab === 2 ?\n \n
\n \n\n \n \n
\n\n
\n | Data | \nUsuário | \nPedido Sap | \nAlteração (Valor anterior => Novo valor) | \n
|---|---|---|---|
| {historicoEdicao[item].data} | \n{historicoEdicao[item].usuario} | \n{historicoEdicao[item].pedido} | \n{historicoEdicao[item].alteracao} | \n
\n\n
\n : null\n }\n \n {pedidosFormatadosAtivos === '' ?
\n\n \n
: \n
}\n\n {pedidosFormatadosArquivados === '' ? Tabela de Ativos
\n \n \n
: \n
}\n\n {pedidosFormatados === '' ? Tabela de Arquivados
\n \n \n
: \n
}\n Tabela Completa (Ativos/Arquivados)
\n \n \n {pedidosFormatadosAtivos === '' ?
\n\n \n
:\n \n
}\n\n {pedidosFormatadosAtivos === '' ? Tabela Financeiro
\n \n \n
:\n \n
}\n\n {pedidosFormatadosAtivos === '' ? Tabela Lineup
\n \n \n
:\n \n
}\n Tabela Desembaraço
\n \n \n {pedidosFormatadosAtivos === '' ?
\n \n
:\n \n
}\n\n\n {permissoesColunas.despesaPortuaria === 1 ?\n Relatório de Quebras
\n \n \n
\n : <>}\n\n {permissoesColunas.despesaPortuaria === 1 ?\n \n Tabela Despesa Portuária\n
\n \n {gerandoRelDespesa === true ?
\n\n {relatorioComex === '' ? null : }\n\n \n
\n : <>}\n \n Relatório Custos\n
\n \n {gerandoRelCustos === true ?
\n\n {relatorioCustos === '' ? null : }\n\n \n
\n )\n )\n \n}\n\nconst useStyles = makeStyles({\n inputGroup: {\n display: 'flex',\n flexDirection: 'row',\n margin: 10\n },\n\n tdBorder: {\n border: '1px solid rgba(0,0,0, .4)'\n },\n\n paper: {\n width: 300\n },\n\n divRow: {\n display: 'flex',\n flexDirection: 'row'\n },\n\n inputDiv: {\n background: 'white',\n padding: 20,\n },\n\n textField: {\n width: 300,\n margin: 10\n },\n\n divTabela: {\n height: 600,\n },\n\n header: {\n color: 'white',\n position: 'sticky',\n zIndex: 2,\n top: 0\n },\n\n thStyle: {\n padding: 5,\n fontSize: 14,\n background: '#ED3237',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n },\n\n thArquivados: {\n background: '#666666',\n fontSize: 12,\n padding: 5,\n whiteSpace: 'nowrap'\n },\n\n thFinanceiro: {\n padding: 5,\n fontSize: 14,\n background: '#3d42e0',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thLineup: {\n padding: 5,\n fontSize: 14,\n background: '#36c416',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thDesembaraço: {\n padding: 5,\n fontSize: 14,\n background: '#383838',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thDespesa: {\n padding: 5,\n fontSize: 14,\n background: '#3c1854',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thHistorico: {\n padding: 5,\n fontSize: 14,\n background: '#cccbca'\n },\n\n cellContent: {\n fontWeight: 'bold',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n fontSize: 14,\n padding: 5\n },\n\n cellContentBig: {\n minWidth: 100,\n fontWeight: 'bold',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n fontSize: 14,\n padding: 5\n },\n\n cellContentLeft: {\n fontWeight: 'bold',\n fontSize: 14,\n padding: 5,\n display: 'flex',\n flexDirection: 'row'\n },\n\n cellContentArquivado: {\n background: 'lightgray',\n fontSize: 12\n },\n\n cellContentFixed: {\n width: 90,\n fontWeight: 'bold',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n fontSize: 14\n },\n\n autoComplete: {\n width: 80,\n },\n\n red: { background: 'rgba(255, 77, 77, .8)' },\n\n green: { background: 'rgba(255, 214, 99, .8)' },\n\n dataWidth: {\n width: 113\n },\n\n divRelatorio: {\n border: '1px solid rgba(0, 0, 0, .4)',\n borderRadius: 4,\n width: 300,\n padding: 10,\n margin: 5,\n maxHeight: 48\n }\n})\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(WorkflowComex);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { Switch } from \"@material-ui/core\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport { TextField } from \"@material-ui/core\";\nimport MuiPhoneInput from 'material-ui-phone-number';\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\n\n\nfunction ConfigurarUsuario(props) {\n // states da tabela de permissões\n const [listaPermissoes, setListaPermissoes] = useState('')\n const [salvando, setSalvando] = useState(false)\n const [update, setUpdate] = useState([])\n const [user, setUser] = useState('')\n const [permitido, setPermitido] = useState(false)\n\n // states de criar usuario\n const [adicionando, setAdicionando] = useState(false)\n const [nome, setNome] = useState('')\n const [login, setLogin] = useState('')\n const [senha, setSenha] = useState('')\n const [email, setEmail] = useState('')\n const [celular, setCelular] = useState('')\n const [nomesExistentes, setNomesExistentes] = useState([])\n\n // states de alterar senha\n const [nomeUsuario, setNomeUsuario] = useState('')\n const [novaSenha, setNovaSenha] = useState('')\n const [escolha, setEscolha] = useState('')\n\n\n // states de desativar usuário\n const [usuarioDesativar, setUsuarioDesativar] = useState('')\n const [opcao, setOpcao] = useState('')\n\n // states tabela de visualização de colunas\n const [permissoesColunas, setPermissoesColunas] = useState('')\n const [updateColunas, setUpdateColunas] = useState([])\n\n // pesquisa\n const [filter1, setFilter1] = useState('')\n const [filter2, setFilter2] = useState('')\n\n const classes = useStyles()\n\n useEffect(() => {\n let tempUser = getUser()\n setUser(tempUser)\n\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('admin', props))\n\n const listinha = await api.get('listaPermissoes', { params: { userId: getUser(), token: getToken() } })\n setListaPermissoes(listinha.data)\n listarNomesExistentes(listinha.data)\n\n const permiColunas = await api.get('/getPermissoesLocais', { params: { userId: getUser(), token: getToken() } })\n\n setPermissoesColunas(permiColunas.data)\n }\n fetchMyAPI();\n }, [])\n\n\n function checarPreenchido() {\n if (nome === '' || email === '' || senha === '' || login === '') {\n return false\n }\n else {\n return true\n }\n }\n\n function listarNomesExistentes(obj) {\n let aux = []\n obj.map((item) => aux.push(item.nome.toLowerCase()))\n setNomesExistentes(aux)\n }\n\n async function salvarUpdate(tipoUpdate) {\n setSalvando(true)\n let stringUpdate = ''\n if (tipoUpdate === 'updatePagina') {\n Object.keys(update).forEach((key) => stringUpdate += update[key])\n } else { // else tipoUpdate === updateColunas\n Object.keys(updateColunas).forEach((key) => stringUpdate += updateColunas[key])\n }\n\n if (stringUpdate === '') {\n alert('Faça alguma modificação antes de salvar...')\n } else {\n const resultado = await api.get('setarPermissoes', {\n params: {\n userId: getUser(),\n token: getToken(),\n stringUpdate,\n tipoUpdate\n }\n })\n\n if (resultado.data === 'OK') {\n alert('Modificações salvas com sucesso!')\n window.location.reload()\n } else {\n alert('Erro ao salvar modificações...')\n }\n }\n setSalvando(false)\n }\n\n function montaUpdate(valor, idUsuario, target, tipoUpdate) {\n // tipoUpdate pode ser \"updatePagina\" (update da tabela de páginas) ou \"updateColunas\" (update da tabela de colunas)\n if (tipoUpdate === 'updatePagina') {\n let aux = update\n aux[idUsuario + target] = idUsuario + \"_*_\" + target + \"_*_\" + valor + ';'\n setUpdate(aux)\n } else {\n let aux = updateColunas\n aux[idUsuario + target] = idUsuario + \"_*_\" + target + \"_*_\" + valor + ';'\n setUpdateColunas(aux)\n }\n\n\n }\n\n async function addUsuario() {\n if (!checarPreenchido()) {\n alert('Preencha todos os campos necessários! (nome, login, senha, email)')\n return\n }\n\n setAdicionando(true)\n const add = await api.get('adicionarUsuario', {\n params: {\n userId: getUser(),\n token: getToken(),\n nome,\n email,\n senha,\n login,\n celular\n }\n })\n\n if (add.data === 'NOK') {\n alert('Erro ao adicionar usuário...')\n } else {\n alert('Usuário adicionado!')\n window.location.reload()\n }\n setAdicionando(false)\n }\n\n async function alterarSenhaUsuario() {\n if (nomeUsuario === '' || novaSenha === '' || escolha === '') {\n alert('Preencha todos os campos antes de alterar a senha!')\n } else {\n const alt = await api.get('alterarSenhaUsuario', { params: { nomeUsuario, novaSenha, escolha, userId: getUser(), token: getToken() } })\n if (alt.data === 'NOK') {\n alert('Erro ao alterar senha...')\n } else {\n if (escolha === 'Sysgen') {\n alert('Senha do Sysgen alterada com sucesso!')\n } else {\n alert('Senha do Email alterada com sucesso!')\n }\n window.location.reload()\n }\n }\n }\n\n async function desativarUsuario() {\n if (usuarioDesativar === '' || opcao === '') {\n alert('Preencha todos os campos antes de salvar a alteração!')\n } else {\n const alt = await api.get('desativarUsuario', { params: { usuarioDesativar, opcao, userId: getUser(), token: getToken() } })\n if (alt.data === 'NOK') {\n alert('Erro ao alterar o estado do usuário...')\n } else {\n if (opcao === 'Ativar') {\n alert('Usuário ativado!')\n } else {\n alert('Usuário desativado!')\n }\n window.location.reload()\n }\n }\n }\n\n return (\n permitido === true ?\n <>\n {/* Tabela de permissões*/}\n {listaPermissoes !== '' ?\n \n Carregando...\n
\n\n
\n : null}\n\n\n {/* Adicionar Usuário*/}\n \n
\n\n TABELA DE PERMISSÕES DE PÁGINAS
\n\n setFilter1(e.target.value.toLowerCase())} />\n
\n\n \n\n \n \n
\n\n
\n | \n \n {item}\n \n | :\n \n \n {item}\n \n | \n }\n |
|---|---|---|
| \n \n {listaPermissoes[item][i]}\n \n | \n : i === 'idUsuario' || i === 'ativo' ?\n \n \n {listaPermissoes[item][i]}\n \n | \n :\n \n \n \n | }\n
\n \n
\n \n
\n\n\n {/* TABELA DE PERMISSÕES LOCAIS*/}\n {permissoesColunas !== '' ?\n \n\n\n
\n\n \n setNome(e.target.value)}\n label='Nome'\n />\n\n\n setLogin(e.target.value)}\n label='Login'\n />\n\n setSenha(e.target.value)}\n label='Senha'\n />\n\n setEmail(e.target.value)}\n label='Email'\n />\n\n setCelular(e)}\n label='Celular'\n />\n\n {nomesExistentes.includes(nome.toLowerCase()) ? null : addUsuario()}>Adicionar}\n\n
\n \n
\n {nomesExistentes.includes(nome.toLowerCase()) ?\n ADICIONAR USUÁRIO
\n\n
\n : null}\n Esse nome já existe!
\n
\n\n \n listaPermissoes[item].nome)}\n onChange={(event, value) => value !== null ? setNomeUsuario(value) : setNomeUsuario('')}\n renderInput={(params) => ( setNovaSenha(event.target.value)}\n label='Nova senha'\n />\n setEscolha(event.target.value)}>\n \n
\n\n \n
\n ALTERAR SENHA
\n\n \n
\n \n
\n \n listaPermissoes[item].nome)}\n onChange={(event, value) => value !== null ? setUsuarioDesativar(value) : setUsuarioDesativar('')}\n renderInput={(params) => ( setOpcao(event.target.value)}>\n \n
\n \n
\n DESATIVAR/ATIVAR USUÁRIO
\n\n \n
\n \n
\n : null}\n\n : null\n\n )\n}\n\n\nconst useStyles = makeStyles({\n divSenha: {\n marginTop: 50,\n marginLeft: 10,\n background: 'white',\n borderRadius: 8,\n fontWeight: 'bold',\n boxShadow: 'rgba(0, 0, 0, 0.2) 0px 5px 15px',\n display: 'flex',\n flexDirection: 'column',\n padding: 20,\n textAlign: 'center',\n alignContent: 'center',\n alignItems: 'center'\n\n },\n\n divDesativar: {\n marginTop: 50,\n marginLeft: 10,\n width: 300,\n background: 'white',\n borderRadius: 8,\n fontWeight: 'bold',\n boxShadow: 'rgba(0, 0, 0, 0.2) 0px 5px 15px',\n display: 'flex',\n flexDirection: 'column',\n padding: 10,\n textAlign: 'center',\n alignContent: 'center',\n alignItems: 'center'\n }\n})\n\n\n\n\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConfigurarUsuario);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport MuiPhoneInput from 'material-ui-phone-number'\nimport { validateTokenUser, getUser, getToken } from '../../utils/utils.js'\n\nfunction ConfigurarConta(props) {\n let classes = useStyles()\n\n\n const [novoCelular, setNovoCelular] = useState('')\n const [celularAtual, setCelularAtual] = useState()\n\n\n useEffect(() => {\n const numeroAtual = localStorage.getItem('celular')\n setCelularAtual(numeroAtual)\n\n async function fetchMyAPI() {\n await validateTokenUser(props)\n }\n fetchMyAPI()\n }, [])\n\n async function alterarDadosUsuario() {\n const response = await api.get('alterarDadosUsuario', { params: { userId: getUser(), token: getToken(), novoCelular } })\n if (response.data === 'NOK') {\n alert('Erro ao salvar alteração...')\n } else {\n alert('Alteração salva com sucesso!')\n localStorage.setItem('celular', novoCelular)\n window.location.reload()\n }\n }\n\n return (\n \n
\n\n TABELA DE PERMISSÕES LOCAIS
\n\n setFilter2(e.target.value.toLowerCase())} />\n
\n\n \n \n \n
\n\n
\n | \n \n {item}\n \n | \n : item !== 'idUsuario' ? \n \n {item}\n \n | : null\n )}\n\n
|---|---|
| \n \n {permissoesColunas[item][coluna]}\n \n | : coluna !== 'idUsuario' ?\n \n \n \n | : null\n )}\n \n | WORKFLOW COMEX | \n \n
\n \n
\n \n
\n )\n}\n\nconst useStyles = makeStyles({\n tela1: {\n padding: 10,\n marginTop: 20,\n background: 'white',\n width: 400,\n borderRadius: 8,\n fontWeight: 'bold',\n boxShadow: 'rgba(0, 0, 0, 0.2) 0px 5px 15px'\n }\n});\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConfigurarConta);","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { TextField } from \"@material-ui/core\";\nimport { checarPermissao, validateTokenUser, getUser, getToken, formatStringUniversalDateToLocal } from '../../utils/utils.js';\n\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\nimport PersonIcon from '@material-ui/icons/Person';\nimport CallSplitIcon from '@material-ui/icons/CallSplit';\n\nimport Radio from '@material-ui/core/Radio';\nimport Loader from \"react-loader-spinner\";\nimport { Checkbox } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n heading: {\n fontSize: theme.typography.pxToRem(15),\n flexBasis: '33.33%',\n flexShrink: 0,\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(15),\n color: theme.palette.text.secondary,\n },\n}));\n\n\nfunction HierarquiaVendas(props) {\n const [pedidos, setPedidos] = useState('')\n const [wait, setWait] = useState(false)\n const classes = useStyles();\n const [open, setOpen] = useState(false);\n const [openInfo, setOpenInfo] = useState(false);\n\n const [indexR, setIndexR] = useState(0)\n const [msg, setMsg] = useState('')\n const [permitido, setPermitido] = useState(false)\n const [massAprov, setMassAprov] = useState([])\n\n const [validadeAproval, setValidadeAproval] = useState([])\n const [statePedidos, setStatePedidos] = useState(0)\n const [salvando, setSalvando] = useState(false)\n const [alterContrato, setAlterContrato] = useState([])\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('hierarquiaVendas', props))\n\n const response_aguardando = await api.get(\"/PedidosAprovacao\", { params: { userId: getUser(), token: getToken() } });\n setPedidos(response_aguardando.data)\n\n var a = new Array(response_aguardando.data.length).fill('a');\n var b = new Array(response_aguardando.data.length).fill('a');\n setMassAprov(a)\n setValidadeAproval(b)\n }\n\n fetchMyAPI();\n }, []);\n\n async function inserePedido(pedido, aprov) {\n setWait(true)\n\n // caso o usuário tenha selecionado a checkbox do pedido, ele vai estar no alterContrato, o que significa que ele é um contrato alternativo\n let tipoContrato = 0\n if (alterContrato.includes(pedido)) {\n tipoContrato = 1\n }\n\n const response_aprova = await api.get(\"/AprovaPedido\", { params: { pedido, aprov, msg, tipoContrato, userId: getUser(), token: getToken() } });\n\n if (response_aprova.data === 'NOK') {\n alert('Erro ao inserir pedido')\n } else if (response_aprova.data == 'OK') {\n alert('Pedido inserido com sucesso!')\n window.location.reload();\n } else if (response_aprova.data == 'OKN') {\n alert('Pedido reprovado com sucesso!')\n window.location.reload();\n }\n setWait(false)\n }\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleClickOpenInfo = () => {\n setOpenInfo(true);\n };\n\n const handleCloseInfo = () => {\n setOpenInfo(false);\n };\n\n const alterState = (index, val) => {\n let aux = massAprov.slice()\n aux[index] = val\n setMassAprov(aux)\n }\n\n async function inserePedidosMassa() {\n let count = 0\n setSalvando(true)\n for (var i = 0; i < massAprov.length; i++) {\n if (massAprov[i] == 'b') {\n count += 1\n setStatePedidos(count)\n let pedido = pedidos[i].id\n\n let tipoContrato = 0\n if (alterContrato.includes(pedido)) {\n tipoContrato = 1\n }\n\n const response_aprova = await api.get(\"/AprovaPedido\", { params: { pedido, 'aprov': '1', 'msg': '', tipoContrato, userId: getUser(), token: getToken() } });\n\n if ((response_aprova.data == 'OK') || (response_aprova.data == 'OKN')) {\n let aux = validadeAproval\n aux[i] = true\n setValidadeAproval(aux)\n } else {\n let aux = validadeAproval\n aux[i] = false\n setValidadeAproval(aux)\n }\n\n }\n else if (massAprov[i] == 'c') {\n count += 1\n setStatePedidos(count)\n let pedido = pedidos[i].id\n const response_aprova = await api.get(\"/AprovaPedido\", { params: { pedido, 'aprov': '-1', 'msg': '', userId: getUser(), token: getToken() } });\n if (response_aprova.data == 'OKN') {\n let aux = validadeAproval\n aux[i] = true\n setValidadeAproval(aux)\n } else {\n let aux = validadeAproval\n aux[i] = false\n setValidadeAproval(aux)\n }\n\n }\n }\n setSalvando(false)\n handleClickOpenInfo()\n }\n\n // adiciona o número do pedido em um array para indicar se a Checkbox de contrato dele foi marcada ou não\n const mudaContrato = (numPedido) => {\n let aux = [...alterContrato]\n\n if (aux.includes(numPedido)) {\n let index = aux.indexOf(numPedido)\n aux.splice(index, 1)\n } else {\n aux.push(numPedido)\n\n }\n setAlterContrato(aux)\n }\n\n return (\n permitido === true ?\n \n
\n CONFIGURAÇÕES
\n\n\n
\n\n \n setNovoCelular(e)}\n label='Cadastrar um novo número'\n />\n\n {novoCelular.length !== 18 ? <> : }\n
\n\n Alterar número do celular
\n\n {celularAtual === '' ?Nenhum número cadastrado
:Número atual: {celularAtual}
}\n\n\n\n \n\n \n \n {(salvando) ?
: null)}\n : <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(HierarquiaVendas);\n","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api2 from \"../../services/api2\";\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport GridItem from \"components/Grid/GridItem.js\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { TextField } from \"@material-ui/core\";\nimport Button from \"components/CustomButtons/Button.js\"\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\n\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport {\n checarPermissao,\n validateTokenUser, getUser, getToken\n} from '../../utils/utils.js'\n\n\nfunction AutoFaturamento(props) {\n // Valores pra criar publicação\n const [user, setUser] = useState('')\n const [agendamentos, setAgendamentos] = useState('')\n const [agFilter, setAgFitler] = useState('')\n const classes = useStyles();\n const [permitido, setPermitido] = useState(false)\n const [emitidos, setEmitidos] = useState(false)\n const [iniDate, setIniDate] = useState((new Date()).toLocaleDateString(\"pt-BR\").replaceAll('/', '-'))\n const [endDate, setEndDate] = useState('')\n useEffect(() => {\n async function fetchMyApi() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('autoFat', props))\n const response_placas = await api2.get(\"/retornaPlacas\", { params: { userId: getUser(), token: getToken() } });\n setAgendamentos(response_placas.data)\n setAgFitler(response_placas.data)\n console.log(response_placas)\n }\n fetchMyApi()\n\n\n }, [])\n\n const handleChange = (event, type) => {\n console.log(event)\n if (type === 'ini') {\n if (endDate === '') { setEndDate(event) }\n setAgFitler(agendamentos.filter(function (e) {\n return e.dataA >= event &&\n e.dataA <= endDate && e.nf_emitida == emitidos\n\n }))\n } else if (type === 'end') {\n if (iniDate === '') { setIniDate(event) }\n setAgFitler(agendamentos.filter(function (e) {\n return e.dataA >= iniDate &&\n e.dataA <= event && e.nf_emitida == emitidos\n\n }))\n }\n\n\n };\n const handleChangeFound = (newValue) => {\n let filterCheck = newValue === true ? 1 : 0\n console.log(filterCheck)\n setEmitidos(newValue)\n setAgFitler(agendamentos.filter(function (e) {\n return e.dataA >= iniDate &&\n e.dataA <= endDate && e.nf_emitida == filterCheck\n }))\n\n\n };\n async function enviarEmail(id, id_placas, produto, placa, dataA, numeroPedido) {\n const response_email = await api2.get(\"/EnviaEmailTransportadora\", {\n params: {\n id,\n userId: getUser(),\n token: getToken(),\n id_placas, produto,\n placa,\n dataA,\n numeroPedido\n }\n });\n if (response_email.data === 'OK') {\n alert('Email Enviado com sucesso')\n window.location.reload();\n } else if (response_email.data === 'NOK') {\n alert('Erro ao enviar email')\n }\n }\n\n return (\n permitido === true ?\n Pedidos pendentes
\n\n
\n {Object.keys(pedidos).map((index) =>\n pedidos[index].addSAP === 2 ?\n Ignorar
\nAprovar
\nReprovar
\n\n\n alterState(index, 'a')}\n value=\"a123\"\n name={\"gg\" + index.toString()}\n color=\"default\"\n label='123'\n />\n alterState(index, 'b')}\n value=\"b\"\n name={\"gg\" + index.toString()}\n color=\"default\"\n />\n alterState(index, 'c')}\n value=\"c\"\n name={\"gg\" + index.toString()}\n color=\"default\"\n /> \n \n\n Cliente:{pedidos[index].argsVenda.cliente} \n {pedidos[index].addSAP === 2 ? (\n \n {pedidos[index].argsVenda.desmembramento === 'true' ?\n \n \n\n \n
: null)}\n \n Pedido Pendente de Aprovação \n
\n ) : pedidos[index].addSAP === 1 ? (\n \n Pedido Aprovado \n
\n ) : (\n \n Pedido Reprovado \n
\n )}\n\n Desmembramento do pedido {pedidos[index].argsVenda.pedidoMae}
\n : null}\n \n \n \n -Vendedor : {pedidos[index].argsVenda.vendedor}\n \n \n -Supervisor : {pedidos[index].argsVenda.supervisor}\n \n \n -Cliente : {pedidos[index].argsVenda.cliente}\n \n \n -End. : {pedidos[index].argsVenda.endEntrega}\n \n \n -Telefone : {pedidos[index].argsVenda.telCliente}\n \n \n -Email : {pedidos[index].argsVenda.email}\n \n \n -Observações : {pedidos[index].argsVenda.observ}\n \n \n -Produto : {pedidos[index].argsVenda.nomeProduto}\n \n \n -Quantidade: {pedidos[index].argsVenda.qtde}\n \n \n -Preço : {pedidos[index].argsVenda.uni}{pedidos[index].argsVenda.moeda}\n \n \n -Embalagem : {pedidos[index].argsVenda.emb}\n \n \n -Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd1}\n \n \n -Origem : {pedidos[index].argsVenda.selOrigem}\n \n \n -Destino: {pedidos[index].argsVenda.selDestino}\n \n \n {pedidos[index].argsVenda.nomeProduto2 !== '' ?\n \n\n \n -Produto : {pedidos[index].argsVenda.nomeProduto2}\n \n \n -Quantidade: {pedidos[index].argsVenda.qtde2}\n \n \n -Preço : {pedidos[index].argsVenda.uni2} {pedidos[index].argsVenda.moeda}\n \n \n -Embalagem : {pedidos[index].argsVenda.emb2}\n \n \n -Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd2}\n \n : null}\n {pedidos[index].argsVenda.nomeProduto3 !== '' ?\n \n\n \n -Produto : {pedidos[index].argsVenda.nomeProduto3}\n \n \n -Quantidade: {pedidos[index].argsVenda.qtde3}\n \n \n -Preço : {pedidos[index].argsVenda.uni3}{pedidos[index].argsVenda.moeda}\n \n \n -Embalagem : {pedidos[index].argsVenda.emb3}\n \n \n -Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd3}\n \n : null}\n
\n\n \n \n\n \n -Inicio Entrega : {formatStringUniversalDateToLocal(pedidos[index].argsVenda.iniDate)}\n \n \n -Fim Entrega: {formatStringUniversalDateToLocal(pedidos[index].argsVenda.endDate)}\n \n \n -Tipo Frete : {pedidos[index].argsVenda.frete}\n \n \n -Valor do Frete: {pedidos[index].argsVenda.valFreteVendido}\n \n\n \n \n\n \n -Cidade Entrega : {pedidos[index].argsVenda.cidadeEntrega}\n \n \n -Estado Entrega : {pedidos[index].argsVenda.estadoEntrega}\n \n {pedidos[index].argsVenda['insProd[]'] === undefined ?\n \n -Inscrição Estadual: {pedidos[index].argsVenda['insProdVal']}\n :\n \n -Inscrição Estadual: {JSON.parse(pedidos[index].argsVenda['insProd[]']).TaxId1}\n }\n\n \n -Endereço Entrega : {pedidos[index].argsVenda.endEntrega}\n \n \n -Local Entrega : {pedidos[index].argsVenda.local}\n \n \n -Valor Frete: {pedidos[index].argsVenda.valFreteVendido}\n \n \n -Roteiro: {pedidos[index].argsVenda.roteiro}\n \n \n \n\n \n -Filial : {pedidos[index].argsVenda.filial}\n \n \n -Forma de Pagamento : {pedidos[index].argsVenda.forma}\n \n {pedidos[index].argsVenda.forma === 'À Vista' ? null :\n \n -Vencimento: {formatStringUniversalDateToLocal(pedidos[index].argsVenda.dataCond)}\n \n \n -Moeda: {pedidos[index].argsVenda.moeda} {pedidos[index].argsVenda.moeda !== 'R$' ? ': ' + pedidos[index].argsVenda.docRate : ''}\n \n \n
\n\n \n \n -Parcela 1: {pedidos[index].argsVenda.par1}\n \n \n -Parcela 2: {pedidos[index].argsVenda.par2}\n \n \n -Parcela 3: {pedidos[index].argsVenda.par3}\n \n \n -Parcela 4: {pedidos[index].argsVenda.par4}\n \n
\n }\n\n \n Contrato Alternativo: mudaContrato(pedidos[index].id)} /> \n
\n\n {pedidos[index].addSAP === 2 ? \n\n {(pedidos[index]['argsVenda'].fiadores !== undefined) & (pedidos[index]['argsVenda'].fiadores !== '') ?\n <>\n Fiadores \n {JSON.parse(pedidos[index]['argsVenda'].fiadores).map((fiador, index) =>\n
\n \n Nome: {fiador.nome} \n CPF: {fiador.cpf} \n Endereço: {fiador.rua}, {fiador.numeroCasa}, {fiador.bairro}, {fiador.numeroCasa}, {fiador.cep} \n
)}\n : null}\n \n \n
: }\n \n\n \n
\n \n\n \n
\n {Object.keys(pedidos).map((index) =>\n pedidos[index].addSAP !== 2 ?\n \n \n \n {pedidos[index].argsVenda.desmembramento === 'true' ? (\n \n
\n ) : null}\n \n \n \n
\n \n Cliente: \n {pedidos[index].argsVenda.cliente} \n
\n \n {pedidos[index].addSAP === 2 ? (\n
\n \n Pedido Pendente de Aprovação \n
\n ) : pedidos[index].addSAP === 1 ? (\n \n \n Nro. Pedido: {pedidos[index].numPedidoSAP}\n \n )}\n
\n ) : (\n \n Pedido Aprovado \n
\n {pedidos[index].numPedidoSAP !== 0 && (\n \n Pedido Reprovado \n
\n )}\n \n \n \n -Vendedor : {pedidos[index].argsVenda.vendedor}\n \n \n -Supervisor : {pedidos[index].argsVenda.supervisor}\n \n \n -Cliente : {pedidos[index].argsVenda.cliente}\n \n \n -End. : {pedidos[index].argsVenda.endEntrega}\n \n \n -Tel. : {pedidos[index].argsVenda.telCliente}\n \n \n -Email : {pedidos[index].argsVenda.email}\n \n \n -Observações : {pedidos[index].argsVenda.observ}\n \n \n -Produto : {pedidos[index].argsVenda.nomeProduto}\n \n \n -Quantidade: {pedidos[index].argsVenda.qtde}\n \n \n -Preço : {pedidos[index].argsVenda.uni}{pedidos[index].argsVenda.moeda}\n \n \n -Embalagem : {pedidos[index].argsVenda.emb}\n \n \n -Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd1}\n \n \n -Origem : {pedidos[index].argsVenda.selOrigem}\n \n \n -Destino: {pedidos[index].argsVenda.selDestino}\n \n \n {pedidos[index].argsVenda.nomeProduto2 !== '' ?\n \n\n \n -Produto : {pedidos[index].argsVenda.nomeProduto2}\n \n \n -Quantidade: {pedidos[index].argsVenda.qtde2}\n \n \n -Preço : {pedidos[index].argsVenda.uni2} {pedidos[index].argsVenda.moeda}\n \n \n -Embalagem : {pedidos[index].argsVenda.emb2}\n \n \n -Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd2}\n \n : null}\n {pedidos[index].argsVenda.nomeProduto3 !== '' ?\n \n\n \n -Produto : {pedidos[index].argsVenda.nomeProduto3}\n \n \n -Quantidade: {pedidos[index].argsVenda.qtde3}\n \n \n -Preço : {pedidos[index].argsVenda.uni3}{pedidos[index].argsVenda.moeda}\n \n \n -Embalagem : {pedidos[index].argsVenda.emb3}\n \n \n -Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd3}\n \n : null}\n
\n\n \n \n \n\n \n -Inicio Entrega : {formatStringUniversalDateToLocal(pedidos[index].argsVenda.iniDate)}\n \n \n -Fim Entrega: {formatStringUniversalDateToLocal(pedidos[index].argsVenda.endDate)}\n \n \n -Tipo Frete : {pedidos[index].argsVenda.frete}\n \n\n {(pedidos[index]['argsVenda'].fiadores !== undefined) & (pedidos[index]['argsVenda'].fiadores !== '') ?\n <>\n Fiadores \n {JSON.parse(pedidos[index]['argsVenda'].fiadores).map((fiador, index) =>\n fiador !== null ?\n \n \n\n \n -Cidade Entrega : {pedidos[index].argsVenda.cidadeEntrega}\n \n \n -Estado Entrega : {pedidos[index].argsVenda.estadoEntrega}\n \n {pedidos[index].argsVenda['insProd[]'] === undefined ?\n \n -Inscrição Estadual: {pedidos[index].argsVenda['insProdVal']}\n :\n \n -Inscrição Estadual: {JSON.parse(pedidos[index].argsVenda['insProd[]']).TaxId1}\n }\n\n \n -Endereço Entrega : {pedidos[index].argsVenda.endEntrega}\n \n \n -Local Entrega : {pedidos[index].argsVenda.local}\n \n \n -Valor Frete: {pedidos[index].argsVenda.valFreteVendido}\n \n \n -Roteiro: {pedidos[index].argsVenda.roteiro}\n \n \n \n\n \n -Filial : {pedidos[index].argsVenda.filial}\n \n \n -Forma de Pagamento : {pedidos[index].argsVenda.forma}\n \n {pedidos[index].argsVenda.forma === 'À Vista' ? null :\n \n -Vencimento: {formatStringUniversalDateToLocal(pedidos[index].argsVenda.dataCond)}\n \n \n -Moeda: {pedidos[index].argsVenda.moeda} {pedidos[index].argsVenda.moeda !== 'R$' ? ': ' + pedidos[index].argsVenda.docRate : ''}\n \n\n \n
\n\n\n\n {pedidos[index].addSAP === 2 ? \n Nome: {fiador.nome} \n CPF: {fiador.cpf} \n Endereço: {fiador.rua}, {fiador.numeroCasa}, {fiador.bairro}, {fiador.numeroCasa}, {fiador.cep} \n
: null)}\n : null}\n\n \n \n -Parcela 1: {pedidos[index].argsVenda.par1}\n \n \n -Parcela 2: {pedidos[index].argsVenda.par2}\n \n \n -Parcela 3: {pedidos[index].argsVenda.par3}\n \n \n -Parcela 4: {pedidos[index].argsVenda.par4}\n \n
\n }\n\n \n \n
: }\n \n \n \n )}\n
: <>\n )\n}\n\n\n\n\n\nconst useStyles = makeStyles({\n editBackground: {\n border: 'solid 1px blue',\n borderRadius: 5,\n boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',\n padding: '30px',\n background: 'white',\n },\n\n postBackground: {\n borderRadius: 5,\n boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .5)',\n padding: '30px',\n marginTop: 40,\n background: 'white',\n margin: 'auto',\n position: 'relative',\n width: 900\n },\n\n tudoBackground: {\n background: 'rgb(250, 250, 250)',\n borderRadius: 5,\n boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .5)',\n },\n\n text: {\n width: 800\n },\n\n headerInput: {\n width: 500\n },\n\n image: {\n maxWidth: 500,\n display: 'block',\n marginLeft: 'auto',\n marginRight: 'auto',\n maxWidth: 500\n },\n\n header: {\n\n fontWeight: 'bold',\n color: 'black',\n fontFamily: 'Arial',\n margin: 0,\n padding: 0,\n\n },\n\n texto: {\n fontWeight: 'bold',\n whiteSpace: 'pre-wrap'\n },\n\n buttonDeletar: {\n marginLeft: 800,\n background: '#ED3237',\n '&:hover': {\n background: '#ED3237'\n }\n },\n\n buttonEditar: {\n position: 'absolute',\n top: 0,\n right: 0,\n margin: 10,\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n buttonPublicar: {\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n borderHeader: {\n content: '',\n display: 'block',\n borderBottom: '1px solid black'\n },\n\n buttonImagem: {\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n divImagem: {\n marginTop: 10\n },\n\n buttonFixar: {\n background: 'linear-gradient(45deg, #2196F3 10%, #21CBF3 90%)'\n },\n\n postFixadoBackground: {\n border: 'solid 1px yellow',\n borderRadius: 5,\n boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .5)',\n padding: '30px',\n marginTop: 40,\n background: 'white',\n position: 'relative',\n margin: 'auto',\n width: 900\n },\n\n buttonSalvar: {\n background: '#4bcc5a',\n '&:hover': {\n background: '#4bcc5a'\n }\n },\n\n divTextEdit: {\n marginTop: 10\n },\n\n divTitulo: {\n marginTop: 10,\n marginBottom: 10\n },\n\n divFontes: {\n marginTop: 10\n }\n});\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AutoFaturamento);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { getUser, getToken } from '../../utils/utils.js'\nimport { TextField } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Loader from \"react-loader-spinner\";\nimport Button from \"components/CustomButtons/Button.js\"\n\nfunction GrupoEmail(props) {\n\n const [emails, setEmails] = useState([''])\n const [nomeGrupo, setNomeGrupo] = useState('')\n\n const [groupEmails, setGroupEmails] = useState([])\n const [groupNames, setGroupNames] = useState([])\n\n const [salvandoGrupo, setSalvandoGrupo] = useState(false)\n const [removendoGrupo, setRemovendoGrupo] = useState(false)\n\n const classes = useStyles()\n\n useEffect(() => {\n fetchMyApi()\n }, [])\n\n const fetchMyApi = async () => {\n const response_groups = await api.get('/return_email_groups_agendamento', { params: { userId: getUser(), token: getToken() } })\n setGroupEmails(response_groups.data)\n\n let aux = []\n response_groups.data.map(group => aux.push(group.nome_grupo))\n setGroupNames(aux)\n }\n\n const changeInput = (value, position) => {\n let aux = [...emails]\n aux[position] = value\n setEmails(aux)\n }\n\n const removeEmail = (position) => {\n if (emails.length > 1) {\n let aux = [...emails]\n aux.splice(position, 1)\n setEmails(aux)\n }\n }\n\n const saveChanges = async () => {\n if (nomeGrupo === '') {\n alert('Adicione um nome para o grupo')\n return\n }\n if (groupNames.includes(nomeGrupo)) {\n alert('Esse nome já existe, escolha outro nome')\n return\n }\n if (emails.includes('')) {\n alert('Preencha todos os emails')\n return\n }\n\n setSalvandoGrupo(true)\n const grupoEmail = { nomeGrupo: nomeGrupo, emails: emails }\n const response = await api.get('/save_email_group', { params: { grupoEmail, userId: getUser(), token: getToken() } })\n if (response.data === 'OK') {\n alert('Grupo adicionado com sucesso!')\n window.location.reload()\n } else {\n alert('Erro ao adicionar o grupo...')\n }\n setSalvandoGrupo(false)\n }\n\n const removeGroup = async (id_grupo) => {\n setRemovendoGrupo(true)\n const response = await api.get('/delete_group_email', { params: { id_grupo, userId: getUser(), token: getToken() } })\n if (response.data === 'OK') {\n alert('Grupo removido com sucesso!')\n window.location.reload()\n } else {\n alert('Erro ao deletar o grupo...')\n }\n setRemovendoGrupo(false)\n }\n\n return (\n \n \n \n (setIniDate(e.target.value), handleChange(e.target.value, 'ini'))}\n />\n \n \n (setEndDate(e.target.value), handleChange(e.target.value, 'end'))}\n />\n \n \n\n\n \n handleChangeFound(!emitidos)}\n name=\"Check Emitidos\"\n color=\"primary\"\n />\n \n
\n {Object.keys(agFilter).map((index) =>\n Data Inicio
\n\nData Fim
\n\nFiltrar Notas fiscais
\nCheckado = Notas Emitidas
\nNão checkado = Notas Fiscais não encontradas no banco de dados
\n\n\n Status: {agFilter[index].nf_emitida == 1 ? 'Nota fiscal emitida' : 'Nota fiscal não encontrada no banco de dados'} \n Placa : {agFilter[index].placa} | Emitido : {agFilter[index].emissao_nota} \n Transportadora : {agFilter[index].transportadora} \n\n\n\n
\n \n \n Numero Pedido GeN : {agFilter[index].pedFatCliente} \n Data Agendado : {agFilter[index].dataA} \n
\n \n \n\n \n Produto : {agFilter[index].produto}\n \n \n Quantidade: {agFilter[index].quantidade}\n \n \n Cliente : {agFilter[index].cliente}\n \n \n Placa : {agFilter[index].placa}\n \n {agFilter[index].nf_emitida == 0 && agFilter[index].nf_solicitada == 0 ?\n \n : agFilter[index].nf_emitida == 0 && agFilter[index].nf_solicitada == 1 ? \n
\n\n Emails de solicitação já enviado
: null}\n\n
\n\n\n )\n}\n\n\nconst useStyles = makeStyles({\n mainDiv: {\n boxShadow: 'rgba(0, 0, 0, 0.24) 0px 3px 8px;',\n padding: 20,\n background: 'white',\n display: 'flex',\n flexDirection: 'row',\n },\n group: {\n margin: 10,\n width: 'fit-content',\n padding: 10,\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n alignContent: 'center',\n textAlign: 'center'\n },\n\n addGroup: {\n width: 'fit-content',\n padding: 20,\n background: 'white',\n overflow: 'scroll',\n height: 500,\n\n },\n\n gpBox: {\n width: 300,\n boxShadow: 'rgba(0, 0, 0, 0.24) 0px 3px 8px;',\n background: 'white',\n border: '1px solid rgba(0, 0, 0, .1)',\n marginTop: 10,\n padding: 10\n },\n\n})\n\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(GrupoEmail);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport { TextField } from \"@material-ui/core\";\nimport GrupoEmail from \"./GrupoEmail\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nfunction ConfigurarLogistica(props) {\n const [permitido, setPermitido] = useState(false)\n const [listaArmazens, setListaArmazens] = useState([])\n\n const [armazem, setArmazem] = useState('')\n\n const [adicionando, setAdicionando] = useState(false)\n const [removendo, setRemovendo] = useState(false)\n const classes = useStyles()\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('configurarLogistica', props))\n\n const armazens = await api.get('/listaArmazens', { params: { userId: getUser(), token: getToken() } })\n setListaArmazens(armazens.data)\n }\n fetchMyAPI();\n }, [])\n\n\n async function adicionarArmazem() {\n setAdicionando(true)\n const response = await api.get('/adicionarArmazem', { params: { armazem, userId: getUser(), token: getToken() } })\n if (response.data === 'NOK') {\n alert('Erro ao adicionar...')\n } else {\n alert('Armazém adicionado!')\n window.location.reload()\n }\n setAdicionando(false)\n }\n\n async function removerArmazem(id) {\n setRemovendo(true)\n const response = await api.get('/removerArmazem', { params: { id, userId: getUser(), token: getToken() } })\n if (response.data === 'NOK') {\n alert('Erro ao remover...')\n } else {\n alert('Armazém removido!')\n window.location.reload()\n }\n setRemovendo(false)\n }\n\n return (\n permitido ?\n \n Grupos de Email\n
\n\n\n\n
\n \n
\n\n Grupos
\n\n {groupEmails.map((grupo, index) =>\n\n
)}\n {grupo.nome_grupo}
\n\n {grupo.emails.map((email, index) => {email}
)}\n\n {removendoGrupo ?\n \n
\n \n setNomeGrupo(e.target.value)}>Nome do grupo \n
\n\n Adicionar Grupo de Email
\n\n
\n\n {salvandoGrupo ?\n \n \n
\n\n {emails.map((email, index) =>\n \n
\n )}\n \n \n
\n \n changeInput(e.target.value, index)}>Nome do grupo \n
\n\n \n
\n : <>\n )\n}\n\n\nconst useStyles = makeStyles({\n container: {\n padding: '20px 20px 150px 20px'\n },\n\n screen: {\n padding: 10,\n background: 'white',\n boxShadow: 'rgba(0, 0, 0, 0.24) 0px 3px 8px;'\n },\n\n armazem: {\n padding: 10,\n display: 'flex',\n flexDirection: 'column'\n }\n})\n\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConfigurarLogistica);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\n\n\nfunction ConfigurarComercial(props) {\n const [user, setUser] = useState('')\n const [permitido, setPermitido] = useState(false)\n\n const classes = useStyles()\n\n // states adicionar colaborador\n const [nome, setNome] = useState('')\n const [cargo, setCargo] = useState('')\n\n // lista de supervisores/vendedores\n const [colaboradores, setColaboradores] = useState([])\n const [supervisores, setSupervisores] = useState([])\n const [vendedores, setVendedores] = useState([])\n const [gerentes, setGerentes] = useState([])\n\n const [vendedoresDisponiveis, setVendedoresDisponiveis] = useState([])\n\n // atualizar nome\n const [novoNome, setNovoNome] = useState('')\n\n // lista de childs\n const [hierarquia, setHierarquia] = useState([])\n\n // state de edição\n const [editandoId, setEditandoId] = useState('')\n\n\n const [autocompleteValue, setAutocompleteValue] = useState([])\n const [atualizandoFuncao, setAtualizandoFuncao] = useState(false)\n\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('configComercial', props))\n\n const colab = await api.get('/getColaboradoresComercial', { params: { userId: getUser(), token: getToken() } })\n setColaboradores(colab.data)\n\n const auxSupervisores = colab.data.filter((item) => item.supervisor === 1)\n setSupervisores(auxSupervisores)\n const auxVendedores = colab.data.filter((item) => item.vendedor === 1)\n setVendedores(auxVendedores)\n const auxGerentes = colab.data.filter((item) => item.gerente === 1)\n setGerentes(auxGerentes)\n\n const childs = await api.get('/getHierarquiaComercial', { params: { userId: getUser(), token: getToken() } })\n setHierarquia(childs.data)\n\n listarDisponiveis(auxVendedores, childs.data)\n\n // criação do array que determina os valores dos autocompletes de vendedores\n let aux = []\n auxSupervisores.map(() => {\n aux.push(null)\n })\n setAutocompleteValue(aux)\n }\n\n fetchMyAPI();\n }, [])\n\n\n function listarDisponiveis(auxVendedores, childs) {\n let idVendedores = []\n let idChilds = []\n auxVendedores.map((item) => {\n idVendedores.push(`${item.nome} - ${item.id}`)\n })\n childs.map((item) => {\n idChilds.push(`${item.nome} - ${item.id}`)\n })\n let result = idVendedores.filter((id) => !idChilds.includes(id))\n setVendedoresDisponiveis(result)\n }\n\n async function addColaborador() {\n if (nome === '' || cargo === '') {\n alert('Preencha todos os campos antes de adicionar um colaborador!')\n } else {\n const response = await api.get('/addColaboradorComercial', { params: { userId: getUser(), token: getToken(), nome, cargo } })\n if (response.data === 'NOK') {\n alert('Erro ao adicionar colaborador...')\n } else {\n alert('Colaborador adicionado!')\n window.location.reload()\n }\n }\n }\n\n\n async function atualizarFuncao(funcaoComercial, id, index) {\n setAtualizandoFuncao(true)\n const response = await api.get('/atualizarFuncaoComercial', { params: { userId: getUser(), token: getToken(), id, funcaoComercial } })\n if (response.data === 'NOK') {\n alert('Erro ao atualizar função comercial...')\n } else {\n let aux = colaboradores.slice()\n if (funcaoComercial === 'supervisor') {\n aux[index]['vendedor'] = 0\n aux[index]['supervisor'] = 1\n aux[index]['gerente'] = 0\n } else if (funcaoComercial === 'vendedor') {\n aux[index]['vendedor'] = 1\n aux[index]['supervisor'] = 0\n aux[index]['gerente'] = 0\n }\n else if (funcaoComercial === 'gerente') {\n aux[index]['vendedor'] = 0\n aux[index]['supervisor'] = 0\n aux[index]['gerente'] = 1\n }\n setColaboradores(aux)\n }\n setAtualizandoFuncao(false)\n }\n\n async function salvarNomeEditado(id, index) {\n const response = api.get('/salvarEdicaoComercial', { params: { userId: getUser(), token: getToken(), id, novoNome } })\n if (response.data === 'NOK') {\n alert('Erro ao salvar...')\n } else {\n let aux = colaboradores.slice()\n aux[index].nome = novoNome\n setColaboradores(aux)\n setEditandoId('')\n alert('Salvo com sucesso!')\n }\n }\n\n function editar(id, nomeAtual) {\n setNovoNome(nomeAtual)\n setEditandoId(id)\n }\n\n async function salvarRelacao(idSupervisor, nomeIdVendedor, parentId, index) {\n\n // seta o valor do autocomplete\n let a = autocompleteValue.slice()\n a[index] = nomeIdVendedor\n setAutocompleteValue(a)\n\n const response = await api.get('/relacionarSupervisor', { params: { userId: getUser(), token: getToken(), idSupervisor, 'idVendedor': nomeIdVendedor } })\n if (response.data === 'NOK') {\n alert('Erro ao relacionar funções...')\n } else {\n // adiciona o objeto no hierarquia pra ele renderizar\n let aux = hierarquia.slice()\n let nomeSplit = nomeIdVendedor.split(' - ')\n let childId = nomeSplit[nomeSplit.length - 1] // ultimo elemento do array sempre é a id do vendedor\n aux.push({ nome: nomeSplit[0], id: childId, parentId: parentId })\n setHierarquia(aux)\n\n // remove o valor do autocomplete\n let b = autocompleteValue.slice()\n b[index] = null\n setAutocompleteValue(b)\n\n // remove a opção do options do autocomplete\n let aux2 = vendedoresDisponiveis.slice()\n aux2.splice(aux2.indexOf(nomeIdVendedor), 1)\n setVendedoresDisponiveis(aux2)\n\n alert('Relacionado com sucesso!')\n }\n }\n\n async function removerRelacaoComercial(childId, childNome, index) {\n const response = await api.get('/removerRelacaoComercial', { params: { userId: getUser(), token: getToken(), childId } })\n if (response.data === 'NOK') {\n alert('Erro ao deletar relação...')\n } else {\n // remove o objeto no hierarquia pra ele sumir da tela\n let aux = hierarquia.slice()\n aux.splice(index, 1)\n setHierarquia(aux)\n\n // adiciona a opção no options do autocomplete\n let aux2 = vendedoresDisponiveis.slice()\n aux2.push(`${childNome} - ${childId}`)\n setVendedoresDisponiveis(aux2)\n alert('Relação removida com sucesso!')\n }\n }\n\n return (\n permitido === true ?\n <>\n {/*TABELA DE COLABORADORES*/}\n \n Lista de Armazéns\n
\n\n\n
\n\n\n Armazéms
\n\n
\n \n \n \n {Object.keys(listaArmazens).map((item, index) =>\n
\n
\n\n\n | \n | {listaArmazens[item].armazem} | \n
\n setArmazem(e.target.value)}>Nome do armazém \n\n
\n Adicionar Armazém
\n\n {armazem === '' ? <> : }\n
\n\n \n
\n\n\n\n {/*TABELA DE RELAÇÃO*/}\n \n {/* Esconder essa relação por enquanto */}\n {false === true ? Lista de Colaboradores
\n\n \n \n
\n
\n | \n | Nome | \nID | \nFunção Comercial | \n||
|---|---|---|---|---|---|
| \n \n \n \n | \n\n \n | \n \n :\n <>\n \n \n {/* */}\n \n | \n\n \n {item.nome}\n | \n \n\n }\n\n{item.id} | \n\n | \n
\n
: null}\n\n {/* Tabela de Relação Comercial
\n\n\n \n \n
\n
\n\n | Supervisor | \nVendedor | \n
|---|---|
| {parent.nome} | \n\n \n \n\n {hierarquia.map((child, index) =>\n \n {child.parentId === parent.id ?\n )}\n \n : null}\n \n {child.nome}\n \n\n \n \n \n\n | \n
\n setNome(event.target.value)}\n label='Nome'\n />\n setCargo(event.target.value)}>\n \n \n
*/}\n\n : <>\n )\n}\n\n\nconst useStyles = makeStyles({\n tdStyle: {\n border: '1px solid black',\n textAlign: 'center'\n },\n\n stickyHeader: {\n position: 'sticky',\n top: 0,\n background: 'white',\n zIndex: 2\n },\n\n divTable: {\n height: 600,\n overflow: 'auto',\n background: 'white'\n },\n\n section: {\n fontWeight: 'bold',\n background: 'white',\n padding: 20,\n borderRadius: 6\n },\n\n titulo: {\n border: '1px solid black',\n paddingLeft: 10\n }\n})\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConfigurarComercial);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api2 from \"../../services/api2\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { TextField } from \"@material-ui/core\";\nimport { useTimer } from 'react-timer-hook';\nimport {\n checarPermissao,\n validateTokenUser, getUser, getToken\n} from '../../utils/utils.js'\n\n\nfunction MyTimer({ expiryTimestamp }) {\n const classes = useStyles()\n const {\n seconds,\n minutes,\n hours,\n days,\n isRunning,\n start,\n pause,\n resume,\n restart,\n } = useTimer({ expiryTimestamp, onExpire: () => console.warn('onExpire called') });\n\n return (\n Adicionar Colaborador
\n\n
\n );\n}\n\nfunction MonitorCarregamentos(props) {\n // Valores pra criar publicação\n const [carregamentos, setCarregamentos] = useState('')\n const [permitido, setPermitido] = useState('')\n const [placa, setPlaca] = useState('')\n const [operando, setOperando] = useState(false)\n const classes = useStyles()\n useEffect(() => {\n async function fetchMyApi() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('monitorCarregamentos', props))\n const response_placas = await api2.get(\"/returnPlacasMonitoramento\", { params: { userId: getUser(), token: getToken() } });\n setCarregamentos(response_placas.data)\n console.log(response_placas.data)\n }\n fetchMyApi()\n\n\n }, [])\n\n\n async function addPlacas(placa) {\n\n const response_placa = await api2.get('/inserePlacaMonitoramento', {\n params: {\n placa,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_placa.data === 'NOK') {\n alert('Erro ao adicionar placas')\n }\n else {\n alert('Placa adicionada com sucesso')\n const response_placas = await api2.get(\"/returnPlacasMonitoramento\", { params: { userId: getUser(), token: getToken() } });\n setCarregamentos(response_placas.data)\n setPlaca('')\n }\n setOperando(false)\n }\n\n async function removePlaca(numeroId) {\n setOperando(true)\n const response_placa = await api2.get('/removePlacaMonitoramento', {\n params: {\n numeroId,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_placa.data === 'NOK') {\n alert('Erro ao remover placa')\n }\n else {\n alert('Placa removida com sucesso')\n const response_placas = await api2.get(\"/returnPlacasMonitoramento\", { params: { userId: getUser(), token: getToken() } });\n setCarregamentos(response_placas.data)\n\n }\n\n setOperando(false)\n }\n async function updatePlaca(ident) {\n setOperando(true)\n const response_placa = await api2.get('/updatePlacaMonitoramento', {\n params: {\n ident,\n userId: getUser(),\n token: getToken()\n },\n });\n if (response_placa.data === 'NOK') {\n alert('Erro ao atualizar placa')\n }\n else {\n alert('Placa atualizada com sucesso')\n const response_placas = await api2.get(\"/returnPlacasMonitoramento\", { params: { userId: getUser(), token: getToken() } });\n setCarregamentos(response_placas.data)\n }\n setOperando(false)\n }\n setInterval(function () {\n const response_placas = api2.get(\"/returnPlacasMonitoramento\", { params: { userId: getUser(), token: getToken() } });\n setCarregamentos(response_placas.data)\n }, 15 * 1000);\n\n\n return (\n permitido === true ?\n \n Timer: {days}:{hours}:{minutes}:{seconds}\n
\n\n {isRunning ? : }\n\n {/* \n \n \n */}\n \n \n\n \n
: <>\n )\n}\nconst useStyles = makeStyles({\n titulo: {\n marginLeft: 10\n },\n\n divPrincipal: {\n overflow: 'auto',\n width: 500,\n marginLeft: 10,\n height: 500,\n background: 'lightGrey',\n padding: 10,\n borderRadius: 6,\n border: '1px solid rgba(0, 0, 0, .4)'\n },\n\n placas: {\n marginTop: 5,\n border: '1px solid rgba(0, 0, 0, .5)',\n borderRadius: 8,\n background: 'white',\n padding: 5\n },\n\n divAdd: {\n width: 300,\n height: 100,\n background: '#ebebeb',\n border: '1px solid rgba(0, 0, 0, .4)',\n borderRadius: 8,\n padding: 10,\n marginLeft: 10,\n },\n\n red: {\n border: '2px solid #d40b0b',\n width: 18,\n height: 18,\n background: '#fc0f0f',\n borderRadius: '50%',\n position: 'absolute',\n top: -20,\n right: 0\n },\n\n green: {\n border: '2px solid #04bf1d',\n width: 18,\n height: 18,\n background: '#00fa21',\n borderRadius: '50%',\n position: 'absolute',\n top: -20,\n right: 0\n }\n\n})\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MonitorCarregamentos);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Loader from \"react-loader-spinner\";\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport Button from \"components/CustomButtons/Button.js\";\n\n\n\nfunction InputsPricing(props) {\n const [permitido, setPermitido] = useState(false)\n const [materias, setMaterias] = useState('')\n const [materia, setMateria] = useState('')\n const [preco, setPreco] = useState('')\n const [alter, setAlter] = useState([])\n const [alterPortos, setAlterPortos] = useState([])\n const [porto, setPorto] = useState('')\n const [pesagem, setPesagem] = useState(0)\n const [Infraestrutura, setInfraestrutura] = useState(0)\n const [acessoAquaviario, setAcessoAquaviario] = useState(0)\n const [operadoresPortuarios, setOperadoresPortuarios] = useState(0)\n const [vira, setVira] = useState(0)\n const [quebra, setQuebra] = useState(0)\n const [afrmm, setAfrmm] = useState(0)\n const [siscomex, setSiscomex] = useState(0)\n const [despachante, setDespachante] = useState(0)\n const [seguro, setSeguro] = useState(0)\n const [armazengagemTransbordo, setArmazengagemTransbordo] = useState(0)\n const [quebraFerrovia, setQuebraFerrovia] = useState(0)\n const [quebraArmazem, setQuebraArmazem] = useState(0)\n const [bag, setBag] = useState(0)\n const [envase, setEnvase] = useState(0)\n\n const [U_Jan, setU_Jan] = useState(0)\n const [U_Fev, setU_Fev] = useState(0)\n const [U_Mar, setU_Mar] = useState(0)\n const [U_Abr, setU_Abr] = useState(0)\n const [U_Mai, setU_Mai] = useState(0)\n const [U_Jun, setU_Jun] = useState(0)\n const [U_Jul, setU_Jul] = useState(0)\n const [U_Ago, setU_Ago] = useState(0)\n const [U_Set, seU_Set] = useState(0)\n const [U_Out, seU_Out] = useState(0)\n const [U_Nov, setU_Nov] = useState(0)\n const [U_Dez, setU_Dez] = useState(0)\n\n const [C_Jan, setC_Jan] = useState(true)\n const [C_Fev, setC_Fev] = useState(true)\n const [C_Mar, setC_Mar] = useState(true)\n const [C_Abr, setC_Abr] = useState(true)\n const [C_Mai, setC_Mai] = useState(true)\n const [C_Jun, setC_Jun] = useState(true)\n const [C_Jul, setC_Jul] = useState(true)\n const [C_Ago, setC_Ago] = useState(true)\n const [C_Set, setC_Set] = useState(true)\n const [C_Out, setC_Out] = useState(true)\n const [C_Nov, setC_Nov] = useState(true)\n const [C_Dez, setC_Dez] = useState(true)\n const [fretesFerrov, setFretesFerrov] = useState('')\n const [demurrage, setDemurrage] = useState([])\n const [wait, setWait] = useState(false)\n const [val, setVal] = useState(0);\n const [vet, setVet] = useState([])\n const [vetPorto, setVetPorto] = useState([])\n const [destinosInsert, setDestinosInsert] = useState('')\n const [origem, setOrigem] = useState('')\n const [destino, setDestino] = useState('')\n const classes = useStyles()\n\n // states adicionar colaborador\n const [precos, setPrecos] = useState('')\n const [custosPort, setCustosPort] = useState('')\n\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('inputsPricing', props))\n\n const response_precos = await api.get('/retornaTabelaPrecos', { params: { userId: getUser(), token: getToken() } })\n setPrecos(response_precos.data)\n const response_navios = await api.get('/retornaCustosPortuarios', { params: { userId: getUser(), token: getToken() } })\n setCustosPort(response_navios.data)\n const response_materias = await api.get('/materiasPrimas', { params: { userId: getUser(), token: getToken() } })\n setMaterias(response_materias.data)\n\n const response_demurrage = await api.get('/retornaDemurragePortos', { params: { userId: getUser(), token: getToken() } })\n setDemurrage(response_demurrage.data)\n\n const fretes_ferrov = await api.get('/retornaFretesFerrov', { params: { userId: getUser(), token: getToken() } })\n setFretesFerrov(fretes_ferrov.data)\n\n const respose_destinos_insert = await api.get(\"/returnDestinosInsert\", { params: { userId: getUser(), token: getToken() } })\n setDestinosInsert(respose_destinos_insert.data)\n\n }\n\n fetchMyAPI();\n }, [])\n\n async function adicionaMateriaPreco(produto, preco) {\n const response = await api.get('/adicionaMateriaPreco', { params: { userId: getUser(), token: getToken(), produto, preco } })\n if (response.data === 'NOK') {\n alert('Erro ao inserir preço')\n } else {\n alert('Salvo com sucesso!')\n window.location.reload()\n }\n\n }\n\n async function montaUpdate(id, valor) {\n let aux = alter\n aux[id] = valor\n setAlter(aux)\n }\n\n function montaUpdateDemurrage(val, coluna, id) {\n let aux = vet\n\n aux[id + '+' + coluna] = val\n setVet(aux)\n console.log(aux)\n\n }\n function montaUpdatefretesFerrov(val, coluna, id) {\n let aux = vetPorto\n\n aux[id + '+' + coluna] = val\n setVetPorto(aux)\n console.log(aux)\n\n }\n\n async function enviaUpdate() {\n let aux = ''\n Object.keys(alter).forEach(\n (item) => (aux = aux + item + '#' + alter[item] + ';')\n )\n const response = await api.get('/atualizaMateriasPreco', { params: { userId: getUser(), token: getToken(), aux } })\n if (response.data === 'NOK') {\n alert('Erro ao atualizar preços')\n } else {\n alert('Atualizado com sucesso!')\n window.location.reload()\n }\n }\n\n async function adicionaCustosPortuarios() {\n const response = await api.get('/adiconaPortoCustos', {\n params: {\n userId: getUser(), token: getToken(), porto, pesagem, Infraestrutura, acessoAquaviario, operadoresPortuarios, vira,\n quebra, afrmm, siscomex, despachante, seguro, demurrage, armazengagemTransbordo, quebraFerrovia,\n quebraArmazem, bag, envase\n }\n })\n if (response.data === 'NOK') {\n alert('Erro ao inserir preço')\n } else {\n alert('Salvo com sucesso!')\n window.location.reload()\n }\n\n }\n\n async function montaUpdatePortos(id, column, valor) {\n let aux = alterPortos\n aux[id + '+' + column] = valor\n setAlterPortos(aux)\n }\n\n async function enviaUpdateDemurrage() {\n let aux = ''\n Object.keys(alterPortos).forEach(\n (item) => (aux = aux + item + '#' + alterPortos[item] + ';')\n )\n const response = await api.get('/atualizaCustosPortuarios', { params: { userId: getUser(), token: getToken(), aux } })\n console.log(response.data)\n if (response.data === 'NOK') {\n alert('Erro ao atualizar preços')\n } else {\n alert('Atualizado com sucesso!')\n window.location.reload()\n }\n }\n async function enviaUpdatePortos() {\n let aux = ''\n Object.keys(alterPortos).forEach(\n (item) => (aux = aux + item + '#' + alterPortos[item] + ';')\n )\n const response = await api.get('/atualizaCustosPortuarios', { params: { userId: getUser(), token: getToken(), aux } })\n console.log(response.data)\n if (response.data === 'NOK') {\n alert('Erro ao atualizar preços')\n } else {\n alert('Atualizado com sucesso!')\n window.location.reload()\n }\n }\n async function AtualizaPontual() {\n setWait(true)\n\n let aux = ''\n Object.keys(vet).forEach(\n (item) => (aux = aux + item + '#' + vet[item] + ';')\n )\n const response_demurrage = await api.get(\"/atualizaDemurrage\", {\n params: { vet: aux, userId: getUser(), token: getToken() }\n })\n\n setWait(false)\n\n }\n async function deletaDemurrage(or, ds) {\n alert('implementar')\n // const response_delete = await api2.get(\"/deletaRota\", { params: { origem: or, destino: ds } });\n\n // if (response_delete.data === 'NOK') {\n // alert('Falha ao remover frete')\n // } else {\n // alert('Fretes removido com sucesso')\n // window.location.reload();\n // }\n }\n async function ModificaDemurrageMassa() {\n alert('implementar')\n // let auxO = ''\n // Object.keys(origemF).forEach(\n // (item) => (auxO = auxO + item + '#' + origemF[item] + ';')\n // )\n // let auxD = ''\n // Object.keys(destinoF).forEach(\n // (item) => (auxD = auxD + item + '#' + destinoF[item] + ';')\n // )\n // if (auxO === '') { auxO = 'no' }\n // if (auxD === '') { auxD = 'no' }\n // alert('Atualizando fretes!')\n // const response_fretes = await api2.get(\"/updateAll\", {\n // params: {\n // val, origens: auxO, destinos: auxD, C_Jan,\n // C_Fev,\n // C_Mar,\n // C_Abr,\n // C_Mai,\n // C_Jun,\n // C_Jul,\n // C_Ago,\n // C_Set,\n // C_Out,\n // C_Nov,\n // C_Dez\n // }\n // });\n\n // if (response_fretes.data === 'NOK') {\n // alert('Falha ao atualizar fretes')\n // } else {\n // alert('Fretes atualizados com sucesso')\n // const response_fretes = await api2.get(\"/returnFretes\", { params: { origens: auxO, destinos: auxD } });\n // setFretes(response_fretes.data)\n // }\n }\n async function AdicionaFreteFerrov() {\n const response_fretes = await api.get(\"/AdicionaFreteFerrov\", {\n params: {\n userId: getUser(), token: getToken(),\n U_Origem: origem,\n U_Destino: destino,\n\n U_Jan,\n U_Fev,\n U_Mar,\n U_Abr,\n U_Mai,\n U_Jun,\n U_Jul,\n U_Ago,\n U_Set,\n U_Out,\n U_Nov,\n U_Dez\n }\n });\n\n if (response_fretes.data === 'NOK') {\n alert('Falha ao atualizar fretes')\n } else {\n alert('Fretes adicionados com sucesso')\n window.location.reload();\n }\n }\n return (\n permitido === true ?\n Segurança Patrimonial - Gen Fertilizantes
\n
\n \n\n
\n\n \n {carregamentos !== '' ?\n Object.keys(carregamentos).map((index, item) =>\n carregamentos[index].retorno === 0 ?\n
\n\n \n
: null\n\n ) : }\n \n Placa : {carregamentos[index].placa}\n
\n\n Adicionada: {new Date(carregamentos[index].datahora).toLocaleString('pt-br')}\n\n \n setPlaca(e.target.value)}\n multiline\n />\n\n \n
\n Placas que já retornam
\n\n {carregamentos !== '' ?\n Object.keys(carregamentos).map((index, item) =>\n carregamentos[index].retorno === 1 ?\n
\n\n \n
: null\n\n ) : }\n\n \n Placa : {carregamentos[index].placa}\n
\n \n Adicionada: {new Date(carregamentos[index].datahora).toLocaleString('pt-br')}\n
\n Retornou: {new Date(carregamentos[index].datahoraRetorno).toLocaleString('pt-br')}\n \n \n
\n \n \n {/*
: <>\n )\n}\n\n\nconst useStyles = makeStyles()\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(InputsPricing);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Loader from \"react-loader-spinner\";\nimport Table from '@material-ui/core/Table';\n\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\n\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport { Checkbox } from '@material-ui/core';\n\n\nfunction PricingView(props) {\n const [permitido, setPermitido] = useState(false)\n const [materias, setMaterias] = useState('')\n const [materia, setMateria] = useState('')\n const [destinos, setDestinos] = useState('')\n const [destino, setDestino] = useState('')\n const [icms, setIcms] = useState(0)\n const [dolar, setDolar] = useState(0)\n const [fob, setFob] = useState(false)\n const [custosPorto, setCustosPorto] = useState('')\n const [wait, setWait] = useState(false)\n const [val, setVal] = useState(0)\n const [custos, setCustos] = useState(0)\n const [envase, setEnvase] = useState(0)\n const [bag, setBag] = useState(0)\n const classes = useStyles()\n\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('pricingView', props))\n\n const response_precos = await api.get('/retornaTabelaPrecos', { params: { userId: getUser(), token: getToken() } })\n setMaterias(response_precos.data)\n\n const respose_dest2 = await api.get(\"/returnDes\", { params: { userId: getUser(), token: getToken() } })\n setDestinos(respose_dest2.data)\n }\n\n fetchMyAPI();\n }, [])\n\n\n async function retornaPricing() {\n if (val === 0 || destino === '' || dolar === '' || icms === '') {\n alert('Preencha todos os campos!')\n return\n }\n\n setWait(true)\n const response_pricing = await api.get(\"/retornaCalculoPricing\", {\n params: { bagEnvase: false, dolar, destino, icms, materia, userId: getUser(), token: getToken(), val, 'custo_porto_fix': custos, fob, bag, envase }\n })\n if (response_pricing.data === 'NOK') {\n setWait(false)\n setCustosPorto('')\n alert('Erro: destino não encontrado. Entre em contato com o time da logística para inserção da rota')\n return\n }\n setCustosPorto(response_pricing.data)\n setWait(false)\n }\n function precoMaterias(materia) {\n let aux = ''\n aux = materias.filter(function (e) {\n return e.cod === materia.split(' - ')[0]\n })\n return aux[0].preco\n }\n return (\n permitido === true ?\n \n {materias !== '' ?
*/}\n {/* \n materias[item].ItemName)}\n value={materia}\n getOptionSelected={(option, value) => option === value || value === ''}\n\n style={{ width: 400 }}\n onChange={(e, v) => setMateria(v)}\n renderInput={(params) => (\n setPreco(e.target.value)} />\n \n
: \n {precos !== '' ?\n \n \n
\n \n : null}\n\n
*/}\n \n
\n \n option === value || value === ''}\n value={porto}\n style={{ width: 400 }}\n onInputChange={(e, v) => setPorto(v)}\n renderInput={(params) => (\n setPesagem(e.target.value)} />\n setInfraestrutura(e.target.value)} />\n setAcessoAquaviario(e.target.value)} />\n setOperadoresPortuarios(e.target.value)} />\n setVira(e.target.value)} />\n setQuebra(e.target.value)} />\n setAfrmm(e.target.value)} />\n setSiscomex(e.target.value)} />\n
\n \n setDespachante(e.target.value)} />\n setSeguro(e.target.value)} />\n {/* setDemurrage(e.target.value)} /> */}\n\n setArmazengagemTransbordo(e.target.value)} />\n setQuebraFerrovia(e.target.value)} />\n setQuebraArmazem(e.target.value)} />\n setBag(e.target.value)} />\n setEnvase(e.target.value)} />\n \n\n
\n \n {custosPort !== '' ?\n \n \n
\n \n : null}\n
\n \n
\n \n \n {demurrage !== '' ? \n
: \n\n
\n Tabela Demurrage
\n\n \n
\n \n setVal(e.target.value)} />\n
\n \n \n
\n \n
\n \n \n {fretesFerrov !== '' ? \n
: \n\n
\n Fretes Ferroviarios
\n\n \n
\n \n setVal(e.target.value)} />\n
\n \n \n
\n\n \n \n \n
\n
\n | \n Origem\n | \n\n Destino\n | \n\n\n Janeiro\n | \n\n Feveiro\n | \n\n Março\n | \n\n Abril\n | \n\n Maio\n | \n\n Junho\n | \n\n Julho\n | \n\n Agosto\n | \n\n Setembro\n | \n\n Outubro\n | \n\n Novembro\n | \n\n Dezembro\n | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n {destinosInsert !== '' ? | \n\n \n {destinosInsert !== '' ? | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n \n\n | \n\n\n
\n \n
\n\n \n
: <>\n )\n}\n\n\nconst useStyles = makeStyles({\n table: {\n borderCollapse: 'collapse'\n },\n\n tableCell: {\n fontFamily: \"Calibri, sans-serif\",\n fontSize: 14,\n border: '1px solid black',\n padding: 0,\n margin: 0\n },\n\n divCell: {\n whiteSpace: 'nowrap',\n margin: 0,\n paddingLeft: 4,\n borderCollapse: 'collapse'\n },\n\n portoCell: {\n whiteSpace: 'nowrap',\n margin: 0,\n paddingLeft: 4,\n borderCollapse: 'collapse',\n },\n\n headCell: {\n fontFamily: \"Calibri, sans-serif\",\n fontSize: 16,\n border: '1px solid black',\n padding: 0,\n margin: 0,\n textAlign: 'center',\n background: 'lightblue'\n },\n\n divPorto: {\n fontFamily: \"Calibri, sans-serif\",\n fontSize: 14,\n border: '1px solid black',\n padding: 0,\n margin: 0,\n },\n\n inputs: {\n marginLeft: 10\n }\n})\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PricingView);","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\n\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { TextField } from \"@material-ui/core\";\nimport { checarPermissao, validateTokenUser, getUser, getToken, formatStringUniversalDateToLocal } from '../../utils/utils.js'\nimport exportFromJSON from \"export-from-json\";\nimport Radio from '@material-ui/core/Radio';\nimport Loader from \"react-loader-spinner\";\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n heading: {\n fontSize: theme.typography.pxToRem(15),\n flexBasis: '33.33%',\n flexShrink: 0,\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(15),\n color: theme.palette.text.secondary,\n },\n}));\n\n\nfunction AprovaVendaLogistica(props) {\n const [pedidos, setPedidos] = useState('')\n const [wait, setWait] = useState(false)\n\n const [open, setOpen] = useState(false);\n const [openInfo, setOpenInfo] = useState(false);\n\n const [indexR, setIndexR] = useState(0)\n const [msg, setMsg] = useState('')\n const [permitido, setPermitido] = useState(false)\n const [massAprov, setMassAprov] = useState([])\n\n const [validadeAproval, setValidadeAproval] = useState([])\n const [statePedidos, setStatePedidos] = useState(0)\n const [salvando, setSalvando] = useState(false)\n\n const [historico, setHistorico] = useState('')\n\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('aprovaVendaLogistica', props))\n\n const response_aguardando = await api.get(\"/pedidosAprovacaoLogistica\", { params: { userId: getUser(), token: getToken() } });\n const historico_response = await api.get('/historico_aprovacao_logistica', { params: { userId: getUser(), token: getToken() } })\n setHistorico(historico_response.data)\n\n setPedidos(response_aguardando.data)\n\n var a = new Array(response_aguardando.data.length).fill('a');\n var b = new Array(response_aguardando.data.length).fill('a');\n setMassAprov(a)\n setValidadeAproval(b)\n }\n\n fetchMyAPI();\n }, []);\n\n\n function baixarHistorico() {\n if (historico === '') { return }\n const data = historico\n\n const fileName = 'historico'\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n\n async function inserePedido(pedido, aprov) {\n setWait(true)\n const response_aprova = await api.get(\"/AprovaPedido\", { params: { pedido, aprov, msg, userId: getUser(), token: getToken() } });\n\n if (response_aprova.data === 'NOK') {\n alert('Erro ao inserir pedido')\n } else if (response_aprova.data == 'OK') {\n alert('Pedido inserido com sucesso!')\n window.location.reload();\n } else if (response_aprova.data == 'OKN') {\n alert('Pedido reprovado com sucesso!')\n window.location.reload();\n }\n setWait(false)\n }\n\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n\n const handleClose = () => {\n setOpen(false);\n };\n\n\n const handleClickOpenInfo = () => {\n setOpenInfo(true);\n };\n\n\n const handleCloseInfo = () => {\n setOpenInfo(false);\n };\n\n\n const alterState = (index, val) => {\n let aux = massAprov.slice()\n aux[index] = val\n setMassAprov(aux)\n }\n\n\n async function aprovaPedidosMassa() {\n let count = 0\n setSalvando(true)\n for (var i = 0; i < massAprov.length; i++) {\n if (massAprov[i] == 'b') {\n count += 1\n setStatePedidos(count)\n let pedido = pedidos[i].id\n const response_aprova = await api.get(\"/AprovaPedidoLogistica\", { params: { pedido, 'aprov': '0', 'msg': '', userId: getUser(), token: getToken() } });\n\n if ((response_aprova.data == 'OK') || (response_aprova.data == 'OKN')) {\n let aux = validadeAproval\n aux[i] = true\n setValidadeAproval(aux)\n } else {\n let aux = validadeAproval\n aux[i] = false\n setValidadeAproval(aux)\n }\n\n }\n else if (massAprov[i] == 'c') {\n count += 1\n setStatePedidos(count)\n let pedido = pedidos[i].id\n const response_aprova = await api.get(\"/AprovaPedidoLogistica\", { params: { pedido, 'aprov': '-1', 'msg': '', userId: getUser(), token: getToken() } });\n if (response_aprova.data == 'OKN') {\n let aux = validadeAproval\n aux[i] = true\n setValidadeAproval(aux)\n } else {\n let aux = validadeAproval\n aux[i] = false\n setValidadeAproval(aux)\n }\n\n }\n }\n setSalvando(false)\n handleClickOpenInfo()\n }\n\n return (\n permitido === true ?\n \n\n
\n\n\n\n \n {/*
\n \n {materias !== '' ? (materias[item].cod + ' - ' + materias[item].produto))}\n getOptionSelected={(option, value) => option === value || value === ''}\n style={{ width: 300 }}\n value={materia}\n\n onChange={(e, v) => v !== null ? setMateria(v) : setMateria('')}\n renderInput={(params) => (\n
*/}\n \n Valor do Produto: ${materia !== '' ? precoMaterias(materia) : ''}\n
\n \n setVal(e.target.value)}\n value={val}\n type=\"number\"\n label='Valor Matéria Prima em $'\n />\n
\n \n setCustos(e.target.value)}\n value={custos}\n type=\"number\"\n label='Custos Portuários $'\n />\n
\n \n {destinos !== '' ? option === value || value === ''}\n style={{ width: 200 }}\n value={destino}\n onChange={(e, v) => v !== null ? setDestino(v) : setDestino('')}\n renderInput={(params) => (\n
\n\n \n setDolar(e.target.value)}\n value={dolar}\n type=\"number\"\n label='Dolar'\n />\n
\n\n \n setIcms(e.target.value)}\n value={icms}\n type=\"number\"\n label='ICMS'\n />\n
\n\n\n \n setBag(e.target.value)}\n value={bag}\n type=\"number\"\n label='Bag'\n />\n
\n\n \n setEnvase(e.target.value)}\n value={envase}\n type=\"number\"\n label='Envase'\n />\n
\n \n FOB\n setFob(!fob)}\n name=\"checkBag\"\n color=\"primary\"\n />\n
\n\n \n {wait ?\n
\n\n \n
:\n \n \n
}\n\n \n\n {custosPorto !== '' && !wait ?\n \n \n
\n : <>\n }\n\n\n
\n \n \n\n \n \n {(salvando) ?
: <>\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AprovaVendaLogistica);\n","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { TextField } from \"@material-ui/core\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport Loader from \"react-loader-spinner\";\nimport Button from \"components/CustomButtons/Button.js\";\n\n\nfunction PlacasChecklist(props) {\n const [permitido, setPermitido] = useState(false)\n\n const [armazem, setArmazem] = useState('')\n const [armazens, setArmazens] = useState('')\n const [placas, setPlacas] = useState('')\n const [wait, setWait] = useState(false)\n const [imagens, setImagens] = useState([])\n const classes = useStyles()\n const [startDate, setStartDate] = useState('2022-06-01')\n const [endDate, setEndDate] = useState('2024-01-01')\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('placas_checklist', props))\n\n const response_armazens = await api.get('/retorna_armazens_checklist', { params: { userId: getUser(), token: getToken() } })\n setArmazens(response_armazens.data)\n }\n\n fetchMyAPI();\n }, [])\n\n\n\n async function retornaPlacasChecklist() {\n const cod_arm = armazem.split('-')[0]\n const response = await api.get('/retorna_placas_all', { params: { userId: getUser(), token: getToken(), id_filial: cod_arm, startDate, endDate } })\n if (response.data === 'NOK') {\n alert('Erro retornar placas')\n } else {\n setPlacas(response.data)\n }\n }\n\n\n async function retornaImagensPlaca(id) {\n\n const response = await api.get('/retorna_fotos_checklist', { params: { userId: getUser(), token: getToken(), id } })\n if (response.data === 'NOK') {\n alert('Erro retornar imagens')\n } else {\n console.log(response.data)\n let aux = imagens\n aux[id] = response.data\n aux = JSON.parse(JSON.stringify(aux))\n console.log(aux)\n console.log(id)\n setImagens(aux)\n }\n }\n\n return (\n permitido === true ?\n Pedidos pendentes
\n\n\n Histórico de Aprovações: \n
\n\n \n
\n {Object.keys(pedidos).map((index) =>\n pedidos[index].addSAP === 3 ?\n Ignorar
\nAprovar
\nReprovar
\n\n\n \n Cliente:{pedidos[index].argsVenda.cliente} \n Frete Tabela:{pedidos[index].argsVenda.valFrete} \n Frete Vendido:{pedidos[index].argsVenda.valFreteVendido} \n SubRegião:{pedidos[index].argsVenda.selSubReg} \n Origem:{pedidos[index].argsVenda.selOrigem} \n Destino:{pedidos[index].argsVenda.selDestino} \n \n \n
: null)}\n \n alterState(index, 'a')}\n value=\"a123\"\n name={\"gg\" + index.toString()}\n color=\"default\"\n label='123'\n />\n alterState(index, 'b')}\n value=\"b\"\n name={\"gg\" + index.toString()}\n color=\"default\"\n />\n alterState(index, 'c')}\n value=\"c\"\n name={\"gg\" + index.toString()}\n color=\"default\"\n />
\n \n \n \n {pedidos[index].argsVenda.desmembramento === 'true' ?\n \n \n - Cliente : {pedidos[index].argsVenda.cliente}\n \n \n - Observações : {pedidos[index].argsVenda.observ}\n \n\n\n \n\n \n \n - Produto : {pedidos[index].argsVenda.nomeProduto}\n \n \n - Quantidade: {pedidos[index].argsVenda.qtde}\n \n \n - Preço : {pedidos[index].argsVenda.uni}{pedidos[index].argsVenda.moeda}\n \n \n - Embalagem : {pedidos[index].argsVenda.emb}\n \n \n - Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd1}\n \n \n\n {pedidos[index].argsVenda.nomeProduto2 !== '' ?\n \n\n \n - Produto : {pedidos[index].argsVenda.nomeProduto2}\n \n \n - Quantidade: {pedidos[index].argsVenda.qtde2}\n \n \n - Preço : {pedidos[index].argsVenda.uni2} {pedidos[index].argsVenda.moeda}\n \n \n - Embalagem : {pedidos[index].argsVenda.emb2}\n \n \n - Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd2}\n \n : null}\n {pedidos[index].argsVenda.nomeProduto3 !== '' ?\n \n\n \n - Produto : {pedidos[index].argsVenda.nomeProduto3}\n \n \n - Quantidade: {pedidos[index].argsVenda.qtde3}\n \n \n - Preço : {pedidos[index].argsVenda.uni3}{pedidos[index].argsVenda.moeda}\n \n \n - Embalagem : {pedidos[index].argsVenda.emb3}\n \n \n - Total {pedidos[index].argsVenda.moeda}: {pedidos[index].argsVenda.totProd3}\n \n : null}\n
\n\n Desmembramento do pedido {pedidos[index].argsVenda.pedidoMae}
\n : null}\n \n\n\n \n \n - Cidade Entrega : {pedidos[index].argsVenda.cidadeEntrega}\n \n\n \n - Valor Frete Tabela: {pedidos[index].argsVenda.valFrete}\n \n \n - Valor Frete Vendido: {pedidos[index].argsVenda.valFreteVendido}\n \n \n - Roteiro: {pedidos[index].argsVenda.roteiro}\n \n \n\n \n\n \n - Filial : {pedidos[index].argsVenda.filial}\n \n\n \n
\n\n \n\n \n\n \n
\n \n\n \n
\n\n \n \n Placa:{placas[index].placa} Data:{placas[index].datahora} \n\n\n \n \n )}\n
: <>\n )\n}\n\n\nconst useStyles = makeStyles()\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PlacasChecklist);","import { makeStyles } from \"@material-ui/core/styles\";\nconst useStyles = makeStyles({\n topPaper: {\n padding: 20,\n marginBottom: 20\n },\n\n histPaper: {\n marginLeft: 20,\n padding: 20,\n marginBottom: 20,\n overflow: 'auto',\n width: '100%'\n },\n\n bigPaper: {\n padding: 20\n },\n\n reg: {\n margin: 20,\n padding: 10\n },\n\n table: {\n background: 'white'\n },\n\n backKeyframeRed: {\n animation: '$red 10s',\n animationFillMode: 'forwards',\n animationIterationCount: 'infinite'\n },\n\n '@keyframes red': {\n from: { background: 'red' },\n to: { background: 'white' },\n },\n\n backKeyframeGreen: {\n animation: '$green 10s',\n animationFillMode: 'forwards',\n animationIterationCount: 'infinite'\n },\n\n '@keyframes green': {\n from: { background: 'lightgreen' },\n to: { background: 'white' },\n }\n})\n\nexport default useStyles","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken, orderObjArray } from '../../utils/utils.js'\nimport { TextField } from \"@material-ui/core\";\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from \"@material-ui/core/Paper\";\nimport Table from \"@material-ui/core/Table\";\nimport { FullScreen, useFullScreenHandle } from \"react-full-screen\";\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport useStyles from \"./styles\";\nimport Loader from \"react-loader-spinner\";\nimport IconButton from '@material-ui/core/IconButton';\nimport AddCircleOutlineIcon from '@material-ui/icons/AddCircleOutline';\nimport { Chart } from 'react-google-charts';\nimport Button from \"components/CustomButtons/Button.js\";\n\nvar asc = false\nvar column_sort = 'Estimado'\nfunction Necessidades(props) {\n const [dados, setDados] = useState('')\n const [auxDados, setAuxDados] = useState('')\n\n const [acao, setAcao] = useState('')\n const [produto, setProduto] = useState('')\n const [qtde, setQtde] = useState('')\n const [enviando, setEnviando] = useState(false)\n const [dadosUpdate, setDadosUpdate] = useState('')\n let slider = document.getElementById('slider')\n const [pressed, setPressed] = useState(false)\n const [startx, setStartx] = useState(0)\n const [scrollLeft, setScrollLeft] = useState(0)\n const [registros, setRegistros] = useState([])\n const [filtro, setFiltro] = useState('')\n const [somatorio, setSomatorio] = useState('')\n const [abrirNegocio, setAbrirNegocio] = useState(false)\n const [plus, setPlus] = useState('')\n const [info, setInfo] = useState('')\n const [abrirNegocioInfo, setAbrirNegocioInfo] = useState(false)\n const [estoques, setEstoques] = useState('')\n const [abrirNegocioEst, setAbrirNegocioEst] = useState(false)\n const [last_update, setLast_update] = useState('')\n const classes = useStyles()\n const [gb, setGB] = useState('')\n const [estoquesP, setEstoquesP] = useState('')\n const [negocioNovo, setNegocioNovo] = useState(false)\n const [tabelaGrupos, setTabelaGrupos] = useState('')\n const [grupoAtual, setGrupoAtual] = useState('')\n\n const handle = useFullScreenHandle();\n useEffect(() => {\n async function fetchMyAPI() {\n\n\n const response2 = await api.get('/get_tabela_grupos', { params: { userId: getUser(), token: getToken() } })\n setTabelaGrupos(response2.data)\n\n\n const response = await api.get('/return_necessidades_teste', { params: { userId: getUser(), token: getToken() } })\n setDados(handleOrder(column_sort, response.data))\n setAuxDados(handleOrder(column_sort, response.data))\n \n const response_hora = await api.get('/return_necessidades_last_update', { params: { userId: getUser(), token: getToken() } })\n setLast_update(response_hora.data)\n \n // const response33 = await api.get('/return_necessidades_teste_true_false', { params: { userId: getUser(), token: getToken(), dados: JSON.stringify(response.data) } })\n // setDadosUpdate(response33.data)\n\n // const response_registro = await api.get('/return_registro_teste', { params: { userId: getUser(), token: getToken() } })\n // setRegistros(response_registro.data)\n\n // let count = 0\n // let falcatrua_dados = response.data\n // setInterval(async function () {\n // const response = await api.get('/return_necessidades_teste', { params: { userId: getUser(), token: getToken() } })\n\n // const respose_somatorio = await api.get('/return_necessidades_sum', { params: { userId: getUser(), token: getToken() } })\n // setSomatorio(respose_somatorio.data)\n // console.log(respose_somatorio.data)\n // const response_registro = await api.get('/return_registro_teste', { params: { userId: getUser(), token: getToken() } })\n // setRegistros(response_registro.data)\n\n // if (count !== 0) {\n // const response33 = await api.get('/return_necessidades_teste_true_false', { params: { userId: getUser(), token: getToken(), dados: JSON.stringify(falcatrua_dados) } })\n // setDadosUpdate(response33.data)\n // } else {\n // const response33 = await api.get('/return_necessidades_teste_true_false', { params: { userId: getUser(), token: getToken(), dados: JSON.stringify(response.data) } })\n // setDadosUpdate(response33.data)\n // }\n\n // count = 1\n // falcatrua_dados = response.data\n // setDados(handleOrder(column_sort, response.data))\n // }, 5000);\n }\n fetchMyAPI();\n }, [])\n\n const sendAction = async () => {\n setEnviando(true)\n const response = await api.get('/modifica_necessidades_teste', { params: { 'operacao': acao, produto, qtde, userId: getUser(), token: getToken() } })\n setEnviando(false)\n }\n\n function mouseDown(e) {\n if (slider !== null) {\n setPressed(true)\n setStartx(e.pageX - slider.offsetLeft)\n setScrollLeft(slider.scrollLeft)\n }\n }\n\n function mouseMove(e) {\n if (!pressed) { return }\n if (slider !== null) {\n e.preventDefault()\n let x = e.pageX - slider.offsetLeft\n let walk = x - startx\n slider.scrollLeft = scrollLeft - walk * 1\n }\n }\n function handleOrder(column, place = 0) {\n if (place != 0) {\n return orderObjArray(place, column, asc)\n\n }\n else {\n if (column === column_sort) {\n asc = !asc\n\n } else {\n asc = false\n }\n column_sort = column\n let objString = JSON.stringify((orderObjArray(dados, column, asc)));\n let objAgain = JSON.parse(objString);\n setDados(objAgain)\n setAuxDados(objAgain)\n\n }\n\n }\n\n\n async function handleClickOpenInfo(docPedido, item) {\n\n const response = await api.get('/return_dados_pedido', { params: { docPedido, item, userId: getUser(), token: getToken() } })\n setInfo(response.data)\n\n setAbrirNegocioInfo(true);\n };\n const handleClickCloseInfo = () => {\n setAbrirNegocioInfo(false);\n };\n async function handleClickOpenEst(item) {\n\n const response = await api.get('/estoques_tempo_real_teste', { params: { item, userId: getUser(), token: getToken() } })\n setEstoques(response.data)\n\n setAbrirNegocioEst(true);\n };\n const handleClickCloseEst = () => {\n setAbrirNegocioEst(false);\n };\n\n async function handleClickOpen(item, tipo) {\n if (tipo === 'vendas') {\n const response = await api.get('/return_pedidos_abertos', { params: { item, userId: getUser(), token: getToken() } })\n setPlus(response.data)\n }\n\n setAbrirNegocio(true);\n };\n\n async function returnEstoques(item) {\n\n const response = await api.get('/return_estoques_cidades', { params: { item, userId: getUser(), token: getToken() } })\n setEstoquesP(response.data)\n const response_gb = await api.get('/return_estoques_cidades_gb', { params: { item, userId: getUser(), token: getToken() } })\n let array_formulas = [[\"Produto\", \"Kg\"]]\n Object.keys(response_gb.data).map((item_produto, index_produto) =>\n\n array_formulas.push([response_gb.data[item_produto].Cidade, response_gb.data[item_produto].qtde])\n )\n setGB(array_formulas)\n\n\n setNegocioNovo(true);\n };\n\n async function getTabelaGrupos() {\n const response_data = await api.get('/get_tabela_grupos', { params: { token: getToken() } })\n setTabelaGrupos(response_data)\n }\n\n async function atualizar() {\n const response_hora = await api.get('/return_necessidades_last_update', { params: { userId: getUser(), token: getToken() } })\n\n if (response_hora.data === last_update) {\n alert('Sem novas atualizações')\n return\n }\n\n setDados('')\n const response = await api.get('/return_necessidades_teste', { params: { userId: getUser(), token: getToken() } })\n setDados(handleOrder(column_sort, response.data))\n setAuxDados(handleOrder(column_sort, response.data))\n setLast_update(response_hora.data)\n\n // const response33 = await api.get('/return_necessidades_teste_true_false', { params: { userId: getUser(), token: getToken(), dados: JSON.stringify(response.data) } })\n // setDadosUpdate(response33.data)\n\n // const response_registro = await api.get('/return_registro_teste', { params: { userId: getUser(), token: getToken() } })\n // setRegistros(response_registro.data)\n\n // let count = 0\n // let falcatrua_dados = response.data\n // setInterval(async function () {\n // const response = await api.get('/return_necessidades_teste', { params: { userId: getUser(), token: getToken() } })\n\n // const respose_somatorio = await api.get('/return_necessidades_sum', { params: { userId: getUser(), token: getToken() } })\n // setSomatorio(respose_somatorio.data)\n // console.log(respose_somatorio.data)\n // const response_registro = await api.get('/return_registro_teste', { params: { userId: getUser(), token: getToken() } })\n // setRegistros(response_registro.data)\n\n // if (count !== 0) {\n // const response33 = await api.get('/return_necessidades_teste_true_false', { params: { userId: getUser(), token: getToken(), dados: JSON.stringify(falcatrua_dados) } })\n // setDadosUpdate(response33.data)\n // } else {\n // const response33 = await api.get('/return_necessidades_teste_true_false', { params: { userId: getUser(), token: getToken(), dados: JSON.stringify(response.data) } })\n // setDadosUpdate(response33.data)\n // }\n\n // count = 1\n // falcatrua_dados = response.data\n // setDados(handleOrder(column_sort, response.data))\n // }, 5000);\n }\n const filterByKey = (key, str) => {\n\n setDados(auxDados.filter(item => item[key].includes(str)))\n };\n\n const handleClickClose = () => {\n setNegocioNovo(false);\n };\n\n const handleFilter = (str) => {\n let array = []\n const tabelaGruposFiltrada = tabelaGrupos.filter((row) => row.Grupo === str);\n tabelaGruposFiltrada.forEach(item => {\n const itemCode = item.ItemCode;\n array = array.concat(auxDados.filter(item => item[\"ItemCode\"].includes(itemCode.toString())))\n //setDados(auxDados.filter(item => item[\"ItemCode\"].includes(itemCode.toString())))\n })\n setDados(array)\n };\n const grupoAtivo = (str) => {\n setGrupoAtual(str)\n console.log(grupoAtual)\n };\n\n\n return (\n \n {armazens !== '' ?\n armazens[item].nome_armazem)}\n value={armazem}\n getOptionSelected={(option, value) => option === value || value === ''}\n\n style={{ width: 400 }}\n onChange={(e, v) => (setArmazem(v))}\n renderInput={(params) => (\n
\n\n {armazem !== '' ? : null}\n\n {Object.keys(placas).map((index) =>\n \n setStartDate(e.target.value)}\n />\n setEndDate(e.target.value)} />\n\n
\n \n \n\n \n\n \n\n {(imagens[placas[index].id] !== undefined) & (imagens[placas[index].id] !== null) ? Object.keys(imagens[placas[index].id]).map((val) =>\n
\n\n \n ![]({\"data:image/png;base64,\")
\n {/* {console.log(imagens[val])}\n {console.log('falcatrua',imagens[placas[index].id][val]['foto'])} */}\n
) : \n \n\n\n \n \n \n {/* \n \n \n \n \n \n */}\n\n {negocioNovo !== false ?\n\n\n \n : null}\n\n\n
\n )\n}\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Necessidades);","// EstadosPedidos.js\n\nimport React, { useEffect, useState, useRef } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\n\nimport exportFromJSON from \"export-from-json\";\nimport Loader from \"react-loader-spinner\";\nimport Button from \"@material-ui/core/Button\";\nimport CloudDownloadIcon from \"@material-ui/icons/CloudDownload\";\n\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport TextField from \"@material-ui/core/TextField\";\n\n// Ícones Modal\nimport ReceiptIcon from \"@material-ui/icons/Receipt\";\nimport ShoppingCartIcon from \"@material-ui/icons/ShoppingCart\";\nimport PersonIcon from \"@material-ui/icons/Person\";\nimport LocalShippingIcon from \"@material-ui/icons/LocalShipping\";\nimport BoxIcon from \"@material-ui/icons/AllInbox\";\n\nimport SortIcon from \"@material-ui/icons/Sort\";\nimport EventAvailableIcon from \"@material-ui/icons/EventAvailable\";\nimport RoomIcon from \"@material-ui/icons/Room\";\nimport SupervisorAccountIcon from \"@material-ui/icons/SupervisorAccount\";\nimport FlagIcon from \"@material-ui/icons/Flag\";\nimport PublishIcon from \"@material-ui/icons/Publish\";\nimport VisibilityIcon from \"@material-ui/icons/Visibility\";\n\n// Funções auxiliares\nimport {\n checarPermissao,\n validateTokenUser,\n getUser,\n getToken,\n} from \"../../utils/utils.js\";\n\nfunction EstadosPedidos(props) {\n // Lista de registros retornados\n const [orders, setOrders] = useState([]);\n const [loading, setLoading] = useState(false);\n const [permitido, setPermitido] = useState(false);\n\n // Estado para armazenar \"Total Parcialmente Liberado\"\n const [partialValues, setPartialValues] = useState({});\n\n // Filtros (usados na requisição)\n const [filterStatus, setFilterStatus] = useState(\"\");\n const [filterCliente, setFilterCliente] = useState(\"\");\n const [filterSupervisor, setFilterSupervisor] = useState(\"\");\n const [filterPedido, setFilterPedido] = useState(\"\");\n const [clientes, setClientes] = useState([]);\n const [loadingClientes, setLoadingClientes] = useState(false);\n \n // Paginação\n const [currentPage, setCurrentPage] = useState(1);\n const [totalRecords, setTotalRecords] = useState(0);\n const limit = 100; // registros por página\n\n // Modal\n const [showModal, setShowModal] = useState(false);\n const [selectedOrder, setSelectedOrder] = useState(null);\n\n // Referência para controle de renderização inicial\n const mountedRef = useRef(false);\n const userId = Number(getUser()); // Garante que seja um número\n const canEdit = [12, 50, 51, 83, 88, 105, 117, 183, 242, 245, 261, 284].includes(userId);\n const statusColors = {\n \"Aguardando atribuição de status\": \"\",\n \"Aguardando Assinatura\": \"\",\n \"Aguardando Desmembramento\": \"\",\n \"Aguardando Liberação do Cliente\": \"\",\n \"Aguardando Liberação do Crédito\": \"\",\n \"Aguardando Pagamento\": \"\",\n \"Aguardando Produto\": \"\",\n \"Aguardando Retirada do Produto (FOB)\": \"\",\n \"Liberado Parcialmente Logística\": \"\",\n \"Liberado para logística\": \"\",\n \"Empréstimo\": \"\",\n \"Saldo Restante\": \"\",\n \"Finalizado\": \"\",\n };\n // --------------------------------\n // 1) Ao montar, valida permissões e busca dados iniciais\n // --------------------------------\n useEffect(() => {\n async function onMount() {\n await validateTokenUser(props);\n const acesso = await checarPermissao(\"estados_pedidos\", props);\n setPermitido(acesso);\n\n // Carrega dados iniciais (página 1, sem filtros)\n loadData(1);\n }\n onMount();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // --------------------------------\n // 2) Sempre que currentPage mudar, busca os dados novamente (apenas após montagem)\n // --------------------------------\n useEffect(() => {\n if (mountedRef.current) {\n loadData(currentPage);\n } else {\n mountedRef.current = true;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentPage]);\n\n // --------------------------------\n // Função para carregar os dados conforme filtros/página.\n // Agora ela aceita valores opcionais para os filtros.\n // --------------------------------\n async function loadData(\n page = 1,\n customFilterStatus = filterStatus,\n customFilterCliente = filterCliente,\n customFilterSupervisor = filterSupervisor,\n customFilterPedido = filterPedido\n ) {\n try {\n setLoading(true);\n const params = {\n page,\n limit,\n filterStatus: customFilterStatus,\n filterCliente: customFilterCliente,\n filterSupervisor: customFilterSupervisor,\n filterPedido: customFilterPedido,\n userId: getUser(),\n token: getToken(),\n };\n\n const response = await api.get(\"/return_status_pedidos\", { params });\n if (!response.data || !response.data.data) {\n console.error(\"Resposta inesperada do servidor:\", response.data);\n setOrders([]);\n setTotalRecords(0);\n return;\n }\n\n const { data, total } = response.data;\n setOrders(data);\n setTotalRecords(total);\n\n // Inicializa partialValues com base no campo partialTotal dos registros\n const initialValues = {};\n data.forEach((item) => {\n const docCodKey = `${item.DocPedido}-${item.CodItem}`;\n initialValues[docCodKey] = item.partialTotal ? String(item.partialTotal) : \"\";\n });\n setPartialValues(initialValues);\n } catch (error) {\n console.error(\"Erro ao buscar dados:\", error);\n setOrders([]);\n setTotalRecords(0);\n } finally {\n setLoading(false);\n }\n }\n\n // --------------------------------\n // Botão \"Pesquisar\" – dispara a busca com os filtros atuais\n // --------------------------------\n function handleSearch() {\n setCurrentPage(1);\n loadData(1);\n }\n const fetchClientes = async (searchTerm) => {\n if (!searchTerm) return; // Evita chamadas vazias\n \n setLoadingClientes(true);\n try {\n const response = await api.get(\"/return_status_pedidos\", {\n params: { filterCliente: searchTerm, userId: getUser(), token: getToken() }\n });\n \n if (response.data && response.data.data) {\n const clientesUnicos = [...new Set(response.data.data.map((c) => c.Cliente))];\n setClientes(clientesUnicos); // Armazena a lista de clientes\n }\n } catch (error) {\n console.error(\"Erro ao buscar clientes:\", error);\n } finally {\n setLoadingClientes(false);\n }\n };\n \n // --------------------------------\n // Botão \"Limpar\" – reseta os filtros e carrega os dados com os filtros limpos\n // --------------------------------\n function handleClearFilters() {\n setFilterStatus(\"\");\n setFilterCliente(\"\");\n setFilterSupervisor(\"\");\n setFilterPedido(\"\");\n setCurrentPage(1);\n // Chama loadData passando os filtros já limpos\n loadData(1, \"\", \"\", \"\", \"\");\n }\n\n // --------------------------------\n // Função para baixar relatório completo (all)\n // --------------------------------\n async function baixarCarteira() {\n try {\n setLoading(true);\n\n const response = await api.get(\"/return_status_pedidos\", {\n params: {\n userId: getUser(),\n token: getToken(),\n all: true,\n },\n });\n\n if (!response.data || !response.data.data) {\n alert(\"Nenhum dado retornado para exportar.\");\n return;\n }\n\n const allData = response.data.data;\n if (!allData.length) {\n alert(\"Nenhuma informação encontrada para exportar.\");\n return;\n }\n\n const fileName = \"RelCarteira\";\n const exportType = exportFromJSON.types.xls;\n exportFromJSON({ data: allData, fileName, exportType });\n } catch (error) {\n console.error(\"Erro ao baixar relatório:\", error);\n alert(\"Não foi possível baixar o relatório completo.\");\n } finally {\n setLoading(false);\n }\n }\n\n // --------------------------------\n // Atualiza o status do pedido no backend\n // --------------------------------\n async function updatePedidos(value, doc, cod) {\n try {\n const response = await api.get(\"/alter_status_pedido\", {\n params: { value, doc, cod, userId: getUser(), token: getToken() },\n });\n \n if (response.data === \"OK\") {\n // Atualiza o status e a data de atualização no estado local\n setOrders((prev) =>\n prev.map((pedido) =>\n pedido.DocPedido === doc && pedido.CodItem === cod\n ? {\n ...pedido,\n status: value,\n updated_at: new Date().toISOString(), // Atualiza localmente\n }\n : pedido\n )\n );\n }\n } catch (error) {\n console.error(\"Erro ao atualizar status:\", error);\n }\n }\n // --------------------------------\n // Salva o valor parcial\n // --------------------------------\n async function savePartialTotal(docPedido, codItemFull) {\n try {\n // Extrai somente a parte do código (antes do \" - \")\n const realCod = codItemFull.split(\" - \")[0].trim();\n const docCodKey = `${docPedido}-${codItemFull}`;\n const total = partialValues[docCodKey] || \"\";\n\n await api.post(\"/save_partial_total\", {\n docPedido,\n codItem: realCod,\n total,\n userId: getUser(),\n token: getToken(),\n });\n\n alert(\"Valor salvo com sucesso!\");\n } catch (error) {\n console.error(\"Erro ao salvar o valor:\", error);\n alert(\"Erro ao salvar o valor. Tente novamente.\");\n }\n }\n\n // --------------------------------\n // Modal de detalhes\n // --------------------------------\n function openModal(order) {\n setSelectedOrder(order);\n setShowModal(true);\n }\n function closeModal() {\n setSelectedOrder(null);\n setShowModal(false);\n }\n\n // --------------------------------\n // Geração de listas únicas para Autocomplete\n // --------------------------------\n const allStatus = [\n \"Aguardando Produto\",\n \"Aguardando Assinatura\",\n \"Aguardando Liberação do Cliente\",\n \"Aguardando atribuição de status\",\n \"Liberado para logística\",\n \"Saldo Restante\",\n \"Finalizado\",\n \"Aguardando Retirada do Produto (FOB)\",\n \"Liberado Parcialmente Logística\",\n \"Empréstimo\",\n \"Carteira 2023\",\n \"Carteira 2024\",\n \"Aguardando Liberação do Crédito\",\n \"Aguardando pagamento\",\n \"Aguardando Desmembramento\",\n ];\n const uniqueClientes = Array.from(\n new Set(orders.map((o) => o.Cliente).filter(Boolean))\n );\n const uniqueSupervisores = Array.from(\n new Set(orders.map((o) => o.SupervisorPedido).filter(Boolean))\n );\n\n // --------------------------------\n // Paginação\n // --------------------------------\n const totalPages = Math.ceil(totalRecords / limit);\n function goToPage(page) {\n if (page < 1 || page > totalPages) return;\n setCurrentPage(page);\n }\n\n // Se não tiver permissão, não renderiza nada\n if (!permitido) {\n return null;\n }\n\n // Filtra os pedidos para excluir aqueles com cod igual a 12\n const filteredOrders = orders.filter((order) => order.Cliente !== 0);\n\n return (\n \n
\n Ultimo Update da base de dados:{last_update}
\n {dados === '' ?\n {/* Div todos os botoes da pagina, atualizar, filtro por botoes, filtro por texto... */}\n {/* funcao grupoAtivo adicionada para alterar as cores dos botoes quando selecionado... */}\n \n \n
\n \n\n\n\n\n {/* \n \n
\n */}\n
}\n \n\n {/* Div botoes de filtro fosfatado, cloreto, nitrogenados... */}\n
\n {/* Fim da DIV de botoesda pagina, atualizar, filtro por botoes, filtro por texto... */}\n\n \n
\n {/* Fim da Div botoes de filtro fosfatado, cloreto, nitrogenados... */}\n\n \n \n \n \n
\n \n\n \n \n \n \n\n \n
\n\n \n \n \n \n
\n \n
\n \n \n
\n \n (filterByKey(\"ItemName\", e.target.value))}\n />\n
\n \n \n setFiltro(e.target.value)}\n />\n \n\n \n \n {reg.data}\n : null)}\n \n
*/}\n {/* Histórico
\n {registros.map((reg, index) =>\n reg.operacao.includes(filtro) ?\n{reg.operacao}
\n \n {somatorio === '' ?
\n \n\n \n \n
\n \n\n\n\n\n \n \n
\n
}\n \n \n \n \n
\n
\n\n {/* Paginação */}\n \n {loading ? (\n
\n\n {/* Card de Filtros */}\n \n
\n ) : (\n \n
\n\n {/* Tabela de Pedidos */}\n Filtros
\n \n
\n \n {/* Filtro Status */}\n
\n\n \n \n option}\n value={filterStatus}\n onChange={(event, newValue) => {\n setFilterStatus(newValue || \"\");\n }}\n renderInput={(params) => (\n
\n\n {/* Filtro Cliente */}\n \n \n setFilterCliente(e.target.value)}\n placeholder=\"Digite o nome do cliente...\"\n fullWidth // Apenas armazena o valor\n />\n
\n\n\n {/* Filtro Supervisor */}\n \n \n option}\n value={filterSupervisor}\n onChange={(event, newValue) => {\n setFilterSupervisor(newValue || \"\");\n }}\n renderInput={(params) => (\n
\n\n {/* Filtro Número do Pedido */}\n \n \n setFilterPedido(e.target.value)}\n placeholder=\"Ex.: 123456\"\n fullWidth\n />\n
\n \n
\n \n \n
\n\n \n \n
\n | Pedido | \nCliente | \nProduto | \nStatus | \nAções | \n
|---|---|---|---|---|
| \n | \n ||||
| \n | \n {/* Coluna Cliente */}\n \n | \n {/* Coluna Produto */}\n \n | \n {/* Coluna Status */}\n \n \n \n\n {/* Exibir \"updated_at\" de forma discreta abaixo do select */}\n \n Última atualização:{\" \"}\n {order.updated_at ? new Date(order.updated_at).toLocaleString() : \"-\"}\n \n \n\n {/* Campo para \"Liberado Parcialmente Logística\" */}\n {order.status === \"Liberado Parcialmente Logística\" && (\n \n \n \n )}\n \n | \n {/* Coluna Ações */}\n \n | \n
| \n Nenhum pedido encontrado.\n | \n
\n goToPage(currentPage - 1)}\n disabled={currentPage === 1}\n >\n Anterior\n \n \n Página {currentPage} de {totalPages}\n \n goToPage(currentPage + 1)}\n disabled={currentPage === totalPages || totalPages === 0}\n >\n Próxima\n \n
\n\n {/* Modal de Detalhes */}\n {showModal && (\n <>\n \n
\n \n \n )}\n \n );\n}\n\n// Redux\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken,\n setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(EstadosPedidos);","import React, { useEffect, useState } from \"react\";\nimport './Dashboard.css'\nimport api2 from \"../../services/api2\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport { TextField } from \"@material-ui/core\";\nimport Loader from \"react-loader-spinner\";\nimport {\n BarChart, Bar, LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Brush, LabelList,\n ReferenceLine\n} from 'recharts';\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport bgImage from \"assets/img/barco.png\";\nimport { getUser, getToken } from '../../utils/utils.js'\nimport exportFromJSON from \"export-from-json\";\nimport api from \"services/api\";\n\nfunction GraficosTeste(props) {\n\n const [token, setToken] = useState('')\n const [permitido, setPermitido] = useState(true)\n const [faturamento, setFaturamento] = useState('')\n const [tipoFaturamento, setTipoFaturamento] = useState('')\n const [carteira, setCarteira] = useState('')\n const [tipoCarteira, setTipoCarteira] = useState('')\n const [gerentes, setGerentes] = useState('')\n const [gerente, setGerente] = useState('')\n const [produtos, setProdutos] = useState('')\n const [produto, setProduto] = useState('')\n const [clientes, setClientes] = useState('')\n const [cliente, setCliente] = useState('')\n const [carteiraVendedores, setCarteiraVendedores] = useState('')\n const [carteiraFiltradaPorVendedor, setCarteiraFiltradaPorVendedor] = useState('')\n const [drillDownCarteira, setDrillDownCarteira] = useState(false)\n const [anoFiltro, setAnoFiltro] = useState('')\n const [mesFiltro, setMesFiltro] = useState('')\n\n const [aba, setAba] = useState(0)\n\n const classes = useStyles()\n\n useEffect(() => {\n async function fetchMyAPI() {\n const response_gerentes = await api.get('return_gerentes', { params: { userId: getUser(), token: getToken() } });\n setGerentes(response_gerentes.data)\n\n const response_produtos_saldos = await api.get('return_produtos_saldos', { params: { userId: getUser(), token: getToken() } });\n setProdutos(response_produtos_saldos.data)\n\n const response_carteira_vendedores = await api.get('return_carteira_vendedores', { params: { userId: getUser(), token: getToken() } });\n setCarteiraVendedores(response_carteira_vendedores.data)\n }\n fetchMyAPI();\n\n }, [])\n\n async function consultarInfos(name) {\n let gerente_aux = gerente !== null ? gerente : ''\n let produto_aux = produto !== null ? produto : ''\n if (name === 'faturamento') {\n setFaturamento('')\n const return_infos_faturamento_top = await api2.get(\"/return_infos_faturamento_top\", { params: { userId: getUser(), token: getToken(), 'vendedor': gerente_aux, 'agrupamento': tipoFaturamento, 'item': produto_aux } });\n setFaturamento(return_infos_faturamento_top.data)\n }\n else if (name === 'carteira') {\n setCarteira('')\n const return_infos_carteira_agrupamento = await api2.get(\"/return_infos_carteira_agrupamento\", { params: { userId: getUser(), token: getToken(), 'vendedor': gerente_aux, 'agrupamento': tipoCarteira, 'item': produto_aux } });\n setCarteira(return_infos_carteira_agrupamento.data)\n }\n }\n\n function baixarInfo(tipoDownload) {\n let gerente_aux = gerente !== null ? gerente : ''\n let produto_aux = produto !== null ? produto : ''\n if (tipoDownload === 'faturamento') {\n const data = faturamento\n\n const fileName = 'Faturamentos_' + tipoFaturamento + '_' + produto_aux + '_' + gerente_aux\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n else if (tipoDownload === 'carteira') {\n const data = carteira\n\n const fileName = 'Carteira_' + tipoCarteira + '_' + produto_aux + '_' + gerente_aux\n const exportType = exportFromJSON.types.xls\n\n exportFromJSON({ data, fileName, exportType })\n }\n\n }\n\n async function drillDownCarteiraGerentes(nomeVendedor) {\n setDrillDownCarteira(true)\n console.log(nomeVendedor)\n const response_carteira_filtrada_vendedor = await api.get('return_carteira_filtrada_vendedor', { params: { userId: getUser(), token: getToken(), 'vendedor': nomeVendedor } });\n console.log(response_carteira_filtrada_vendedor.data)\n setCarteiraFiltradaPorVendedor(response_carteira_filtrada_vendedor.data)\n\n\n }\n\n\n\n return (\n permitido === true ?\n \n
\n \n \n
\n \n Detalhes do Pedido Nr.{\" \"}\n \n {selectedOrder?.DocPedido || \"\"}\n \n
\n\n {selectedOrder && (\n <>\n {/* Linha 1: Pedido */}\n
\n \n
\n\n {/* Linha 2: Produto */}\n \n \n
\n \n
\n\n {/* Linha 3: Cliente */}\n \n \n
\n \n
\n\n {/* Linha 4: Embalagem, Quantidade, Tipo Frete */}\n \n \n
\n \n
\n\n {/* Linha 5: Entrega e Origem */}\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n\n {/* Linha 6: Supervisor */}\n \n \n
\n \n \n
\n \n
\n\n {/* Linha 7: Status */}\n \n \n
\n \n
\n\n {/* Se o status for \"Liberado Parcialmente Logística\", exibe o valor liberado */}\n {selectedOrder.status === \"Liberado Parcialmente Logística\" && (\n \n \n
\n \n \n
\n \n
\n )}\n \n )}\n \n \n
\n \n \n
\n \n
\n\n : <>\n );\n}\nconst useStyles = makeStyles({\n inputGroup: {\n display: 'flex',\n flexDirection: 'row',\n margin: 10\n },\n\n tdBorder: {\n border: '1px solid rgba(0,0,0, .4)'\n },\n\n paper: {\n width: 300\n },\n\n divRow: {\n display: 'flex',\n flexDirection: 'row'\n },\n\n inputDiv: {\n\n padding: 20,\n },\n\n textField: {\n width: 300,\n margin: 10\n },\n\n divTabela: {\n height: 600,\n },\n\n header: {\n backgroundColor: 'black',\n position: 'sticky',\n zIndex: 2,\n top: 0\n },\n\n thStyle: {\n padding: 5,\n fontSize: 14,\n background: '#ED3237',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n },\n\n thArquivados: {\n background: '#666666',\n fontSize: 12,\n padding: 5,\n whiteSpace: 'nowrap'\n },\n\n thFinanceiro: {\n padding: 5,\n fontSize: 14,\n background: '#3d42e0',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thLineup: {\n padding: 5,\n fontSize: 14,\n background: '#36c416',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thDesembaraço: {\n padding: 5,\n fontSize: 14,\n background: '#383838',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thDespesa: {\n padding: 5,\n fontSize: 14,\n background: '#3c1854',\n whiteSpace: 'nowrap',\n fontWeight: 'bold'\n\n },\n\n thHistorico: {\n padding: 5,\n fontSize: 14,\n background: '#cccbca'\n },\n\n cellContent: {\n fontWeight: 'bold',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n fontSize: 14,\n padding: 5\n },\n\n cellContentBig: {\n minWidth: 100,\n fontWeight: 'bold',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n fontSize: 14,\n padding: 5\n },\n\n cellContentLeft: {\n fontWeight: 'bold',\n fontSize: 14,\n padding: 5,\n display: 'flex',\n flexDirection: 'row'\n },\n\n cellContentArquivado: {\n background: 'lightgray',\n fontSize: 12\n },\n\n cellContentFixed: {\n width: 90,\n fontWeight: 'bold',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n fontSize: 14\n },\n\n autoComplete: {\n width: 80,\n },\n\n red: { background: 'rgba(255, 77, 77, .8)' },\n\n green: { background: 'rgba(255, 214, 99, .8)' },\n\n dataWidth: {\n width: 113\n },\n\n divRelatorio: {\n border: '1px solid rgba(0, 0, 0, .4)',\n borderRadius: 4,\n width: 300,\n padding: 10,\n margin: 5,\n maxHeight: 48\n }\n})\n\nexport default GraficosTeste;\n","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Loader from \"react-loader-spinner\";\n\nfunction DocumentosColaborador(props) {\n const [permitido, setPermitido] = useState(false)\n const [documentos, setDocumentos] = useState('')\n\n const [arquivos, setArquivos] = useState([])\n const [gerando, setGerando] = useState(false)\n const [sendoGerado, setSendoGerado] = useState('')\n\n const [nomeId, setNomeId] = useState('')\n const classes = useStyles()\n\n useEffect(() => {\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('documentosColaborador', props))\n const docs = await api.get('/getDocInfo', { params: { userId: getUser(), token: getToken() } })\n setDocumentos(docs.data)\n\n // 72 é a id da thais\n let id = JSON.parse(localStorage.getItem('permissoes'))[0].idUsuario\n if (id === 58 || id === 59 || id === 72 || id === 113 || id === 254) { // thais, maria eduarda, unity, marcio, fabio\n const lista = await api.get('/nomeIdUsuarios', { params: { userId: getUser(), token: getToken() } })\n setNomeId(lista.data)\n }\n }\n fetchMyAPI();\n }, [])\n\n\n async function gerarArquivo(idUsuario, nomeArquivo, ano, mes) {\n setGerando(true)\n setSendoGerado(`${idUsuario}-${nomeArquivo}-${ano}-${mes}`)\n const doc = await api.get('/getDocColaborador', { params: { idUsuario, nomeArquivo, ano, mes, userId: getUser(), token: getToken() } })\n\n if (doc.data === 'NOK') {\n alert('Erro ao gerar documento...')\n return\n }\n\n let aux = arquivos\n aux[`${idUsuario}-${nomeArquivo}-${ano}-${mes}`] = doc.data\n setArquivos(aux)\n setGerando(false)\n }\n\n return (\n permitido === true ?\n <>\n {nomeId !== '' ?\n \n \n\n \n \n {/* */}\n\n\n
\n \n gerentes[item].GerentePedido)}\n\n getOptionSelected={(option, value) => option === value || value === ''}\n style={{ width: 250, marginTop: 36, marginRight: 15 }}\n onChange={(e, v) => (setGerente(v), console.log(gerente))}\n value={gerente}\n\n renderInput={(params) => (\n option === value || value === ''}\n style={{ width: 250, marginTop: 36, marginRight: 15 }}\n onChange={(e, v) => (setAnoFiltro(v))}\n value={anoFiltro}\n\n renderInput={(params) => (\n option === value || value === ''}\n style={{ width: 250, marginTop: 36, marginRight: 15 }}\n onChange={(e, v) => (setMesFiltro(v))}\n value={mesFiltro}\n\n renderInput={(params) => (\n produtos[item].produto)}\n\n getOptionSelected={(option, value) => option === value || value === ''}\n style={{ width: 250, marginTop: 36 }}\n onChange={(e, v) => (setProduto(v))}\n value={produto}\n\n renderInput={(params) => (\n
\n \n {aba === 0 ?\n
: null}\n \n
: aba === 1 ?\n \n option === value || value === ''}\n style={{ width: 250, marginTop: 36 }}\n onChange={(e, v) => setTipoFaturamento(v)}\n value={tipoFaturamento}\n\n renderInput={(params) => (\n
\n {faturamento != '' ?\n \n
: tipoFaturamento !== '' ? \n console.log(e)}\n >\n
\n \n\n \n
\n \n \n\n \n \n
\n
\n | Data | \nQuantidade Faturada | \n\n
|---|---|
| {faturamento[index].data} | \n{faturamento[index].Faturado} | \n
\n
: aba === 2 ?\n \n option === value || value === ''}\n style={{ width: 250, marginTop: 36 }}\n onChange={(e, v) => setTipoCarteira(v)}\n value={tipoCarteira}\n renderInput={(params) => (\n
\n {carteira != '' ?\n \n
: tipoCarteira !== '' ? \n \n
\n \n\n \n
\n \n \n\n \n \n
\n
\n | Data | \nQuantidade Faturada | \n\n
|---|---|
| {carteira[index].data} | \n{carteira[index].Carteira} | \n
\n\n {carteiraVendedores != '' ?\n drillDownCarteira === false ?\n
: \n
:\n carteiraFiltradaPorVendedor !== '' ?\n < div >\n \n drillDownCarteiraGerentes(e.activeLabel)}\n >\n new Intl.NumberFormat('br').format(value)} />\n \n \n new Intl.NumberFormat('br').format(value)}/>\n \n\n \n
\n\n\n \n \n new Intl.NumberFormat('br').format(value)} />\n \n \n new Intl.NumberFormat('br').format(value)} angle={-15}/>\n \n \n
\n \n \n new Intl.NumberFormat('br').format(value)} />\n \n \n new Intl.NumberFormat('br').format(value)} angle={-15} />\n \n\n \n
\n \n Lista de Ids
\n \n\n\n {nomeId.map((item) =>
\n\n {item.nome} - {item.id}
)}\n\n
\n {documentos === '' ?\n Documentos RH
\n\n
: <>}\n {documentos === 'NO-DOCS' ?\n \n
:\n Nenhum documento inserido
\n\n {\n Object.keys(documentos).reverse().map((ano, index) =>\n \n \n {ano}\n \n \n\n \n {Object.keys(documentos[ano]).map((mes, index2) =>\n\n \n \n {mes.toUpperCase()}\n \n \n\n \n\n \n {documentos[ano][mes].map((arquivo, index3) =>\n \n \n )}\n \n )\n }\n
}\n : <>\n )\n}\n\n\nconst useStyles = makeStyles({\n divPrincipal: {\n background: 'white',\n padding: 10\n },\n\n parentAccordion: {\n margin: 10,\n boxShadow: 'rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px'\n },\n\n parentDetails: {\n display: 'flex',\n flexDirection: 'column'\n },\n\n childAccordion: {\n margin: 5,\n border: '1px solid rgba(0, 0, 0, .2)'\n },\n\n divArquivo: {\n border: '1px solid rgba(0, 0, 0, .2)',\n margin: 5,\n padding: 5,\n display: 'flex',\n flexDirection: 'row'\n }\n})\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DocumentosColaborador);","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\nimport { checarPermissao, validateTokenUser, getUser, getToken } from '../../utils/utils.js'\nimport MuiPhoneInput from 'material-ui-phone-number';\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nfunction Pesquisas(props) {\n const [user, setUser] = useState('')\n const [permitido, setPermitido] = useState(false)\n const [pesquisaRespondida, setPesquisaRespondida] = useState([])\n const [pesquisaPendente, setPesquisaPendente] = useState([])\n\n const [pedidoSendoEditado, setPedidoSendoEditado] = useState('')\n const [novoNumero, setNovoNumero] = useState('')\n\n const classes = useStyles()\n\n useEffect(() => {\n let tempUser = getUser()\n setUser(tempUser)\n\n async function fetchMyAPI() {\n await validateTokenUser(props)\n setPermitido(await checarPermissao('pesquisas', props))\n\n const pesquisas = await api.get('/getPesquisas', { params: { userId: getUser(), token: getToken() } })\n const respondido = pesquisas.data.filter((obj) => obj.ativo === 0)\n const pendente = pesquisas.data.filter((obj) => obj.ativo === 1)\n\n setPesquisaRespondida(respondido)\n setPesquisaPendente(pendente)\n }\n fetchMyAPI();\n }, [])\n\n\n async function atualizarNumero(numPedido) {\n if (novoNumero === '') {\n alert('Preencha o campo antes de salvar!')\n return\n }\n const response = await api.get('/salvarCelularCliente', { params: { userId: getUser(), token: getToken(), 'numero': novoNumero, numPedido } })\n\n if (response.data === 'NOK') {\n alert('Erro ao salvar número...')\n } else {\n alert('Salvo com sucesso!')\n window.location.reload()\n }\n }\n\n function editar(numPedido) {\n setPedidoSendoEditado(numPedido)\n setNovoNumero('')\n }\n\n return (\n permitido === true ?\n <>\n\n \n\n
)}\n \n {arquivo.nomeArquivo}:\n\n
\n \n {arquivos[`${arquivo.idUsuario}-${arquivo.nomeArquivo}-${ano}-${mes}`] === undefined && sendoGerado !== `${arquivo.idUsuario}-${arquivo.nomeArquivo}-${ano}-${mes}` ?\n <>\n
\n \n gerarArquivo(arquivo.idUsuario, arquivo.nomeArquivo, ano, mes)}>Gerar\n
\n \n : gerando && arquivos[`${arquivo.idUsuario}-${arquivo.nomeArquivo}-${ano}-${mes}`] === undefined && sendoGerado === `${arquivo.idUsuario}-${arquivo.nomeArquivo}-${ano}-${mes}` ?\n \n
:\n <>\n Baixar\n }\n \n \n \n Pedido {pesquisa.docEntry}\n \n \n\n \n \n \n\n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n \n )}\n
\n\n\n Pesquisas Respondidas
\n\n {pesquisaRespondida.map((pesquisa, index) =>\n \n
\n Cliente: {pesquisa.Cliente}
\n Produtos: {pesquisa.Item}
\n Cidade: {pesquisa.CidadePedido}
\n Vendedor: {pesquisa.VendedorPedido}
\n Respostas
\n\n\n
\n\n \n 1 - Como você avalia o atendimento comercial da Gen Fertilizantes?\n
\n\n \n {pesquisa.asw1}\n
\n \n
\n\n \n 2 - Como você avalia os serviços de pós venda (programação, entrega e comunicação) da Gen Fertilizantes?\n
\n\n \n {pesquisa.asw2}\n
\n \n
\n\n \n 3 - Como você avalia a qualidade dos produtos da Gen Fertilizantes?\n
\n \n {pesquisa.asw3}\n
\n \n
\n\n \n 4 - Em uma escala de 0 a 10, o quanto você recomendaria a Gen Fertilizantes para outros agricultores?\n
\n\n \n {pesquisa.asw4}\n
\n \n
\n\n \n 5 - Há alguma sugestão de inovação em produto ou serviço que deseja comentar?\n
\n\n \n {pesquisa.asw5}\n
\n \n \n \n Pedido {pesquisa.docEntry}\n \n \n\n \n \n \n \n \n )}\n
\n : <>\n )\n}\n\n\nconst useStyles = makeStyles({\n divRespondida: {\n background: 'white',\n borderRadius: 8,\n padding: 20\n },\n\n divPendente: {\n background: 'white',\n borderRadius: 8,\n padding: 20,\n marginTop: 50\n },\n\n pergunta: {\n fontWeight: 'bold'\n },\n\n divPergunta: {\n border: '1px solid rgba(0, 0, 0, .2)',\n margin: 5,\n padding: 5\n },\n\n divInfo: {\n border: '1px solid rgba(0, 0, 0, .2)',\n marginBottom: 10,\n padding: 5\n },\n\n docEntry: {\n fontWeight: 'bold',\n border: '1px solid rgba(0, 0, 0, .4)',\n padding: 4\n }\n})\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Pesquisas);","import React from \"react\"\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\nimport { TextField } from \"@material-ui/core\";\nimport Button from '@material-ui/core/Button';\nimport { useState, useEffect } from \"react\";\nimport api from \"services/api\";\nimport { getToken, getUser } from \"utils/utils\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport Loader from \"react-loader-spinner\";\nimport { Checkbox } from '@material-ui/core';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Tooltip from \"@material-ui/core/Tooltip\";\n\nexport default function BalancoGeral() {\n const classes = useStyles();\n\n // inserir produto\n const [produto, setProduto] = useState('')\n const [volume, setVolume] = useState(0)\n const [cliente, setCliente] = useState('')\n const [moeda, setMoeda] = useState('')\n const [valorVenda, setValorVenda] = useState(0)\n\n // options dos autocompletes\n const [produtosOptions, setProdutosOptions] = useState([])\n const [paOptions, setPaOptions] = useState([])\n const [mpOptions, setMpOptions] = useState([])\n const [clients, setClients] = useState([])\n\n // tabelas\n const [materiasDiarias, setMateriasDiarias] = useState('')\n const [tabelaVendas, setTabelaVendas] = useState('')\n const [tabelaResultados, setTabelaResultados] = useState('')\n const [tabelaResumo, setTabelaResumo] = useState('')\n\n // pesquisa por dia\n const [data, setData] = useState(new Date().toISOString().slice(0, 10)) // o default é a data atual\n const [auxData, setAuxData] = useState(new Date().toISOString().slice(0, 10))\n\n // misc\n const [salvando, setSalvando] = useState(false)\n const [pesquisando, setPesquisando] = useState(false)\n const [totalMateria, setTotalMateria] = useState(0)\n const dataAtual = new Date().toISOString().slice(0, 10)\n\n // formulação de produtos\n const [isFormulacao, setIsFormulacao] = useState(0)\n const [formulacao, setFormulacao] = useState([{ nomeMateria: '', qtd: 0 }])\n const [openFormulacao, setOpenFormulacao] = useState(false)\n\n // edit\n const [idEdit, setIdEdit] = useState(0)\n const [isEditing, setIsEditing] = useState(0)\n const [editObj, setEditObj] = useState({})\n const [savingEdit, setSavingEdit] = useState(false)\n\n\n\n useEffect(() => {\n fetchMyAPI()\n }, [])\n\n\n const fetchMyAPI = async () => {\n setPesquisando(true)\n const responseItens = await api.get('/Itens', { params: { userId: getUser(), token: getToken() } })\n\n let aux = []\n responseItens.data.map(obj => aux.push(obj.ItemName))\n setProdutosOptions(aux)\n\n let pa = responseItens.data.filter(obj => obj['itemCode'].includes('PA'))\n aux = []\n pa.map(obj => aux.push(obj.ItemName))\n setPaOptions(aux)\n\n let mp = responseItens.data.filter(obj => obj['itemCode'].includes('MP'))\n aux = []\n mp.map(obj => aux.push(obj.ItemName))\n setMpOptions(aux)\n\n const responseClientes = await api.get('/Clientes', { params: { userId: getUser(), token: getToken(), token2: '63cbse4yu21fw24f2v2' } })\n let aux_clients = []\n responseClientes.data.map(obj => aux_clients.push(obj.CardName))\n setClients(aux_clients)\n\n await fetchTabelas()\n setPesquisando(false)\n }\n\n const fetchTabelas = async () => {\n const responseDiarios = await api.get('/get_custo_de_vendas', { params: { data, userId: getUser(), token: getToken() } })\n setMateriasDiarias(responseDiarios.data['custos_materias'])\n setTabelaResultados(responseDiarios.data['resultado_do_dia'])\n\n const responseTabelaClientes = await api.get('/get_tabela_clientes', { params: { data, userId: getUser(), token: getToken() } })\n setTabelaVendas(responseTabelaClientes.data['vendas'])\n setTabelaResumo(responseTabelaClientes.data['resumo'])\n }\n\n const salvarVenda = async () => {\n if (produto === '' || volume === '' || cliente === '' || moeda === '' || valorVenda === '') {\n alert('Preencha todos os campos antes de inserir a venda')\n return\n }\n if (isFormulacao) {\n if (1000 - totalMateria < 0) {\n alert('Digite uma quantidade válida na formulação do produto')\n return\n }\n if (totalMateria < 1000) {\n alert(`Ainda faltam ${1000 - totalMateria} na formulação do produto`)\n return\n }\n }\n\n setSalvando(true)\n const response = await api.get('/inserir_venda', { params: { produto, isFormulacao, formulacao: JSON.stringify(formulacao), volume, cliente, moeda, valorVenda, userId: getUser(), token: getToken() } })\n if (response.data === 'NOK') {\n alert('Erro ao salvar venda...')\n } else {\n await fetchTabelas()\n }\n setSalvando(false)\n }\n\n const handleEdit = (obj) => {\n setIsEditing(1)\n setIdEdit(obj.id_venda)\n setEditObj({\n 'idVenda': obj.id_venda,\n 'cliente': obj.cliente,\n 'qtdVenda': obj.qtd_venda,\n 'produto': obj.produto,\n 'moeda': obj.moeda,\n 'valorVenda': obj.valor_venda\n })\n }\n\n const handleUpdateEdit = (value, key) => {\n let aux = { ...editObj }\n\n aux[key] = value\n setEditObj(aux)\n }\n\n const handleCancelEdit = () => {\n setEditObj({})\n setIsEditing(0)\n setIdEdit(0)\n }\n\n const handleSaveEdit = async () => {\n setSavingEdit(true)\n await api.get('/edit_venda_balanco', { params: { idVenda: idEdit, editObj, userId: getUser(), token: getToken() } })\n\n const responseTabelaClientes = await api.get('/get_tabela_clientes', { params: { data, userId: getUser(), token: getToken() } })\n setTabelaVendas(responseTabelaClientes.data['vendas'])\n setTabelaResumo(responseTabelaClientes.data['resumo'])\n\n const responseDiarios = await api.get('/get_custo_de_vendas', { params: { data, userId: getUser(), token: getToken() } })\n setMateriasDiarias(responseDiarios.data['custos_materias'])\n setTabelaResultados(responseDiarios.data['resultado_do_dia'])\n\n setSavingEdit(false)\n handleCancelEdit()\n }\n\n const searchByDate = async (dataLocal) => {\n if (data === '') { return }\n setPesquisando(true)\n setTabelaVendas('')\n setMateriasDiarias('')\n setTabelaResultados('')\n setTabelaResumo('')\n setAuxData(dataLocal)\n\n const responseTabelaClientes = await api.get('/get_tabela_clientes', { params: { data: dataLocal, userId: getUser(), token: getToken() } })\n setTabelaVendas(responseTabelaClientes.data['vendas'])\n setTabelaResumo(responseTabelaClientes.data['resumo'])\n\n const responseDiarios = await api.get('/get_custo_de_vendas', { params: { data: dataLocal, userId: getUser(), token: getToken() } })\n\n setMateriasDiarias(responseDiarios.data['custos_materias'])\n setTabelaResultados(responseDiarios.data['resultado_do_dia'])\n\n setPesquisando(false)\n }\n\n const resetDate = () => {\n const current_date = new Date().toJSON().slice(0, 10)\n searchByDate(current_date)\n setData(current_date)\n }\n\n const addMateria = () => {\n let aux = [...formulacao]\n aux.push({ nomeMateria: '', qtd: 0 })\n setFormulacao(aux)\n }\n\n const removeMateria = () => {\n let aux = [...formulacao]\n if (aux.length < 2) { return }\n aux.pop()\n setFormulacao(aux)\n }\n\n const deleteVenda = async () => {\n setSavingEdit(true)\n await api.get('/delete_venda_balanco', { params: { idVenda: editObj.idVenda, userId: getUser(), token: getToken() } })\n fetchTabelas()\n setSavingEdit(false)\n setIsEditing(0)\n }\n\n const updateFormula = (value, index, key) => {\n let aux = [...formulacao]\n aux[index][key] = value\n setFormulacao(aux)\n setTotalMateria(formulacao.reduce((acumulador, obj) => acumulador + parseFloat(obj.qtd), 0))\n }\n\n const renderTabelaMaterias = () => {\n return (\n\n Pesquisas Pendentes
\n\n {pesquisaPendente.map((pesquisa, index) =>\n \n
\n\n Cliente: {pesquisa.Cliente}
\n Produtos: {pesquisa.Item}
\n Cidade: {pesquisa.CidadePedido}
\n Vendedor: {pesquisa.VendedorPedido}
\n \n {pedidoSendoEditado === pesquisa.docEntry ?\n <>\n
\n\n \n setNovoNumero(value)}\n defaultCountry='br'\n style={{ width: 300, margin: 5 }}\n\n label='Celular'\n />\n
\n\n \n
\n\n\n :\n <>\n \n \n
\n\n \n \n
\n \n Número do Cliente: {pesquisa.celularCliente}\n
\n \n \n
\n }\n \n {orderedKeys.map(key => {\n const value = totais[key];\n console.log(value, totais[key], key)\n if (value !== 0) {\n return (\n
\n );\n};\n\n\nconst DataCard = ({ composicao, totais, fixo }) => {\n const classes = useStyles();\n\n return (\n \n {key.replace('total_', '')}: {(value)} %\n
\n );\n }\n return null;\n })}\n \n
\n \n {editPrices === true & materias.length !== 0 ?\n \n option.cod_total}\n onChange={(event, value) => setMateriasMustUse(value)}\n renderInput={(params) => (\n \n \n option.cod_total}\n onChange={(event, value) => setMateriasMustNotUse(value)}\n renderInput={(params) => (\n \n \n {Object.keys(elementValues).map((element) => (\n \n handleElementInputChange(e, element)}\n />\n \n ))}\n \n\n {console.log(fech)}\n {fech !== \"\" ?\n fech.map((item, index) => (\n
\n )\n}\n\nexport default Formulador;","import React, { useState, useEffect } from \"react\";\nimport api from \"services/api\";\nimport { TextField, Button, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, Dialog, DialogTitle, DialogContent, Typography, DialogActions } from '@material-ui/core';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Loader from \"react-loader-spinner\";\nimport Tooltip from '@material-ui/core/Tooltip';\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\n\n\n\nconst months = ['Meta', 'Peso', 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];\n\nconst AddMetas = ({ refreshMessage, onSaveEditSuccess }) => {\n const classes = useStyles();\n const [editIdx, setEditIdx] = useState(-1);\n const [setorSelecionado, setSetorSelecionado] = useState(null);\n const [setoresPlr, setSetoresPlr] = useState([]);\n const [vinculosPlr, setVinculosPlr] = useState([]);\n const [editObj, setEditObj] = useState({})\n const [rowEditId, setRowEditId] = useState(0)\n const [isLoading, setIsLoading] = useState(false);\n const [isAddingRow, setIsAddingRow] = useState();\n const [isSaving, setIsSaving] = useState(false);\n const [openDialog, setOpenDialog] = useState(false)\n const keysToIgnore = ['nome_setor', 'id_meta', 'id_setor', 'valor_meta'];\n const metasOptions = [{ nomeMeta: 'Média', metaOptionId: 0 }, { nomeMeta: 'Incremental', metaOptionId: 1 }, { nomeMeta: 'Quantitativa', metaOptionId: 2 }]\n const desc = <>\n \n \n
:\n }\n {editCustos === true & itens.length !== 0 ?\n \n \n
:\n }\n Média: Faz média dos meses
\nIncremental: Considera o último valor
\nQuantitativa: Soma tudo e mostra a porcentagem equivalente
\n\n useEffect(() => {\n returnaSetoresPlr();\n }, [refreshMessage]);\n\n const returnaSetoresPlr = async () => {\n const retornoSetoresPlr = await api.get('/return_setores_plr', { params: {} });\n setSetoresPlr(retornoSetoresPlr.data);\n };\n\n const handleAddRow = async () => {\n setIsAddingRow(true);\n try {\n const PostRow = await api.post('/add_row_plr', { 'setorId': setorSelecionado });\n setVinculosPlr(PostRow.data);\n } catch (err) {\n console.error(err);\n } finally {\n setIsAddingRow(false);\n }\n };\n\n const handleAutocomplete = async (setorId) => {\n setIsLoading(true);\n setSetorSelecionado(setorId);\n const retornoVinculosPlr = await api.get('/return_metas_plr', { params: { 'setorId': setorId } });\n console.log(retornoVinculosPlr.data)\n setVinculosPlr(retornoVinculosPlr.data);\n setIsLoading(false);\n setIsAddingRow(false);\n };\n\n const handleEdit = (key, value) => {\n let aux = { ...editObj }\n aux[key] = value\n setEditObj(aux)\n }\n\n const handleSaveEdit = async () => {\n setIsSaving(true);\n\n let editObjCopy = { ...editObj };\n delete editObjCopy.nome_setor;\n\n let aux = {\n rowId: rowEditId,\n editObj: editObjCopy\n };\n\n try {\n const response = await api.post('/edit_row_plr', aux)\n if (response.data === 'OK') {\n const retornoVinculosPlr = await api.get('/return_metas_plr', { params: { 'setorId': setorSelecionado } });\n setVinculosPlr(retornoVinculosPlr.data);\n setRowEditId(null);\n onSaveEditSuccess();\n } else {\n alert('Erro ao salvar edição');\n }\n } catch (err) {\n console.error(err);\n } finally {\n setIsSaving(false);\n }\n }\n const handleDelete = async (id) => {\n setIsSaving(true);\n\n \n\n let aux = {\n rowId: id,\n \n };\n\n try {\n const response = await api.post('/delete_row_plr', aux)\n if (response.data === 'OK') {\n const retornoVinculosPlr = await api.get('/return_metas_plr', { params: { 'setorId': setorSelecionado } });\n setVinculosPlr(retornoVinculosPlr.data);\n setRowEditId(null);\n onSaveEditSuccess();\n } else {\n alert('Erro ao deletar meta');\n }\n } catch (err) {\n console.error(err);\n } finally {\n setIsSaving(false);\n }\n }\n\n const handleMetaAutocompleteChange = (id) => {\n if (id === 2) { // tipo_meta = 0 (média), 1 (incremental), 2 (quantitativa)\n setOpenDialog(true)\n }\n handleEdit('tipo_meta', id)\n }\n\n const tipoMetaNome = (value) => {\n let obj = metasOptions.find(i => i.metaOptionId === value)\n return obj.nomeMeta\n }\n\n return (\n\n\n
\n )}\n \n\n\n \n \n option.nome_setor}\n onChange={(event, newValue) => {\n handleAutocomplete(newValue ? newValue.id_setor : null)\n }}\n style={{ width: 300 }}\n renderInput={(params) =>
\n \n {isLoading ?\n \n \n
\n \n }\n
\n\n {setorSelecionado && (\n \n
\n :\n \n { handleAddRow(); setIsAddingRow(true); }}\n >\n Adicionar Meta\n \n {isAddingRow && (\n \n
\n )}\n \n \n \n {keys.map((key, index) => (\n \n {keys.map((key, index) => (\n \n {Object.entries(data[key]).map(([nomeSetor, setor]) => (\n \n ))}\n
\n );\n}\n\nconst useStyles = makeStyles({\n appBar: {\n backgroundColor: 'white',\n color: 'black'\n },\n table: {\n },\n tableHeader: {\n backgroundColor: '#1976D2',\n },\n headerCell: {\n color: '#fff',\n fontWeight: 'bold',\n },\n});\n\n\nexport default TabelaInferiorMetas;\n","import React, { useState, useEffect } from \"react\";\nimport { TextField, Button, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport api from \"services/api\";\nimport Loader from \"react-loader-spinner\";\n\nconst useStyles = makeStyles({\n paper: {\n padding: 20,\n width: '100%',\n },\n});\n\nconst CreateSetor = ({ onSetorAddSuccess }) => {\n const classes = useStyles();\n const [vinculosPlr, setVinculosPlr] = useState([]);\n const [selectedSetorMaster, setSelectedSetorMaster] = useState(\"\");\n const [setorNome, setSetorNome] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n\n\n useEffect(() => {\n returnSetorMaster();\n }, []);\n\n const returnSetorMaster = async () => {\n const returnSetorMaster = await api.get('/return_setores_master', { params: {} });\n setVinculosPlr(returnSetorMaster.data);\n };\n\n const handleAutocompleteMaster = async (setorMasteId) => {\n setSelectedSetorMaster(setorMasteId)\n }\n\n const handleSubmit = async () => {\n if (selectedSetorMaster) {\n if (setorNome.trim() === \"\") {\n alert('Por favor, preencha o nome do setor');\n setIsLoading(false);\n return\n }\n\n setIsLoading(true);\n const ReturnAddSetor = await api.post('/add_setor_plr', { 'idSetorMaster': selectedSetorMaster.id_setor_master, 'nomeSetor': setorNome });\n setVinculosPlr(ReturnAddSetor.data);\n\n if (ReturnAddSetor.data.status === \"OK\") {\n alert('Setor criado com sucesso, agora você pode adicionar as metas ao setor criado');\n window.location.reload()\n onSetorAddSuccess();\n setSetorNome(\"\");\n }\n\n setIsLoading(false);\n } else {\n alert('Selecione um Grupo');\n setIsLoading(false)\n }\n };\n\n\n\n return (\n \n {nomeSetor.toUpperCase()} \n \n \n
\n \n\n
\n ))}\n \n \n option.nome_setor_master}\n renderInput={(params) => setSetorNome(e.target.value)}\n style={{ width: 500, marginRight: 20 }}\n />\n\n \n {isLoading ? \n
\n );\n};\n\nexport default CreateSetor;\n","import React, { useState, useEffect } from \"react\";\nimport api from \"services/api\";\nimport { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Button } from '@material-ui/core';\nimport * as XLSX from 'xlsx';\n\nexport default function Resultados() {\n const [resultados, setResultados] = useState([]);\n const [resultados2, setResultados2] = useState([]);\n\n const [isLoading, setIsLoading] = useState(true); // New state variable for loading status\n const [isLoading2, setIsLoading2] = useState(true); // New state variable for loading status\n\n useEffect(() => {\n FetchMyApi();\n }, []);\n\n const FetchMyApi = async () => {\n try {\n const retorno = await api.get('/resultados_plr');\n setResultados(retorno.data);\n setIsLoading(false); // Set loading to false after data is fetched\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n setIsLoading(false); // Also set loading to false in case of error\n }\n try {\n const retorno = await api.get('/return_metas_plr_rel');\n setResultados2(retorno.data);\n setIsLoading2(false); // Set loading to false after data is fetched\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n setIsLoading2(false); // Also set loading to false in case of error\n }\n };\n\n const downloadExcel = () => {\n const ws = XLSX.utils.json_to_sheet(resultados);\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, \"Resultados\");\n XLSX.writeFile(wb, \"resultados_plr.xlsx\");\n };\n const downloadExcel2 = () => {\n const ws = XLSX.utils.json_to_sheet(resultados2);\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, \"Resultados\");\n XLSX.writeFile(wb, \"metas_individuais.xlsx\");\n };\n\n return (\n \n \n Baixar Relatório Completo PLR\n \n \n Baixar Relatório de metas individuais\n \n
\n );\n}\n","import React, { useState } from \"react\";\nimport AddMetas from './PlrComponents/AddMetas';\nimport TabelaInferiorMetas from './PlrComponents/TabelaInferiorMetas';\nimport CreateSetor from './PlrComponents/CreateSetor';\nimport { Paper, Typography, Tabs, Tab } from '@material-ui/core';\nimport Grid from '@material-ui/core/Grid';\nimport Resultados from \"./PlrComponents/Resultados\";\n\nfunction ControleMetas(props) {\n\n const [keyUpdateFlagSetorAdded, setKeyUpdateFlagSetorAdded] = useState(0);\n const [keyUpdateFlagSaveEdit, setKeyUpdateFlagSaveEdit] = useState(0);\n const [tabValue, setTabValue] = useState(0); // For controlling the active tab\n\n const handleSetorAddSuccess = () => {\n setKeyUpdateFlagSetorAdded(prevKey => prevKey + 1)\n };\n\n const handleSaveEditSuccess = () => {\n setKeyUpdateFlagSaveEdit(prevKey => prevKey + 1)\n };\n\n const handleTabChange = (event, newValue) => {\n setTabValue(newValue);\n };\n\n return (\n \n
\n \n Setor GEN: {resultados.length > 0 ? resultados[0].multiplicador_gen.toFixed(2) : \"Carregando...\"}\n
\n\n \n \n
\n \n
\n \n {key}: Min - {value.min}, Max - {value.max}\n
\n ));\n };\n\n const hasMaterialAmounts = Object.keys(materialAmounts).length > 0;\n\n return (\n \n Formulador\n
\n \n Carregando...\n
\n );\n }\n\n if (Object.keys(data).length <= 0) {\n return ;\n }\n\n const orderedKeys = ['total_N', 'total_P', 'total_K', 'total_S', 'total_Ca', 'total_Zn', 'total_B', 'total_Cu', 'total_Fe', 'total_Mg', 'total_Mn', 'total_S-SO4'];\n const handleTabChange = (event, newValue) => {\n setActiveTab(newValue);\n };\n\n const ResultadoGeral = (data_d) => {\n if (Object.keys(data_d.data_d).length === 1 && 'dolar' in data_d.data_d) {\n return Sem fechamentos exatos
;\n }\n\n return (\n Composição
\n\n \n \n \n
\n \n \n
\n Preços
\nNutrientes
\n\n
\n\n );\n}","import React, { useState, useEffect } from 'react';\nimport api from 'services/api.js';\nimport { getUser, getToken } from 'utils/utils.js'\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Paper,\n TextField,\n Button,\n TableContainer,\n Checkbox,\n CircularProgress,\n Dialog,\n DialogContent\n} from \"@material-ui/core\";\n\nexport default function EditorPreco({ materias, setMaterias, close, vendedor }) {\n const [loading, setLoading] = useState(false);\n\n async function update_materia(value, cod, isAtivoUpdate = false, centro_custo = 'bom_jesus') {\n if (isAtivoUpdate) {\n setLoading(true);\n }\n console.log(centro_custo)\n const params = {\n 'code': cod,\n centro_custo: centro_custo,\n userId: getUser(),\n token: getToken()\n };\n\n if (isAtivoUpdate) {\n params.habilitada = value ? 1 : 0;\n } else {\n params.preco = value;\n }\n\n const response_update = await api.get(\"/update_precos_materias\", { params });\n\n if ((response_update.data === \"NOK\") || (response_update.data === \"NOS\")) {\n alert('Erro ao atualizar');\n } else {\n const response = await api.get(\"retorna_materias_formulas\", {\n params: { userId: getUser(), token: getToken() },\n });\n setMaterias(response.data);\n }\n\n if (isAtivoUpdate) {\n setLoading(false); // Reset loading state at the end\n }\n }\n\n return (\n \n \n \n
\n \n
\n \n \n
\n \n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Button, Grid, Paper, Dialog, Box } from '@material-ui/core';\nimport EditorCusto from './EditorCusto';\nimport EditorPreco from './EditorPreco';\nimport api from 'services/api.js';\nimport { getUser, getToken } from 'utils/utils.js'\n\nexport default function Edicao({ materias, setMaterias, vendedor }) {\n const [openCusto, setOpenCusto] = useState(false)\n const [openPreco, setOpenPreco] = useState(false)\n const [itens, SetItens] = useState('');\n const [itensBarcarena, setItensBarcarena] = useState('');\n const [itensParangua, setItensParangua] = useState('');\n\n useEffect(() => {\n FetchMyApi();\n }, [openCusto]);\n\n const FetchMyApi = async () => {\n const response_custos = await api.get(\"retorna_custos_fixos\", {\n params: { userId: getUser(), token: getToken() },\n });\n SetItens(response_custos.data)\n const response_custos_parangua = await api.get(\"retorna_custos_fixos_parangua\", {\n params: { userId: getUser(), token: getToken() },\n });\n setItensParangua(response_custos_parangua.data)\n const response_custosBarcarena = await api.get(\"retorna_custos_fixos_barcarena\", {\n params: { userId: getUser(), token: getToken() },\n });\n setItensBarcarena(response_custosBarcarena.data)\n }\n\n const updateItens = (newItens) => {\n SetItens(newItens);\n }\n const updateItensBarcarena = (newItens) => {\n setItensBarcarena(newItens);\n }\n\n const updateItensParangua = (newItens) => {\n setItensParangua(newItens);\n }\n\n\n const handleCloseCusto = () => {\n setOpenCusto(false)\n }\n const handleClosePreco = () => setOpenPreco(false)\n\n return (\n \n \n \n
\n \n
\n\n\n\n {/* Loading dialog */}\n \n \n \n
\n \n Edição / Cadastro \n \n \n\n \n\n \n
\n\n : \n \n
}\n\n \n \n \n
\n \n
\n )}\n \n {/* Título menor e botão alinhado à direita */}\n setShowModal(false)}>\n \n Cadastrar Novo \n \n \n \n \n \n \n \n \n\n {/* Modal para editar agendamento */}\n {agendamentoAtual && (\n setShowEditModal(false)}>\n \n Editar Agendamento \n \n \n \n \n \n \n \n \n )}\n\n {/* Modal de confirmação para deletar agendamento */}\n setShowConfirmModal(false)}>\n \n Confirmar Exclusão \n \n \n \n \n \n \n \n \n\n {/* Tabela de agendamentos */}\n \n \n
\n
\n );\n}\n\nexport default TabelaValorPauta;\n","import {\n drawerWidth,\n transition,\n container\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst appStyle = theme => ({\n wrapper: {\n position: \"relative\",\n top: \"0\",\n height: \"100vh\"\n },\n mainPanel: {\n [theme.breakpoints.up(\"md\")]: {\n width: `calc(100% - ${drawerWidth}px)`\n },\n overflow: \"auto\",\n position: \"relative\",\n float: \"right\",\n ...transition,\n maxHeight: \"100%\",\n width: \"100%\",\n overflowScrolling: \"touch\"\n },\n content: {\n marginTop: \"70px\",\n padding: \"30px 15px\",\n minHeight: \"calc(100vh - 123px)\"\n },\n container,\n map: {\n marginTop: \"70px\"\n }\n});\n\nexport default appStyle;\n","import React, { useRef } from 'react';\n\nconst Cards = () => {\n // Referência ao iframe\n const cardsRef = useRef(null);\n\n return (\n \n
\n\n {/* Modal para criar novo agendamento */}\n Tabela Valores de Pauta
\n \n\n setNovoAgendamento({ ...novoAgendamento, produto: e.target.value })}\n />\n
\n \n
\n \n setNovoAgendamento({ ...novoAgendamento, mp: e.target.value })}\n />\n
\n \n setNovoAgendamento({ ...novoAgendamento, pa: e.target.value })}\n />\n
\n \n setNovoAgendamento({ ...novoAgendamento, valor_pauta_atualizado: e.target.value })}\n />\n
\n \n setAgendamentoAtual({ ...agendamentoAtual, produto: e.target.value })}\n />\n
\n \n
\n \n setAgendamentoAtual({ ...agendamentoAtual, mp: e.target.value })}\n />\n
\n \n setAgendamentoAtual({ ...agendamentoAtual, pa: e.target.value })}\n />\n
\n \n handleValorChange(e.target.value)} // Função para tratar a mudança\n />\n
\n\n Tem certeza de que deseja excluir o agendamento \"{agendamentoParaDeletar?.produto}\"?
\n| ID | \nProduto | \nMP | \nPA | \nValor Pauta Atualizado | \nAções | \n
|---|---|---|---|---|---|
| {agendamento.id} | \n{agendamento.produto} | \n{agendamento.mp} | \n{agendamento.pa} | \n\n {parseFloat(agendamento.valor_pauta_atualizado).toLocaleString('pt-BR', {\n style: 'currency',\n currency: 'BRL'\n })}\n | \n\n {' '}\n \n | \n
\n \n
\n );\n};\n\nexport default Cards;","import React, { useRef } from 'react';\n\nconst SimuladorPrecos = () => {\n // Referência ao iframe\n const cardsRef = useRef(null);\n\n return (\n \n \n
\n );\n};\n\nexport default SimuladorPrecos;","import React, { useRef } from 'react';\n\nconst RelVendedoresSap = () => {\n // Referência ao iframe\n const cardsRef = useRef(null);\n\n return (\n \n \n
\n );\n};\n\nexport default RelVendedoresSap;","import React, { useState, useMemo, useEffect } from \"react\";\nimport axios from \"axios\";\n\n// Ícones do Material-UI (opcional)\nimport ReceiptIcon from \"@material-ui/icons/Receipt\";\nimport ShoppingCartIcon from \"@material-ui/icons/ShoppingCart\";\nimport PersonIcon from \"@material-ui/icons/Person\";\nimport LocalShippingIcon from \"@material-ui/icons/LocalShipping\";\nimport BoxIcon from \"@material-ui/icons/AllInbox\";\nimport SortIcon from \"@material-ui/icons/Sort\";\nimport EventAvailableIcon from \"@material-ui/icons/EventAvailable\";\nimport RoomIcon from \"@material-ui/icons/Room\";\nimport SupervisorAccountIcon from \"@material-ui/icons/SupervisorAccount\";\nimport PublishIcon from \"@material-ui/icons/Publish\";\nimport { defaultFont } from \"../../assets/jss/material-dashboard-react\";\nimport AccountCircleIcon from '@material-ui/icons/AccountCircle';\nimport { AlertCircle, AlertOctagon, AlertTriangleIcon, TimerIcon, Weight, MapPinned } from \"lucide-react\";\n// Função para gerar uma cor de badge com base na string da origem\n// Função para gerar uma cor de badge com base na string da origem\n// Função para gerar uma cor de badge suave com base na string da origem\nfunction getBadgeColor(origin) {\n // Array com cores em tons pastel\n const colors = [\"#D6EAF8\", \"#D4EFDF\", \"#F9E79F\", \"#FADBD8\", \"#E8DAEF\"];\n // Algoritmo djb2 com seed 5381\n let hash = 5381;\n for (let i = 0; i < origin.length; i++) {\n hash = ((hash << 5) + hash) + origin.charCodeAt(i);\n }\n const index = Math.abs(hash) % colors.length;\n return colors[index];\n}\nfunction RastreamentoFaturamento() {\n // Estados dos filtros\n const hoje = new Date().toISOString().split(\"T\")[0];\n const [selectedDate, setSelectedDate] = useState(hoje);\n const [origem, setOrigem] = useState(\"\");\n const [cliente, setCliente] = useState(\"\");\n const [pedido, setPedido] = useState(\"\");\n\n // Estado para loading e dados da API\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState([]);\n const [selectedOrder, setSelectedOrder] = useState(null);\n const [activeTab, setActiveTab] = useState(\"faturamento\");\n\n // Função para buscar dados filtrados por data\n async function fetchData() {\n try {\n setLoading(true);\n // Se a data selecionada for o dia atual, a API retorna automaticamente os registros do dia atual\n const url =\n selectedDate === hoje\n ? `https://back.macs.dev.br:5002/RastreioFaturamento?limit=1000`\n : `https://back.macs.dev.br:5002/RastreioFaturamento?date=${selectedDate}&limit=1000`;\n const response = await axios.get(url);\n const registros = Array.isArray(response.data)\n ? response.data\n : [response.data];\n setData(registros);\n } catch (error) {\n console.error(\"Erro ao buscar dados por data:\", error);\n } finally {\n setLoading(false);\n }\n }\n\n // Função para buscar dados diretamente por número do pedido\n async function fetchPedidoData() {\n try {\n setLoading(true);\n const url = `https://back.macs.dev.br:5002/RastreioFaturamento?ped=${pedido}`;\n const response = await axios.get(url);\n const registros = Array.isArray(response.data)\n ? response.data\n : [response.data];\n setData(registros);\n } catch (error) {\n console.error(\"Erro ao buscar dados por pedido:\", error);\n } finally {\n setLoading(false);\n }\n }\n\n // Ao carregar a página, busca automaticamente os registros do dia atual\n useEffect(() => {\n fetchData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Função executada ao clicar em \"Pesquisar\"\n function handleSearch() {\n if (pedido.trim() !== \"\") {\n fetchPedidoData();\n } else {\n fetchData();\n }\n }\n\n // Função para limpar os filtros e limpar os dados exibidos\n function handleClear() {\n setSelectedDate(hoje);\n setOrigem(\"\");\n setCliente(\"\");\n setPedido(\"\");\n setData([]);\n }\n\n // Gera as opções únicas para o filtro de Origem/Armazém\n const origemOptions = useMemo(() => {\n const origins = data\n .map((order) => order.Logistica && order.Logistica[\"origem/Armazem\"])\n .filter(Boolean);\n return Array.from(new Set(origins));\n }, [data]);\n\n // Filtragem local dos dados para os filtros de cliente e origem\n const filteredData = data.filter((order) => {\n const clienteValue = order.InfoPedido?.Cliente || \"\";\n const origemValue = order.Logistica\n ? order.Logistica[\"origem/Armazem\"] || \"\"\n : \"\";\n return (\n clienteValue.toLowerCase().includes(cliente.toLowerCase()) &&\n origemValue.toLowerCase().includes(origem.toLowerCase())\n );\n });\n\n const openModal = (order) => {\n setSelectedOrder(order);\n setActiveTab(\"faturamento\");\n };\n\n const closeModal = () => {\n setSelectedOrder(null);\n };\n // Calcule o total antes do retorno do componente\n const totalFaturado = filteredData.reduce((total, order) => {\n // Converte para número e trata valores nulos/inexistentes como 0\n return total + Number(order.Faturamento?.qtdFaturada || 0);\n }, 0);\n\n\n return (\n \n {/* Seção de Filtros */}\n \n \n
\n)}\n\n {/* Modal de Detalhes */}\n {selectedOrder && (\n <>\n \n
\n \n )}\n \n );\n}\n\nexport default RastreamentoFaturamento;","import React from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\n// creates a beautiful scrollbar\nimport PerfectScrollbar from \"perfect-scrollbar\";\nimport \"perfect-scrollbar/css/perfect-scrollbar.css\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// core components\nimport Navbar from \"components/Navbars/Navbar.js\";\nimport Sidebar from \"components/Sidebar/Sidebar.js\";\n\nimport AssignmentIcon from '@material-ui/icons/Assignment';\n\n// Paginas\nimport DashboardPage from \"views/Dashboard/Dashboard.js\";\nimport AtualizaFretes from \"views/AtualizaFretes/AtualizaFretes.js\"\nimport SmsSend from \"views/SmsSend/SmsSend.js\"\nimport Emprestimos from 'views/Emprestimos/Emprestimos.js';\nimport Notas from 'views/Notas/Notas.js';\nimport Vendas from 'views/VendasExcel/Vendas';\nimport NDF from 'views/NDF/NDF.js';\nimport TabelaMaterias from 'views/TabelaMaterias/TabelaMaterias.js'\nimport ValidaVenda from \"views/ValidaVenda/ValidaVenda\";\nimport Relatorios from \"views/Relatorios/Relatorios\";\nimport PowerBINecessidades from \"views/PowerBINecessidades/PowerBINecessidades\";\nimport Agendamento from 'views/Agendamento/Agendamento'\nimport AgendamentoOrdenado from 'views/AgendamentoOrdenado/AgendamentoOrdenado'\nimport JornalGen from \"views/JornalGen/JornalGen\";\nimport WorkflowComex from \"views/WorkflowComex/WorkflowComex\";\nimport ConfigurarUsuario from \"views/ConfigurarUsuario/ConfigurarUsuario\";\nimport ConfigurarConta from \"views/ConfigurarConta/ConfigurarConta\";\nimport HierarquiaVendas from \"views/HierarquiaVendas/HierarquiaVendas\";\nimport AutoFaturamento from \"views/AutoFaturamento/AutoFaturamento\";\nimport ConfigurarLogistica from \"views/ConfigurarLogistica/ConfigurarLogistica\";\nimport ConfigurarComercial from \"views/ConfigurarComercial/ConfigurarComercial\";\nimport MonitorCarregamentos from \"views/MonitorCarregamentos/MonitorCarregamentos\";\nimport InputsPricing from \"views/InputsPricing/InputsPricing\";\nimport PricingView from \"views/PricingView/PricingView\";\nimport AprovaVendaLogistica from \"views/AprovaVendaLogistica/AprovaVendaLogistica\";\nimport PlacasChecklist from \"views/PlacasChecklist/PlacasChecklist\";\nimport Necessidades from \"views/Necessidades/Necessidades\";\nimport EstadosPedidos from \"views/EstadosPedidos/EstadosPedidos\";\nimport GraficosTeste from \"views/GraficosTeste/GraficosTeste\";\nimport DocumentosColaborador from 'views/DocumentosColaborador/DocumentosColaborador';\nimport Pesquisas from \"views/Pesquisas/Pesquisas\";\nimport BalancoGeral from \"views/BalancoGeral/BalancoGeral\";\nimport PrecosDeCompra from \"views/BalancoGeral/PrecosDeCompra\";\nimport Formulador from \"views/Formulador/Formulador\";\nimport ControleMetas from \"views/ControleMetas/ControleMetas\";\nimport NewFormulador from \"views/Formulador/NewFormulador\";\nimport ClientesFiadores from \"views/ClientesFiadores/ClientesFiadores\";\nimport TabelaValorPauta from \"views/TabelaValorPauta/TabelaValorPauta\";\n\n\n\n// Icones\nimport ShoppingCartIcon from '@material-ui/icons/ShoppingCart';\nimport PermPhoneMsgOutlinedIcon from '@material-ui/icons/PermPhoneMsgOutlined';\nimport PlaylistAddCheckIcon from '@material-ui/icons/PlaylistAddCheck';\nimport MonetizationOnIcon from '@material-ui/icons/MonetizationOn';\nimport ReceiptIcon from '@material-ui/icons/Receipt';\nimport ShareIcon from '@material-ui/icons/Share';\nimport ListIcon from '@material-ui/icons/List';\nimport VerticalSplitIcon from '@material-ui/icons/VerticalSplit';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport DirectionsBoatIcon from '@material-ui/icons/DirectionsBoat';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport AccountCircleIcon from '@material-ui/icons/AccountCircle';\nimport Reorder from '@material-ui/icons/Reorder';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport SearchIcon from '@material-ui/icons/Search';\nimport InputIcon from '@material-ui/icons/Input';\nimport CalendarViewDayIcon from '@material-ui/icons/CalendarViewDay';\nimport AccountBoxIcon from '@material-ui/icons/AccountBox';\nimport FilterIcon from '@material-ui/icons/Filter';\nimport DynamicFeedIcon from '@material-ui/icons/DynamicFeed';\nimport AccountBalanceWalletIcon from '@material-ui/icons/AccountBalanceWallet';\nimport styles from \"assets/jss/material-dashboard-react/layouts/adminStyle.js\";\nimport AssessmentIcon from '@material-ui/icons/Assessment';\nimport AvTimerIcon from '@material-ui/icons/AvTimer';\nimport FlagIcon from '@material-ui/icons/Flag';\nimport FunctionsIcon from '@material-ui/icons/Functions';\nimport TableChartIcon from '@material-ui/icons/TableChart';\nimport bgImage from \"assets/img/sidebar6.jpg\";\nimport logo from \"assets/img/sysgen_logo.png\";\nimport PeopleIcon from '@material-ui/icons/Group';\n\nimport Cards from \"views/Cards/Cards\";\nimport SimuladorPrecos from \"views/SimuladorPrecos/SimuladorPrecos\";\nimport RelVendedoresSap from \"views/RelVendedoresSap/RelVendedoresSap\";\nimport RastreamentoFaturamento from \"views/RastreamentoFaturamento/RastreamentoFaturamento\";\n\n\n\n\nlet ps;\n\nfunction getPrio() {\n const PrioString = localStorage.getItem('Prio')\n\n if (PrioString === null) {\n return ''\n }\n else {\n return PrioString\n }\n}\n\nfunction getPermissoes() {\n const permissoes = localStorage.getItem('permissoes')\n\n if (permissoes === null) {\n return ''\n }\n else {\n return JSON.parse(permissoes)\n }\n}\n\n\n\nfunction returnThing() {\n let dashboardRoutes = []\n let permissoes = getPermissoes()\n\n \n\n dashboardRoutes.push({\n path: \"/JornalGen\",\n name: \"JornalGen\",\n icon: DescriptionIcon,\n component: JornalGen,\n layout: \"/admin\"\n })\n \n\n if (permissoes === '') {\n return dashboardRoutes\n }\n if (permissoes[0]['clientes_fiadores'] === 1) {\n dashboardRoutes.push({\n path: \"/ClientesFiadores\",\n name: \"Fiadores Clientes\",\n icon: DescriptionIcon,\n component: ClientesFiadores,\n layout: \"/admin\"\n })\n }\n\n\n if (permissoes[0]['necessidades'] === 1) {\n dashboardRoutes.push({\n path: \"/Necessidades\",\n name: \"Necessidades\",\n icon: CheckCircleIcon,\n component: Necessidades,\n layout: \"/admin\"\n })\n }\n\n if (permissoes[0]['admin'] === 1) {\n dashboardRoutes.push({\n path: \"/ConfigurarUsuario\",\n name: \"Configurar Usuário\",\n icon: CheckCircleIcon,\n component: ConfigurarUsuario,\n layout: \"/admin\"\n })\n }\n\n if (permissoes[0]['configurarLogistica'] === 1) {\n dashboardRoutes.push({\n path: \"/ConfigurarLogistica\",\n name: \"Configurações Logística\",\n icon: Reorder,\n component: ConfigurarLogistica,\n layout: \"/admin\"\n })\n }\n\n if (permissoes[0]['dashboard'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/dashboard\",\n name: \"Relatórios\",\n icon: ListIcon,\n component: DashboardPage,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['notas'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/notas\",\n name: \"Notas XP \",\n icon: MonetizationOnIcon,\n component: Notas,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['ndf'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/NDF\",\n name: \"NDF \",\n icon: ReceiptIcon,\n component: NDF,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['emprestimos'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/Emprestimos\",\n name: \"Emprestimos \",\n icon: ShareIcon,\n component: Emprestimos,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['sms'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/SMS\",\n name: \"Sistema de chamadas\",\n icon: PermPhoneMsgOutlinedIcon,\n component: SmsSend,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['vendas'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/Vendas\",\n name: \"Contratos de Venda\",\n icon: MonetizationOnIcon,\n component: Vendas,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['placas_checklist'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/PlacasChecklist\",\n name: \"Check List\",\n icon: FilterIcon,\n component: PlacasChecklist,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['validaVendas'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/Aprovacao\",\n name: \"Aprovação de vendas\",\n icon: PlaylistAddCheckIcon,\n component: ValidaVenda,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['hierarquiaVendas'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/hierarquiaVendas\",\n name: \"Aprovação de Vendas\",\n icon: PlaylistAddCheckIcon,\n component: HierarquiaVendas,\n layout: \"/admin\"\n }\n )\n }\n\n\n if (permissoes[0]['aprovaVendaLogistica'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/AprovaVendaLogistica\",\n name: \"Aprovação de Fretes\",\n icon: PlaylistAddCheckIcon,\n component: AprovaVendaLogistica,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['analises_sysgen'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/GraficosTeste\",\n name: \"Análises Sysgen\",\n icon: AssessmentIcon,\n component: GraficosTeste,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['estados_pedidos'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/EstadosPedidos\",\n name: \"Status Pedidos\",\n icon: DynamicFeedIcon,\n component: EstadosPedidos,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['powerBiNecessidades'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/PowerBINecessidades\",\n name: \"Necessidades\",\n icon: ShoppingCartIcon,\n component: PowerBINecessidades,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['materiasPrecos'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/materiasPrecos\",\n name: \"Tabela Matérias Preços\",\n icon: AssignmentIcon,\n component: TabelaMaterias,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['tabelaFretes'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/tabelaFretes\",\n name: \"Tabela de Fretes\",\n icon: AssignmentIcon,\n component: AtualizaFretes,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['agendamento'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/Agendamento\",\n name: \"Agendamento\",\n icon: VerticalSplitIcon,\n component: Agendamento,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['relvendedores_sap'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/relVendedoresSap\",\n name: \"Rel. Vendedores SAP\",\n icon: PeopleIcon,\n component: RelVendedoresSap,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['tabela_valores_pauta'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/TabelaValorPauta\",\n name: \"Tabela Valor Pautas\",\n icon: ReceiptIcon,\n component: TabelaValorPauta,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['cards_pedidos'] === 1) {\n dashboardRoutes.push({\n path: \"/Cards\",\n name: \"Cards\",\n icon: DescriptionIcon,\n component: Cards,\n layout: \"/admin\"\n })\n }\n if (permissoes[0]['rastreia_faturamento'] === 1) {\n dashboardRoutes.push({\n path: \"/RastreamentoFaturamento\",\n name: \"Rastreamento Faturamento\",\n icon: DescriptionIcon,\n component: RastreamentoFaturamento,\n layout: \"/admin\"\n })\n }\n if (permissoes[0]['formulador'] === 1) {\n dashboardRoutes.push({\n path: \"/CrmVendas\",\n name: \"CRM Vendas\",\n icon: DescriptionIcon,\n component: () => {\n window.open(\"https://app.genfertilizantes.com\", \"_blank\");\n return null;\n },\n layout: \"/admin\"\n });\n}\n \n \n// if (permissoes[0]['agendamento'] === 1) {\n// dashboardRoutes.push(\n// {\n// path: \"/AgendamentoOrdenado\",\n// name: \"Ordenação Agendamentos Fábrica\",\n// icon: AvTimerIcon,\n// component: AgendamentoOrdenado,\n// layout: \"/admin\"\n// }\n// )\n// }\n\n\n\n if (permissoes[0]['relatorios'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/Relatorios\",\n name: \"Relatorios+\",\n icon: AssignmentIcon,\n component: Relatorios,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['workflowComex'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/WorkflowComex\",\n name: \"Workflow Comex\",\n icon: DirectionsBoatIcon,\n component: WorkflowComex,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['autoFat'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/AutoFaturamento\",\n name: \"Agendamentos faturados\",\n icon: ReceiptIcon,\n component: AutoFaturamento,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['monitorCarregamentos'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/MonitorCarregamentos\",\n name: \"Monitor Carregamentos\",\n icon: SearchIcon,\n component: MonitorCarregamentos,\n layout: \"/admin\"\n })\n }\n\n if (permissoes[0]['configComercial'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/ConfigurarComercial\",\n name: \"Configurar Comercial\",\n icon: SettingsIcon,\n component: ConfigurarComercial,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['inputsPricing'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/InputsPricing\",\n name: \"Inputs Pricing\",\n icon: InputIcon,\n component: InputsPricing,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['pricingView'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/PricingView\",\n name: \"Precificação\",\n icon: AccountBalanceWalletIcon,\n component: PricingView,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['pesquisas'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/Pesquisas\",\n name: \"Pesquisas\",\n icon: CalendarViewDayIcon,\n component: Pesquisas,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['documentosColaborador'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/DocumentosColaborador\",\n name: \"Arquivos RH\",\n icon: AccountBoxIcon,\n component: DocumentosColaborador,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['balanco_geral'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/BalancoGeral\",\n name: \"Balanço Geral\",\n icon: TableChartIcon,\n component: BalancoGeral,\n layout: \"/admin\"\n }\n )\n }\n\n if (permissoes[0]['precos_de_compra'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/PrecosDeCompra\",\n name: \"Preços de Compra\",\n icon: TableChartIcon,\n component: PrecosDeCompra,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['formulador'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/SimuladorPrecos\",\n name: \"SimuladorPrecos\",\n icon: FunctionsIcon,\n component: SimuladorPrecos,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['formulador'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/Formulador\",\n name: \"Formulador\",\n icon: TableChartIcon,\n component: NewFormulador,\n layout: \"/admin\"\n }\n )\n }\n if (permissoes[0]['plr'] === 1) {\n dashboardRoutes.push(\n {\n path: \"/ControleMetas\",\n name: \"Controle Metas\",\n icon: FlagIcon,\n component: ControleMetas,\n layout: \"/admin\"\n }\n )\n }\n \n dashboardRoutes.push(\n {\n path: \"/ConfigurarConta\",\n name: \"Configurar Conta\",\n icon: AccountCircleIcon,\n component: ConfigurarConta,\n layout: \"/admin\"\n }\n )\n\n return dashboardRoutes\n}\n\nconst switchRoutes = (\n \n
\n\n {/* Botões de Ação */}\n \n \n setSelectedDate(e.target.value)}\n disabled={pedido.trim() !== \"\"}\n />\n
\n \n \n setOrigem(e.target.value)}\n >\n \n {origemOptions.map((option, index) => (\n \n ))}\n \n
\n \n \n setCliente(e.target.value)}\n />\n
\n \n \n setPedido(e.target.value)}\n />\n
\n \n \n \n
\n\n {loading && (\n \n \n Carregando...\n
\n )}\n\n {/* Mensagem quando não houver dados */}\n {!loading && data.length === 0 && (\n \n
\n )}\n\n {/* Tabela de Registros */}\n {!loading && data.length > 0 && (\n | \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n \n | \n
|---|---|---|---|---|---|---|---|---|---|
| \n {order.Faturamento?.LancamentoNota \n ? (() => {\n const [day, month, year] = order.Faturamento.LancamentoNota.split(\"/\");\n const dateObj = new Date(year, month - 1, day);\n return dateObj.toLocaleDateString(\"pt-BR\");\n })()\n : new Date(selectedDate).toLocaleDateString(\"pt-BR\")}\n | \n\n | \n \n | \n \n {order.Logistica ? (\n \n {order.Logistica[\"origem/Armazem\"]}\n \n ) : \"\"}\n | \n\n {order.Logistica[\"Destino\"]}\n | \n\n | \n \n | \n \n | \n \n | \n \n | \n
| Total | \n{totalFaturado} Toneladas | \n\n |
\n
\n \n {/* Cabeçalho com abas */}\n
\n \n \n
\n\n {/* Corpo do Modal */}\n \n
\n \n Detalhes do Pedido Nr.{\" \"}\n {selectedOrder.InfoPedido?.NumPedido || \"\"}\n
\n- \n
- \n
- \n
- \n
- \n
\n
\n\n {/* Rodapé do Modal */}\n \n {activeTab === \"faturamento\" && (\n
\n \n {/* Linha 1 */}\n
\n )}\n {activeTab === \"infoPedido\" && (\n \n
\n\n {/* Linha 2 */}\n \n \n {\n // Supondo que a data esteja no formato \"DD/MM/YYYY\"\n const [day, month, year] = selectedOrder.Faturamento.LancamentoNota.split(\"/\");\n const dateObj = new Date(year, month - 1, day);\n return dateObj.toLocaleDateString(\"pt-BR\");\n })()\n : \"\"\n }\n disabled\n />\n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n\n {/* Linha 3 */}\n \n \n
\n \n \n
\n \n
\n\n {/* Linha 4 */}\n \n \n
\n \n \n
\n \n
\n\n {/* Linha 5 */}\n \n \n
\n \n \n
\n \n {selectedOrder.Faturamento?.numeroextnfemae !== \"Not Found\" && (\n
\n\n {/* Linha 6 - Informações Fiscais */}\n \n \n
\n )}\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n )}\n {activeTab === \"logistica\" && (\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n )}\n {activeTab === \"qualidade\" && (\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n )}\n \n \n
\n \n \n
\n \n \n
\n \n {mostrarSidebar ?\n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\n\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport Button from '@material-ui/core/Button';\nimport { TextField } from \"@material-ui/core\";\n\n\nconst useStyles = makeStyles((theme) => ({\n formControl: {\n margin: theme.spacing(3),\n },\n button: {\n margin: theme.spacing(1, 1, 0, 0),\n },\n}));\n\nfunction PesquisaGeral(props) {\n const classes = useStyles();\n const [question1, setQuestion1] = React.useState('');\n const [question2, setQuestion2] = React.useState('');\n const [question3, setQuestion3] = React.useState('');\n const [question4, setQuestion4] = React.useState('');\n const [question5, setQuestion5] = React.useState('');\n const [valid, setValid] = useState(true)\n const [nome, setNome] = useState('')\n const [produtos, setProdutos] = useState([])\n\n useEffect(() => {\n async function fetchMyAPI() {\n const response = await api.get(\"/validatePesquisa\", {\n params: {\n docEntry: props.match.params.id,\n token: props.match.params.token,\n codUser: props.match.params.uid\n }\n });\n\n if ((response.data === 'NOK') || (response.data === 'NOK1') || (response.data === 'NOK2')) {\n alert('Erro ao encontrar pesquisa')\n setValid(false)\n }\n else if ((response.data === 'NOK3')) {\n alert('Pesquisa já realizada!')\n setValid(false)\n }\n else {\n console.log(response.data)\n setValid(true)\n setNome(response.data.nome)\n setProdutos(response.data.produtos)\n }\n }\n fetchMyAPI();\n\n }, [])\n\n async function sendPesquisa() {\n const response = await api.get(\"/terminaPesquisa\", {\n params: {\n question1, question2, question3, question4, question5, docEntry: props.match.params.id,\n token: props.match.params.token\n }\n });\n if (response.data === 'OK') {\n alert('Pesquisa respondida com sucesso!')\n window.location.reload()\n }\n }\n const handleChange = (event) => {\n setQuestion1(event.target.value);\n };\n const handleChange2 = (event) => {\n setQuestion2(event.target.value);\n };\n const handleChange3 = (event) => {\n setQuestion3(event.target.value);\n };\n const handleChange4 = (event) => {\n setQuestion4(event.target.value);\n };\n const handleChange5 = (event) => {\n setQuestion5(event);\n };\n\n\n return (\n \n \n
:\n \n \n
\n }\n\n\n {mostrarSidebar ? \n
\n \n
\n ) : (\n {switchRoutes}
\n {switchRoutes}
\n )}\n\n\n \n {valid === true ?\n }\n
\n );\n}\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PesquisaGeral);\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\n\nimport Loader from \"react-loader-spinner\";\n\n\nconst useStyles = makeStyles((theme) => ({\n formControl: {\n margin: theme.spacing(3),\n },\n button: {\n margin: theme.spacing(1, 1, 0, 0),\n },\n}));\n\nfunction InfoPedido(props) {\n const classes = useStyles();\n\n const [infoPedido, setInfoPedido] = useState({})\n const [cliente, setCliente] = useState('')\n\n useEffect(() => {\n async function fetchMyAPI() {\n const response = await api.get(\"/getDataPedido\", {\n params: {\n docEntry: props.match.params.id,\n token: props.match.params.token,\n }\n });\n\n if ((response.data === 'NOK') || (response.data === 'NOK1') || (response.data === 'NOK2')) {\n alert('Erro ao encontrar informações de faturamento')\n }\n else {\n console.log(response.data)\n setInfoPedido(response.data)\n setCliente(response.data[0].Cliente)\n }\n }\n fetchMyAPI();\n\n }, [])\n\n\n\n return (\n \n
:\n \n \n \n \n \n\n \n \n \n \n\n\n 1. Como você avalia o atendimento comercial da Gen Fertilizantes? \n \n \n\n\n 2. Como você avalia nossos serviços: Programação de Entrega, Logística em Geral?\n \n \n \n\n\n 3. Como você avalia a qualidade de nossos produtos e embalagens?\n \n \n \n\n {/* 4. Qual o nível de satisfação com a Gen Fertilizantes\n \n \n */}\n\n 4. Em uma escala de 1 a 10, o quanto você recomendaria a Gen Fertilizantes para outros agricultores?\n \n \n \n\n 5. Que sugestão você daria para a GeN (Quanto a produto, serviço, inovação, etc)?\n \n handleChange5(e.target.value)} />\n\n
\n\n Nome: {nome}
\nProdutos: {produtos}
\n\n \n \n \n
\n\n Pesquisa já respondida!
\n\n
\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(InfoPedido);\n","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\n\nimport Button from '@material-ui/core/Button';\nimport { TextField } from \"@material-ui/core\";\n\n\nconst useStyles = makeStyles((theme) => ({\n formControl: {\n margin: theme.spacing(3),\n },\n button: {\n margin: theme.spacing(1, 1, 0, 0),\n },\n}));\n\nfunction ResetPasword(props) {\n const classes = useStyles();\n const [password, setPassword] = useState('');\n const [valid, setValid] = useState(true)\n\n useEffect(() => {\n async function fetchMyAPI() {\n const response = await api.get(\"/validatePassChange\", {\n params: {\n token: props.match.params.token,\n codUser: props.match.params.uid\n }\n });\n\n if ((response.data === 'NOK') || (response.data === 'NOK1') || (response.data === 'NOK2')) {\n alert('Erro ao encontrar solicitação')\n setValid(false)\n }\n else if ((response.data === 'NOK3')) {\n alert('Alteração de senha já realizada')\n setValid(false)\n }\n else {\n alert('Digite sua nova senha ' + response.data.nome)\n setUser(response.data.nome)\n }\n }\n fetchMyAPI();\n\n }, [])\n\n async function alteraSenha() {\n const response = await api.get(\"/AlteraSenha\", {\n params: {\n codUser: props.match.params.uid, password\n }\n });\n if (response.data === 'OK') {\n alert('Senha alterada com sucesso')\n window.location.reload()\n }\n }\n\n return (\n \n\n \n \n \n \n \n \n \n\n \n
\n Nome : {cliente}
\n\n {infoPedido !== '' ? \n \n\n
:
\n | \n DocPedido\n | \n\n NumeroPedidoGen\n | \n\n DataFaturamento\n | \n\n Item\n | \n\n QtdPedido\n | \n\n Faturado\n | \n\n Saldo\n | \n\n Placa\n | \n\n Cliente\n | \n\n CidadePedido\n | \n\n EstadoPedido\n | \n\n FazendaPedido\n | \n\n NFVenda\n | \n\n Embalagem\n | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n {infoPedido[item].DocPedido}\n | \n\n {infoPedido[item].NumeroPedidoGen}\n | \n\n {infoPedido[item].DataFaturamento}\n | \n\n {infoPedido[item].Item}\n | \n\n {infoPedido[item].QtdPedido}\n | \n\n {infoPedido[item].Faturado}\n | \n\n {infoPedido[item].Saldo}\n | \n\n {infoPedido[item].Placa}\n | \n\n {infoPedido[item].Cliente}\n | \n\n {infoPedido[item].CidadePedido}\n | \n\n {infoPedido[item].EstadoPedido}\n | \n\n {infoPedido[item].FazendaPedido}\n | \n\n {infoPedido[item].NFVenda}\n | \n\n {infoPedido[item].Embalagem}\n | \n
\n {valid === true ?\n
\n );\n}\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ResetPasword);\n","import React, { useState, useEffect } from \"react\";\nimport Button from \"@material-ui/core/Button\";\nimport TextField from \"@material-ui/core/TextField\";\n\nimport Paper from \"@material-ui/core/Paper\";\nimport Grid from \"@material-ui/core/Grid\";\n\nimport logo from \"../assets/img/sysgen_logo_dark.png\"; // Importa a logomarca\nimport background from \"../assets/img/background-2.png\"; // Importa a imagem de fundo\n\n\nimport Typography from \"@material-ui/core/Typography\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../flux/actions/tokenIndex\";\nimport { setUser } from \"../flux/actions/userIndex\";\nimport api from \"../services/api\";\nimport Loader from \"react-loader-spinner\";\n\nfunction getUser() {\n const userString = localStorage.getItem('user')\n if (userString === null) {\n return ''\n }\n else {\n return userString\n }\n\n}\nfunction getLink() {\n const link = localStorage.getItem('link')\n if (link === null) {\n return ''\n }\n else {\n return link\n }\n\n}\n\nfunction SignInSide(props) {\n const [Login, setLogin] = useState(\"\");\n const [Pass, setPass] = useState(\"\");\n const [logando, setLogando] = useState(false)\n\n const classes = useStyles();\n\n\n useEffect(() => {\n if (getUser() !== '') {\n if (getLink() !== '') {\n props.history.push(getLink())\n localStorage.setItem('link', '')\n } else {\n props.history.push({ pathname: \"/JornalGen\" })\n }\n }\n }, [])\n\n\n async function validateLogin() {\n setLogando(true)\n const response_login = await api.get(\"/login\", {\n params: { login: Login, senha: Pass },\n });\n\n if (response_login.data === 'NOK') {\n alert('Login inválido')\n } else {\n localStorage.setItem('user', response_login.data[0].nome)\n localStorage.setItem('permissoes', response_login.data[0].permissoes)\n localStorage.setItem('celular', response_login.data[0].celular)\n localStorage.setItem('token', response_login.data[0].token)\n localStorage.setItem('Prio', response_login.data[0].prio)\n localStorage.setItem('id', response_login.data[0].id)\n\n // if(response_login.data[0].nome === 'teste'){\n // localStorage.setItem('Prio', '0')\n // }else if(response_login.data[0].nome === 'romer' || response_login.data[0].nome === 'VictorLog'||response_login.data[0].nome === 'Fred'){ localStorage.setItem('Prio', '2')}\n // else if(response_login.data[0].nome === 'fabricabj'){ localStorage.setItem('Prio', '3')}\n // else if(response_login.data[0].nome === 'Anaclaudia'){ localStorage.setItem('Prio', '4')}\n\n props.setToken(Pass);\n props.setUser(response_login.data[0].nome);\n\n window.location.reload();\n }\n setLogando(false)\n }\n\n return (\n \n setPassword(e.target.value)} />\n \n
\n : Solicitação já realizada
}\n\n\n
\n \n {info === '' ?
\n )\n}\n\n\nconst useStyles = makeStyles({\n divInfo: {\n background: 'white',\n margin: 'auto',\n borderRadius: 6,\n boxShadow: 'rgba(0, 0, 0, 0.24) 0px 3px 8px',\n width: '90vw',\n padding: 10,\n marginTop: 100,\n marginBottom: 10\n }\n})\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PedidoFinalizado);","import React, { useEffect, useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { setToken } from \"../../flux/actions/tokenIndex\";\nimport { setUser } from \"../../flux/actions/userIndex\";\nimport api from \"../../services/api\";\n\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport Button from '@material-ui/core/Button';\nimport { TextField } from \"@material-ui/core\";\n\n\nconst useStyles = makeStyles((theme) => ({\n formControl: {\n margin: theme.spacing(3),\n },\n button: {\n margin: theme.spacing(1, 1, 0, 0),\n },\n}));\n\nfunction ValidadeQrCode(props) {\n const classes = useStyles();\n const [valid, setValid] = useState(false)\n const [carregamento, setCarregamento] = useState('')\n\n useEffect(() => {\n async function fetchMyAPI() {\n const response = await api.get(\"/info_qr_code_balanca\", {\n params: {\n codigo: props.match.params.id,\n token: 'gerar_token_validacao_app',\n\n }\n });\n\n if ((response.data === 'NOK') || (response.data === 'NOK1') || (response.data === 'NOK2')) {\n alert('Erro ao encontrar carregamento')\n setValid(false)\n }\n else if ((response.data === 'NOK3')) {\n alert('Carregamento já finalizado')\n setValid(false)\n }\n else {\n setCarregamento(response.data)\n setValid(true)\n //setNome(response.data.nome)\n //setProdutos(response.data.produtos)\n }\n }\n fetchMyAPI();\n\n }, [])\n\n async function sendValidation() {\n const response = await api.get(\"/validate_qr_code\", {\n params: {\n codigo: props.match.params.id,\n token: 'gerar_token_validacao_app',\n }\n });\n if (response.data === 'OK') {\n alert('Carregamento aceito')\n window.location.reload()\n }\n }\n\n\n\n return (\n Carregando...
:\n info === 'TOKEN-INVALIDO' ? Pedido não encontrado...
:\n \n
\n }\n Informações do Pedido
\n\nPedido: {info.DocPedido}
\n Cliente: {info.Cliente}
\n Cidade: {info.CidadePedido}
\n Produtos: {info.Produtos}
\n\n \n setNumero(e)}\n value={numero}\n label='Celular'\n />\n
\n\n {salvo === false ?\n\n Adicionar número do cliente:
\n \n {!salvando ? :
: Adicionando...
}\n Número já adicionado
\n }\n\n \n {valid === true ?\n }\n
\n );\n}\n\n\nfunction mapStateToProps(state) {\n return {\n token: state.token,\n user: state.user,\n };\n}\n\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setToken: setToken,\n setUser: setUser,\n },\n dispatch\n );\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ValidadeQrCode);\n","\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { createBrowserHistory } from \"history\";\nimport { Router, Route, Switch, Redirect } from \"react-router-dom\";\n\n// core components\nimport Admin from \"layouts/Admin.js\";\nimport PesquisaGeral from 'views/PesquisaGeral/PesquisaGeral.js'\nimport InfoPedido from 'views/InfoPedido/InfoPedido.js'\nimport ResetPasword from \"views/ResetPassword/ResetPasword\";\nimport \"assets/css/material-dashboard-react.css?v=1.9.0\";\nimport SignInSide from \"siginIn/SignInSide\";\nimport { createStore } from \"redux\";\nimport { Provider } from \"react-redux\";\nimport allReducers from \"./flux/reducers/index\";\nimport PedidoFinalizado from \"views/PedidoFinalizado/PedidoFinalizado\";\nimport ValidadeQrCode from \"views/ValidadeQrCode/ValidadeQrCode\";\n//import { datadogRum } from '@datadog/browser-rum';\nconst store = createStore(allReducers);\n\nconst hist = createBrowserHistory();\n\n\n// datadogRum.init({\n// applicationId: '08396d1a-1789-4ae8-b9a5-72824b0f0fbb',\n// clientToken: 'pub3c4e996062032cecfbf5c516e49b3c84',\n// site: 'us5.datadoghq.com',\n// service:'sysgenteste',\n// env:'\n
:\n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n
\n\n {carregamento[0].entrouArmazem === 0 ? Placa: {carregamento[0].placa}
\nOpercao: {carregamento[0].operacao}
\nEntrou: {carregamento[0].entrouArmazem}
\n\n \n \n \n
: Carregamento Aceito
}\n\n