\r\n {!!dadosItens.dadosItens && dadosItens.dadosItens.length > 0 &&\r\n
(\r\n \r\n \r\n \r\n {pro_codigo} \r\n \r\n {pro_descricao} \r\n \r\n
\r\n \r\n {nfi_ean} \r\n \r\n {grade} \r\n \r\n
\r\n
\r\n )\r\n },\r\n {\r\n title: 'CFOP',\r\n align: 'center',\r\n width: '4%',\r\n fixed: 'left',\r\n render: ({ nfi_cfop }) => (\r\n \r\n {nfi_cfop} \r\n
\r\n ),\r\n },\r\n {\r\n title: `${dadosContribuinte.emp_regimetributario === 1 ? 'CSOSN' : 'CST'}`,\r\n align: 'center',\r\n width: '5%',\r\n fixed: 'left',\r\n render: ({ cst_id, cso_id }) => (\r\n \r\n
{dadosContribuinte.emp_regimetributario === 1 ? cso_id : cst_id} \r\n \r\n \r\n ),\r\n },\r\n {\r\n title: 'Qtde.',\r\n width: '5%',\r\n align: 'right',\r\n fixed: 'left',\r\n render: ({ nfi_qtde }) => (\r\n \r\n {FormatNumber(nfi_qtde, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Vlr Unt.(R$)',\r\n align: 'right',\r\n width: '8%',\r\n fixed: 'left',\r\n render: ({ nfi_valorunitario }) => (\r\n \r\n {FormatNumber(nfi_valorunitario, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Desc.',\r\n align: 'right',\r\n width: '5%',\r\n render: ({ percdesc }) => (\r\n \r\n {percdesc}% \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Acres.',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ percacresc }) => (\r\n \r\n {FormatNumber(percacresc, true)}% \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Vlr. Frete',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ nfi_valorfrete }) => (\r\n \r\n {FormatNumber(nfi_valorfrete, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Bc. Icms',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ baseICMS }) => (\r\n \r\n {FormatNumber(baseICMS, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: '% Icms',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ nig_percicms }) => (\r\n \r\n {FormatNumber(nig_percicms, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Vlr Icms',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ nig_valorIcms }) => (\r\n \r\n {FormatNumber(nig_valorIcms, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Bc. ST',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ BaseST }) => (\r\n \r\n {FormatNumber(BaseST, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: '% ST',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ nig_percicmsst }) => (\r\n \r\n {FormatNumber(nig_percicmsst, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Vlr ST',\r\n align: 'right',\r\n width: '6%',\r\n render: ({ nig_valoricmsst }) => (\r\n \r\n {FormatNumber(nig_valoricmsst, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Vlr Total (R$)',\r\n align: 'right',\r\n width: '8%',\r\n fixed: 'right',\r\n render: ({ total }) => (\r\n \r\n {FormatNumber(total, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n width: '5%',\r\n fixed: 'right',\r\n render: (record, e, indice) => (\r\n \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]}\r\n scroll={{\r\n x: 1500,\r\n y: 300,\r\n }}\r\n />\r\n }\r\n \r\n \r\n \r\n {quantidade} \r\n \r\n
\r\n \r\n {FormatNumber(valorTotal, true)} \r\n \r\n
\r\n
\r\n \r\n );\r\n}","import React, { useEffect } from \"react\";\r\nimport { Row, Col, Card, Form, Typography, Input, Divider } from \"antd\";\r\n\r\nimport { FormatNumber } from \"../../ValueObjects\";\r\nimport { validarNumeros } from \"../../services/funcoes\";\r\n\r\nexport default function TabResumoTransferencia({ form, dadosItens, resumoNota }) {\r\n\r\n useEffect(() => {\r\n let formulario = form.getFieldValue();\r\n let resumo = {\r\n valorProduto: 0,\r\n valorFrete: 0,\r\n valorOutros: 0,\r\n valorSeguro: 0,\r\n valorBaseICMS: 0,\r\n valorICMS: 0,\r\n valorBaseST: 0,\r\n valorICMSST: 0,\r\n valorBaseIPI: 0,\r\n valorIPI: 0,\r\n valorBaseICMSST: 0\r\n };\r\n dadosItens.dadosItens.forEach((item) => {\r\n resumo.valorProduto += (item.nfi_valorunitario * item.nfi_qtde) || 0;\r\n resumo.valorFrete += (item.nfi_valorfrete) || 0;\r\n resumo.valorOutros += (item.nfi_valoroutros) || 0;\r\n resumo.valorSeguro += (item.nfi_valorseguro) || 0;\r\n resumo.valorBaseICMS += (item.baseICMS) || 0;\r\n resumo.valorICMS += (item.nig_valorIcms) || 0;\r\n resumo.valorBaseST += (item.nig_valorbcst) || 0;\r\n resumo.valorICMSST += (item.nig_valoricmsst) || 0;\r\n resumo.valorBaseIPI += (item.npi_valorbcipi) || 0;\r\n resumo.valorIPI += (item.npi_valoripi) || 0;\r\n });\r\n resumo.valorFrete = validarNumeros(formulario.valorFrete);\r\n resumo.valorSeguro = validarNumeros(formulario.valorSeguro);\r\n resumo.valorTotalNotaFiscal = resumo.valorProduto + resumo.valorFrete + resumo.valorOutros + resumo.valorSeguro + resumo.valorIPI + resumo.valorICMSST + resumo.valorICMS; \r\n let dadosItensTemp = [...dadosItens.dadosItens];\r\n dadosItens.setDadosItens(dadosItensTemp);\r\n resumoNota.setResumoNota(resumo);\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n Resumo da Nota Fiscal de Transferência\r\n \r\n \r\n
\r\n }>\r\n
\r\n \r\n {FormatNumber(resumoNota.resumoNota.valorProduto, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorFrete, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorSeguro, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorOutros, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorBaseIPI, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorIPI, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorBaseICMS, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorICMS, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorBaseST, true)} \r\n \r\n \r\n \r\n {FormatNumber(resumoNota.resumoNota.valorICMSST, true)} \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Total da Nota (R$)\r\n \r\n \r\n
\r\n
\r\n {FormatNumber(resumoNota.resumoNota.valorTotalNotaFiscal, true)} \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n { setProximaPag(tagPages + 1) }} >\r\n Avançar \r\n \r\n formNotaFiscalTransferencia.submit()} hidden={tagPages !== 3} loading={carregando} icon={ \r\n \r\n
\r\n
\r\n }>\r\n \r\n
\r\n
\r\n
\r\n {\r\n alternarTab(tab);\r\n }}>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
(\r\n \r\n {ntf_numero} \r\n \r\n ),\r\n },\r\n {\r\n title: 'Correções Emitidas',\r\n render: ({ ntf_nomedest, ntf_chavenfe }) => (\r\n \r\n \r\n {ntf_nomedest} \r\n \r\n {ntf_chavenfe} \r\n \r\n
\r\n
\r\n ),\r\n },\r\n {\r\n title: 'Série',\r\n width: 100,\r\n render: ({ ser_serie }) => (\r\n \r\n {ser_serie} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Emissão',\r\n width: 90,\r\n render: ({ ntf_dataemissao }) => (\r\n \r\n {moment(ntf_dataemissao).format('DD/MM/YYYY')} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Total da Nota (R$)',\r\n align: 'right',\r\n width: 180,\r\n render: ({ valor_total }) => (\r\n \r\n {FormatNumber(valor_total, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n width: 65,\r\n render: (record) => (\r\n \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]\r\n } expandir={({ correcoes }) => {\r\n return (\r\n \r\n
\r\n (\r\n \r\n \r\n {correcao.evt_sequencia} \r\n \r\n {correcao.evt_texto} \r\n \r\n {moment(correcao.evt_dataEnvio).format('DD/MM/YYYY')} \r\n \r\n {correcao.evt_protocolo} \r\n \r\n {moment(correcao.evt_dataprocessamento).format('DD/MM/YYYY HH:mm:ss')} \r\n \r\n
\r\n
\r\n )\r\n }, {\r\n align: 'right',\r\n width: 45,\r\n render: (correcao) => (\r\n \r\n \r\n
\r\n
\r\n\r\n )\r\n }\r\n ]} />\r\n \r\n \r\n \r\n )\r\n }} />\r\n \r\n aoSalvar()} />\r\n \r\n );\r\n\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { Row, Col, Button, Typography, Collapse, Checkbox, Badge, Tag, Form, Input, Modal, Spin } from \"antd\";\r\nimport { PlusOutlined, CheckOutlined, CloseOutlined, ExclamationCircleOutlined, ArrowLeftOutlined } from \"@ant-design/icons\";\r\nimport moment from \"moment\";\r\n\r\nimport api from \"../../services/api\";\r\nimport { ModalInutilizacaoNfe } from \"../../components/modals/\";\r\nimport { BreadcrumbPage, BotaoAbrirChamado } from \"../../components\";\r\n\r\nexport default function InutilizacaoNfe() {\r\n\r\n const [listaStatusNota, setListaStatusNota] = useState([]);\r\n const [openModal, setOpenModal] = useState(false);\r\n const [listaNfRejeitada, setListaNfRejeitada] = useState([]);\r\n const [listaNfEmDititacaMais30Dias, setListaNfEmDititacaMais30Dias] = useState([]);\r\n const [listaNfEmDititacaMenos30Dias, setListaNfEmDititacaMenos30Dias] = useState([]);\r\n const [qtdeNumerosInutilizar, setQtdeNumerosInutilizar] = useState(0);\r\n const [qtdeInutilizados, setQtdeInutilizados] = useState(0);\r\n const [retornoInutilizacao, setRetornoInutilizacao] = useState([]);\r\n const [formulario] = Form.useForm();\r\n const etapas = {\r\n solicitacao: 1,\r\n processando: 2,\r\n retorno: 3\r\n };\r\n const [etapaAtual, setEtapaAtual] = useState(1);\r\n\r\n useEffect(() => {\r\n formulario.setFieldsValue({ justificativaInutilizacao: 'Solicitada a inutilização dos números de NF-e da respectiva série fiscal pois a numeração não foi utilizada por motivo de rejeição de NF-e ou falha no processo de emissão do sistema.' });\r\n retornaStatusNF();\r\n carregarDados();\r\n }, []);\r\n\r\n function carregarDados() {\r\n let data30Dias = new Date();\r\n data30Dias.setDate(data30Dias.getDate() - 30);\r\n api.get(`NotaFiscal/GetNotaPorStatus?StatusNFe=4`).then((res) => {\r\n if (res.status === 200) {\r\n setListaNfRejeitada(res.data);\r\n }\r\n }).catch((err) => {\r\n console.log(err.response);\r\n });\r\n\r\n api.get(`NotaFiscal/GetNotaPorStatus?StatusNFe=0&dataFinal=${moment(data30Dias).toISOString()}`).then((dadosMais30) => {\r\n if (dadosMais30.status === 200) {\r\n setListaNfEmDititacaMais30Dias(dadosMais30.data);\r\n }\r\n }).catch((err) => {\r\n console.log(err.response);\r\n });\r\n\r\n api.get(`NotaFiscal/GetNotaPorStatus?StatusNFe=0,4&dataInicial=${moment(data30Dias).toISOString()}`).then((dadosMenos30) => {\r\n if (dadosMenos30.status === 200) {\r\n setListaNfEmDititacaMenos30Dias(dadosMenos30.data.map((dados, idx) => ({ key: idx, ...dados })));\r\n }\r\n }).catch((err) => {\r\n console.log(err.response);\r\n });\r\n };\r\n\r\n function retornaDescricaoStatus(ntf_status) {\r\n if (!!listaStatusNota) {\r\n let status = listaStatusNota.filter((statusNota) => (statusNota.key === ntf_status))[0];\r\n return !!status ? status.value : \"\";\r\n }\r\n };\r\n function retornaStatusNF() {\r\n api.get('Enum/Listar?nome=StatusNFe').then(\r\n (res) => {\r\n if (res.status === 200) {\r\n setListaStatusNota(res.data);\r\n }\r\n }\r\n ).catch(\r\n (erro) => {\r\n console.log(erro);\r\n }\r\n )\r\n };\r\n function solicitarInutilizacaoNfePendentes(values) {\r\n let listaInutilizacao = [];\r\n let quantidadeNumerosInutilizar = listaNfEmDititacaMenos30Dias.length;\r\n listaNfEmDititacaMenos30Dias.forEach((obj) => {\r\n if (obj.checked) {\r\n listaInutilizacao.unshift({\r\n ser_id: obj.ser_id,\r\n numeroInicial: obj.ntf_numero,\r\n numeroFinal: obj.ntf_numero,\r\n justificativa: values.justificativaInutilizacao\r\n });\r\n quantidadeNumerosInutilizar++;\r\n }\r\n });\r\n\r\n if (listaInutilizacao.length > 0) {\r\n Modal.confirm({\r\n title: 'Solicitar a inutilização dos números de NF-e/NFC-e?',\r\n icon: Não foi possível realizar a inutilização.
\r\n {JSON.stringify(dados.data)}
\r\n \r\n ),\r\n });\r\n }\r\n }, err => {\r\n setEtapaAtual(etapas.solicitacao);\r\n Modal.error({\r\n title: 'Aviso!',\r\n content: (\r\n <>\r\n Não foi possível realizar a inutilização.
\r\n {err.message}
\r\n \r\n ),\r\n });\r\n }).finally(() => {\r\n carregarDados();\r\n });\r\n }\r\n });\r\n } else {\r\n Modal.error({\r\n title: 'Aviso!',\r\n content: 'Não existem registros de números de NF que devem ser inutilizados e/ou você não selecionou nenhum número de NF em digitação para solicitar a inutilização!',\r\n });\r\n }\r\n }\r\n\r\n const genExtraCheckbox = () => (\r\n {\r\n event.stopPropagation();\r\n }}>\r\n \r\n \r\n selecionarTodos(e.target.checked)} />\r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n const genExtra = () => (\r\n {\r\n event.stopPropagation();\r\n }}>\r\n \r\n
\r\n
\r\n );\r\n\r\n const genExtraRejeitadas = () => (\r\n {\r\n event.stopPropagation();\r\n }}>\r\n \r\n
\r\n
\r\n );\r\n\r\n function selecionarTodos(checked) {\r\n let lista = [...listaNfEmDititacaMenos30Dias];\r\n lista.forEach((item) => {\r\n item.checked = checked;\r\n });\r\n setListaNfEmDititacaMenos30Dias(lista);\r\n };\r\n\r\n function selecionarNota(nota) {\r\n let lista = [...listaNfEmDititacaMenos30Dias];\r\n let itemEditar = lista.filter((item) => { return item.key === nota.key })[0];\r\n itemEditar.checked = !itemEditar.checked;\r\n setListaNfEmDititacaMenos30Dias(lista);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {etapaAtual === etapas.solicitacao &&\r\n
\r\n \r\n A inutilização de número de NF-e/NFC-e tem a finalidade de permitir que o emissor comunique à Sefaz, até o décimo dia do mês subsequente os números de NF-e/NFC-e que não serão utilizados em razão de ter ocorrido uma quebra de sequência da numeração da NF-e/NFC-e. A inutilização de número só é possível caso a numeração ainda não tenha nenhum vinculo fiscal, ou seja, a numeração não pode estar associada a um Documento Fiscal autorizado, cancelado ou denegado.\r\n \r\n \r\n
\r\n }\r\n {etapaAtual === etapas.processando &&\r\n
\r\n \r\n
\r\n \r\n Processando solicitação de inutilização... \r\n
\r\n \r\n Esta operação pode demorar um pouco, por favor aguarde. \r\n
\r\n
\r\n }\r\n {etapaAtual === etapas.solicitacao &&\r\n
\r\n }\r\n {etapaAtual === etapas.retorno &&\r\n
\r\n
\r\n
\r\n
\r\n Resultado da Solicitação de Inutilização \r\n
\r\n
\r\n {qtdeNumerosInutilizar} \r\n \r\n
\r\n
\r\n {qtdeInutilizados} \r\n \r\n
\r\n
\r\n {retornoInutilizacao.map((item) => (\r\n
\r\n \r\n {item.retorno.infInut.mod === '55' ? 'NF-e' : 'NFC-e'} \r\n \r\n {item.retorno.infInut.nNFIni} \r\n \r\n {item.retorno.infInut.serie} \r\n \r\n {item.retorno.infInut.nProt} \r\n \r\n {moment(item.retorno.infInut.dhRecbto).format('DD/MM/YYYY')} às {moment(item.retorno.infInut.dhRecbto).format('HH:mm')} \r\n \r\n
\r\n
\r\n ))}\r\n
\r\n
\r\n }\r\n
setOpenModal(false)} />\r\n \r\n
\r\n \r\n \r\n (\r\n {forn.for_id} - {forn.pes_nome}\r\n {(!!forn.pej_cnpj ? CNPJ: {forn.pej_cnpj}
: \"\")}\r\n )\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ({trn.pes_nome} )\r\n } />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Adicione o(s) produto(s) para este ordem de compra aqui.\r\n \r\n \r\n
\r\n \r\n
\r\n {itensOrdemCompra.length > 0 &&\r\n \r\n
(\r\n \r\n \r\n {pro_descricao} \r\n \r\n
\r\n \r\n {!!mgp_descricao ? mgp_descricao : (!!grade ? grade : 'Não Possui')} \r\n \r\n
\r\n
\r\n ),\r\n },\r\n {\r\n title: 'Quantidade',\r\n align: 'center',\r\n width: 85,\r\n render: ({ ocp_quantidade }) => (\r\n \r\n {ocp_quantidade} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Valor Unitário (R$)',\r\n align: 'right',\r\n width: 150,\r\n render: ({ ocp_valorun }) => (\r\n \r\n {FormatNumber(ocp_valorun || 'Não Informado', true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n align: 'center',\r\n fixed: 'right',\r\n key: 'x',\r\n width: 65,\r\n render: (record) => (\r\n \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]} pagination={{\r\n current: pagina,\r\n pageSize: regPagina,\r\n total: itensOrdemCompra.length,\r\n showSizeChanger: true,\r\n onChange: (pg) => setPagina(pg),\r\n onShowSizeChange: (atual, porPagina) => setRegPagina(porPagina)\r\n }} />\r\n \r\n }\r\n \r\n {totalizadores.quantidade} \r\n \r\n
\r\n {itensOrdemCompra.length > 0 &&\r\n \r\n { atualizarValorTotalOC() }} />\r\n \r\n \r\n {FormatNumber(totalizadores.total, true)} \r\n \r\n \r\n
\r\n }\r\n setOpenModalGradeOrdemCompra(false)} />\r\n \r\n \r\n );\r\n}","import React, { useState } from 'react';\r\nimport { Row, Col, Button, Modal, Form } from \"antd\";\r\nimport { CloseOutlined, SaveOutlined, ExclamationCircleOutlined, MinusOutlined } from \"@ant-design/icons\";\r\nimport moment from \"moment\";\r\n\r\nimport { useStateValue } from '../../state';\r\nimport { DrawerNav } from '../../components';\r\nimport ManutencaoOrdemCompra from './manutencao';\r\nimport { drawerActions, listagemActions, manutencaoActions } from '../../actions';\r\n\r\nexport default function DrawerOrdemCompra({ carregarDados, alteraData, fornecedor, transportador }) {\r\n\r\n const [formOrdemCompra] = Form.useForm();\r\n const [{ ui, manutencao }, dispatch] = useStateValue();\r\n const [carregando, setCarregando] = useState(false);\r\n\r\n function fecharDrawer() {\r\n formOrdemCompra.resetFields();\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: null } });\r\n dispatch({ type: drawerActions.CHANGE, data: { showDrawer: false } }); \r\n alteraData();\r\n carregarDados();\r\n }\r\n\r\n const onClose = () => {\r\n Modal.confirm({\r\n title: 'Cancelar?',\r\n icon: {fecharDrawer()}}\r\n visible={ui.showDrawer}\r\n closeIcon={\r\n \r\n formOrdemCompra.submit()} loading={carregando} icon={ \r\n \r\n
\r\n
\r\n }>\r\n \r\n \r\n\r\n )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { Typography, Row, Col, Form, Divider, InputNumber, Card } from \"antd\";\r\nimport { useStateValue } from \"../../state\";\r\nimport { validarNumeros } from \"../../services/funcoes\";\r\nimport { FormasPagamentoRecebimento, InputPreco } from \"../../components\";\r\n\r\nexport default function TabFaturamento({ form, dadosItens, dadosOperacao }) {\r\n\r\n const [valorNota, setValorNota] = useState(0);\r\n const [{ manutencao }, dispatch] = useStateValue();\r\n useEffect(() => {\r\n calcularFaturamento();\r\n }, [manutencao.dados]);\r\n\r\n useEffect(() => {\r\n recalcularTotal();\r\n }, [valorNota]);\r\n\r\n function calcularFaturamento() {\r\n let formulario = form.getFieldValue();\r\n let subTotal = 0;\r\n dadosItens.forEach((item) => {\r\n subTotal += item.valorTotalDesconto;\r\n });\r\n form.setFieldsValue({ subTotalNotaFiscal: parseFloat(subTotal).toFixed(2)});\r\n\r\n setValorNota(parseFloat(subTotal) + validarNumeros(formulario.orc_valorfrete) + validarNumeros(formulario.orc_valorseguro) + validarNumeros(formulario.valorOutrasDespesas));\r\n\r\n recalcularTotal();\r\n };\r\n\r\n function calcularDesconto(campo) {\r\n let formulario = form.getFieldValue();\r\n let valor = validarNumeros(formulario.valorDesconto);\r\n let perc = validarNumeros(formulario.percentualDesconto);\r\n let tot = parseFloat(valorNota);\r\n let result = 0;\r\n if (!!campo) {\r\n if (campo === 'PERC') {\r\n result = (tot * perc) / 100;\r\n form.setFieldsValue({ valorDesconto: result.toFixed(2) });\r\n } else {\r\n result = (valor * 100) / tot;\r\n form.setFieldsValue({ percentualDesconto: result.toFixed(2) });\r\n }\r\n\r\n }\r\n recalcularTotal();\r\n };\r\n\r\n function calcularDesconto(campo) {\r\n let formulario = form.getFieldValue();\r\n let valor = validarNumeros(formulario.valorDesconto);\r\n let perc = validarNumeros(formulario.percentualDesconto);\r\n let tot = parseFloat(valorNota);\r\n let result = 0;\r\n if (!!campo) {\r\n if (campo === 'PERC') {\r\n result = (tot * perc) / 100;\r\n form.setFieldsValue({ valorDesconto: result.toFixed(2) });\r\n } else {\r\n result = (valor * 100) / tot;\r\n form.setFieldsValue({ percentualDesconto: result.toFixed(2) });\r\n }\r\n\r\n }\r\n recalcularTotal();\r\n };\r\n\r\n function calcularAcrescimo(campo) {\r\n let formulario = form.getFieldValue();\r\n let valor = validarNumeros(formulario.valorAcrescimo);\r\n let perc = validarNumeros(formulario.percentualAcrescimo);\r\n let tot = (!!valorNota ? parseFloat(valorNota) : 0);\r\n let result = 0;\r\n if (!!campo) {\r\n if (campo === 'PERC') {\r\n result = (tot * perc) / 100;\r\n form.setFieldsValue({ valorAcrescimo: result.toFixed(2) });\r\n } else {\r\n result = (valor * 100) / tot;\r\n form.setFieldsValue({ percentualAcrescimo: result.toFixed(2) });\r\n }\r\n }\r\n recalcularTotal();\r\n };\r\n\r\n function recalcularTotal() {\r\n let formulario = form.getFieldValue();\r\n let valor = 0;\r\n if (!!formulario) {\r\n valor = valorNota - validarNumeros(formulario.valorDesconto) + validarNumeros(formulario.valorAcrescimo);\r\n form.setFieldsValue({ valorTotal: valor.toFixed(2) });\r\n let valorPago = 0; \r\n if (!!manutencao.dados && !!manutencao.dados.faturamento) {\r\n manutencao.dados.faturamento.forEach((dadosFat) => {\r\n valorPago += parseFloat(dadosFat.pfp_valor);\r\n });\r\n }\r\n form.setFieldsValue({ pfp_valor: (valor - valorPago).toFixed(2) });\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n Totais\r\n \r\n \r\n
\r\n }>\r\n
\r\n calcularFaturamento()}\r\n className=\"text-right\" />\r\n \r\n calcularFaturamento()}\r\n className=\"text-right\" />\r\n \r\n calcularFaturamento()}\r\n className=\"text-right\" />\r\n \r\n
\r\n
\r\n \r\n `${value}%`}\r\n parser={value => value.replace('%', '')}\r\n onChange={() => { calcularDesconto('PERC'); }}\r\n />\r\n \r\n \r\n ou \r\n \r\n { calcularDesconto('VALOR'); }} />\r\n \r\n
\r\n
\r\n \r\n `${value}%`}\r\n parser={value => value.replace('%', '')}\r\n onChange={() => { calcularAcrescimo('PERC') }}\r\n />\r\n \r\n \r\n ou \r\n \r\n { calcularAcrescimo('VALOR') }} />\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Total da Nota (R$)\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n {\r\n switchReceber(item, item.key)}\r\n /> Receber Todos os Itens?\r\n }\r\n\r\n
\r\n
\r\n {\r\n !!dadosItens.dadosItens && dadosItens.dadosItens.length > 0 &&\r\n
(\r\n \r\n \r\n \r\n {key} \r\n \r\n {pro_id} - {pro_descricao} \r\n \r\n
\r\n \r\n {ean} \r\n \r\n {grade} \r\n \r\n
\r\n
\r\n )\r\n },\r\n {\r\n title: 'Qtde. Solic.',\r\n width: 20,\r\n align: 'center',\r\n render: ({ ocp_quantidade }) => (\r\n \r\n {ocp_quantidade?.toFixed(0)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Recebido',\r\n align: 'center',\r\n width: 20,\r\n render: ({ ocp_quantidaderecebida }) => (\r\n \r\n {ocp_quantidaderecebida} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Qtde. Receber',\r\n align: 'center',\r\n width: 20,\r\n render: (item) => (\r\n \r\n \r\n alteraQuantidadeItemRecebido(item, item.key)}\r\n className=\"w-60\" />\r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Vlr Unt.(R$)',\r\n align: 'right',\r\n width: 20,\r\n render: ({ nfi_valorunitario }) => (\r\n \r\n {FormatNumber(nfi_valorunitario, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Vlr Total (R$)',\r\n align: 'right',\r\n width: 40,\r\n render: ({ valorTotalDesconto }) => (\r\n \r\n {FormatNumber(valorTotalDesconto, true)} \r\n
\r\n ),\r\n }\r\n ]} dataSource={dadosItens.dadosItens}\r\n\r\n scroll={{ x: 900 }} />\r\n }\r\n \r\n \r\n \r\n Quantidade Itens: \r\n \r\n {totalizador.QtdeTotalRecebendo} \r\n \r\n
\r\n \r\n Valor Total dos Itens (R$): \r\n \r\n {FormatNumber(totalizador.valorTotal, true)} \r\n \r\n
\r\n
\r\n \r\n );\r\n}","import React from \"react\";\r\nimport { Row, Col, Card, Form, Typography, Input, Divider, InputNumber } from \"antd\";\r\nimport { InputPreco } from \"../../components\";\r\n\r\nexport default function TabResumo({ form, dadosItens }) {\r\n return (\r\n \r\n
\r\n \r\n \r\n Resumo\r\n \r\n \r\n
\r\n }>\r\n
\r\n
\r\n
\r\n \r\n `${value}%`}\r\n parser={value => value.replace('%', '')}\r\n disabled\r\n />\r\n \r\n \r\n ou \r\n \r\n
\r\n
\r\n \r\n `${value}%`}\r\n parser={value => value.replace('%', '')}\r\n disabled\r\n />\r\n \r\n \r\n ou \r\n \r\n
\r\n
\r\n R$ 0,00 \r\n \r\n
\r\n
\r\n 0,00 \r\n \r\n
\r\n
\r\n \r\n {dadosItens.length} \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Valor Total\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n {!!editando && \r\n \r\n }\r\n \r\n ({ser.ser_serie} )\r\n } />\r\n \r\n \r\n \r\n ({op.ope_descricao} )\r\n } />\r\n \r\n \r\n \r\n (\r\n {forn.for_id} - {forn.pes_nome}\r\n {(!!forn.pej_cnpj ? CNPJ: {forn.pej_cnpj}
: \"\")}\r\n )\r\n }\r\n />\r\n \r\n {/* \r\n ({forn.pes_nome} )\r\n } />\r\n */}\r\n \r\n \r\n ({trn.pes_nome} )\r\n } />\r\n \r\n \r\n
\r\n {/* \r\n \r\n */}\r\n \r\n {\r\n proximaPag.setProximaPag(e);\r\n }} current={pages.tagPages}>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setProximaPag(tagPages + 1)}>\r\n Avançar \r\n \r\n formRecebimentoOrdemCompra.submit()} hidden={tagPages !== 2} loading={carregando} icon={ \r\n \r\n
\r\n
\r\n }>\r\n \r\n \r\n )\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Row, Col, Form, Select, Button, Collapse, Tag, Dropdown, Menu, Divider, Modal, notification } from \"antd\";\r\nimport { ArrowDownOutlined, ArrowUpOutlined, EditOutlined, MoreOutlined, PrinterOutlined, EyeOutlined, UploadOutlined, CloseOutlined, SyncOutlined, SearchOutlined, ExclamationCircleOutlined } from \"@ant-design/icons\";\r\nimport moment from 'moment';\r\n\r\nimport api from '../../services/api';\r\nimport DrawerOrdemCompra from './drawer';\r\nimport { useStateValue } from '../../state';\r\nimport DrawerRecebimento from './drawerRecebimento';\r\nimport { imprimirRelatorioJasper } from \"../../services/funcoes\";\r\nimport { FormatNumber, FormatDate } from \"../../ValueObjects\";\r\nimport { ModalDetalhesOrdemCompra } from \"../../components/modals\";\r\nimport { drawerActions, listagemActions, manutencaoActions } from \"../../actions\";\r\nimport { BreadcrumbIncluirDados, PesquisaData, TabelaDados, Editar, Imprimir, Data, PesquisaOrdenacaoData } from \"../../components\";\r\nimport ComboData from \"../../components/comboData\";\r\n\r\nexport default function OrdemCompra() {\r\n\r\n const [{ manutencao }, dispatch] = useStateValue();\r\n const [dataPesquisa, setDataPesquisa] = useState(new Date().toLocaleDateString());\r\n const [listaStatus, setListaStatus] = useState([]);\r\n const [listaFornecedor, setListaFornecedor] = useState([]);\r\n const [listaTransportador, setListaTransportador] = useState([]);\r\n const [open, setOpen] = useState(false);\r\n const [openModalDetalhes, setOpenModalDetalhes] = useState(false);\r\n const [dadosOrdemCompra, setDadosOrdemCompra] = useState({});\r\n const [form] = Form.useForm();\r\n const [formParam] = Form.useForm();\r\n\r\n const togglePesquisa = () => {\r\n setOpen(!open);\r\n };\r\n\r\n useEffect(() => {\r\n carregarDados();\r\n }, [dataPesquisa]);\r\n\r\n function carregarDados() {\r\n let sql = \"\";\r\n sql += !!form.getFieldValue().dataInicial ? `&dataInicial=${form.getFieldValue().dataInicial.format('YYYY-MM-DD')}` : \"\";\r\n sql += !!form.getFieldValue().dataFinal ? `&dataFinal=${form.getFieldValue().dataFinal.format('YYYY-MM-DD')}` : \"\";\r\n sql += !!form.getFieldValue().for_id ? `&IdFornecedor=${form.getFieldValue().for_id}` : '';\r\n sql += !!form.getFieldValue().trn_id ? `&IdTransportador=${form.getFieldValue().trn_id}` : '';\r\n sql += !!form.getFieldValue().status ? `&status=${form.getFieldValue().status.join(',')}` : '&status=0,1,2,3';\r\n dispatch({ type: listagemActions.CHANGE, data: { ordem: '-orc_datainclusao', outrosFiltros: sql } });\r\n\r\n api.get('Enum/Listar?nome=StatusOrdemCompra').then(\r\n (res) => {\r\n setListaStatus(res.data);\r\n }\r\n ).catch(\r\n (erro) => {\r\n console.log(erro);\r\n }\r\n );\r\n api.get('Fornecedor/Listar?Order=+pes_nome').then(\r\n (res) => {\r\n setListaFornecedor(res.data.items);\r\n }\r\n ).catch(\r\n (erro) => {\r\n console.log(erro);\r\n }\r\n );\r\n\r\n api.get('Transportador/ListarTransportador?Order=+pes_nome').then(\r\n (res) => {\r\n setListaTransportador(res.data.items);\r\n }\r\n ).catch(\r\n (erro) => {\r\n console.log(erro);\r\n }\r\n );\r\n if (!!form.getFieldValue().dataInicial) {\r\n form.setFieldsValue({ dataFinal: moment(new Date()), dataInicial: moment(form.getFieldValue().dataInicial) });\r\n } else {\r\n form.setFieldsValue({ dataFinal: moment(new Date()), dataInicial: moment(form.getFieldValue().dataPesquisa) });\r\n }\r\n };\r\n\r\n function aplicarFiltrosAvancados() {\r\n let dados = form.getFieldValue();\r\n let dataIni = dados.dataInicial;\r\n let dataFim = dados.dataFinal;\r\n let dataInicial = (!!dataIni ? moment(dataIni) : moment(dados.dataPesquisa));\r\n let dataFinal = (!!dataFim ? moment(dataFim) : moment(new Date));\r\n form.setFieldsValue({ dataFinal: dataFinal });\r\n form.setFieldsValue({ dataInicial: dataInicial });\r\n carregarDados();\r\n };\r\n\r\n function cancelarOrdem(orc_id) {\r\n Modal.confirm({\r\n title: 'Deseja Cancelar essa Ordem de Compra?',\r\n icon: \r\n {dados.orc_status === 0 &&\r\n \r\n \r\n }\r\n {(dados.orc_status === 0 || dados.orc_status === 1 || dados.orc_status === 4) &&\r\n \r\n {\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: { ...manutencao.dados, ...{ recebimento: dados } } } });\r\n dispatch({ type: drawerActions.CHANGE, data: { showDrawerExtra: true } });\r\n }} icon={ \r\n \r\n }\r\n \r\n \r\n {\r\n \r\n \r\n }\r\n {(dados.orc_status === 1 || dados.orc_status === 2) &&\r\n \r\n \r\n }\r\n {(dados.orc_status === 1 || dados.orc_status === 2) &&\r\n \r\n \r\n }\r\n \r\n )\r\n }\r\n\r\n function reabrirOrdemCompra(orc_id) {\r\n Modal.confirm({\r\n title: 'Deseja Reabrir essa Ordem de Compra? (Essa Ordem de Compra já foi recebida!)',\r\n icon: \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
(\r\n \r\n \r\n \r\n {retornaDescricaoStatus(orc_status)} \r\n \r\n \r\n
\r\n \r\n \r\n {orc_id}\r\n \r\n \r\n
\r\n
\r\n ),\r\n },\r\n {\r\n title: 'Descrição',\r\n render: ({ nomeFornecedor, orc_nropedido, orc_atendente, orc_valortotal, orc_datainclusao, orc_prazomaximo, orc_dataconclusao, nomeTransportador, orc_valorfrete, orc_valordesconto }) => (\r\n \r\n
\r\n {nomeFornecedor} \r\n \r\n
\r\n
\r\n {orc_nropedido || 'Não Informado'} \r\n \r\n {orc_atendente || 'Não Informado'} \r\n \r\n {nomeTransportador || 'Não Informado'} \r\n \r\n
\r\n
\r\n {moment(orc_datainclusao).format('DD/MM/YYYY')} \r\n \r\n {moment(orc_prazomaximo).format('DD/MM/YYYY')} \r\n \r\n {!!orc_dataconclusao ? moment(orc_dataconclusao).format('DD/MM/YYYY') : 'Não'} \r\n \r\n
\r\n
\r\n
\r\n
\r\n {FormatNumber(orc_valortotal, true, false)} \r\n \r\n {FormatNumber(!!orc_valorfrete ? orc_valorfrete : 0, true, false)} \r\n \r\n {FormatNumber(!!orc_valordesconto ? orc_valordesconto : 0, true, false)} \r\n \r\n {FormatNumber(orc_valortotal + orc_valorfrete - orc_valordesconto, true, false)} \r\n \r\n
\r\n
\r\n\r\n \r\n {(record.orc_status === 0) && {\r\n editarOrdemCompra(record);\r\n }} icon={\r\n e.preventDefault()} icon={ \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]} />\r\n \r\n
{ setOpenModalDetalhes(false) }} dadosOrdemCompra={dadosOrdemCompra} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n {\r\n dispatch({ type: listagemActions.CHANGE, data: { outrosFiltros: `&dataFinal=${moment(new Date).format('YYYY-MM-DD')}&dataInicial=${moment(form.getFieldValue().dataPesquisa).format(\"YYYY-MM-DD\")}`} })\r\n form.setFieldsValue({ dataFinal: moment(new Date) });\r\n form.setFieldsValue({ dataInicial: moment(form.getFieldValue().dataPesquisa) });\r\n }}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
(\r\n \r\n \r\n {orc_numero} \r\n \r\n
\r\n )\r\n },\r\n {\r\n title: \"\",\r\n render: ({ pes_nome, pef_cpf, pej_cnpj, pes_telefone, orc_datainclusao, orc_datavalidade, qtditem }) => (\r\n \r\n \r\n {pes_nome} \r\n \r\n {!!pef_cpf ? MaskFormat(pef_cpf, 'Não Informado', true) : MaskFormat(pej_cnpj, 'Não Informado', true)} \r\n \r\n {!!pes_telefone ? (FormatFone(pes_telefone)) : 'Não Informado'} \r\n \r\n
\r\n \r\n {moment(orc_datainclusao).format('DD/MM/YYYY')} \r\n \r\n {moment(orc_datavalidade).format('DD/MM/YYYY')} \r\n \r\n {!!qtditem ? qtditem : 0} \r\n \r\n
\r\n
\r\n )\r\n },\r\n {\r\n title: \"Total do Orçamento (R$)\",\r\n align: 'right',\r\n width: 180,\r\n render: ({ orc_valortotal }) => (\r\n \r\n {FormatNumber(orc_valortotal, true)} \r\n
\r\n )\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n width: 95,\r\n fixed: 'right',\r\n render: (record) => (\r\n \r\n \r\n \r\n e.preventDefault()} icon={ \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]} />\r\n \r\n
\r\n
setOpenModalDetalheOrcamento(false)} dadosOrcamento={dadosOrcamento} form={form} />\r\n setOpenModalSelecionarOrcamento(false)} dadosOrcamento={dadosOrcamento} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Permite emissão da NF-e? \r\n \r\n \r\n \r\n Permite edição do Pedido? \r\n \r\n \r\n
\r\n \r\n \r\n Concluir pedido neste Status? \r\n \r\n \r\n \r\n Cancelar pedido neste Status? \r\n \r\n \r\n \r\n Status Ativo? \r\n \r\n \r\n
\r\n \r\n );\r\n\r\n}","import React,{ useState } from 'react';\r\nimport { Row, Col, Button, Modal, Form } from \"antd\";\r\nimport { CloseOutlined, SaveOutlined, ExclamationCircleOutlined, MinusOutlined } from \"@ant-design/icons\";\r\n\r\nimport { useStateValue } from '../../state';\r\nimport { DrawerNav } from '../../components';\r\nimport ManutencaoStatusPedido from './manutencao';\r\nimport { drawerActions, manutencaoActions } from '../../actions';\r\n\r\nexport default function DrawerStatusPedido() {\r\n\r\n const [formStatusPedido] = Form.useForm();\r\n const [{ ui, manutencao }, dispatch] = useStateValue();\r\n\r\n if (manutencao.dados !== null) formStatusPedido.setFieldsValue(manutencao.dados);\r\n else {\r\n formStatusPedido.setFieldsValue({mar_ativa:true});\r\n }\r\n\r\n const [ carregando, setCarregando ] = useState(false);\r\n\r\n function fecharDrawer() {\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: null}});\r\n dispatch({ type: drawerActions.CHANGE, data: { showDrawer: false}});\r\n formStatusPedido.resetFields();\r\n }\r\n\r\n const onClose = () => {\r\n Modal.confirm({\r\n title: 'Cancelar?',\r\n icon: \r\n \r\n formStatusPedido.submit()} loading={carregando} icon={ \r\n \r\n
\r\n
\r\n }> \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
(\r\n \r\n \r\n {stp_id} \r\n \r\n \r\n ),\r\n },\r\n {\r\n title: 'Status',\r\n render: ({ stp_descricao }) => (\r\n \r\n {stp_descricao} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n fixed: 'right',\r\n width: 95,\r\n render: (record) => (\r\n \r\n \r\n {\r\n editarStatus(record);\r\n }} icon={
\r\n
\r\n ),\r\n },\r\n ]} expandir={({ stp_pedidocancelado, stp_pedidoconcluido, stp_permiteeditarpedido, stp_permiteemissaonf }) => {\r\n return (\r\n \r\n \r\n {(stp_pedidocancelado) ? 'Sim' : 'Não'} \r\n \r\n {(stp_pedidoconcluido) ? 'Sim' : 'Não'} \r\n \r\n {(stp_permiteeditarpedido) ? 'Sim' : 'Não'} \r\n \r\n {(stp_permiteemissaonf) ? 'Sim' : 'Não'} \r\n \r\n
\r\n
\r\n )\r\n }} />\r\n \r\n
\r\n
\r\n \r\n\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { Row, Col, Button, Modal, Form } from \"antd\";\r\nimport { CloseOutlined, SaveOutlined, ExclamationCircleOutlined, MinusOutlined, LeftOutlined, RightOutlined } from \"@ant-design/icons\";\r\n\r\nimport { useStateValue } from '../../state';\r\nimport ManutencaoNotaFiscal from '../notaFiscal/manutencao';\r\nimport { DrawerNav } from '../../components';\r\nimport { drawerActions, listagemActions, manutencaoActions } from '../../actions';\r\n\r\nexport default function DrawerNF({ showDrawerExtra, setShowDrawerExtra, dadosNFE }) {\r\n\r\n const [formNotaFiscal] = Form.useForm();\r\n const [{ ui, manutencao }, dispatch] = useStateValue();\r\n const [carregando, setCarregando] = useState(false);\r\n const [tagPages, setTagPages] = useState(null);\r\n const [proximaPag, setProximaPag] = useState(0);\r\n const [formulario] = Form.useForm();\r\n\r\n useEffect(() => {\r\n if (!!dadosNFE) {\r\n formulario.setFieldsValue(dadosNFE);\r\n }\r\n }, [dadosNFE])\r\n\r\n \r\n function fecharDrawer() {\r\n formNotaFiscal.resetFields();\r\n setTagPages(0);\r\n setProximaPag(null);\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: null } });\r\n dispatch({ type: listagemActions.CHANGE, data: { ordem: '%2Bped_datainclusao' } });\r\n setShowDrawerExtra(false)\r\n dispatch({ type: drawerActions.CHANGE, data: { showDrawer: false } });\r\n }\r\n\r\n const onClose = () => {\r\n Modal.confirm({\r\n title: 'Cancelar?',\r\n icon: \r\n \r\n setProximaPag(tagPages + 1)}>\r\n Avançar \r\n \r\n formulario.submit()} hidden={tagPages !== 4} loading={carregando} icon={ \r\n \r\n
\r\n
\r\n }>\r\n \r\n \r\n setProximaPag(tagPages + 1)}>\r\n Avançar \r\n \r\n formulario.submit()} hidden={tagPages !== 3} loading={carregando} icon={ \r\n \r\n
\r\n
\r\n }>\r\n \r\n \r\n \r\n {(record.ped_ativo === true && record.stp_pedidoconcluido === false && record.stp_permiteemissaonf === true && !!!record.loc_id_transferencia) &&\r\n \r\n \r\n }\r\n {(record.ped_ativo === true && record.stp_permiteeditarpedido === true) &&\r\n \r\n \r\n }\r\n {(record.ped_ativo === true && record.stp_pedidoconcluido === false && record.stp_permiteemissaonf === true && !!record.loc_id_transferencia) &&\r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n )\r\n };\r\n\r\n async function duplicarPedido(record) {\r\n let pedidoDuplicar = { ...record }\r\n pedidoDuplicar.ped_datainclusao = moment(new Date());\r\n pedidoDuplicar.ped_dataprevisaoentrega = moment(pedidoDuplicar.ped_dataprevisaoentrega);\r\n pedidoDuplicar.ped_datavalidade = moment(pedidoDuplicar.ped_datavalidade);\r\n pedidoDuplicar.ped_id_duplicar = pedidoDuplicar.ped_id;\r\n pedidoDuplicar.ped_id = null;\r\n setExibirDrawerPedidos(true);\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: pedidoDuplicar } });\r\n };\r\n\r\n function retornoPesquisaAvancada(expressao) {\r\n let dados = formPedidos.getFieldValue();\r\n let filtro = '';\r\n let dataInicial = dados.dataInicial;\r\n let dataFinal = dados.dataFinal;\r\n let status = dados.status;\r\n let ativo = 2;//Toodos\r\n if (dados.ativoPedido.length == 1) {\r\n if (dados.ativoPedido.find(e => e === \"0\"))\r\n ativo = 0;\r\n if (dados.ativoPedido.find(e => e === \"1\"))\r\n ativo = 1;\r\n }\r\n\r\n filtro += '&dataInicial=' + (!!dataInicial ? moment(dataInicial).format('YYYY-MM-DD') : moment(dados.dataPesquisa).format(\"YYYY-MM-DD\"));\r\n filtro += '&dataFinal=' + (!!dataFinal ? moment(dataFinal).format('YYYY-MM-DD') : moment(new Date).format('YYYY-MM-DD'));\r\n filtro += (!!status ? `&status=${status}` : '');\r\n filtro += (!!ativo ? `&Ativo=${ativo}` : '');\r\n filtro += !!expressao ? `&filtroAdicional=${btoa(expressao)}` : '';\r\n dispatch({ type: listagemActions.CHANGE, data: { ordem: '+ped_datainclusao', outrosFiltros: filtro } });\r\n };\r\n\r\n function limparFiltroPesquisa() {\r\n dispatch({ type: listagemActions.CHANGE, data: { outrosFiltros: ``, ordem: '+ped_datainclusao' } })\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {\r\n let filtro = '';\r\n let ativo = 2;//Toodos\r\n if (!!formPedidos.getFieldValue().ativoPedido) {\r\n if (formPedidos.getFieldValue().ativoPedido.length == 1) {\r\n if (formPedidos.getFieldValue().ativoPedido.find(e => e === \"0\"))\r\n ativo = 0;\r\n if (formPedidos.getFieldValue().ativoPedido.find(e => e === \"1\"))\r\n ativo = 1;\r\n }\r\n }\r\n filtro += `&Ativo=${ativo}`;\r\n let status = !!formPedidos.getFieldValue().status ? formPedidos.getFieldValue().status : '';\r\n dispatch({ type: listagemActions.CHANGE, data: { outrosFiltros: `&dataFinal=${moment(new Date).format('YYYY-MM-DD')}&dataInicial=${moment(formPedidos.getFieldValue().dataPesquisa).format(\"YYYY-MM-DD\")}&filtro=&status=${status}` + filtro } })\r\n formPedidos.setFieldsValue({ dataFinal: moment(new Date) });\r\n formPedidos.setFieldsValue({ dataInicial: moment(formPedidos.getFieldValue().dataPesquisa) });\r\n }} />\r\n \r\n
\r\n
\r\n
\r\n
(\r\n \r\n \r\n \r\n {stp_descricao} \r\n \r\n \r\n
\r\n \r\n {ped_numero} \r\n \r\n
\r\n
\r\n )\r\n },\r\n {\r\n title: \"Informações\",\r\n render: ({ loc_id_transferencia, loc_descricao, pes_nome, pef_cpf, pej_cnpj, pes_telefone, pes_endereco, pes_nroestabelecimento, pes_bairro, pes_cep, pes_cidade, pes_uf, ped_datainclusao, ped_dataprevisaoentrega, pdi_qtditem, ped_ativo }) => (\r\n \r\n \r\n {!!loc_id_transferencia ? loc_descricao : pes_nome} \r\n \r\n {!!pef_cpf ? MaskFormat(pef_cpf, 'Não Informado', true) : MaskFormat(pej_cnpj, 'Não Informado', true)} \r\n \r\n {FormatFone(pes_telefone) || 'Não Informado'} \r\n \r\n
\r\n \r\n {!ped_ativo && Cancelado \r\n }\r\n {moment(ped_datainclusao).format('DD/MM/YYYY')} \r\n \r\n {moment(ped_dataprevisaoentrega).format('DD/MM/YYYY')} \r\n \r\n {pdi_qtditem} \r\n \r\n {pes_endereco}, {pes_nroestabelecimento}, {pes_bairro}, {pes_cep}, {pes_cidade}-{pes_uf} \r\n \r\n
\r\n
\r\n )\r\n },\r\n {\r\n title: \"Total (R$)\",\r\n align: 'right',\r\n width: 180,\r\n render: ({ ped_valortotal }) => (\r\n \r\n {FormatNumber(ped_valortotal, true)} \r\n
\r\n )\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n width: 95,\r\n fixed: 'right',\r\n render: (record) => (\r\n \r\n \r\n \r\n e.preventDefault()} icon={ \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]} />\r\n \r\n
\r\n { setDrawerTransferencia(false) }} dadosPedido={dadosPedido} />\r\n setOpenModalDetalhePedido(false)} dadosModal={dadosDetalhesPedido} />\r\n \r\n \r\n \r\n \r\n \r\n )\r\n };\r\n\r\n function descricaoSituacao(codigo) {\r\n if (codigo >= 0 && !!situacaoVenda[codigo]) {\r\n return situacaoVenda[codigo].value;\r\n }\r\n return '';\r\n };\r\n\r\n function deletarCondicional(registro) {\r\n api.put(`VendaCondicional/Excluir/${registro.vnc_id}`).then(\r\n (res) => {\r\n notification.success({ message: `Sucesso!`, description: `Venda Condicional estornada com sucesso!` })\r\n }\r\n ).catch(\r\n (erro) => {\r\n console.log(erro);\r\n }\r\n ).finally(\r\n () => {\r\n dispatch({ type: listagemActions.CHANGE, data: { ordem: '+vnc_datalancamento' } });\r\n });\r\n };\r\n\r\n async function editarCondicional(registro) {\r\n registro.vnc_datalancamento = moment(registro.vnc_datalancamento);\r\n registro.vnc_prazoretorno = moment(registro.vnc_prazoretorno);\r\n registro.vnc_entregaagendada = moment(registro.vnc_entregaagendada);\r\n let dadosTemp = await api.get(`VendaCondicionalItem/Listar?IdVendaCondicional=${registro.vnc_id}`);\r\n if (dadosTemp.status === 200) {\r\n registro.itens = dadosTemp.data;\r\n }\r\n dispatch({ type: drawerActions.CHANGE, data: { showDrawer: true } });\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: registro } });\r\n }\r\n\r\n const modalExcluirCondicional = (condicional) => {\r\n Modal.confirm({\r\n title: 'Excluir?',\r\n icon: \r\n
{ return campo.vnc_levarparacliente === true }} colunas={\r\n [\r\n {\r\n title: 'Situação',\r\n width: 140,\r\n align: 'center',\r\n render: ({ vnc_situacao }) => (\r\n \r\n \r\n {(descricaoSituacao(vnc_situacao))} \r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Nº',\r\n width: 85,\r\n align: 'center',\r\n render: ({ vnc_numero }) => (\r\n \r\n {vnc_numero} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Descrição',\r\n render: ({ cli_nome }) => (\r\n \r\n {cli_nome} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Telefone',\r\n width: 110,\r\n render: ({ vnc_telefonecliente, pes_id }) => (\r\n \r\n abrirModalContatos(pes_id)} className=\"p-0\">\r\n {FormatFone(vnc_telefonecliente)}\r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Data Lançamento',\r\n width: 135,\r\n render: ({ vnc_datalancamento }) => (\r\n \r\n {moment(vnc_datalancamento).format(\"DD/MM/YYYY HH:mm:ss\")} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Data Retorno',\r\n width: 135,\r\n render: ({ vnc_prazoretorno }) => (\r\n \r\n {moment(vnc_prazoretorno).format(\"DD/MM/YYYY HH:mm:ss\")} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Itens',\r\n align: 'right',\r\n width: 100,\r\n render: ({ vnc_totalitens }, record) => (\r\n \r\n abrirModalItens(record)}>\r\n {vnc_totalitens}\r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Total (R$)',\r\n align: 'right',\r\n width: 150,\r\n render: ({ vnc_valortotal }) => (\r\n \r\n {FormatNumber(vnc_valortotal, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n width: 95,\r\n fixed: 'right',\r\n render: (record, registro) => (\r\n \r\n \r\n {\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: record } });\r\n setExibirDrawerDevolucao(true);\r\n }} icon={ editarCondicional(registro)} />\r\n \r\n \r\n e.preventDefault()} icon={ \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]} expandir={\r\n (record) => {\r\n return (\r\n \r\n \r\n {record.vnc_enderecoentrega} \r\n \r\n {moment(record.vnc_entregaagendada).format(\"DD/MM/YYYY HH:mm:ss\")} \r\n \r\n { alterarCondicionalEntregue(record, valor) }} /> Condicional Entregue?\r\n \r\n
\r\n
)\r\n }}\r\n />\r\n\r\n \r\n setOpenModalProdutoCondicional(false)} dadosItens={dados} situacaoVenda={situacaoVenda} />\r\n setOpenModalContatoCliente(false)} />\r\n \r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n function descricaoSituacao(codigo) {\r\n if (codigo >= 0 && !!situacaoVenda[codigo]) {\r\n return situacaoVenda[codigo].value;\r\n }\r\n return \"\";\r\n };\r\n\r\n function retornaCorSituacao(codigo) {\r\n let cor = \"\";\r\n switch (codigo) {\r\n case 0:\r\n cor = \"processing\";\r\n break;\r\n case 1:\r\n cor = \"green\";\r\n break;\r\n case 2:\r\n cor = \"#87d068\";\r\n break;\r\n case 3:\r\n cor = \"orange\";\r\n break;\r\n case 4:\r\n cor = \"red\";\r\n break;\r\n }\r\n return cor;\r\n };\r\n\r\n function deletarCondicional(registro) {\r\n api.put(`VendaCondicional/Excluir/${registro.vnc_id}`).then(\r\n (res) => {\r\n notification.success({ message: `Sucesso!`, description: `Venda Condicional estornada com sucesso!` })\r\n }\r\n ).catch((erro) => {\r\n console.log(erro);\r\n }\r\n ).finally(\r\n () => {\r\n dispatch({ type: listagemActions.CHANGE, data: { ordem: '+vnc_datalancamento' } });\r\n });\r\n };\r\n\r\n const modalExcluirCondicional = (condicional) => {\r\n Modal.confirm({\r\n title: 'Excluir?',\r\n icon: \r\n
{ return campo.vnc_levarparacliente === false }} colunas={\r\n [\r\n {\r\n title: 'Situação',\r\n width: 140,\r\n align: 'center',\r\n render: ({ vnc_situacao }) => (\r\n \r\n \r\n {descricaoSituacao(vnc_situacao)} \r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Nº',\r\n width: 100,\r\n align: 'center',\r\n render: ({ vnc_numero }) => (\r\n \r\n {vnc_numero} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Descrição',\r\n render: ({ cli_nome }) => (\r\n \r\n {cli_nome} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Telefone',\r\n width: 110,\r\n render: ({ vnc_telefonecliente, pes_id }) => (\r\n \r\n abrirModalContatos(pes_id)} className=\"p-0\">\r\n {FormatFone(vnc_telefonecliente)}\r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Data Lançamento',\r\n width: 135,\r\n render: ({ vnc_datalancamento }) => (\r\n \r\n {moment(vnc_datalancamento).format(\"DD/MM/YYYY HH:mm:ss\")} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Data Retorno',\r\n width: 135,\r\n render: ({ vnc_prazoretorno }) => (\r\n \r\n {moment(vnc_prazoretorno).format(\"DD/MM/YYYY HH:mm:ss\")} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Itens',\r\n align: 'center',\r\n width: 100,\r\n render: ({ vnc_totalitens }, record) => (\r\n \r\n abrirModalItens(record)} >\r\n {vnc_totalitens}\r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Total (R$)',\r\n align: 'right',\r\n width: 150,\r\n render: ({ vnc_valortotal }) => (\r\n \r\n {FormatNumber(vnc_valortotal, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n width: 95,\r\n fixed: 'right',\r\n render: (record, registro) => (\r\n \r\n \r\n {\r\n dispatch({ type: manutencaoActions.CHANGE, data: { dados: record } });\r\n setExibirDrawerDevolucao(true);\r\n }} icon={ editarCondicional(registro)} />\r\n \r\n \r\n e.preventDefault()} icon={ \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]} />\r\n\r\n \r\n setOpenModalProdutoCondicional(false)} dadosItens={dados} situacaoVenda={situacaoVenda} />\r\n setOpenModalContatoCliente(false)} PessoaId={pessoaId} />\r\n \r\n
\r\n
\r\n {\r\n dispatch({ type: listagemActions.CHANGE, data: { outrosFiltros: `&dataFinal=${FormatDate(dataAtual.toLocaleDateString())}&dataInicial=${moment(formParametrosAvancados.getFieldValue().dataPesquisa).format('YYYY-MM-DD')}` } });\r\n formParametrosAvancados.setFieldsValue({ dataFinal: moment(dataAtual) });\r\n formParametrosAvancados.setFieldsValue({ dataInicial: moment(formParametrosAvancados.getFieldValue().dataPesquisa) });\r\n }} />\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {open ? \r\n \r\n \r\n {situacaoVenda.map(situacao => (\r\n {situacao.value} \r\n ))}\r\n \r\n \r\n \r\n
\r\n retornoPesquisaAvancada(dados)} funcaoLimpar={() => { limparFiltroPesquisa() }} form={formParametrosAvancados} telaFiltro={8} retornarSempre={true} />\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n setAbaSelecionada(tab)}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
(\r\n {pcl_numeroparcela} \r\n ),\r\n }, {\r\n title: 'Data Pagamento',\r\n render: ({ dataVencimento, pcl_numeroparcela }) => (\r\n \r\n {editandoParcelas ?
\r\n ),\r\n }, {\r\n title: 'Valor (R$)',\r\n align: 'right',\r\n render: ({ valorParcela, pcl_numeroparcela }) => (\r\n \r\n {editandoParcelas ? { onChangeValorParc(pcl_numeroparcela) }} /> : {FormatNumber(valorParcela, true)} }\r\n
\r\n\r\n ),\r\n }\r\n ]} dataSource={record.parcelas} pagination={false} />\r\n };\r\n\r\n useEffect(() => {\r\n if (!!manutencao.dados) {\r\n if (!!manutencao.dados.dadosModalCheque && !!manutencao.dados.dadosModalCheque.cheques) {\r\n incluirCheque(manutencao.dados.dadosModalCheque);\r\n }\r\n }\r\n }, [manutencao.dados]);\r\n\r\n useEffect(() => {\r\n carregarDados();\r\n buscarParametrosEmp();\r\n }, []);\r\n\r\n useEffect(() => {\r\n let formaPgto = !!dadosVale.formaPagamento ? dadosVale.formaPagamento[dadosVale.formaPagamento.length - 1] : null;\r\n if (((!!formaPgto && formaPgto.cpg_id) || semCondicao) && !openModalCartao) {\r\n if (formaPgto.fpg_tipopagamento === tipoFormaPagamento.cartaoCredito || formaPgto.fpg_tipopagamento === tipoFormaPagamento.cartaoDebito) {\r\n abrirModalCartao(dadosVale);\r\n } else if (formaPgto.fpg_tipopagamento === tipoFormaPagamento.creditoLoja && (!!!formaPgto.parcelas || formaPgto.parcelas.length === 0)) {\r\n verificarRestricoesCredito(false, () => {\r\n inserirDadosCrediario(formaPgto);\r\n });\r\n\r\n }\r\n }\r\n }, [dadosVale]);\r\n\r\n function carregarDados() {\r\n if (!!!formulario.getFieldValue().acf_datalancamento) {\r\n formulario.setFieldsValue({ acf_datalancamento: moment(new Date()) });\r\n }\r\n api.get(`FormaPagamento/Listar?filtro=&apenasAtivos=true&Order=%2Bfpg_descricao&PageSize=500`).then(\r\n (res) => {\r\n let dados = [];\r\n res.data.items.forEach((fpg) => {\r\n //Demais formas não implementadas\r\n if (fpg.fpg_tipopagamento === tipoFormaPagamento.dinheiro || fpg.fpg_tipopagamento === tipoFormaPagamento.cheque || fpg.fpg_tipopagamento === tipoFormaPagamento.creditoLoja) {\r\n dados.push(fpg);\r\n }\r\n });\r\n setListaFormaPagamento(dados);\r\n }\r\n ).catch(\r\n (erro) => {\r\n console.log(erro);\r\n }\r\n );\r\n };\r\n\r\n function listarCondicao(fpg_id) {\r\n api.get(`CondicaoPagamento/Listar?codigoFormaPagamento=${fpg_id}&PageSize=500`).then(\r\n (res) => {\r\n if (res.status === 200) {\r\n setListaCondPagamento(res.data.items);\r\n }\r\n }\r\n ).catch(\r\n (erro) => {\r\n console.log(erro);\r\n }\r\n );\r\n };\r\n\r\n function buscarParametrosEmp() {\r\n api.get(`ParametroEmpresa/BuscarParametros`).then(\r\n res => {\r\n setDadosEmpresa(res.data);\r\n if (!!!res.data.par_contagerencialvalepresente || !!!res.data.par_contagervalepresenteprazo && (!!!manutencao.dados || (!!manutencao.dados && !!!manutencao.dados.acf_id))) {\r\n Modal.confirm({\r\n title: 'Aviso',\r\n icon: \r\n \r\n \r\n ({com.pes_nome} )\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { onChangeFormaPagamento(value) }}>\r\n {listaFormaPagamento.map(formaPagamento => (\r\n {formaPagamento.fpg_descricao} \r\n ))}\r\n \r\n \r\n \r\n {ehCheque && \r\n \r\n }\r\n {!ehCheque && !semCondicao && \r\n { onChangeCondicao(value) }}>\r\n {listaCondPagamento.map(condicaoPagamento => (\r\n {condicaoPagamento.cpg_descricao} \r\n ))}\r\n \r\n \r\n }\r\n { popularValor() }} />\r\n \r\n
\r\n \r\n \r\n {!!dadosVale.parcelas && dadosVale.parcelas.length > 0 &&
(\r\n \r\n \r\n {!!condicao && !!condicao.cpg_descricao ? formaPagamento.fpg_descricao + ' / ' + condicao.cpg_descricao : formaPagamento.fpg_descricao}\r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Valor (R$)',\r\n align: 'right',\r\n render: ({ valor }) => (\r\n \r\n {FormatNumber(valor, true)} \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Ações',\r\n dataIndex: '',\r\n key: 'x',\r\n align: 'center',\r\n width: 65,\r\n render: (record) => (\r\n \r\n \r\n
\r\n
\r\n ),\r\n },\r\n ]}\r\n expandable={{ expandedRowRender, defaultExpandAllRows: true, expandIconColumnIndex: -1 }}\r\n footer={() => {\r\n return (\r\n \r\n \r\n Total dos Pagamentos (R$): \r\n \r\n \r\n {FormatNumber(dadosVale.valor, true)} \r\n \r\n \r\n
\r\n \r\n
)\r\n }} dataSource={[dadosVale]}\r\n />}\r\n \r\n \r\n \r\n { onCloseModalContaCorrente() }} fecharModalContaCorrente={() => { setAbreModalContaCorrente(false); }} contaCorrente={{ contaCorrente, setContaCorrente }} listaContaCorrente={{ listaContaCorrente, setListaContaCorrente }} />\r\n \r\n \r\n formValePresente.submit()} loading={carregando} icon={ \r\n \r\n
\r\n \r\n }\r\n >\r\n \r\n )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport moment from 'moment';\r\nimport { Row, Col, Form, Button, Collapse, Checkbox, Modal, notification } from 'antd';\r\nimport { ArrowDownOutlined, ArrowUpOutlined, SearchOutlined, PrinterOutlined, DeleteOutlined, ExclamationCircleOutlined, CloseOutlined } from '@ant-design/icons';\r\n\r\nimport api from '../../services/api';\r\nimport DrawerValePresente from './drawer';\r\nimport { useStateValue } from '../../state';\r\nimport { linkApi } from '../../services/auth';\r\nimport { FormatNumber, FormatDate } from \"../../ValueObjects\";\r\nimport { listagemActions, manutencaoActions } from '../../actions';\r\nimport { BreadcrumbIncluirDados, ComboData, TabelaDados, Excluir, Imprimir, Data, FiltroSearch } from '../../components';\r\n\r\nexport default function ValePresente() {\r\n\r\n const [open, setOpen] = useState(false);\r\n const [{ manutencao }, dispatch] = useStateValue();\r\n const [parametrosValePresente] = Form.useForm();\r\n const [dataPesquisa, setDataPesquisa] = useState(new Date().toLocaleDateString());\r\n const [dataAtual] = useState(new Date());\r\n const [valesQuitados, setValesQuitados] = useState(false);\r\n\r\n useEffect(() => {\r\n aplicarFiltrosAvancados();\r\n }, [valesQuitados]);\r\n\r\n function aplicarFiltrosAvancados() {\r\n let filtros = '';\r\n filtros += `&SomenteAtivos=true`;\r\n filtros += `&dataInicial=${(!!!parametrosValePresente.getFieldValue().dataPesquisa ? moment(dataAtual).format(\"YYYY-MM-DD\") : !!parametrosValePresente.getFieldValue().DataInicial ? moment(parametrosValePresente.getFieldValue().DataInicial).format('YYYY-MM-DD') : moment(parametrosValePresente.getFieldValue().DataPesquisa).format('YYYY-MM-DD'))}`;\r\n filtros += `&dataFinal=${(!!!parametrosValePresente.getFieldValue().DataFinal ? moment(dataAtual).format(\"YYYY-MM-DD\") : moment(parametrosValePresente.getFieldValue().DataFinal).format('YYYY-MM-DD'))}`;\r\n filtros += `&filtro=&mostrarValeQuitado=${(!!parametrosValePresente.getFieldValue().valesQuitados ? parametrosValePresente.getFieldValue().valesQuitados : false)}`;\r\n dispatch({ type: listagemActions.CHANGE, data: { outrosFiltros: filtros, ordem: 'acf_datalancamento' } });\r\n };\r\n\r\n const modalImprimir = (record) => {\r\n Modal.confirm({\r\n title: 'Imprimir',\r\n icon:
![\"Gestor]({require(\"../../assets/logoGestor.png\").default})
\r\n \r\n ![{`Importar]({require(\"../../assets/i-financeiro.png\").default})
Importar dados do cadastro de {entidade === 3 ? 'Funcionário' : listaEntidades[entidade]}\r\n ![]({require(\"../../assets/i-sem-acesso.png\").default})
\r\n \r\n ![\"Compra]({require(\"../../assets/i-formas.png\").default})
Compra Líquida\r\n ![\"Posição]({require(\"../../assets/i-produto.png\").default})
Posição de Estoque\r\n ![\"Receitas]({require(\"../../assets/i-tranferencia.png\").default})
Receitas x Despesas\r\n ![\"Campos]({require(\"../../assets/i-grade.png\").default})
Campos Adicionais\r\n ![\"Dados]({require(\"../../assets/i-dados.png\").default})
Dados de Origem e Destino (OPCIONAL)\r\n ![\"UF]({require(\"../../assets/i-alfinete.png\").default})
\r\n }\r\n if (uf === ufFinal) {\r\n return ![\"UF]({require(\"../../assets/i-bandeira.png\").default})
\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n let listaTemp = [...listaPercurso]\r\n if (listaTemp.length > 0) {\r\n redefinirPercurso();\r\n }\r\n if (ufInicial === ufFinal || vizinhosUF[ufInicial].includes(ufFinal)) {\r\n notification.success({ message: 'Atenção!', description: 'Não é necessário definir um percurso.' })\r\n setPercursoOk(true)\r\n }\r\n }, [])\r\n\r\n function estadoClick(uf) {\r\n if (ufInicial === ufFinal || vizinhosUF[ufInicial].includes(ufFinal)) {\r\n notification.warning({ message: 'Atenção!', description: 'Não é necessário definir um percurso.' })\r\n setPercursoOk(true)\r\n return\r\n }\r\n if (percurso.includes(uf) || uf === ufInicial || uf === ufFinal) return;\r\n\r\n let ultimaUF = percurso[percurso.length - 1];\r\n let ufVizinha = vizinhosUF[ultimaUF].includes(uf);\r\n\r\n if (ufVizinha) {\r\n setPercurso([...percurso, uf]);\r\n } else {\r\n notification.warning({ message: 'Alerta!', description: `Não é possível adicionar ${uf} sem passar por uma UF vizinha.` })\r\n }\r\n }\r\n\r\n function redefinirPercurso() {\r\n setPercurso([ufInicial]);\r\n setListaPercurso([]);\r\n notification.info({ message: 'Aviso!', description: 'Percurso redefinido!' })\r\n }\r\n\r\n function salvarPercurso() {\r\n if (ufInicial === ufFinal) {\r\n notification.warning({ message: 'Alerta!', description: 'Não é possível definir um percurso' })\r\n return\r\n }\r\n let percursoFinal = [...percurso];\r\n if (!percursoFinal.includes(ufFinal)) {\r\n percursoFinal.push(ufFinal);\r\n }\r\n\r\n let percursoValido = true;\r\n for (let i = 0; i < percursoFinal.length - 1; i++) {\r\n let ufAtual = percursoFinal[i];\r\n let ufProximo = percursoFinal[i + 1];\r\n\r\n if (!vizinhosUF[ufAtual]?.includes(ufProximo)) {\r\n percursoValido = false;\r\n notification.warning({ message: 'Alerta!', description: `O percurso é inválido: ${ufAtual} não é vizinho de ${ufProximo}` });\r\n break\r\n }\r\n }\r\n\r\n if (percursoValido) {\r\n percursoFinal = percursoFinal.slice(1, -1);\r\n\r\n const listaPercursoAtt = percursoFinal.map((uf, index) => ({\r\n est_id: estadoId[uf],\r\n per_sequencia: index + 1\r\n }));\r\n\r\n setListaPercurso(listaPercursoAtt);\r\n notification.success({ message: 'Aviso!', description: `O percurso de ${ufInicial} para ${ufFinal} foi salvo com sucesso.` });\r\n }\r\n }\r\n\r\n return (\r\n ![\"Percurso\"]({require(\"../../assets/i-endereco.png\").default})
Percurso\r\n