\r\n {item.icon}\r\n {item.title} \r\n
\r\n\r\n \r\n {item.subNav && subnav\r\n ? item.iconOpened\r\n : item.subNav\r\n ? item.iconClosed\r\n : null}\r\n
\r\n \r\n :\r\n ''\r\n }\r\n {\r\n subnav && item.subNav != null && item.subNav != undefined &&\r\n item.subNav.map((item, index) => {\r\n return (\r\n\r\n (JSON.parse(localStorage.getItem('token')).token.role.filter(r => r == `${item.permissao}Menu`).length == 1) ?\r\n \r\n \r\n {item.icon}\r\n {item.title} \r\n
\r\n \r\n :\r\n ''\r\n\r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nexport default SubMenu;","import { createBrowserHistory } from 'history';\r\n\r\nconst history = createBrowserHistory();\r\n\r\nexport default history;\r\n","export default __webpack_public_path__ + \"static/media/logo.eef529fb.png\";","export function ListarNotificacaoRequest(idUsuario) {\r\n return {\r\n type: 'LISTAR_NOTIFICACAO_REQUEST',\r\n idUsuario\r\n }\r\n}\r\n\r\nexport function ListarNotificacaoResponse(listaNotificacao) {\r\n return {\r\n type: 'LISTAR_NOTIFICACAO_RESPONSE',\r\n listaNotificacao\r\n }\r\n}\r\n\r\nexport function InserirNotificacaoRequest(data) {\r\n return {\r\n type: 'INSERIR_NOTIFICACAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarNotificacaoRequest(data) {\r\n return {\r\n type: 'ALTERAR_NOTIFICACAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirMedicaoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_MEDICAO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { Navbar, Container, Nav, Offcanvas, Button, Popover, Overlay, Badge, Col, Form, Row } from \"react-bootstrap\";\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { SidebarData } from '../SidebarData/sidebarData';\r\nimport { Link } from \"react-router-dom\";\r\nimport { IoPersonCircleSharp, IoNotificationsCircle } from \"react-icons/io5\";\r\nimport SubMenu from '../SubMenu/subMenu';\r\nimport history from '../../services/history';\r\nimport logo from '../../assets/logo.png';\r\nimport \"./header.css\";\r\nimport { AlterarNotificacaoRequest, ListarNotificacaoRequest } from \"../../store/modules/notificacao/actions\";\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function Header() {\r\n\r\n const dispatch = useDispatch();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n const listaNotificacao = useSelector(state => state.notificacao.listaNotificacao);\r\n\r\n const ref = useRef(null);\r\n const refNotificacao = useRef(null);\r\n const [show, setShow] = useState(false);\r\n const [target, setTarget] = useState(null);\r\n const [showNotificacao, setShowNotificacao] = useState(false);\r\n const [targetNotificacao, setTargetNotificacao] = useState(null);\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n dispatch(ListarNotificacaoRequest(usuario.id));\r\n\r\n }, [])\r\n\r\n\r\n useEffect(() => {\r\n\r\n if (listaNotificacao != null && listaNotificacao.length == 0) {\r\n setShowNotificacao(false)\r\n }\r\n\r\n }, [listaNotificacao])\r\n\r\n const handleClick = (event) => {\r\n setShow(!show);\r\n setShowNotificacao(false);\r\n setTarget(event.target);\r\n };\r\n\r\n const handleClickNotificacao = (event) => {\r\n setShowNotificacao(!showNotificacao);\r\n setShow(false);\r\n setTargetNotificacao(event.target);\r\n };\r\n\r\n function MudarStatusNotificacao(notificacao) {\r\n\r\n let data = {\r\n 'Id': notificacao.id,\r\n 'IdUsuario': notificacao.idUsuario,\r\n 'Mensagem': notificacao.mensagem,\r\n 'DataNotificacao': notificacao.dataNotificacao,\r\n 'DataVisualizacao': new Date(),\r\n 'Ativo': false\r\n }\r\n\r\n dispatch(AlterarNotificacaoRequest(data));\r\n\r\n }\r\n\r\n function Sair() {\r\n localStorage.removeItem('token');\r\n history.push('/');\r\n }\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n\r\n {\r\n contratoCompleto != null && usuario.objetoJsonPreferencias.idContrato != 0 ?\r\n \r\n \r\n \r\n\r\n {usuario.objetoJsonPreferencias.idContrato != null && usuario.objetoJsonPreferencias.idContrato != undefined\r\n && usuario.objetoJsonPreferencias.idContrato != 0 ?\r\n\r\n \r\n \r\n \r\n \r\n Gráfico de status de solicitações\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { setVisualizarTudoSolicitacao(!visualizarTudoSolicitacao) }}\r\n checked={visualizarTudoSolicitacao}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: 'Valor total dos subitens empenhados do cotrato por categoria (em reais) ',\r\n fontSize: 20\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Gráfico de status de autorização\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { setVisualizarTudoAutorizacao(!visualizarTudoAutorizacao) }}\r\n checked={visualizarTudoAutorizacao}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: 'Valor total dos subitens empenhados do cotrato por categoria (em reais) ',\r\n fontSize: 20\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n Gráfico de status de medição\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { setVisualizarTudoMedicao(!visualizarTudoMedicao) }}\r\n checked={visualizarTudoMedicao}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: 'Valor total dos subitens empenhados do cotrato por categoria (em reais) ',\r\n fontSize: 20\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Gráfico de subitens medidos e empenhados por contrato (em reais)\r\n \r\n \r\n \r\n \r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: 'Gráfico de subitens medidos e empenhados por contrato (em reais) ',\r\n fontSize: 60\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n ref={input => {\r\n chartInstance = input;\r\n }}\r\n />\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {/*\r\n \r\n \r\n Gráfico do valor total dos subitens empenhados do cotrato por categoria (em reais)\r\n \r\n \r\n \r\n \r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: 'Valor total dos subitens empenhados do cotrato por categoria (em reais) ',\r\n fontSize: 20\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n Gráfico do valor total empenhado no contrato por mês - Gráfico do valor total empenhado no contrato por regiã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 \r\n
\r\n {\r\n /*\r\n \r\n \r\n Total Mês \r\n \r\n \r\n Total Regiões \r\n \r\n
\r\n */\r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n Gráfico de Obras e Intervenções de IP por Mês\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { setVisualizarTudoObras(!visualizarTudoObras) }}\r\n checked={visualizarTudoObras}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: 'Valor total dos subitens empenhados do cotrato por categoria (em reais) ',\r\n fontSize: 20\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Gráfico de Manutenções por Mês\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { setVisualizarTudoManutencoes(!visualizarTudoManutencoes) }}\r\n checked={visualizarTudoManutencoes}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: 'Valor total dos subitens empenhados do cotrato por categoria (em reais) ',\r\n fontSize: 20\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function (context) {\r\n\r\n let label = context.label;\r\n\r\n if (label) {\r\n label += ' (Total): ';\r\n }\r\n\r\n if (context.parsed.y !== null) {\r\n\r\n let sumTotal = 0.0;\r\n let dataArr = context.chart.data.datasets[0].data;\r\n\r\n dataArr.map((data, y) => {\r\n\r\n if (context.chart._hiddenIndices[y] != true) {\r\n sumTotal += data;\r\n }\r\n\r\n });\r\n\r\n label += context.formattedValue;\r\n }\r\n\r\n return label;\r\n\r\n }, afterLabel: function (context) {\r\n\r\n var labelCompleta = \"\";\r\n var comparativoMes = [];\r\n\r\n if(manutencoesPorMesLegenda){\r\n let listaDescricao = manutencoesPorMesLegenda.map(x => \r\n x.filter(p => p.regiao.descricao == context.label));\r\n \r\n if (context.parsed !== null) {\r\n\r\n listaDescricao.map((data, y) => {\r\n \r\n if(data.length > 0){\r\n if (context.chart._hiddenIndices[y] != true) {\r\n var somaMes = 0.0;\r\n data.map((w, q) => {\r\n if(comparativoMes.length == 0 || comparativoMes.filter(b => b == w.idMes).length == 0){\r\n if(data.filter(d => d.idMes == w.idMes).length > 1){\r\n data.filter(d => d.idMes == w.idMes).map(v => {\r\n somaMes += v.valor;\r\n });\r\n\r\n comparativoMes = [...comparativoMes, w.idMes];\r\n\r\n if(data.length > listaMeses.length){\r\n labelCompleta += w.meses.descricao + \"= \" + `${somaMes.toFixed(2)}` + \"\\n\";\r\n somaMes = 0.0;\r\n }\r\n }\r\n else{\r\n labelCompleta += w.meses.descricao + \"= \" + `${w.valor.toFixed(2)}` + \"\\n\";\r\n comparativoMes = [...comparativoMes, w.idMes];\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 `${labelCompleta}`;\r\n }\r\n },\r\n },\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n : 'No momento você não possui um contrato como preferêcia.'\r\n }\r\n \r\n \r\n \r\n\r\n
\r\n \r\n );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACqVBMVEUAAAAsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYsMjYAAAA2toaNAAAA4XRSTlMAJ8EpQ/7LBJKBCdj7NTb8gwXNK/jiEHOjAlMg8uwYY7SzZRfr8yI6d5CpvcDlw5jndhub+S1N0Ab9h3pO3AtJN+YSsfdaUu6TzIJnTCSwii/KpR/jcOifB7uVYg+G9hFeXTi2rygqCO31AwG6DtPvjV8x6qpQE0qZDN07iNEuWMQj9BSsGfAdVrxu5EZ/Cto01oTOQuGhUbLXgJZHb6dXGreuaMadeQ3fMD6M1D363nvHJWq5ZrVVdCxFz5SFOdsWi5ytoiFZYPFpuKhIl3wy1Y9BdcLgvxWJP9JbyWtkcibOmkohAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+IDFQ8GDg2BAOgAAAdiSURBVHja7d2JW1RlFAbwIzqiQo7EKE2MmbkBiguiMqEIiOK+FpEKCkZsReWS+5KmpOaSAkqaS1mu4W6apalpaVlatq/nP8kllRmGmbn3Y+7HfO99/4Bvzvk988A8M++9l0gsTUKaCp4Q5GlmaR4qewa5acEtZY8gN63Cwh+RPYPctLaGtZI9g9y04RayR5CbiEctzWTPIDeRtrbtZM8gN1H8mOwR5MYewo/LnkFuoh3tn5A9g9x04CdljyA5Hfkp2SPITafOXbrKnsH42LvFxMZ173E38dzTLnseg9O0V292SR/ZExmahL5WdktiP9lDGZj+Dq6bAUmyxzIsfZzsKU/LnsuoJLPnOLvJnsyYDLTUA8CDUmTPZkS6Orje9JI9nBGJYy8ZLHu6wCfV2/6cli57voBniFcAjpM9X6CTkuEdgIfKnjDAGeZjf85MkD1iYDPcFwCPiA14Ro4aPUYWwFifAAYlbNx4KQATZC/+MJaJkyQAPCN77dqxPWs8QJbspV3zXDY4AD9v9M/zjQ2AJ6MD8BR0gPZTwQE4Bx0gdxo4AE8PFoABefk+M3CG9nNfkASQU+AtMXUHfdGfFygs0gxQXCIHwPvn0NKX3OfMeNmvVyjT/hYw8sd5vwEo4RX3OV/140vjkte0788zGyUADa0zqCPMZ2bp2N/Qr2I1ANBsPcvoyZxGCvB6GjgAzUUHoHnoAPMXgAPQQqf+tZQAoEXoAEmLwQFoSSI4AMXw4qUBSF7QANiX8egADFIYNAD0xvKsFdAANIrfxAagGZyHDbCyaFU5NAC9xatLoQFoIq/BBpi2NrcJNAC9zRMa9nfcYAOgybwOG2D9hvCN0ACUb32nEBqANnEsNkDEZksFNABF2iobrswQjAAUxVXYAPYQ3gINQNGOWZ2gAWgKb8UGoK0NVWsLVoBOnR3R0AA0jEMa5DLroAWgKo7CBpja1hYJDUAVls0R0AAUy5uwAVpVW/OhAWhj+Ib10AD0Lm/DBghtztuhAaggN16w5B7kAPQe78AGKO3OO6EBqHxV0S5oAJrOu7EB6H3+ABtgRdZygYvgFQCg/rxH/8UuKgDQh/wRNsDefYn7oQHogLNM7/XvagDQQR6HDZB9yPkxNADNrDk8HxqAjnBfbICSo/q61MoA0LFiXV1qdQDouK4utUIAdEJPl1olgIRMHV1qlQBoqI4utVIAFKe9S60WQHpabgE0AA3W3KVWDIDmae1SqwaQMkhjl1o1AFrorNb0yCrlAGiRti61egBJizV1qdUDoCWJbTV0qRUEoBgtXWoVAezLeBg0AHXt0tnvLrWSAHTS/y61mgB0ijtgA6xs72+XWlEA+sTfLrWqADSRT2MDtFtrOwMNQJ9azvrTpVYXgD7jz7EB1m+wnoMGoFTred9dapUBqI0fXWqlASI2++5SKw1AkTafXWq1ASjKZ5dacQB7D19dasUBKNrho0utOgBN8dGlVh6AhnjvUqsP8MUsr11q9QFoi9cuNQAAVXEyNsDUypr6u9QIAFRhqb9LDQFAsXwBG6Cwut4uNQYAbQw/vBcagNbxRWyA0An1dKlRAKgg13OXGgaA1vAlbIDS7h671DgAVL7KU5caCIDyPHWpkQDokocuNRTAiqy6XWooAOrPzd271FgAdLFOlxoMYO8+9y41GAAdcO9SowHQQbcuNRxA9iHXLjUcAM2scelS4wHQEf4SG6DkaO0uNSAAHSuu1aVGBKDjtbrUkAB04mGXGhMgIdNxGRqArjzoUoMCUNz9LjUqQHrm/11qVAAK43tdamCAe11qZIC7XWpkAD6fAg5wp0uNDcDb0QHip4ED8A50AP4KHeBrdAA2AUwAE8AEMAGwAXo6wQEWXUAHyC4DB6D9NeAAlIwOULIHHIDGLAcHoKvoAHQNHWBXJjgALeVr2AD0DV/FBkiPLz4GDUDf8lH9j6xSAYCu83fYACnna76HBqBz1huF0ACUwzexAZLOWn6ABqAztkoN96VWEIB+1HJfahUB7Lc03JdaRQC63EXT/fnVA6BJRrx+YwYwJCaACWACmAAmgAlgApgAJoAJYAKYACaACWACQAPczJeRnxoPgPSYACaACWACBCXAvtk3f3bAAliG/3LnHHu3MkyAygc3BEvKcQqeFYwAGU1rnfUrIIDL0ySzb8ABHHJ9nuhvcADDXQ8LzUUDmO522p7gA0gTGnm822nXhU7LkQHwu9DIc91O2yp0mn/P523g7BYa2f3mwL2FTvtDBsBFoZFPuR5WLnQYN5MBcFJoZGuqy2F9hQ4L9/VQyoBkpUVo6Orajd7BYm+A1TL2J/pTbOqqhwL94sWO+ksOQJ7Y1Fydeu+ckuREsYOK2skBKB0hKGCdMXJO67+3VQsew//I2f/2B3ixvwINlcPZ4qvoTEvZu99JrlFXiHhI6SXZ29/OTvE99Celo+z1w4/L3J/IfkHu/kUV4jsIZmCY+Bp6Y4kzpBbuIyUnhf+P6Uv47tayd7+ff0+PHZEm+s2ulmQsuFV1pWE//vwHO90k08EZb+sAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDMtMjFUMTU6MDY6MTQrMDE6MDAXX5/6AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAzLTIxVDE1OjA2OjE0KzAxOjAwZgInRgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=\"","import { Button } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport brokenCellphone from '../../assets/broken-cellphone.png';\r\n\r\nexport default function Erro() {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n\r\n if (context.chart._hiddenIndices[y] != true) {\r\n sumTotal += data;\r\n }\r\n\r\n });\r\n\r\n label += context.formattedValue;\r\n }\r\n\r\n return label;\r\n\r\n }, afterLabel: function (context) {\r\n\r\n let sumTotal = 0.0;\r\n\r\n if (context.parsed.y !== null) {\r\n\r\n let dataArr = context.chart.data.datasets[0].data;\r\n\r\n dataArr.map((data, y) => {\r\n\r\n if (context.chart._hiddenIndices[y] != true) {\r\n sumTotal += data;\r\n }\r\n\r\n });\r\n }\r\n\r\n sumTotal = sumTotal.toLocaleString();;\r\n\r\n return `total: ${sumTotal}`;\r\n }\r\n },\r\n },\r\n title: {\r\n display: true,\r\n align: 'center',\r\n //text: '',\r\n fontSize: 20\r\n },\r\n legend: {\r\n display: true,\r\n position: 'right',\r\n align: 'center'\r\n }, datalabels: {\r\n formatter: (value, ctx) => {\r\n\r\n let sum = 0.0;\r\n //let sumTotal = 0.0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n\r\n dataArr.map((data, y) => {\r\n\r\n sum += data;\r\n\r\n /*if (ctx.chart._hiddenIndices[y] != true) {\r\n sumTotal += data;\r\n }*/\r\n\r\n });\r\n\r\n //setValorTotalMes(sumTotal);\r\n\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n\r\n },\r\n color: '#000',\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n
\r\n \r\n {\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / sum).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n }, tooltip: {\r\n callbacks: {\r\n label: function (context) {\r\n\r\n let label = context.label;\r\n\r\n if (label) {\r\n label += ': ';\r\n }\r\n\r\n if (context.parsed.y !== null) {\r\n\r\n let sumTotal = 0.0;\r\n let dataArr = context.chart.data.datasets[0].data;\r\n\r\n dataArr.map((data, y) => {\r\n\r\n if (context.chart._hiddenIndices[y] != true) {\r\n sumTotal += data;\r\n }\r\n\r\n });\r\n\r\n label += context.formattedValue;\r\n }\r\n\r\n return label;\r\n\r\n }, afterLabel: function (context) {\r\n\r\n let sumTotal = 0.0;\r\n\r\n if (context.parsed.y !== null) {\r\n\r\n let dataArr = context.chart.data.datasets[0].data;\r\n\r\n dataArr.map((data, y) => {\r\n\r\n if (context.chart._hiddenIndices[y] != true) {\r\n sumTotal += data;\r\n }\r\n\r\n });\r\n }\r\n\r\n sumTotal = sumTotal.toLocaleString();\r\n return `Total: ${sumTotal}`;\r\n }\r\n },\r\n },\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n\r\n
\r\n \r\n { e ? setAno(e.value) : setAno([]) }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n { e ? setAnoManutencoes(e.value) : setAnoManutencoes([]) }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n )\r\n}","export function ListarUsuarioRequest() {\r\n return {\r\n type: 'LISTAR_USUARIO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarUsuarioResponse(listaUsuario) {\r\n return {\r\n type: 'LISTAR_USUARIO_RESPONSE',\r\n listaUsuario\r\n }\r\n}\r\n\r\nexport function BuscarUsuarioPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_USUARIO_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarUsuarioPorIdResponse(usuario) {\r\n return {\r\n type: 'BUSCAR_USUARIO_POR_ID_RESPONSE',\r\n usuario\r\n }\r\n}\r\n\r\nexport function InserirUsuarioRequest(data, usuarioFornecedor) {\r\n return {\r\n type: 'INSERIR_USUARIO_REQUEST',\r\n data,\r\n usuarioFornecedor\r\n }\r\n}\r\n\r\nexport function AlterarUsuarioRequest(data, usuarioFornecedor) {\r\n return {\r\n type: 'ALTERAR_USUARIO_REQUEST',\r\n data,\r\n usuarioFornecedor\r\n }\r\n}\r\n\r\nexport function InserirNovaSenhaRequest(email) {\r\n return {\r\n type: 'INSERIR_NOVA_SENHA_REQUEST',\r\n email\r\n }\r\n}\r\n\r\nexport function InserirNovaSenhaResponse(senha) {\r\n return {\r\n type: 'INSERIR_NOVA_SENHA_RESPONSE',\r\n senha\r\n }\r\n}\r\n\r\nexport function InserirNovaSenhaPageUsuarioRequest(email) {\r\n return {\r\n type: 'INSERIR_NOVA_SENHA_PAGE_USUARIO_REQUEST',\r\n email\r\n }\r\n}\r\n\r\nexport function LoginUsuarioRequest(data) {\r\n return {\r\n type: 'LOGIN_USUARIO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function LoginUsuarioResponse(usuario) {\r\n return {\r\n type: 'LOGIN_USUARIO_RESPONSE',\r\n usuario\r\n }\r\n}\r\n\r\nexport function LoginUsuarioFail() {\r\n return {\r\n type: 'LOGIN_USUARIO_FAIL'\r\n }\r\n}\r\n\r\nexport function AtivarUsuarioRequest(data) {\r\n return {\r\n type: 'ATIVAR_USUARIO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function VerificarAtivacaoRequest(id) {\r\n return {\r\n type: 'VERIFICAR_ATIVACAO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function LimparUsuarioRequest() {\r\n return {\r\n type: 'LIMPAR_USUARIO_REQUEST',\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n\r\n","import { Modal, Button, Form } from \"react-bootstrap\";\r\nimport { useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { InserirNovaSenhaRequest } from '../../store/modules/usuario/actions';\r\n\r\nexport default function ModalEsqueceuSenha({show, onHide}) {\r\n\r\n const dispatch = useDispatch();\r\n \r\n const [email, setEmail] = useState(\"\");\r\n\r\n function NovaSenha(){\r\n \r\n dispatch(InserirNovaSenhaRequest(email));\r\n setEmail(\"\");\r\n }\r\n\r\n return (\r\n Ops! Um erro da nossa parte ocorreu.
\r\n\r\n 
\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n
\r\n {`Esse evento de erro já foi registrado e em breve nossos engenheiros serão notificados. Se preferir, use nossa\r\n ferramenta de suporte (em breve) para notificar nossa equipe imediatamente.`}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \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 { Row, Col, Card, Button, } from \"react-bootstrap\";\r\nimport { MdOutlinePerson } from 'react-icons/md'\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport { ListarUsuarioRequest, LimparUsuarioRequest } from '../../../store/modules/usuario/actions';\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport MaterialTable from 'material-table';\r\nimport Header from \"../../../components/Header/header\";\r\nimport './listar.css';\r\nimport { toast } from \"react-toastify\";\r\nimport Select from 'react-select';\r\n\r\nexport default function Listar() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const listaUsuario = useSelector(state => state.usuario.listaUsuario);\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissão de Visualizar\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarUsuarioRequest());\r\n dispatch(LimparUsuarioRequest());\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (token.role.filter(r => r == \"UsuarioVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.thNomeGrupo === undefined || rowData.thNomeGrupo.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.thNomeGrupo.trim().length > 50) {\r\n return \"O nome não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '80%' }\r\n },\r\n ]}\r\n data={\r\n listaGrupoAcesso != undefined ?\r\n listaGrupoAcesso.map(grupo => {\r\n return {\r\n thIdGrupo: grupo.id,\r\n thNomeGrupo: grupo.nomeGrupo,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirGrupo(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarGrupo(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n ExcluirGrupo(oldData.thIdGrupo);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n addRowPosition: \"first\",\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n actions={[\r\n {\r\n icon: 'key',\r\n tooltip: '',\r\n onClick: (event, rowData) => { history.push(`/permissoesGrupo/${rowData.thIdGrupo}`); }\r\n }\r\n ]}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","export function ListarGrupoFuncaoAcessoRequest(id) {\r\n return {\r\n type: 'LISTAR_GRUPO_FUNCAO_ACESSO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarGrupoFuncaoAcessoResponse(listaGrupoFuncaoAcesso) {\r\n return {\r\n type: 'LISTAR_GRUPO_FUNCAO_ACESSO_RESPONSE',\r\n listaGrupoFuncaoAcesso\r\n }\r\n}\r\n\r\nexport function AlterarGrupoFuncaoAcessoRequest(data) {\r\n return {\r\n type: 'ALTERAR_GRUPO_FUNCAO_ACESSO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import Header from \"../../../components/Header/header\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { Table, Thead, Tbody, Tr, Th, Td } from 'react-super-responsive-table';\r\nimport { Card, Col, Row, Form } from \"react-bootstrap\";\r\nimport { BsFillGearFill } from 'react-icons/bs'\r\nimport { ListarGrupoFuncaoAcessoRequest, AlterarGrupoFuncaoAcessoRequest } from '../../../store/modules/grupoFuncaoAcesso/actions';\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { toast } from \"react-toastify\";\r\nimport 'react-super-responsive-table/dist/SuperResponsiveTableStyle.css';\r\nimport './permissao.css'\r\n\r\nexport default function Permissao() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const listaGrupoFuncaoAcesso = useSelector(state => state.grupoFuncaoAcesso.listaGrupoFuncaoAcesso);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [alterar, setAlterar] = useState(false);\r\n\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"GrupoAcessoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n if (token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setAlterar(true);\r\n } \r\n\r\n }, []) \r\n\r\n useEffect(() => {\r\n dispatch(ListarGrupoFuncaoAcessoRequest(id));\r\n }, [])\r\n\r\n function changeCheckedGrupo(e, index, grupo) {\r\n\r\n let listaPermissoes = listaGrupoFuncaoAcesso;\r\n\r\n var data = {\r\n 'Id': listaPermissoes[index].id,\r\n 'IdGrupo': listaPermissoes[index].idGrupo,\r\n 'IdFuncao': listaPermissoes[index].idFuncao,\r\n 'Visualizar': listaPermissoes[index].visualizar,\r\n 'Criar': listaPermissoes[index].criar,\r\n 'Alterar': listaPermissoes[index].alterar,\r\n 'Excluir': listaPermissoes[index].excluir,\r\n 'Relatorio': listaPermissoes[index].relatorio,\r\n 'Exportar': listaPermissoes[index].exportar,\r\n 'VerValores': listaPermissoes[index].verValores,\r\n 'PadraoAba': listaPermissoes[index].padraoAba,\r\n 'Menu': listaPermissoes[index].menu\r\n }\r\n\r\n switch (grupo) {\r\n case 'Criar/Alterar':\r\n data.Criar = !data.Criar; \r\n data.Alterar = data.Criar;\r\n dispatch(AlterarGrupoFuncaoAcessoRequest(data)); \r\n break;\r\n case 'Excluir':\r\n data.Excluir = !data.Excluir;\r\n dispatch(AlterarGrupoFuncaoAcessoRequest(data));\r\n break;\r\n case 'VerValores':\r\n data.VerValores = !data.VerValores; \r\n data.Relatorio = data.VerValores\r\n data.Visualizar = data.VerValores \r\n data.Exportar = data.VerValores\r\n dispatch(AlterarGrupoFuncaoAcessoRequest(data));\r\n break;\r\n case 'TodasOperacoes':\r\n data.Criar = e.target.checked; \r\n data.Alterar = e.target.checked; \r\n data.Excluir = e.target.checked; \r\n dispatch(AlterarGrupoFuncaoAcessoRequest(data));\r\n break; \r\n case 'Menu': \r\n data.Menu = e.target.checked; \r\n dispatch(AlterarGrupoFuncaoAcessoRequest(data));\r\n break; \r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n }\r\n columns={[\r\n {\r\n title: \"Número Usuário\", field: 'id', editable: 'never', defaultSort: 'asc', cellStyle: {\r\n width: '10%',\r\n\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nome', cellStyle: {\r\n width: '24%'\r\n }\r\n },\r\n {\r\n title: \"Email\", field: 'email', cellStyle: {\r\n width: '24%'\r\n }\r\n },\r\n {\r\n title: \"Grupo\", field: 'grupoAcesso', cellStyle: {\r\n width: '14%'\r\n }\r\n },\r\n {\r\n title: \"Fornecedor/Cliente\", field: 'usuarioFornecedor', cellStyle: {\r\n width: '14%'\r\n }\r\n },\r\n {\r\n title: \"Status\", field: 'status', cellStyle: {\r\n width: '14%'\r\n }\r\n },\r\n {\r\n title: \"Usuário Validado\", field: 'validado', cellStyle: {\r\n width: '14%'\r\n },\r\n }\r\n ]}\r\n data={\r\n listaUsuario != undefined ?\r\n listaUsuario.map(usuario => {\r\n return {\r\n id: usuario.id,\r\n nome: usuario.nome,\r\n email: usuario.email,\r\n grupoAcesso: usuario.grupoAcesso.nomeGrupo,\r\n status: usuario.ativo ? 'Ativado' : 'Desativado',\r\n usuarioFornecedor: usuario.usuarioFornecedor ? 'Fornecedor' : 'Cliente',\r\n validado: usuario.validado ? 'Sim' : 'Não',\r\n }\r\n })\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 20, 30, 50],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n {\r\n 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}","export function AtualizarPerfilRequest(data) {\r\n return {\r\n type: 'ATUALIZAR_PERFIL_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AtualizarPerfilResponse(data) {\r\n return {\r\n type: 'ATUALIZAR_PERFIL_RESPONSE',\r\n data\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","\r\nexport function ListarMunicipiosRequest() {\r\n return {\r\n type: 'LISTAR_MUNICIPIO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarMunicipioResponse(listaMunicipio) {\r\n return {\r\n type: 'LISTAR_MUNICIPIO_RESPONSE',\r\n listaMunicipio\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { Card, Button, Container, Row, Col, Form, InputGroup } from \"react-bootstrap\";\r\nimport { MdPermIdentity } from 'react-icons/md'\r\nimport { IoEyeSharp } from \"react-icons/io5\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useState, useEffect } from \"react\";\r\nimport { AtualizarPerfilRequest } from '../../../store/modules/perfil/actions';\r\nimport { ListarMunicipiosRequest } from \"../../../store/modules/municipio/actions\";\r\nimport { toast } from \"react-toastify\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport InputMask from \"react-input-mask\";\r\nimport './perfil.css';\r\n\r\nexport default function Perfil() {\r\n\r\n const dispatch = useDispatch();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n\r\n const listaMunicipio = useSelector(state => state.municipio.listaMunicipio);\r\n\r\n const [nome, setNome] = useState(usuario.nome);\r\n const [email] = useState(usuario.email);\r\n const [ddd, setDdd] = useState(usuario.ddd);\r\n const [telefone, setTelefone] = useState(usuario.telefone);\r\n const [cep, setCep] = useState(usuario.cep);\r\n const [logradouro, setLogradouro] = useState(usuario.logradouro);\r\n const [numero, setNumero] = useState(usuario.numero);\r\n const [complemento, setComplemento] = useState(usuario.complemento);\r\n const [bairro, setBairro] = useState(usuario.bairro);\r\n const [municipio, setMunicipio] = useState(usuario.idMunicipio);\r\n const [senha, setSenha] = useState(usuario.senha);\r\n const [confirmarSenha, setConfirmaSenha] = useState(usuario.senha);\r\n const [cargo, setCargo] = useState(usuario.cargo);\r\n const [historicoFiltro, setHistoricoFiltro] = useState(usuario.historicoFiltro);\r\n\r\n const [validated, setValidated] = useState(false);\r\n\r\n function AlterarPerfil(e) {\r\n e.preventDefault();\r\n\r\n if (senha !== confirmarSenha) {\r\n toast.error('As senhas são diferentes');\r\n return;\r\n }\r\n\r\n if (!validaSenha(senha)) {\r\n toast.error('Senha precisar conter letras maiúsculas, minúsculas, caracteres especiais e mínimo 8 digitos');\r\n return;\r\n }\r\n\r\n usuario.nome = nome;\r\n usuario.email = email;\r\n usuario.ddd = ddd;\r\n usuario.telefone = telefone;\r\n usuario.cep = cep;\r\n usuario.logradouro = logradouro;\r\n usuario.numero = numero;\r\n usuario.complemento = complemento;\r\n usuario.bairro = bairro;\r\n usuario.municipio = municipio;\r\n usuario.senha = senha;\r\n usuario.apiRefreshToken = '0';\r\n usuario.cargo = cargo;\r\n usuario.historicoFiltro = historicoFiltro;\r\n\r\n dispatch(AtualizarPerfilRequest(usuario));\r\n }\r\n\r\n function validaSenha(senha) {\r\n const senhaRegex = /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\\s).{8,20}$/\r\n return senhaRegex.test(String(senha))\r\n }\r\n\r\n useEffect(() => {\r\n CarregarMunicipios();\r\n })\r\n\r\n function CarregarMunicipios() {\r\n dispatch(ListarMunicipiosRequest());\r\n }\r\n\r\n const handleSubmit = (event) => {\r\n\r\n const form = event.currentTarget;\r\n\r\n if (form.checkValidity() === false || ValidaTelefone() === false\r\n || ValidaDdd() === false || ValidaCep() === false) {\r\n event.preventDefault();\r\n } else {\r\n AlterarPerfil(event);\r\n }\r\n\r\n setValidated(true);\r\n };\r\n\r\n function ValidaDdd() {\r\n const dddRegex = /^\\d{2}$/;\r\n if (dddRegex.test(String(ddd))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidaTelefone() {\r\n const telefoneRegex = /^\\d{1}\\d{4} \\d{4}$/;\r\n const telefoneRegex2 = /^\\d{1}\\d{4}\\d{4}$/;\r\n\r\n if (telefoneRegex.test(String(telefone)) || telefoneRegex2.test(String(telefone))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidaCep() {\r\n const cepRegex = /^\\d{2}.\\d{3}-\\d{3}$/;\r\n if (cepRegex.test(String(cep))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function VerSenha() {\r\n let input = document.getElementById('formSenha');\r\n if (input.getAttribute('type') == 'password') {\r\n input.setAttribute('type', 'text');\r\n } else {\r\n input.setAttribute('type', 'password');\r\n }\r\n }\r\n\r\n function VerSenha2() {\r\n let input = document.getElementById('formSenha2');\r\n if (input.getAttribute('type') == 'password') {\r\n input.setAttribute('type', 'text');\r\n } else {\r\n input.setAttribute('type', 'password');\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n | # | \r\nPermissão | \r\nCriar/Alterar | \r\nExcluir | \r\nVisualizar | \r\nVisualizar Menu | \r\nTodas Operações | \r\n
|---|---|---|---|---|---|---|
| {permissao.id} | \r\n{permissao.funcaoAcesso.funcao} | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| {permissao.id} | \r\n{permissao.funcaoAcesso.funcao} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n \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 { Container, Row, Col, Button, Form, Card } from \"react-bootstrap\";\r\nimport { useState, useEffect } from \"react\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { VerificarAtivacaoRequest, AtivarUsuarioRequest } from '../../../store/modules/usuario/actions';\r\nimport { useDispatch } from \"react-redux\";\r\nimport './ativacaoConta.css';\r\n\r\nexport default function AtivacaoConta() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n const [codigo, setCodigo] = useState('');\r\n const [senha, setSenha] = useState('');\r\n const [confirmarSenha, setConfirmarSenha] = useState('');\r\n\r\n useEffect(() => {\r\n verificaAtivacao();\r\n }, [dispatch])\r\n\r\n function verificaAtivacao() {\r\n dispatch(VerificarAtivacaoRequest(id));\r\n }\r\n\r\n function validaSenha(senha) {\r\n const senhaRegex = /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\\s).{8,20}$/\r\n return senhaRegex.test(String(senha))\r\n }\r\n\r\n function AtivarConta() {\r\n\r\n if (senha !== confirmarSenha) {\r\n toast.error('As senhas são diferentes');\r\n return;\r\n }\r\n\r\n if (!validaSenha(senha)) {\r\n toast.error('Senha precisar conter números, letras maiúsculas, minúsculas, caracteres especiais e mínimo 8 digitos');\r\n return;\r\n }\r\n\r\n let data = {\r\n 'IdUsuario': id,\r\n 'Senha': senha,\r\n 'CodigoAtivacao': codigo\r\n }\r\n\r\n dispatch(AtivarUsuarioRequest(data));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n\r\n \r\n );\r\n}","export function ListarOrigemContratoRequest() {\r\n return {\r\n type: 'LISTAR_ORIGEM_CONTRATO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarOrigemContratoResponse(listaOrigemContrato) {\r\n return {\r\n type: 'LISTAR_ORIGEM_CONTRATO_RESPONSE',\r\n listaOrigemContrato\r\n }\r\n}\r\n\r\nexport function InserirOrigemContratoRequest(data) {\r\n return {\r\n type: 'INSERIR_ORIGEM_CONTRATO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarOrigemContratoRequest(data) {\r\n return {\r\n type: 'ALTERAR_ORIGEM_CONTRATO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirOrigemContratoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_ORIGEM_CONTRATO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarContratoUsuarioRequest() {\r\n return {\r\n type: 'LISTAR_CONTRATO_USUARIO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarContratoUsuarioResponse(listaContratoUsuario) {\r\n return {\r\n type: 'LISTAR_CONTRATO_USUARIO_RESPONSE',\r\n listaContratoUsuario\r\n }\r\n}\r\n\r\nexport function InserirContratoUsuarioRequest(data) {\r\n return {\r\n type: 'INSERIR_CONTRATO_USUARIO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarContratoUsuarioRequest(data) {\r\n return {\r\n type: 'ALTERAR_CONTRATO_USUARIO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirContratoUsuarioRequest(id) {\r\n return {\r\n type: 'EXCLUIR_CONTRATO_USUARIO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { Col, Button, Card } from \"react-bootstrap\";\r\nimport { IoDocumentText } from 'react-icons/io5';\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport { Link } from 'react-router-dom';\r\nimport { ListarClienteRequest } from '../../../store/modules/cliente/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { ListarContratoRequest } from '../../../store/modules/contrato/actions';\r\nimport { ListarOrigemContratoRequest } from '../../../store/modules/origemContrato/actions';\r\nimport { useEffect, useState } from \"react\";\r\nimport { ListarContratoUsuarioRequest } from '../../../store/modules/contratoUsuario/actions';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport Header from '../../../components/Header/header';\r\nimport Loading from '../../../components/Loading/loading';\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\nimport './listar.css';\r\n\r\nexport default function Listar() {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n\r\n const listaContrato = useSelector(state => state.contrato.listaContrato);\r\n const listaContratoUsuario = useSelector(state => state.contratoUsuario.listaContratoUsuario);\r\n const carregando = useSelector(state => state.contrato.carregando);\r\n const listaCliente = useSelector(state => state.cliente.listaCliente);\r\n const listaOrigemContrato = useSelector(state => state.origemContrato.listaOrigemContrato);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissão de Visualizar\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n useEffect(() => {\r\n if (token.role.filter(r => r == \"ContratoMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n dispatch(ListarClienteRequest());\r\n dispatch(ListarContratoRequest());\r\n dispatch(ListarOrigemContratoRequest());\r\n dispatch(ListarContratoUsuarioRequest());\r\n\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","export function ListarTipoContratoVersaoRequest() {\r\n return {\r\n type: 'LISTAR_TIPO_CONTRATO_VERSAO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarTipoContratoVersaoResponse(listaTipoContratoVersao) {\r\n return {\r\n type: 'LISTAR_TIPO_CONTRATO_VERSAO_RESPONSE',\r\n listaTipoContratoVersao\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarContratoVersaoRequest(idContrato) {\r\n return {\r\n type: 'LISTAR_CONTRATO_VERSAO_REQUEST', idContrato\r\n }\r\n}\r\n\r\nexport function ListarContratoVersaoResponse(listaContratoVersao) {\r\n return {\r\n type: 'LISTAR_CONTRATO_VERSAO_RESPONSE',\r\n listaContratoVersao\r\n }\r\n}\r\n\r\nexport function BuscarContratoVersaoPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_CONTRATO_VERSAO_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarContratoVersaoPorIdResponse(contratoVersaoCompleto) {\r\n return {\r\n type: 'BUSCAR_CONTRATO_VERSAO_POR_ID_RESPONSE',\r\n contratoVersaoCompleto\r\n }\r\n}\r\n\r\nexport function InserirContratoVersaoRequest(data) {\r\n return {\r\n type: 'INSERIR_CONTRATO_VERSAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function InserirItensContratoVersaoRequest(data, idContrato) {\r\n return {\r\n type: 'INSERIR_ITENS_CONTRATO_VERSAO_REQUEST',\r\n data, idContrato\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarSolicitacaoFornecimentoRequest() {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarSolicitacaoFornecimentoResponse(listaSolicitacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_RESPONSE',\r\n listaSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function BuscarSolicitacaoFornecimentoPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_SOLICITACAO_FORNECIMENTO_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarSolicitacaoFornecimentoPorIdResponse(solicitacaoFornecimentoCompleto) {\r\n return {\r\n type: 'BUSCAR_SOLICITACAO_FORNECIMENTO_POR_ID_RESPONSE',\r\n solicitacaoFornecimentoCompleto\r\n }\r\n}\r\n\r\nexport function InserirSolicitacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'INSERIR_SOLICITACAO_FORNECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarSolicitacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'ALTERAR_SOLICITACAO_FORNECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarPrazoSolicitacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'ALTERAR_PRAZO_SOLICITACAO_FORNECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirSolicitacaoFornecimentoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_SOLICITACAO_FORNECIMENTO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarCompletoSolicitacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'LISTAR_COMPLETO_SOLICITACAO_FORNECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function InserirCoordenadasdSolicitacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'INSERIR_COORDENADAS_SOLICITACAO_FORNECECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ReajustaOuCancelaSolicitacaoContrato(data) {\r\n return {\r\n type: 'REAJUSTA_OU_CANCELA_SOLICITACAO_CONTRATO',\r\n data\r\n }\r\n}\r\n\r\nexport function LimparSolicitacaoFornecimento() {\r\n return {\r\n type: 'LIMPAR_SOLICITACAO_FORNECIMENTO'\r\n }\r\n}\r\n\r\nexport function ListarSolicitacaoFornecimentoCamposVerificacaoRapidaRequest() {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_CAMPOS_VERIFICACAO_RAPIDA_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarSolicitacaoFornecimentoCamposVerificacaoRapidaResponse(listarSolicitacaoFornecimentoCamposVerificacaoRapida) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_CAMPOS_VERIFICACAO_RAPIDA_RESPONSE',\r\n listarSolicitacaoFornecimentoCamposVerificacaoRapida\r\n }\r\n}\r\n\r\nexport function BuscarCoordenadasPorEnderecoRequest(Endereco) {\r\n return {\r\n type: 'BUSCAR_COORDENADAS_POR_ENDERECO_REQUEST',\r\n Endereco\r\n }\r\n}\r\n\r\nexport function BuscarCoordenadasPorEnderecoResponse(coordenadasPorEndereco) {\r\n return {\r\n type: 'BUSCAR_COORDENADAS_POR_ENDERECO_RESPONSE',\r\n coordenadasPorEndereco\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n\r\nexport function GerarOficioRequest(id, numero) {\r\n return {\r\n type: 'GERAR_OFICIO_REQUEST',\r\n id, numero\r\n }\r\n}","import { Button, Modal } from \"react-bootstrap\";\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { ListarCompletoSolicitacaoFornecimentoRequest } from '../../store/modules/solicitacaoFornecimento/actions';\r\nimport { PatchedPagination } from \"../PatchedPagination/patchedPagination\";\r\nimport { InserirItensContratoVersaoRequest } from \"../../store/modules/contratoVersao/actions\";\r\nimport moment from 'moment';\r\nimport MaterialTable from \"material-table\";\r\nimport { ImportarContratoExcelRequest } from \"../../store/modules/contrato/actions\";\r\n\r\n\r\nexport default function ModalSolicitacaoAjusteImportacao({ idContrato, show, onHide, dados, tipo }) {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const listaSolicitacaoFornecimento = useSelector(state => state.solicitacaoFornecimento.listaSolicitacaoFornecimento);\r\n const carregando = useSelector(state => state.solicitacaoFornecimento.carregando);\r\n const [idsCancelados, setIdsCancelados] = useState([]);\r\n const [idsReajustados, setIdsReajustados] = useState([]);\r\n\r\n useEffect(() => {\r\n moment.locale('pt-br');\r\n }, [dispatch])\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarCompletoSolicitacaoFornecimentoRequest({\r\n IdSolicitacaoFornecimento: null,\r\n IdContrato: idContrato,\r\n Servico: true\r\n }));\r\n\r\n }, [idContrato])\r\n\r\n function Salvar() {\r\n\r\n if (tipo == \"Importacao\") {\r\n\r\n var data = {\r\n 'ListaObjeto': dados,\r\n 'ListaIdSolicitacaoFornecimento': idsReajustados,\r\n 'ListaIdSolicitacaoFornecimentoCancelar': idsCancelados\r\n }\r\n\r\n dispatch(ImportarContratoExcelRequest(data, idContrato));\r\n\r\n } else if (tipo == \"Ajustes\" && dados != undefined) {\r\n\r\n var data = {\r\n 'Id': dados.Id,\r\n 'IdContrato': dados.IdContrato,\r\n 'IdTipoContratoVersao': dados.IdTipoContratoVersao,\r\n 'DataVersao': dados.DataVersao,\r\n 'DataInicioContrato': dados.DataInicioContrato,\r\n 'DataFimContrato': dados.DataFimContrato,\r\n 'ValorIndiceReajuste': dados.ValorIndiceReajuste,\r\n 'ValorIndiceMulta': dados.ValorIndiceMulta,\r\n 'GruposCusto': dados.GruposCusto,\r\n 'AdicionarSubItemCusto': dados.AdicionarSubItemCusto,\r\n 'AlterarSub': dados.AlterarSub,\r\n 'IdUsuario': dados.IdUsuario,\r\n 'ValorIndiceQuantidadeItemExcedente': dados.ValorIndiceQuantidadeItemExcedente,\r\n 'ListaIdSolicitacaoFornecimento': idsReajustados,\r\n 'ListaIdSolicitacaoFornecimentoCancelar': idsCancelados\r\n }\r\n\r\n dispatch(InserirItensContratoVersaoRequest(data, idContrato));\r\n }\r\n\r\n onHide();\r\n\r\n }\r\n\r\n function cancelar(rowData) {\r\n\r\n var id = idsCancelados.filter(i => i.id == rowData.id);\r\n if (id.length == 0) {\r\n var lista = idsCancelados;\r\n lista.push(rowData.id)\r\n setIdsCancelados(lista);\r\n }\r\n }\r\n\r\n function reajustar(rowData) {\r\n\r\n var id = idsReajustados.filter(i => i.id == rowData.id);\r\n if (id.length == 0) {\r\n var lista = idsReajustados;\r\n lista.push(rowData.id)\r\n setIdsReajustados(lista);\r\n }\r\n }\r\n\r\n return (\r\n carregando && listaSolicitacaoFornecimento != undefined &&\r\n listaSolicitacaoFornecimento.filter(s => s.statusAtual != \"Solicitação Finalizada\" && s.statusAtual != \"\").length > 0 ?\r\n \r\n {\r\n carregando ?\r\n }\r\n columns={[\r\n {\r\n title: 'Número do Contrato', field: 'id', defaultSort: 'desc', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: 'Descrição', field: 'descricao', cellStyle: {\r\n width: '15%',\r\n }\r\n },\r\n {\r\n title: 'Cliente', field: 'idCliente', cellStyle: {\r\n width: '15%',\r\n }\r\n },\r\n {\r\n title: 'Origem', field: 'idOrigemContrato', cellStyle: {\r\n width: '15%',\r\n }\r\n },\r\n {\r\n title: 'Número Origem', field: 'numeroOrigemContrato', cellStyle: {\r\n width: '15%',\r\n }\r\n },\r\n {\r\n title: 'Data Criação', field: 'dataContrato', cellStyle: {\r\n width: '15%',\r\n }\r\n },\r\n {\r\n title: 'Observação', field: 'observacao', cellStyle: {\r\n width: '15%',\r\n }\r\n }\r\n ]}\r\n data={\r\n listaContrato != undefined && listaCliente != undefined && listaOrigemContrato != undefined && listaContratoUsuario != undefined ?\r\n listaContrato.map(contrato => {\r\n\r\n // Para mostrar na lista, verifica se o contrato é privado e se o usuario tem permissão\r\n if (contrato.privado && (listaContratoUsuario.filter((contratoUsu) => contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contrato.id).length === 0)) {\r\n return null\r\n }\r\n else {\r\n return {\r\n id: contrato.id,\r\n idCliente: contrato.cliente.nome,\r\n descricao: contrato.descricao,\r\n observacao: contrato.observacao,\r\n numeroOrigemContrato: contrato.numeroOrigemContrato,\r\n idOrigemContrato:\r\n contrato.origemContrato != null ?\r\n contrato.origemContrato.descricao\r\n : '',\r\n dataContrato: moment(contrato.dataInclusaoSistema).format('L LT')\r\n }\r\n }\r\n }).filter(Boolean)\r\n :\r\n []\r\n }\r\n actions={[\r\n rowData => ({\r\n icon: () =>
\r\n \r\n
\r\n {messageError}
\r\n\r\n Selecione os usuários que terão permissão \r\n (contratoCompleto.idUsuario !== usuario.id))\r\n .map((usuario) => {\r\n return {\r\n nome: usuario.nome,\r\n id: usuario.id,\r\n aprovaSolicitacao: false,\r\n finalizaSolicitacao: false,\r\n criaItemSolicitacao: false,\r\n cancelaSolicitacao: false,\r\n analisaOrcamentoSolicitacao: false,\r\n finalizaAutorizacao: false,\r\n editaPrazoAutorizacao: false,\r\n cancelaAutorizacao: false,\r\n reabrirAutorizacao: false,\r\n finalizaMedicao: false,\r\n cancelaMedicao: false,\r\n iniciarMedicao: false,\r\n editaQuantidadeSubitemMedicao: false,\r\n editaQuantidadeSubitemAutorizacao: false,\r\n cancelaEmpenho: false,\r\n finalizaEmpenho: false,\r\n analisaSubitemEmpenho: false,\r\n faturamentoEmpenho: false,\r\n editaExcedenteSubitemAutorizacao: false,\r\n idContratoUsuario: 0\r\n }\r\n })\r\n :\r\n []\r\n }\r\n avoidHighlightFirstOption={true}\r\n selectedValues={listaAtualContratoUsuario}\r\n disablePreSelectedValues={false}\r\n placeholder=\"Selecione...\"\r\n displayValue=\"nome\"\r\n onSelect={inserir == true ? AdicionarContratoUsuario : undefined}\r\n onRemove={excluir == true ? ExcluirContratoUsuario : undefined}\r\n emptyRecordMsg=\"Nenhuma opção disponível.\"\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Permissões Solicitação Fornecimento \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Permissões Autorização Fornecimento \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Permissões Medição Autorização Fornecimento \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Permissões Empenho \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n}","export function ListarGrupoCustoRequest() {\r\n return {\r\n type: 'LISTAR_GRUPO_CUSTO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarGrupoCustoResponse(listaGrupoCusto) {\r\n return {\r\n type: 'LISTAR_GRUPO_CUSTO_SUCCESS',\r\n listaGrupoCusto\r\n }\r\n}\r\n\r\nexport function InserirGrupoCustoRequest(data, idContrato) {\r\n return {\r\n type: 'INSERIR_GRUPO_CUSTO_REQUEST',\r\n data, idContrato\r\n }\r\n}\r\n\r\nexport function AlterarGrupoCustoRequest(data, idContrato) {\r\n return {\r\n type: 'ALTERAR_GRUPO_CUSTO_REQUEST',\r\n data, idContrato\r\n }\r\n}\r\n\r\nexport function ExcluirGrupoCustoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_GRUPO_CUSTO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarGrupoCustoCompletoRequest(id) {\r\n return {\r\n type: 'LISTAR_GRUPO_CUSTO_COMPLETO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarGrupoCustoCompletoResponse(listaCompletaGrupoCusto) {\r\n return {\r\n type: 'LISTAR_GRUPO_CUSTO_COMPLETO_RESPONSE',\r\n listaCompletaGrupoCusto\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Row, Col, Form, Button } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { InserirGrupoCustoRequest } from \"../../../store/modules/grupoCusto/actions\";\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { toast } from \"react-toastify\";\r\n\r\nexport default function GrupoCusto() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const contratoCompleto = useSelector(state => state.contrato.contratoCompleto);\r\n\r\n const [descricaoCodigoInterno, setDescricaoCodigoInterno] = useState('');\r\n const [descricao, setDescricao] = useState('');\r\n const [validated, setValidated] = useState(false);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"ContratoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir\r\n if (token.role.filter(r => r == \"ContratoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n\r\n }, [])\r\n\r\n function CadastrarGrupoCusto(e) {\r\n\r\n e.preventDefault();\r\n\r\n if (descricao == null || descricao == undefined\r\n || descricao.trim() == '') {\r\n toast.error(`Descrição inválida`);\r\n return;\r\n }\r\n\r\n if (descricaoCodigoInterno == null || descricaoCodigoInterno == undefined\r\n || descricaoCodigoInterno.trim() == '') {\r\n toast.error(`Número Interno inválido`);\r\n return;\r\n }\r\n\r\n var data = {\r\n 'Id': parseInt(0),\r\n 'Descricao': descricao.trim(),\r\n 'DescricaoCodigoInterno': descricaoCodigoInterno.trim(),\r\n 'IdContratoVersao': contratoCompleto.contratoVersaoApiModel.id\r\n }\r\n\r\n dispatch(InserirGrupoCustoRequest(data, id));\r\n }\r\n\r\n const handleSubmit = (event) => {\r\n\r\n if (event.currentTarget.checkValidity() === false) {\r\n\r\n event.preventDefault();\r\n setValidated(true);\r\n } else {\r\n\r\n CadastrarGrupoCusto(event);\r\n setDescricao(\"\");\r\n setDescricaoCodigoInterno(\"\");\r\n setValidated(false);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}","export function ListarItemCustoRequest(){\r\n return {\r\n type: 'LISTAR_ITEM_CUSTO_REQUEST'\r\n }\r\n }\r\n \r\n\r\nexport function ListarItemCustoResponse(listaItemCusto){\r\n return {\r\n type: 'LISTAR_ITEM_CUSTO_RESPONSE',\r\n listaItemCusto\r\n }\r\n}\r\n\r\nexport function InserirItemCustoRequest(data, idContrato){\r\n return {\r\n type: 'INSERIR_ITEM_CUSTO_REQUEST',\r\n data, idContrato\r\n }\r\n}\r\n\r\nexport function AlterarItemCustoRequest(data, idContrato){\r\n return {\r\n type: 'ALTERAR_ITEM_CUSTO_REQUEST',\r\n data, idContrato\r\n }\r\n}\r\n\r\nexport function ExcluirItemCustoRequest(id){\r\n return {\r\n type: 'EXCLUIR_ITEM_CUSTOREQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarItemCustoCompletoRequest(id) {\r\n return {\r\n type: 'LISTAR_ITEM_CUSTO_COMPLETO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarItemCustoCompletoResponse(listaCompletaItemCusto) {\r\n return {\r\n type: 'LISTAR_ITEM_CUSTO_COMPLETO_RESPONSE',\r\n listaCompletaItemCusto\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useState, useEffect } from \"react\";\r\nimport { Row, Col, Form, Button } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { InserirItemCustoRequest } from \"../../../store/modules/itemCusto/actions\";\r\nimport { ListarGrupoCustoCompletoRequest } from \"../../../store/modules/grupoCusto/actions\";\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { toast } from \"react-toastify\";\r\n\r\nexport default function ItemCusto() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n let listaGrupoCusto = useSelector(state => state.grupoCusto.listaCompletaGrupoCusto);\r\n const contratoCompleto = useSelector(state => state.contrato.contratoCompleto);\r\n\r\n const [idGrupoCusto, setIdGrupoCusto] = useState('');\r\n const [descricaoCodigoInterno, setDescricaoCodigoInterno] = useState('');\r\n const [descricao, setDescricao] = useState('');\r\n const [validated, setValidated] = useState(false);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n\r\n useEffect(() => {\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"ContratoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (contratoCompleto != null) {\r\n var model = {\r\n IdContratoVersao: contratoCompleto.contratoVersaoApiModel.id\r\n }\r\n dispatch(ListarGrupoCustoCompletoRequest(model));\r\n }\r\n\r\n }, [contratoCompleto])\r\n\r\n function CadastrarItemCusto(e) {\r\n\r\n if (descricaoCodigoInterno == null || descricaoCodigoInterno == undefined\r\n || descricaoCodigoInterno.trim() == '') {\r\n toast.error(`Descrição Número Interno inválida`);\r\n return;\r\n }\r\n\r\n if (descricao == null || descricao == undefined\r\n || descricao.trim() == '') {\r\n toast.error(`Descrição inválida`);\r\n return;\r\n }\r\n\r\n e.preventDefault();\r\n\r\n var data = {\r\n 'Id': 0,\r\n 'IdGrupoCusto': idGrupoCusto,\r\n 'DescricaoCodigoInterno': descricaoCodigoInterno.trim(),\r\n 'Descricao': descricao.trim(),\r\n 'IdContratoVersao': contratoCompleto.contratoVersaoApiModel.id\r\n }\r\n\r\n dispatch(InserirItemCustoRequest(data, id));\r\n }\r\n\r\n const handleSubmit = (event) => {\r\n\r\n if (event.currentTarget.checkValidity() === false) {\r\n\r\n event.preventDefault();\r\n setValidated(true);\r\n } else {\r\n\r\n CadastrarItemCusto(event);\r\n setDescricao(\"\");\r\n setDescricaoCodigoInterno(\"\");\r\n setIdGrupoCusto(\"\");\r\n setValidated(false);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}","export function ListarSubitemCustoRequest() {\r\n return {\r\n type: 'LISTAR_SUBITEM_CUSTO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarSubitemCustoResponse(listaSubitemCusto) {\r\n return {\r\n type: 'LISTAR_SUBITEM_CUSTO_RESPONSE',\r\n listaSubitemCusto\r\n }\r\n}\r\n\r\nexport function InserirSubitemCustoRequest(data, idContrato, idContratoVersao) {\r\n return {\r\n type: 'INSERIR_SUBITEM_CUSTO_REQUEST',\r\n data, idContrato, idContratoVersao\r\n }\r\n}\r\n\r\nexport function AlterarSubitemCustoRequest(data, idContrato) {\r\n return {\r\n type: 'ALTERAR_SUBITEM_CUSTO_REQUEST',\r\n data, idContrato\r\n }\r\n}\r\n\r\nexport function ExcluirSubitemCustoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_SUBITEM_CUSTO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarSubitemCustoCompletoRequest(data) {\r\n return {\r\n type: 'LISTAR_SUBITEM_CUSTO_COMPLETO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ListarSubitemCustoCompletoResponse(listaCompletaSubitemCusto) {\r\n return {\r\n type: 'LISTAR_SUBITEM_CUSTO_COMPLETO_RESPONSE',\r\n listaCompletaSubitemCusto\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarUnidadeMedidaRequest() {\r\n return {\r\n type: 'LISTAR_UNIDADE_MEDIDA_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarUnidadeMedidaResponse(listaUnidadeMedida) {\r\n return {\r\n type: 'LISTAR_UNIDADE_MEDIDA_RESPONSE',\r\n listaUnidadeMedida\r\n }\r\n}\r\n\r\nexport function InserirUnidadeMedidaRequest(data) {\r\n return {\r\n type: 'INSERIR_UNIDADE_MEDIDA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarUnidadeMedidaRequest(data) {\r\n return {\r\n type: 'ALTERAR_UNIDADE_MEDIDA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirUnidadeMedidaRequest(id) {\r\n return {\r\n type: 'EXCLUIR_UNIDADE_MEDIDA_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarComposicaoCustoRequest() {\r\n return {\r\n type: 'LISTAR_COMPOSICAO_CUSTO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarComposicaoCustoResponse(listaComposicaoCusto) {\r\n return {\r\n type: 'LISTAR_COMPOSICAO_CUSTO_RESPONSE',\r\n listaComposicaoCusto\r\n }\r\n}\r\n\r\nexport function InserirComposicaoCustoRequest(data) {\r\n return {\r\n type: 'INSERIR_COMPOSICAO_CUSTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarComposicaoCustoRequest(data) {\r\n return {\r\n type: 'ALTERAR_COMPOSICAO_CUSTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirComposicaoCustoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_COMPOSICAO_CUSTO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarFonteReceitaRequest() {\r\n return {\r\n type: 'LISTAR_FONTE_RECEITA_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarFonteReceitaResponse(listaFonteReceita) {\r\n return {\r\n type: 'LISTAR_FONTE_RECEITA_RESPONSE',\r\n listaFonteReceita\r\n }\r\n}\r\n\r\nexport function BuscarFonteReceitaPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_FONTE_RECEITA_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarFonteReceitaPorIdResponse(fonteReceitaCompleta) {\r\n return {\r\n type: 'BUSCAR_FONTE_RECEITA_POR_ID_RESPONSE',\r\n fonteReceitaCompleta\r\n }\r\n}\r\n\r\nexport function InserirFonteReceitaRequest(data) {\r\n return {\r\n type: 'INSERIR_FONTE_RECEITA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarFonteReceitaRequest(data) {\r\n return {\r\n type: 'ALTERAR_FONTE_RECEITA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirFonteReceitaRequest(id) {\r\n return {\r\n type: 'EXCLUIR_FONTE_RECEITA_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n","import { useState, useEffect } from \"react\";\r\nimport { Row, Col, Form, Button } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { InserirSubitemCustoRequest } from \"../../../store/modules/subitemCusto/actions\";\r\nimport { ListarItemCustoCompletoRequest } from \"../../../store/modules/itemCusto/actions\";\r\nimport { ListarUnidadeMedidaRequest } from \"../../../store/modules/unidadeMedida/actions\";\r\nimport { ListarComposicaoCustoRequest } from \"../../../store/modules/composicaoCusto/actions\";\r\nimport { ListarFonteReceitaRequest } from \"../../../store/modules/fonteReceita/actions\";\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { toast } from \"react-toastify\";\r\nimport IntlCurrencyInput from \"react-intl-currency-input\";\r\n\r\nexport default function SubitemCusto() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const listaUnidadeMedida = useSelector(state => state.unidadeMedida.listaUnidadeMedida);\r\n const listaComposicaoCusto = useSelector(state => state.composicaoCusto.listaComposicaoCusto);\r\n const listaFonteReceita = useSelector(state => state.fonteReceita.listaFonteReceita);\r\n const contratoCompleto = useSelector(state => state.contrato.contratoCompleto);\r\n let listaItem = useSelector(state => state.itemCusto.listaCompletaItemCusto);\r\n\r\n const [descricaoCodigoInterno, setDescricaoCodigoInterno] = useState('');\r\n const [descricao, setDescricao] = useState('');\r\n const [unidadeMedida, setUnidadeMedida] = useState('');\r\n const [composicaoCusto, setComposicaoCusto] = useState('');\r\n const [fonteReceita, setFonteReceita] = useState('');\r\n const [itemCusto, setItemCusto] = useState('');\r\n const [valorUnitario, setValorUnitario] = useState(0);\r\n const [valorPrevisaoMensal, setValorPrevisaoMensal] = useState(0);\r\n const [quantidade, setQuantidade] = useState('');\r\n const [validated, setValidated] = useState(false);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"ContratoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n\r\n }, [])\r\n\r\n const currencyConfig = {\r\n locale: \"pt-BR\",\r\n formats: {\r\n number: {\r\n BRL: {\r\n style: \"currency\",\r\n currency: \"BRL\",\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4,\r\n },\r\n },\r\n },\r\n };\r\n\r\n const handleChangeValorUnitario = (event, value, maskedValue) => {\r\n\r\n event.preventDefault();\r\n setValorUnitario(value);\r\n };\r\n\r\n const handleChangeValorPrevisaoMensal = (event, value, maskedValue) => {\r\n\r\n event.preventDefault();\r\n setValorPrevisaoMensal(value);\r\n };\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarUnidadeMedidaRequest());\r\n dispatch(ListarComposicaoCustoRequest());\r\n dispatch(ListarFonteReceitaRequest());\r\n\r\n if (contratoCompleto != null) {\r\n var model = {\r\n IdContratoVersao: contratoCompleto.contratoVersaoApiModel.id\r\n }\r\n dispatch(ListarItemCustoCompletoRequest(model));\r\n }\r\n\r\n }, [contratoCompleto])\r\n\r\n function CadastrarSubitem(e) {\r\n\r\n e.preventDefault();\r\n\r\n //validação do campo descricaoCodigoInterno\r\n if (descricaoCodigoInterno == null || descricaoCodigoInterno == undefined\r\n || descricaoCodigoInterno.trim() == '') {\r\n toast.error(`Descrição Número Interno inválido`);\r\n return;\r\n }\r\n\r\n //validação do campo descricao\r\n if (descricao == null || descricao == undefined\r\n || descricao.trim() == '') {\r\n toast.error(`Descrição inválida`);\r\n return;\r\n }\r\n\r\n var data = {\r\n 'Id': 0,\r\n 'IdItemCusto': itemCusto,\r\n 'Descricao': descricao.trim(),\r\n 'DescricaoCodigoInterno': descricaoCodigoInterno.trim(),\r\n 'Ativo': true,\r\n 'IdUnidadeMedida': parseInt(unidadeMedida),\r\n 'ValorUnitario': valorUnitario,\r\n 'ValorPrevisaoMensal': valorPrevisaoMensal,\r\n 'Quantidade': quantidade,\r\n 'IdFonteReceita': fonteReceita,\r\n 'IdComposicaoCusto': composicaoCusto,\r\n 'IdContrato': contratoCompleto.id,\r\n 'IdContratoVersao': contratoCompleto.contratoVersaoApiModel.id\r\n }\r\n\r\n dispatch(InserirSubitemCustoRequest(data, contratoCompleto.id, contratoCompleto.contratoVersaoApiModel.id));\r\n }\r\n\r\n const handleSubmit = (event) => {\r\n\r\n if (event.currentTarget.checkValidity() === false ||\r\n (valorPrevisaoMensal === 0 || valorPrevisaoMensal === \"\") === true ||\r\n (valorUnitario === 0 || valorUnitario === \"\") === true) {\r\n\r\n event.preventDefault();\r\n setValidated(true);\r\n } else {\r\n\r\n CadastrarSubitem(event);\r\n setDescricao(\"\");\r\n setDescricaoCodigoInterno(\"\");\r\n setUnidadeMedida(\"\");\r\n setComposicaoCusto(\"\");\r\n setItemCusto(\"\");\r\n setValorUnitario(0);\r\n setValorPrevisaoMensal(0);\r\n setQuantidade(\"\");\r\n setFonteReceita(\"\");\r\n setValidated(false);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}","import { useState, useEffect } from \"react\";\r\nimport { Row, Col, Form, Button, Modal, DropdownButton } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { ListarUnidadeMedidaRequest } from \"../../../store/modules/unidadeMedida/actions\";\r\nimport { InserirItensContratoVersaoRequest } from '../../../store/modules/contratoVersao/actions';\r\nimport { AlterarItemCustoRequest } from \"../../../store/modules/itemCusto/actions\";\r\nimport { AlterarGrupoCustoRequest } from \"../../../store/modules/grupoCusto/actions\";\r\nimport { AlterarSubitemCustoRequest } from \"../../../store/modules/subitemCusto/actions\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { useParams } from 'react-router-dom';\r\nimport { ListarCompletoSolicitacaoFornecimentoRequest } from \"../../../store/modules/solicitacaoFornecimento/actions\";\r\nimport Select from 'react-select';\r\nimport MaterialTable from 'material-table';\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport moment from 'moment';\r\nimport ModalSolicitacaoAjusteImportacao from \"../../../components/ModalSolicitacaoAjusteImportacao/modalSolicitacaoAjusteImportacao\";\r\nimport './visualizar.css';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function Visualizar() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n const listaUnidadeMedida = useSelector(state => state.unidadeMedida.listaUnidadeMedida);\r\n const contratoCompleto = useSelector(state => state.contrato.contratoCompleto);\r\n const carregando = useSelector(state => state.contrato.carregando);\r\n const listaSolicitacaoFornecimento = useSelector(state => state.solicitacaoFornecimento.listaSolicitacaoFornecimento);\r\n const [dados, setDados] = useState('');\r\n const [listaHierarquiaCompleta, setListaHierarquiaCompleta] = useState('');\r\n const [versaoSubItem, setVersaoSubItem] = useState('');\r\n const [oldVersaoSubItem, setOldVersaoSubItem] = useState('');\r\n const [show, setShow] = useState(false);\r\n const [showSolicitacao, setShowSolicitacao] = useState(false);\r\n const [unidMedida, setUnidMedida] = useState('');\r\n\r\n const [codigoInterno, setCodigoInterno] = useState(true);\r\n const [descricao, setDescricao] = useState(true);\r\n const [quantidadeSubitem, setQuantidadeSubitem] = useState(true);\r\n const [valorUnitarioSubitem, setValorUnitarioSubitem] = useState(true);\r\n const [quantidadeSubitemExc, setQuantidadeSubitemExc] = useState(true);\r\n const [quantidadeSubitemConsumido, setQuantidadeSubitemConsumido] = useState(true);\r\n const [saldoDeQuantidade, setSaldoDeQuantidade] = useState(true);\r\n const [saldoDeQuantidadeExc, setSaldoDeQuantidadeExc] = useState(true);\r\n const [quantidadeAF, setQuantidadeAF] = useState(true);\r\n const [valorTotalConsumido, setValorTotalConsumido] = useState(true);\r\n const [valorPrevisaoMensal, setValorPrevisaoMensal] = useState(true);\r\n const [ativo, setAtivo] = useState(true);\r\n const [unidadeDeMedida, setUnidadeDeMedida] = useState(true);\r\n const [camposEditaveis, setCamposEditaveis] = useState(false);\r\n const [tipo, setTipo] = useState('');\r\n\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n const handleSolicitacaoClose = () => setShowSolicitacao(false);\r\n const handleSolicitacaoShow = () => setShowSolicitacao(true);\r\n\r\n const options = listaUnidadeMedida ?\r\n listaUnidadeMedida.map(unidadeMedida => ({\r\n value: unidadeMedida.id, label: unidadeMedida.descricao\r\n }))\r\n :\r\n [];\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarUnidadeMedidaRequest());\r\n\r\n if (contratoCompleto != null) {\r\n constroiHierarquia();\r\n }\r\n\r\n }, [contratoCompleto])\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarCompletoSolicitacaoFornecimentoRequest({\r\n IdSolicitacaoFornecimento: null,\r\n IdContrato: id,\r\n Servico: true\r\n }));\r\n\r\n }, [id])\r\n\r\n function constroiHierarquia() {\r\n\r\n let hierarquiaCompleta = [];\r\n\r\n contratoCompleto.gruposCusto.map((grupo) => {\r\n hierarquiaCompleta.push({\r\n id: grupo.id,\r\n descricaoCodigoInterno: grupo.descricaoCodigoInterno,\r\n descricao: grupo.descricao,\r\n idContratoVersao: grupo.idContratoVersao,\r\n quantidade: null,\r\n valorUnitario: null,\r\n valorPrevisaoMensal: null,\r\n marcadorSub: null,\r\n valorConsumido: null,\r\n ativo: null,\r\n unidadeMedida: null,\r\n marcadorItem: null,\r\n saldoProjetado: null,\r\n saldo: null,\r\n quantidadeConsumida: null,\r\n quantidadeExcedente: null,\r\n saldoExcedente: null\r\n });\r\n grupo.itens.map((item) => {\r\n hierarquiaCompleta.push({\r\n id: item.id,\r\n descricaoCodigoInterno: item.descricaoCodigoInterno,\r\n descricao: item.descricao,\r\n parentId: item.idGrupoCusto,\r\n idContratoVersao: null,\r\n quantidade: null,\r\n valorUnitario: null,\r\n valorPrevisaoMensal: null,\r\n valorConsumido: null,\r\n marcadorSub: null,\r\n ativo: null,\r\n unidadeMedida: null,\r\n marcadorItem: true,\r\n saldoProjetado: null,\r\n saldo: null,\r\n quantidadeConsumida: null,\r\n quantidadeExcedente: null,\r\n saldoExcedente: null\r\n });\r\n item.subItens.map((subItem) => {\r\n hierarquiaCompleta.push({\r\n id: subItem.id,\r\n descricaoCodigoInterno: subItem.descricaoCodigoInterno,\r\n descricao: subItem.descricao,\r\n parentId: subItem.idItemCusto,\r\n quantidade: parseFloat(subItem.quantidade),\r\n valorUnitario: parseFloat(subItem.valorUnitario),\r\n valorPrevisaoMensal: parseFloat(subItem.valorPrevisaoMensal),\r\n marcadorSub: true,\r\n ativo: subItem.ativo,\r\n valorConsumido: parseFloat(subItem.valorUnitario * subItem.quantidadeConsumida),\r\n idUnidadeMedida: subItem.idUnidadeMedida,\r\n idItemCusto: subItem.idItemCusto,\r\n idFonteReceita: subItem.idFonteReceita,\r\n idComposicaoCusto: subItem.idComposicaoCusto,\r\n saldoProjetado: subItem.saldoProjetado,\r\n marcadorItem: null,\r\n unidadeMedida: subItem.idUnidadeMedida,\r\n saldo: subItem.saldo,\r\n quantidadeConsumida: subItem.quantidadeConsumida,\r\n idContratoVersao: null,\r\n quantidadeExcedente: parseFloat(subItem.quantidade) + parseFloat(subItem.quantidade) * parseFloat(subItem.valorIndiceQuantidadeItemExcedente),\r\n saldoExcedente: subItem.saldoExcedente\r\n });\r\n })\r\n })\r\n })\r\n\r\n setListaHierarquiaCompleta(hierarquiaCompleta);\r\n }\r\n\r\n function EditarSubItem(contratoVersaoSubItem, oldData, unidadeMedidaSelect) {\r\n\r\n // Alterar Grupo Custo e Item Custo\r\n if (contratoVersaoSubItem.marcadorSub === null) {\r\n\r\n // Grupo Custo\r\n if (contratoVersaoSubItem.marcadorItem === null) {\r\n\r\n dispatch(AlterarGrupoCustoRequest({\r\n 'Id': contratoVersaoSubItem.id,\r\n 'Descricao': contratoVersaoSubItem.descricao.trim(),\r\n 'DescricaoCodigoInterno': contratoVersaoSubItem.descricaoCodigoInterno.trim(),\r\n 'IdContratoVersao': contratoVersaoSubItem.idContratoVersao\r\n }, contratoCompleto.id));\r\n\r\n\r\n } else {\r\n\r\n // Item Custo\r\n dispatch(AlterarItemCustoRequest({\r\n 'Id': contratoVersaoSubItem.id,\r\n 'Descricao': contratoVersaoSubItem.descricao.trim(),\r\n 'DescricaoCodigoInterno': contratoVersaoSubItem.descricaoCodigoInterno.trim(),\r\n 'IdGrupoCusto': contratoVersaoSubItem.parentId\r\n }, contratoCompleto.id));\r\n }\r\n\r\n // Alterar Subitem Custo\r\n } else {\r\n\r\n let select = listaUnidadeMedida.filter(soli => soli.descricao == unidadeMedidaSelect);\r\n let idUnidadeMedida = versaoSubItem.unidadeMedida;\r\n if (select.length > 0) {\r\n idUnidadeMedida = parseInt(select[0].id);\r\n }\r\n\r\n if (contratoVersaoSubItem.quantidade != undefined &&\r\n contratoVersaoSubItem.quantidade == oldData.quantidade) {\r\n\r\n dispatch(AlterarSubitemCustoRequest({\r\n 'Id': parseInt(contratoVersaoSubItem.id),\r\n 'IdItemCusto': parseInt(contratoVersaoSubItem.idItemCusto),\r\n 'Descricao': contratoVersaoSubItem.descricao.trim(),\r\n 'DescricaoCodigoInterno': contratoVersaoSubItem.descricaoCodigoInterno.trim(),\r\n 'Ativo': contratoVersaoSubItem.ativo,\r\n 'IdUnidadeMedida': idUnidadeMedida,\r\n 'ValorUnitario': parseFloat(contratoVersaoSubItem.valorUnitario),\r\n 'ValorPrevisaoMensal': parseFloat(contratoVersaoSubItem.valorPrevisaoMensal),\r\n 'Quantidade': contratoVersaoSubItem.quantidade,\r\n 'IdFonteReceita': parseInt(contratoVersaoSubItem.idFonteReceita),\r\n 'IdComposicaoCusto': parseInt(contratoVersaoSubItem.idComposicaoCusto)\r\n }, contratoCompleto.id));\r\n }\r\n\r\n // Alterar Subitem Custo criando nova versão (Altera quantidade e valor unitário)\r\n else if (versaoSubItem.quantidade != oldVersaoSubItem.quantidade ||\r\n versaoSubItem.valorUnitario != oldVersaoSubItem.valorUnitario) {\r\n\r\n let selectUnidMedida = listaUnidadeMedida.filter(soli => soli.descricao == unidMedida);\r\n let idUnidMedida = versaoSubItem.unidadeMedida;\r\n if (selectUnidMedida.length > 0) {\r\n idUnidMedida = parseInt(selectUnidMedida[0].id);\r\n }\r\n\r\n setDados({\r\n 'Id': 0,\r\n 'IdContrato': contratoCompleto.id,\r\n 'IdTipoContratoVersao': contratoCompleto.contratoVersaoApiModel.idTipoContratoVersao,\r\n 'DataVersao': moment((new Date())).add('hours', 2),\r\n 'DataInicioContrato': contratoCompleto.contratoVersaoApiModel.dataInicioContrato,\r\n 'DataFimContrato': contratoCompleto.contratoVersaoApiModel.dataFimContrato,\r\n 'ValorIndiceReajuste': parseFloat(contratoCompleto.contratoVersaoApiModel.valorIndiceReajuste),\r\n 'ValorIndiceMulta': parseFloat(contratoCompleto.contratoVersaoApiModel.valorIndiceMulta),\r\n 'GruposCusto': contratoCompleto.gruposCusto,\r\n 'AdicionarSubItemCusto': {\r\n 'Id': versaoSubItem.id,\r\n 'IdItemCusto': versaoSubItem.idItemCusto,\r\n 'Descricao': versaoSubItem.descricao.trim(),\r\n 'DescricaoCodigoInterno': versaoSubItem.descricaoCodigoInterno.trim(),\r\n 'Ativo': versaoSubItem.ativo,\r\n 'IdUnidadeMedida': idUnidMedida,\r\n 'ValorUnitario': parseFloat(versaoSubItem.valorUnitario),\r\n 'ValorPrevisaoMensal': parseFloat(versaoSubItem.valorPrevisaoMensal),\r\n 'Quantidade': versaoSubItem.quantidade,\r\n 'IdFonteReceita': versaoSubItem.idFonteReceita,\r\n 'IdComposicaoCusto': versaoSubItem.idComposicaoCusto\r\n },\r\n 'AlterarSub': true,\r\n 'IdUsuario': usuario.id,\r\n 'ValorIndiceQuantidadeItemExcedente': parseFloat(contratoCompleto.contratoVersaoApiModel.valorIndiceQuantidadeItemExcedente),\r\n 'ListaIdSolicitacaoFornecimento': null,\r\n 'ListaIdSolicitacaoFornecimentoCancelar': null\r\n });\r\n\r\n setTipo(\"Ajustes\");\r\n handleSolicitacaoShow();\r\n\r\n if ((listaSolicitacaoFornecimento == undefined) || (listaSolicitacaoFornecimento != undefined &&\r\n listaSolicitacaoFornecimento.filter(s => s.statusAtual != \"Solicitação Finalizada\" && s.statusAtual != \"\").length == 0)) {\r\n\r\n dispatch(InserirItensContratoVersaoRequest(dados, id));\r\n\r\n }\r\n\r\n }\r\n }\r\n\r\n if (contratoCompleto != null) {\r\n constroiHierarquia();\r\n }\r\n\r\n handleClose();\r\n }\r\n\r\n function AbrirModalNovaVersao(newSubitem, oldSubitem, unidadeMedidaSelect) {\r\n\r\n setVersaoSubItem(newSubitem);\r\n setOldVersaoSubItem(oldSubitem);\r\n setUnidMedida(unidadeMedidaSelect);\r\n\r\n // Abre o modal caso tenha alterado quantidade ou valor unitário no subitem\r\n if (newSubitem.quantidade != oldSubitem.quantidade ||\r\n newSubitem.valorUnitario != oldSubitem.valorUnitario) {\r\n\r\n handleShow();\r\n\r\n } else {\r\n\r\n EditarSubItem(newSubitem, oldSubitem, unidadeMedidaSelect);\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n | # | \r\nNome | \r\nSelecionar Todos | \r\nOrçamento | \r\nAprova | \r\nFinaliza | \r\nCancela | \r\nCria Item | \r\n
|---|---|---|---|---|---|---|---|
| {contratoUsuario.id} | \r\n{contratoUsuario.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 | \r\n
| # | \r\nNome | \r\nSelecionar Todos | \r\nEdita Subitem | \r\nEdita Prazo | \r\nFinaliza | \r\nCancela | \r\nReabrir | \r\nEdita Excedente Subitem | \r\n
|---|---|---|---|---|---|---|---|---|
| {contratoUsuario.id} | \r\n{contratoUsuario.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 | \r\n \r\n | \r\n
| # | \r\nNome | \r\nSelecionar Todos | \r\nIniciar Medição | \r\nEdita Subitem | \r\nFinaliza | \r\nCancela | \r\n
|---|---|---|---|---|---|---|
| {contratoUsuario.id} | \r\n{contratoUsuario.nome} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| # | \r\nNome | \r\nSelecionar Todos | \r\nAnalisa Subitem | \r\nFaturamento | \r\nFinaliza | \r\nCancela | \r\n
|---|---|---|---|---|---|---|
| {contratoUsuario.id} | \r\n{contratoUsuario.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 \r\n \r\n {\r\n carregando ?\r\n\r\n contratoCompleto != undefined && contratoCompleto != null && contratoCompleto.gruposCusto.length > 0 ?\r\n \r\n {\r\n \r\n :\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n (linha.quantidade != undefined && linha.quantidade != null)\r\n },\r\n {\r\n title: 'Quantidade Subitem com Excedente', field: 'quantidadeExcedente',\r\n hidden: camposEditaveis ? true : quantidadeSubitemExc ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Quantidade Subitem Consumida', field: 'quantidadeConsumida',\r\n hidden: camposEditaveis ? true : quantidadeSubitemConsumido ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Saldo de Quantidade', field: 'saldo',\r\n hidden: camposEditaveis ? true : saldoDeQuantidade ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Saldo de Quantidade (com o valor índice excedente)', field: 'saldoExcedente',\r\n hidden: camposEditaveis ? true : saldoDeQuantidadeExc ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Quantidade em AF', field: 'saldoProjetado',\r\n hidden: camposEditaveis ? true : quantidadeAF ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Valor Unitário Subitem', field: 'valorUnitario',\r\n hidden: valorUnitarioSubitem ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: (coluna, linha) => (linha.valorUnitario != undefined && linha.valorUnitario != null),\r\n render: rowData =>\r\n rowData.valorUnitario === null ?\r\n null\r\n :\r\n rowData.valorUnitario.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Valor Total Consumido', field: 'valorConsumido',\r\n hidden: camposEditaveis ? true : valorTotalConsumido ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: 'never',\r\n render: rowData =>\r\n rowData.valorConsumido === null ?\r\n null\r\n :\r\n rowData.valorConsumido.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Valor Previsão Mensal', field: 'valorPrevisaoMensal',\r\n hidden: valorPrevisaoMensal ? false : true,\r\n searchable: false,\r\n filtering: false,\r\n editable: (coluna, linha) => (linha.valorPrevisaoMensal != undefined && linha.valorPrevisaoMensal != null),\r\n render: rowData =>\r\n rowData.valorPrevisaoMensal === null ?\r\n null\r\n :\r\n rowData.valorPrevisaoMensal.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n\r\n },\r\n {\r\n title: 'Ativo', field: 'ativo',\r\n hidden: ativo ? false : true,\r\n editable: (coluna, linha) => (linha.ativo != undefined && linha.ativo != null),\r\n searchable: false,\r\n filtering: false,\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData =>\r\n rowData.ativo === null ?\r\n null\r\n :\r\n ()\r\n\r\n },\r\n {\r\n title: 'Unidade de Medida', field: 'unidadeMedida',\r\n hidden: unidadeDeMedida ? false : true,\r\n filtering: false,\r\n searchable: false,\r\n editable: (coluna, linha) => (linha.ativo != undefined && linha.ativo != null),\r\n lookup:\r\n listaUnidadeMedida != undefined && listaUnidadeMedida.length > 0 ?\r\n\r\n listaUnidadeMedida.map(unidadeMedida => {\r\n return {\r\n id: unidadeMedida.id, descricao: unidadeMedida.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n }\r\n \r\n
\r\n Não existem itens cadastrados.\r\n
\r\n :\r\n \r\n Você alterou a quantidade ou valor unitário do subitem, será criada uma nova versão de contrado. Você tem certeza que deseja continuar?\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n Atenção \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n Atençã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}","export function ListarTipoPessoaRequest() {\r\n return {\r\n type: 'LISTAR_TIPO_PESSOA_REQUEST'\r\n }\r\n }\r\n \r\n export function ListarTipoPessoaResponse(listaTipoPessoa) {\r\n return {\r\n type: 'LISTAR_TIPO_PESSOA_RESPONSE',\r\n listaTipoPessoa\r\n }\r\n }\r\n \r\n export function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n }","export function ListarContratoFornecedorRequest() {\r\n return {\r\n type: 'LISTAR_CONTRATO_FORNECEDOR_REQUEST'\r\n \r\n }\r\n}\r\n\r\nexport function ListarContratoFornecedorResponse(listaContratoFornecedor) {\r\n return {\r\n type: 'LISTAR_CONTRATO_FORNECEDOR_RESPONSE',\r\n listaContratoFornecedor\r\n }\r\n}\r\n\r\nexport function ListarCompletoContratoFornecedorRequest(idContratoVersao) {\r\n return {\r\n type: 'LISTAR_COMPLETO_CONTRATO_FORNECEDOR_REQUEST',\r\n idContratoVersao\r\n }\r\n}\r\n\r\nexport function BuscarContratoFornecedorPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_CONTRATO_FORNECEDOR_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarContratoFornecedorPorIdResponse(contratoFornecedorCompleta) {\r\n return {\r\n type: 'BUSCAR_CONTRATO_FORNECEDOR_POR_ID_RESPONSE',\r\n contratoFornecedorCompleta\r\n }\r\n}\r\n\r\nexport function InserirContratoFornecedorRequest(data) {\r\n return {\r\n type: 'INSERIR_CONTRATO_FORNECEDOR_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarContratoFornecedorRequest(data) {\r\n return {\r\n type: 'ALTERAR_CONTRATO_FORNECEDOR_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirContratoFornecedorRequest(id) {\r\n return {\r\n type: 'EXCLUIR_CONTRATO_FORNECEDOR_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n","import { Col, Form } from \"react-bootstrap\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { ListarFornecedorRequest } from '../../../store/modules/fornecedor/actions';\r\nimport { ListarTipoPessoaRequest } from \"../../../store/modules/tipoPessoa/actions\";\r\nimport { ListarClienteRequest } from '../../../store/modules/cliente/actions';\r\nimport {\r\n ListarCompletoContratoFornecedorRequest,\r\n InserirContratoFornecedorRequest,\r\n ExcluirContratoFornecedorRequest\r\n} from \"../../../store/modules/contratoFornecedor/actions\";\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { toast } from \"react-toastify\";\r\nimport Multiselect from 'multiselect-react-dropdown';\r\n\r\nexport default function Fornecedor() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaFornecedor = useSelector(state => state.fornecedor.listaFornecedor);\r\n const listaContratoFornecedor = useSelector(state => state.contratoFornecedor.listaContratoFornecedor)\r\n const contratoCompleto = useSelector(state => state.contrato.contratoCompleto);\r\n\r\n const [listaAtualContratoFornecedor, setListaAtualContratoFornecedor] = useState([]);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [excluir, setExcluir] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"ContratoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"ContratoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"ContratoExcluir\").length == 1) {\r\n setExcluir(true);\r\n } \r\n\r\n }, []) \r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarFornecedorRequest());\r\n dispatch(ListarTipoPessoaRequest());\r\n dispatch(ListarClienteRequest());\r\n\r\n if (id != undefined)\r\n dispatch(ListarCompletoContratoFornecedorRequest(id));\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (listaFornecedor != undefined && listaContratoFornecedor != undefined && listaContratoFornecedor.length > 0) {\r\n carregaListaContratoFornecedor();\r\n }\r\n\r\n }, [listaFornecedor, contratoCompleto, listaContratoFornecedor])\r\n\r\n function carregaListaContratoFornecedor() {\r\n\r\n if (contratoCompleto != null && listaFornecedor !== undefined && listaContratoFornecedor !== undefined) {\r\n var idFornecedorContrato = listaContratoFornecedor.filter((contrato) => contrato.idContrato === contratoCompleto.id)\r\n .map((contratoF) => {\r\n return contratoF.idFornecedor\r\n });\r\n\r\n var listaCompleta = listaFornecedor.filter((fornecedore) => idFornecedorContrato.includes(fornecedore.id))\r\n .map((fornecedore) => {\r\n\r\n var v = listaContratoFornecedor.filter((contrato) => contrato.idFornecedor === fornecedore.id\r\n && contrato.idContrato === contratoCompleto.id);\r\n\r\n return {\r\n id: fornecedore.id,\r\n nome: fornecedore.nomeFornecedor,\r\n idContrato: v[0].idContrato,\r\n idFornecedor: v[0].idFornecedor,\r\n dataInicioContrato: v[0].dataInicioContrato,\r\n ativo: v[0].ativo,\r\n dataFimContrato: v[0].dataFimContrato\r\n }\r\n });\r\n\r\n setListaAtualContratoFornecedor(listaCompleta);\r\n }\r\n }\r\n\r\n function AdicionarContratoFornecedor(event, e) {\r\n\r\n var data = {\r\n 'Id': 0,\r\n 'IdContrato': contratoCompleto.id,\r\n 'IdFornecedor': e.id,\r\n 'DataInicioContrato': e.dataInicioContrato,\r\n 'Ativo': e.ativo,\r\n 'DataFimContrato': e.dataFimContrato\r\n }\r\n\r\n dispatch(InserirContratoFornecedorRequest(data));\r\n }\r\n\r\n function ExcluirContratoFornecedor(event, e) {\r\n\r\n if (e.id != undefined) {\r\n\r\n let contrato = listaContratoFornecedor.find(contrato => contrato.idContrato === contratoCompleto.id\r\n && contrato.idFornecedor === e.id);\r\n\r\n dispatch(ExcluirContratoFornecedorRequest(contrato.id));\r\n\r\n } else {\r\n\r\n let contrato = listaContratoFornecedor.find(contrato => contrato.idContrato === contratoCompleto.id\r\n && contrato.idFornecedor === listaAtualContratoFornecedor[e].idFornecedor);\r\n\r\n dispatch(ExcluirContratoFornecedorRequest(contrato.id));\r\n }\r\n }\r\n\r\n function semPermissao() {\r\n toast.error(`Você não tem permissão`)\r\n }\r\n return (\r\n <>\r\n \r\n {\r\n if (files.length > 0) {\r\n readExcel(files[0])\r\n } else {\r\n setItems([])\r\n }\r\n }}\r\n filesLimit={1}\r\n acceptedFiles={[\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"]}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 1 arquivo`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n :\r\n \r\n
\r\n {messageError}
\r\n\r\n Ao importar será criada uma nova versão de contrato, você deseja continuar?\r\n
\r\n \r\n Selecione os fornecedores \r\n 0 && contratoCompleto != undefined ?\r\n listaFornecedor.map((usuario) => {\r\n return {\r\n id: usuario.id,\r\n nome: usuario.nomeFornecedor,\r\n idContrato: contratoCompleto.contratoVersaoApiModel.idContrato,\r\n idFornecedor: usuario.id,\r\n dataInicioContrato: contratoCompleto.contratoVersaoApiModel.dataInicioContrato,\r\n ativo: usuario.ativo,\r\n dataFimContrato: contratoCompleto.contratoVersaoApiModel.dataFimContrato\r\n }\r\n })\r\n :\r\n []\r\n }\r\n avoidHighlightFirstOption={true}\r\n selectedValues={listaAtualContratoFornecedor}\r\n disablePreSelectedValues={false}\r\n placeholder=\"Selecione...\"\r\n displayValue=\"nome\" \r\n disable={inserir == true && excluir == true ? false : true}\r\n onSelect={AdicionarContratoFornecedor}\r\n onRemove={ExcluirContratoFornecedor}\r\n emptyRecordMsg=\"Nenhuma opção disponível.\"\r\n >\r\n \r\n
\r\n \r\n );\r\n}","export function ListarTipoDocumentoArquivoRequest() {\r\n return {\r\n type: 'LISTAR_TIPO_DOCUMENTO_ARQUIVO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarTipoDocumentoArquivoResponse(listaTipoDocumentoArquivo) {\r\n return {\r\n type: 'LISTAR_TIPO_DOCUMENTO_ARQUIVO_RESPONSE',\r\n listaTipoDocumentoArquivo\r\n }\r\n}\r\n\r\nexport function InserirTipoDocumentoArquivoRequest(data) {\r\n return {\r\n type: 'INSERIR_TIPO_DOCUMENTO_ARQUIVO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarTipoDocumentoArquivoRequest(data) {\r\n return {\r\n type: 'ALTERAR_TIPO_DOCUMENTO_ARQUIVO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirTipoDocumentoArquivoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_TIPO_DOCUMENTO_ARQUIVO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n\r\n","export function ListarContratoDocumentoArquivoRequest(id) {\r\n return {\r\n type: 'LISTAR_CONTRATO_DOCUMENTO_ARQUIVO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarContratoDocumentoArquivoResponse(listaContratoDocumentoArquivo) {\r\n return {\r\n type: 'LISTAR_CONTRATO_DOCUMENTO_ARQUIVO_RESPONSE',\r\n listaContratoDocumentoArquivo\r\n }\r\n}\r\n\r\nexport function InserirContratoDocumentoArquivoRequest(data, id) {\r\n return {\r\n type: 'INSERIR_CONTRATO_DOCUMENTO_ARQUIVO_REQUEST',\r\n data,\r\n id\r\n }\r\n}\r\n\r\nexport function AlterarContratoDocumentoArquivoRequest(data, id) {\r\n return {\r\n type: 'ALTERAR_CONTRATO_DOCUMENTO_ARQUIVO_REQUEST',\r\n data,\r\n id\r\n }\r\n}\r\n\r\nexport function ExcluirContratoDocumentoArquivoRequest(id, idContrato) {\r\n return {\r\n type: 'EXCLUIR_CONTRATO_DOCUMENTO_ARQUIVO_REQUEST',\r\n id,\r\n idContrato\r\n }\r\n}\r\n\r\nexport function BaixarContratoDocumentoArquivoRequest(id) {\r\n return {\r\n type: 'BAIXAR_CONTRATO_DOCUMENTO_ARQUIVO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useEffect, useState } from \"react\";\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport { Button, Row, Col, Modal, Form } from \"react-bootstrap\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { ListarTipoDocumentoArquivoRequest } from \"../../../store/modules/tipoDocumentoArquivo/actions\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport {\r\n AlterarContratoDocumentoArquivoRequest, ExcluirContratoDocumentoArquivoRequest,\r\n InserirContratoDocumentoArquivoRequest, ListarContratoDocumentoArquivoRequest,\r\n BaixarContratoDocumentoArquivoRequest\r\n} from \"../../../store/modules/contratoDocumentoArquivo/actions\";\r\nimport { toast } from \"react-toastify\";\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function DocumentoArquivo() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n\r\n const listaContratoDocumentoArquivo = useSelector(state => state.contratoDocumentoArquivo.listaContratoDocumentoArquivo);\r\n const listaTipoDocumentoArquivo = useSelector(state => state.tipoDocumentoArquivo.listaTipoDocumentoArquivo);\r\n\r\n const [listaFile, setListaFile] = useState([]);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [tipoDocumentoArquivo, setTipoDocumentoArquivo] = useState();\r\n const [observacao, setObservacao] = useState('');\r\n\r\n const [validated, setValidated] = useState(false);\r\n const [show, setShow] = useState(false);\r\n\r\n const handleShow = () => setShow(true);\r\n const handleClose = () => {\r\n setShow(false);\r\n setObservacao('');\r\n setTipoDocumentoArquivo();\r\n setValidated(false);\r\n }\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n const [excluir, setExcluir] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"ContratoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"ContratoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"ContratoAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n if (token.role.filter(r => r == \"ContratoExcluir\").length == 1) {\r\n setExcluir(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarTipoDocumentoArquivoRequest());\r\n\r\n if (id != undefined) {\r\n dispatch(ListarContratoDocumentoArquivoRequest(id));\r\n }\r\n\r\n }, [])\r\n\r\n const handleSubmit = (event) => {\r\n\r\n if (tipoDocumentoArquivo == undefined || tipoDocumentoArquivo == '') {\r\n event.preventDefault();\r\n setValidated(true);\r\n } else {\r\n InserirDocumentoArquivo(event);\r\n setValidated(false);\r\n }\r\n };\r\n\r\n function InserirDocumentoArquivo() {\r\n\r\n let formData = new FormData();\r\n\r\n if (listaFile.length > 0) {\r\n\r\n for (var x = 0; x < listaFile.length; x++) {\r\n formData.append('File', listaFile[x]);\r\n formData.append('IdContrato', id);\r\n formData.append('IdUsuario', usuario.id);\r\n formData.append('IdTipoDocumentoArquivo', parseInt(tipoDocumentoArquivo));\r\n if (observacao != '')\r\n formData.append('Observacao', observacao);\r\n }\r\n setListaFile([]);\r\n dispatch(InserirContratoDocumentoArquivoRequest(formData, id));\r\n handleClose();\r\n\r\n } else {\r\n toast.error('Para continuar insira um documento');\r\n }\r\n }\r\n\r\n function AlterarDocumentoArquivo(documentoArquivo, novoValorCampoEditado, colunaEditada) {\r\n\r\n // Valida alteração do campo nome arquivo\r\n if (colunaEditada.field == \"nomeArquivo\") {\r\n\r\n if (novoValorCampoEditado == null || novoValorCampoEditado == undefined\r\n || novoValorCampoEditado == ' ' || novoValorCampoEditado == '') {\r\n\r\n toast.error(`Nome do arquivo inválido`);\r\n return;\r\n }\r\n\r\n if (novoValorCampoEditado.length > 150) {\r\n toast.error(`O nome do arquivo não pode conter mais que 150 caracteres`);\r\n return;\r\n }\r\n }\r\n\r\n // Valida alteração do campo observação\r\n if (colunaEditada.field == \"observacao\") {\r\n if (novoValorCampoEditado.length > 500) {\r\n toast.error(`A observação não pode conter mais que 500 caracteres`);\r\n return;\r\n }\r\n }\r\n\r\n if (colunaEditada != null) {\r\n\r\n let data = {\r\n 'Id': documentoArquivo.id,\r\n 'IdContrato': documentoArquivo.idContrato,\r\n 'NomeArquivo': colunaEditada.field == \"observacao\" ? documentoArquivo.nomeArquivo : novoValorCampoEditado,\r\n 'DescricaoExtensaoArquivo': documentoArquivo.descricaoExtensaoArquivo,\r\n 'DataInclusao': documentoArquivo.dataInclusaoApi,\r\n 'IdTipoDocumentoArquivo': documentoArquivo.idTipoDocumentoArquivo,\r\n 'DocumentoArquivoGuid': documentoArquivo.documentoArquivoGuid,\r\n 'IdUsuario': documentoArquivo.idUsuario,\r\n 'Observacao': colunaEditada.field == \"observacao\" ? novoValorCampoEditado : documentoArquivo.observacao\r\n };\r\n\r\n dispatch(AlterarContratoDocumentoArquivoRequest(data, id));\r\n }\r\n }\r\n\r\n function ExcluirDocumento(idDocumentoArquivo) {\r\n\r\n dispatch(ExcluirContratoDocumentoArquivoRequest(idDocumentoArquivo, id));\r\n }\r\n\r\n function BaixarDocumento(idDocumentoArquivo) {\r\n\r\n dispatch(BaixarContratoDocumentoArquivoRequest(idDocumentoArquivo));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n Adicionar Documentos\r\n :\r\n ''\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Documento\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome do Arquivo\", field: 'nomeArquivo', cellStyle: {\r\n width: '18%'\r\n },\r\n },\r\n {\r\n title: \"Tipo Documento Arquivo\", field: 'tipoDocumentoArquivo', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Data de Inclusão\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '18%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaContratoDocumentoArquivo != undefined && listaTipoDocumentoArquivo != undefined ?\r\n listaContratoDocumentoArquivo.map(doc => {\r\n return {\r\n // Info colunas tabela\r\n id: doc.id,\r\n nomeArquivo: doc.nomeArquivo,\r\n tipoDocumentoArquivo: doc.tipoDocumentoArquivo.descricao,\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n usuario: doc.usuario.nome,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n documentoArquivoGuid: doc.documentoArquivoGuid,\r\n idContrato: doc.idContrato,\r\n idTipoDocumentoArquivo: doc.idTipoDocumentoArquivo,\r\n idUsuario: doc.idUsuario\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n alterar == true ?\r\n setTimeout(() => {\r\n AlterarDocumentoArquivo(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n excluir == true ?\r\n setTimeout(() => {\r\n ExcluirDocumento(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarDocumento(rowData.id)\r\n },\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n
\r\n\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n {\r\n return {\r\n id: contratoVersao.id,\r\n dataVersao: moment(contratoVersao.dataVersao).format('L LT'),\r\n tipoContratoVersao:\r\n contratoVersao.tipoContratoVersao != null ?\r\n contratoVersao.tipoContratoVersao.descricao\r\n :\r\n '',\r\n valorIndiceReajuste: contratoVersao.valorIndiceReajuste,\r\n valorIndiceMulta: contratoVersao.valorIndiceMulta,\r\n valorIndiceQuantidadeItemExcedente: contratoVersao.valorIndiceQuantidadeItemExcedente\r\n }\r\n })\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n \r\n )\r\n}","import { Row, Col, Card, Tabs, Tab } from \"react-bootstrap\";\r\nimport { IoDocumentText } from \"react-icons/io5\";\r\nimport { useParams } from 'react-router-dom';\r\nimport Contrato from '../Contrato/contrato';\r\nimport UsuarioPermissao from '../UsuarioPermissao/usuarioPermissao'\r\nimport GrupoCusto from '../GrupoCusto/grupoCusto';\r\nimport ItemCusto from '../ItemCusto/itemCusto';\r\nimport SubitemCusto from '../SubitemCusto/subitemCusto';\r\nimport Visualizar from '../Visualizar/visualizar';\r\nimport Importar from \"../Importar/importar\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Fornecedor from \"../Fornecedor/fornecedor\";\r\nimport Documento from '../DocumentoArquivo/documentoArquivo';\r\nimport HistoricoVersao from '../HistoricoVersao/historicoVersao';\r\n\r\nexport default function Abas() {\r\n\r\n const { id } = useParams();\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \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 { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { MdAttachMoney } from \"react-icons/md\";\r\nimport { ListarFonteReceitaRequest, ExcluirFonteReceitaRequest, InserirFonteReceitaRequest, AlterarFonteReceitaRequest } from \"../../../store/modules/fonteReceita/actions\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport Header from '../../../components/Header/header';\r\nimport Loading from '../../../components/Loading/loading';\r\nimport MaterialTable from 'material-table';\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function Listar() {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n const listaFonteReceita = useSelector(state => state.fonteReceita.listaFonteReceita);\r\n const carregando = useSelector(state => state.fonteReceita.carregando);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n const [excluir, setExcluir] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"FonteReceitaMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"FonteReceitaInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"FonteReceitaAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n if (token.role.filter(r => r == \"FonteReceitaExcluir\").length == 1) {\r\n setExcluir(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarFonteReceitaRequest());\r\n }, [])\r\n\r\n function ValidacoesInserir(fonteReceita) {\r\n\r\n if (fonteReceita.nomeFonteReceita == null || fonteReceita.nomeFonteReceita == undefined\r\n || fonteReceita.nomeFonteReceita == ' ' || fonteReceita.nomeFonteReceita.length > 60) {\r\n toast.error(`Nome fonte receita inválido`);\r\n return false;\r\n }\r\n\r\n if (fonteReceita.numeroCodigoReceita == null || fonteReceita.numeroCodigoReceita == undefined\r\n || fonteReceita.numeroCodigoReceita == ' ' || fonteReceita.numeroCodigoReceita.length > 60) {\r\n toast.error(`Número fonte receita inválido`);\r\n return false;\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirFonteReceita(fonteReceita) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'NomeFonteReceita': fonteReceita.nomeFonteReceita.trim(),\r\n 'NumeroCodigoReceita': fonteReceita.numeroCodigoReceita.trim(),\r\n }\r\n\r\n dispatch(InserirFonteReceitaRequest(data))\r\n }\r\n\r\n function AlterarFonteReceita(fonteReceita) {\r\n\r\n let data = {\r\n 'Id': fonteReceita.id,\r\n 'NomeFonteReceita': fonteReceita.nomeFonteReceita.trim(),\r\n 'NumeroCodigoReceita': fonteReceita.numeroCodigoReceita.trim(),\r\n }\r\n\r\n dispatch(AlterarFonteReceitaRequest(data))\r\n }\r\n\r\n function ExcluirFonteReceita(id) {\r\n dispatch(ExcluirFonteReceitaRequest(id));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","export function ListarFonteReceitaVersaoRequest() {\r\n return {\r\n type: 'LISTAR_FONTE_RECEITA_VERSAO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarFonteReceitaVersaoResponse(listaFonteVersao) {\r\n return {\r\n type: 'LISTAR_FONTE_RECEITA_VERSAO_RESPONSE',\r\n listaFonteVersao\r\n }\r\n}\r\n\r\nexport function BuscarFonteReceitaVersaoPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_FONTE_RECEITA_VERSAO_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarFonteReceitaVersaoPorIdResponse(fonteReceitaVersaoCompleta) {\r\n return {\r\n type: 'BUSCAR_FONTE_RECEITA_VERSAO_POR_ID_RESPONSE',\r\n fonteReceitaVersaoCompleta\r\n }\r\n}\r\n\r\nexport function InserirFonteReceitaVersaoRequest(data) {\r\n return {\r\n type: 'INSERIR_FONTE_RECEITA_VERSAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarFonteReceitaVersaoRequest(data) {\r\n return {\r\n type: 'ALTERAR_FONTE_RECEITA_VERSAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirFonteReceitaVersaoRequest(id, idFonteReceita) {\r\n return {\r\n type: 'EXCLUIR_FONTE_RECEITA_VERSAO_REQUEST',\r\n id, idFonteReceita\r\n }\r\n}\r\n\r\nexport function ListarPorUltimaVersaoAnoRequest(idFonte) {\r\n return {\r\n type: 'LISTAR_POR_ULTIMA_VERSAO_ANO_REQUEST',\r\n idFonte\r\n }\r\n}\r\n\r\nexport function ListarPorUltimaVersaoAnoResponse(listaFonteReceitaVersaoUltimo) {\r\n return {\r\n type: 'LISTAR_POR_ULTIMA_VERSAO_ANO_RESPONSE',\r\n listaFonteReceitaVersaoUltimo\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n","export function ListarTipoRecursoRequest() {\r\n return {\r\n type: 'LISTAR_TIPO_RECURSO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarTipoRecursoResponse(listaTipoRecurso) {\r\n return {\r\n type: 'LISTAR_TIPO_RECURSO_RESPONSE',\r\n listaTipoRecurso\r\n }\r\n}\r\n\r\nexport function InserirTipoRecursoRequest(data) {\r\n return {\r\n type: 'INSERIR_TIPO_RECURSO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarTipoRecursoRequest(data) {\r\n return {\r\n type: 'ALTERAR_TIPO_RECURSO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirTipoRecursoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_TIPO_RECURSO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { Col, Button } from \"react-bootstrap\";\r\nimport { toast } from \"react-toastify\";\r\nimport {\r\n ListarPorUltimaVersaoAnoRequest,\r\n InserirFonteReceitaVersaoRequest, AlterarFonteReceitaVersaoRequest,\r\n ExcluirFonteReceitaVersaoRequest\r\n} from '../../../store/modules/fonteReceitaVersao/actions';\r\nimport { BuscarFonteReceitaPorIdRequest } from \"../../../store/modules/fonteReceita/actions\";\r\nimport { ListarTipoRecursoRequest } from '../../../store/modules/tipoRecurso/actions';\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport MaterialTable from 'material-table';\r\nimport Select from 'react-select';\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function Versao() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const fonteReceitaCompleta = useSelector(state => state.fonteReceita.fonteReceitaCompleta);\r\n const listaTipoRecurso = useSelector(state => state.tipoRecurso.listaTipoRecurso);\r\n const listaFonteReceitaVersaoUltimoAno = useSelector(state => state.fonteReceitaVersao.listaFonteReceitaVersaoUltimo);\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n const options = listaTipoRecurso != undefined && listaTipoRecurso ?\r\n listaTipoRecurso.map(fonte => ({\r\n value: fonte.id, label: fonte.descricao\r\n }))\r\n :\r\n [];\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n const [excluir, setExcluir] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"FonteReceitaVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"FonteReceitaInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"FonteReceitaAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n if (token.role.filter(r => r == \"FonteReceitaExcluir\").length == 1) {\r\n setExcluir(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (id != undefined)\r\n dispatch(BuscarFonteReceitaPorIdRequest(id));\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarTipoRecursoRequest());\r\n if (fonteReceitaCompleta != null)\r\n dispatch(ListarPorUltimaVersaoAnoRequest(fonteReceitaCompleta.id));\r\n }, [fonteReceitaCompleta])\r\n\r\n function InserirFonteVersao(fonteReceitaVersao) {\r\n\r\n if (isNaN(fonteReceitaVersao.ano) || fonteReceitaVersao.ano == undefined\r\n || fonteReceitaVersao.ano == null) {\r\n toast.error(`Ano inválido`);\r\n return;\r\n }\r\n\r\n if (isNaN(fonteReceitaVersao.valorFonteReceita) || fonteReceitaVersao.valorFonteReceita == undefined\r\n || fonteReceitaVersao.valorFonteReceita == null) {\r\n toast.error(`Defina um valor`);\r\n return;\r\n }\r\n\r\n let selectText = document.getElementById('idSelectFonteVersao').innerText;\r\n let selectSelecionado = listaTipoRecurso.filter(soli => soli.descricao == selectText);\r\n\r\n if (selectSelecionado.length == 0) {\r\n toast.error(`Recurso não selecionado`);\r\n return;\r\n }\r\n\r\n let data = {\r\n 'Id': parseInt(0),\r\n 'IdFonteReceita': parseInt(id),\r\n 'IdRecurso': parseInt(selectSelecionado[0].id),\r\n 'Ano': parseInt(fonteReceitaVersao.ano),\r\n 'ValorFonteReceita': parseFloat(fonteReceitaVersao.valorFonteReceita)\r\n }\r\n\r\n dispatch(InserirFonteReceitaVersaoRequest(data));\r\n }\r\n\r\n function AlterarFonteVersao(fonteReceitaVersao) {\r\n\r\n if (isNaN(fonteReceitaVersao.ano) || fonteReceitaVersao.ano == undefined\r\n || fonteReceitaVersao.ano == null) {\r\n toast.error(`Ano inválido`);\r\n return;\r\n }\r\n\r\n if (isNaN(fonteReceitaVersao.valorFonteReceita) || fonteReceitaVersao.valorFonteReceita == undefined\r\n || fonteReceitaVersao.valorFonteReceita == null) {\r\n toast.error(`Defina um valor`);\r\n return;\r\n }\r\n\r\n let selectText = document.getElementById('idSelectFonteVersao').innerText;\r\n let selectSelecionado = listaTipoRecurso.filter(soli => soli.descricao == selectText);\r\n\r\n if (selectSelecionado.length == 0) {\r\n toast.error(`Recurso não selecionado`);\r\n return;\r\n }\r\n\r\n let data = {\r\n 'Id': fonteReceitaVersao.id,\r\n 'IdFonteReceita': fonteReceitaCompleta.id,\r\n 'IdRecurso': parseInt(selectSelecionado[0].id),\r\n 'Ano': fonteReceitaVersao.ano,\r\n 'ValorFonteReceita': fonteReceitaVersao.valorFonteReceita\r\n }\r\n\r\n dispatch(AlterarFonteReceitaVersaoRequest(data));\r\n }\r\n\r\n function ExcluirFonteReceita(idVersao) {\r\n\r\n dispatch(ExcluirFonteReceitaVersaoRequest(idVersao, id));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.nomeFonteReceita === undefined || rowData.nomeFonteReceita.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.nomeFonteReceita.trim().length > 60) {\r\n return \"O nome não pode conter mais que 60 caracteres\"\r\n }\r\n return true\r\n }\r\n },\r\n {\r\n title: \"Número Código Receita\", field: 'numeroCodigoReceita', cellStyle: {\r\n width: '45%'\r\n }, validate: rowData => {\r\n if (rowData.numeroCodigoReceita === undefined || rowData.numeroCodigoReceita.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.numeroCodigoReceita.trim().length > 60) {\r\n return \"O número não pode conter mais que 60 caracteres\"\r\n }\r\n return true\r\n }\r\n },\r\n ]}\r\n data={\r\n listaFonteReceita != undefined ?\r\n listaFonteReceita.map((fonte) => {\r\n return {\r\n id: fonte.id,\r\n nomeFonteReceita: fonte.nomeFonteReceita,\r\n numeroCodigoReceita: fonte.numeroCodigoReceita\r\n }\r\n })\r\n :\r\n []\r\n }\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n inserir == true ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirFonteReceita(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n alterar == true ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarFonteReceita(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n excluir == true ?\r\n setTimeout(() => {\r\n ExcluirFonteReceita(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n }),\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n }}\r\n actions={[\r\n {\r\n icon: () =>
\r\n
\r\n \r\n {\r\n if (rowData.ano === undefined || rowData.ano === \"\" || isNaN(rowData.ano)) {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.ano.toString().length > 4) {\r\n return \"O ano não pode conter mais que 4 dígitos\"\r\n }\r\n return true\r\n }, cellStyle: {\r\n width: '33%'\r\n },\r\n\r\n },\r\n {\r\n title: \"Recurso\", field: 'idRecurso', cellStyle: { width: '33%' },\r\n lookup:\r\n listaTipoRecurso != undefined && listaTipoRecurso ?\r\n listaTipoRecurso.map(recurso => {\r\n return {\r\n id: recurso.id, descricao: recurso.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n \r\n );\r\n}","import { useState, useEffect } from \"react\";\r\nimport { Row, Col, Form, Button } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n InserirFonteReceitaRequest, AlterarFonteReceitaRequest,\r\n BuscarFonteReceitaPorIdRequest\r\n} from \"../../../store/modules/fonteReceita/actions\";\r\nimport { useParams } from 'react-router-dom';\r\n\r\nexport default function FonteReceita() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n const fonteReceitaCompleta = useSelector(state => state.fonteReceita.fonteReceitaCompleta);\r\n\r\n const [nomeFonteReceita, setNomeFonteReceita] = useState('');\r\n const [numeroCodigoReceita, setNumeroCodigoReceita] = useState('');\r\n const [validated, setValidated] = useState(false); \r\n\r\n useEffect(() => {\r\n if (id != undefined)\r\n dispatch(BuscarFonteReceitaPorIdRequest(id));\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (fonteReceitaCompleta != null && fonteReceitaCompleta.id == parseInt(id)) {\r\n setNomeFonteReceita(fonteReceitaCompleta.nomeFonteReceita);\r\n setNumeroCodigoReceita(fonteReceitaCompleta.numeroCodigoReceita);\r\n }\r\n\r\n }, [fonteReceitaCompleta])\r\n\r\n function InserirFonteReceita(e) {\r\n\r\n e.preventDefault();\r\n\r\n let data = {\r\n 'Id': fonteReceitaCompleta == null ? parseInt(0) : fonteReceitaCompleta.id,\r\n 'NumeroCodigoReceita': numeroCodigoReceita,\r\n 'NomeFonteReceita': nomeFonteReceita.trim()\r\n }\r\n\r\n if (id == undefined) {\r\n dispatch(InserirFonteReceitaRequest(data));\r\n } else {\r\n dispatch(AlterarFonteReceitaRequest(data));\r\n }\r\n }\r\n\r\n const handleSubmit = (event) => {\r\n\r\n if (event.currentTarget.checkValidity() === false) {\r\n event.preventDefault();\r\n } else {\r\n InserirFonteReceita(event);\r\n }\r\n\r\n setValidated(true);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}","import { Col, Card, Tabs, Tab } from \"react-bootstrap\";\r\nimport { MdAttachMoney } from 'react-icons/md';\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport Versao from '../Versao/versao';\r\nimport Header from \"../../../components/Header/header\";\r\nimport FonteReceita from '../FonteReceita/fonteReceita';\r\nimport { useEffect, useState } from \"react\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nexport default function Abas() {\r\n\r\n const { id } = useParams();\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport {\r\n ListarUnidadeMedidaRequest, ExcluirUnidadeMedidaRequest,\r\n InserirUnidadeMedidaRequest, AlterarUnidadeMedidaRequest\r\n} from '../../../store/modules/unidadeMedida/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { IoResize } from \"react-icons/io5\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport './unidadeMedida.css';\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\n\r\nexport default function UnidadeMedida() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaUnidadeMedida = useSelector(state => state.unidadeMedida.listaUnidadeMedida);\r\n const carregando = useSelector(state => state.unidadeMedida.carregando);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n // const myTextIcon = React.useRef(null);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n // myTextIcon.current.parentNode.parentNode.classList.remove('MuiIconButton-root');\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarUnidadeMedidaRequest());\r\n }, [])\r\n\r\n function ValidacoesInserir(unidadeMedida) {\r\n\r\n //Validação do campo descrição\r\n if (unidadeMedida.descricao == null || unidadeMedida.descricao == undefined\r\n || unidadeMedida.descricao.trim() == '' || unidadeMedida.descricao.length > 50) {\r\n toast.error(`Unidade de medida inválida`);\r\n return;\r\n }\r\n\r\n //Validação do campo abreviação\r\n if (unidadeMedida.abreviacao == null || unidadeMedida.abreviacao == undefined\r\n || unidadeMedida.abreviacao.trim() == '' || unidadeMedida.abreviacao.length > 2) {\r\n toast.error(`Abreviação inválida`);\r\n return;\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirUnidadeMedida(unidadeMedida) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'Descricao': unidadeMedida.descricao.trim(),\r\n 'Abreviacao': unidadeMedida.abreviacao.trim(),\r\n }\r\n\r\n dispatch(InserirUnidadeMedidaRequest(data))\r\n }\r\n\r\n function AlterarUnidadeMedida(unidadeMedida) {\r\n\r\n let data = {\r\n 'Id': unidadeMedida.id,\r\n 'Descricao': unidadeMedida.descricao.trim(),\r\n 'Abreviacao': unidadeMedida.abreviacao.trim(),\r\n };\r\n\r\n dispatch(AlterarUnidadeMedidaRequest(data))\r\n }\r\n\r\n function ExcluirUnidadeMedida(idUnidadeMedida) {\r\n dispatch(ExcluirUnidadeMedidaRequest(idUnidadeMedida));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport {\r\n ListarComposicaoCustoRequest, ExcluirComposicaoCustoRequest,\r\n InserirComposicaoCustoRequest, AlterarComposicaoCustoRequest\r\n} from '../../../store/modules/composicaoCusto/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { RiMenuAddLine } from \"react-icons/ri\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport MaterialTable from 'material-table';\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function ComposicaoCusto() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaComposicaoCusto = useSelector(state => state.composicaoCusto.listaComposicaoCusto);\r\n const carregando = useSelector(state => state.composicaoCusto.carregando);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarComposicaoCustoRequest());\r\n }, [])\r\n\r\n function ValidacoesInserir(composicaoCusto) {\r\n\r\n //valida o campo descrição\r\n if (composicaoCusto.descricao == null || composicaoCusto.descricao == undefined ||\r\n composicaoCusto.descricao.trim() == '' || composicaoCusto.descricao.length > 50) {\r\n toast.error(`Composição custo inválida`);\r\n return false;\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirComposicaoCusto(composicaoCusto) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'Descricao': composicaoCusto.descricao.trim(),\r\n }\r\n\r\n dispatch(InserirComposicaoCustoRequest(data))\r\n }\r\n\r\n function AlterarComposicaoCusto(composicaoCusto) {\r\n\r\n let data = {\r\n 'Id': composicaoCusto.id,\r\n 'Descricao': composicaoCusto.descricao.trim(),\r\n }\r\n\r\n dispatch(AlterarComposicaoCustoRequest(data))\r\n }\r\n\r\n function ExcluirComposicaoCusto(id) {\r\n dispatch(ExcluirComposicaoCustoRequest(id));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.descricao.trim().length > 50) {\r\n return \"O nome não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '40%' },\r\n\r\n },\r\n {\r\n title: 'Abreviação', field: 'abreviacao', sorting: true, editPlaceholder: 'Abreviação', validate: rowData => {\r\n if (rowData.abreviacao === undefined || rowData.abreviacao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.abreviacao.trim().length > 2) {\r\n return \"A abreviação não pode conter mais que 2 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '40%' }\r\n },\r\n ]}\r\n data={\r\n listaUnidadeMedida != undefined ?\r\n listaUnidadeMedida.map(unidadeMedida => {\r\n return {\r\n id: unidadeMedida.id,\r\n descricao: unidadeMedida.descricao,\r\n abreviacao: unidadeMedida.abreviacao\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirUnidadeMedida(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarUnidadeMedida(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirUnidadeMedida(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n actionsColumnIndex: -1,\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport {\r\n ListarTipoRecursoRequest, ExcluirTipoRecursoRequest,\r\n InserirTipoRecursoRequest, AlterarTipoRecursoRequest\r\n} from '../../../store/modules/tipoRecurso/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { GrResources } from \"react-icons/gr\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function TipoRecurso() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaTipoRecurso = useSelector(state => state.tipoRecurso.listaTipoRecurso);\r\n const carregando = useSelector(state => state.tipoRecurso.carregando);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarTipoRecursoRequest());\r\n }, [])\r\n\r\n function ValidacoesInserir(tipoRecurso) {\r\n\r\n //validação do campo descrição\r\n if (tipoRecurso.descricao == null || tipoRecurso.descricao == undefined\r\n || tipoRecurso.descricao.trim() == ''\r\n || tipoRecurso.descricao.length > 50) {\r\n toast.error(`Recurso inválido`);\r\n return;\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirTipoRecurso(tipoRecurso) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'Descricao': tipoRecurso.descricao.trim(),\r\n }\r\n\r\n dispatch(InserirTipoRecursoRequest(data))\r\n }\r\n\r\n function AlterarTipoRecurso(tipoRecurso) {\r\n\r\n let data = {\r\n 'Id': tipoRecurso.id,\r\n 'Descricao': tipoRecurso.descricao.trim(),\r\n }\r\n\r\n dispatch(AlterarTipoRecursoRequest(data))\r\n }\r\n\r\n function ExcluirTipoRecurso(idTipoRecurso) {\r\n dispatch(ExcluirTipoRecursoRequest(idTipoRecurso));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.descricao.trim().length > 50) {\r\n return \"A descrição não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '80%' }\r\n },\r\n ]}\r\n data={\r\n listaComposicaoCusto != undefined ?\r\n listaComposicaoCusto.map(composicaoCusto => {\r\n return {\r\n id: composicaoCusto.id,\r\n descricao: composicaoCusto.descricao,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirComposicaoCusto(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarComposicaoCusto(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirComposicaoCusto(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}","export function ListarEventoAdicionalRequest(idSolicitacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_EVENTO_ADICIONAL_REQUEST', idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarEventoAdicionalResponse(listaEventoAdicional) {\r\n return {\r\n type: 'LISTAR_EVENTO_ADICIONAL_RESPONSE',\r\n listaEventoAdicional\r\n }\r\n}\r\n\r\nexport function BuscarEventoAdicionalPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_EVENTO_ADICIONAL_POR_ID_REQUEST', id\r\n }\r\n}\r\n\r\nexport function BuscarEventoAdicionalPorIdResponse(eventoAdicionalCompleto) {\r\n return {\r\n type: 'BUSCAR_EVENTO_ADICIONAL_POR_ID_RESPONSE',\r\n eventoAdicionalCompleto\r\n }\r\n}\r\n\r\nexport function InserirEventoAdicionalRequest(data, idSolicitacaoFornecimento) {\r\n return {\r\n type: 'INSERIR_EVENTO_ADICIONAL_REQUEST',\r\n data, idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function AlterarEventoAdicionalRequest(data, idSolicitacaoFornecimento) {\r\n return {\r\n type: 'ALTERAR_EVENTO_ADICIONAL_REQUEST',\r\n data, idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ExcluirEventoAdicionalRequest(id, idSolicitacaoFornecimento) {\r\n return {\r\n type: 'EXCLUIR_EVENTO_ADICIONAL_REQUEST',\r\n id, idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function LimparEventoAdicional() {\r\n return {\r\n type: 'LIMPAR_EVENTO_ADICIONAL'\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarSolicitacaoFornecimentoVersaoRequest() {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_VERSAO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarSolicitacaoFornecimentoVersaoResponse(listaSolicitacaoFornecimentoVersao) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_VERSAO_RESPONSE',\r\n listaSolicitacaoFornecimentoVersao\r\n }\r\n}\r\n\r\nexport function InserirSolicitacaoFornecimentoVersaoRequest(data) {\r\n return {\r\n type: 'INSERIR_SOLICITACAO_FORNECIMENTO_VERSAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ListarCompletoSolicitacaoFornecimentoVersaoRequest(idSolicitacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_COMPLETO_SOLICITACAO_FORNECIMENTO_VERSAO_REQUEST', idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarCompletoSolicitacaoFornecimentoVersaoResponse(listaCompletaSolicitacaoFornecimentoVersao) {\r\n return {\r\n type: 'LISTAR_COMPLETO_SOLICITACAO_FORNECIMENTO_VERSAO_RESPONSE', listaCompletaSolicitacaoFornecimentoVersao\r\n }\r\n}\r\n \r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarRegiaoRequest() {\r\n return {\r\n type: 'LISTAR_REGIAO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarRegiaoResponse(listaRegiao) {\r\n return {\r\n type: 'LISTAR_REGIAO_RESPONSE',\r\n listaRegiao\r\n }\r\n}\r\n\r\nexport function InserirRegiaoRequest(data) {\r\n return {\r\n type: 'INSERIR_REGIAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarRegiaoRequest(data) {\r\n return {\r\n type: 'ALTERAR_REGIAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirRegiaoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_REGIAO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarTipoSolicitacaoRequest() {\r\n return {\r\n type: 'LISTAR_TIPO_SOLICITACAO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarTipoSolicitacaoResponse(listaTipoSolicitacao) {\r\n return {\r\n type: 'LISTAR_TIPO_SOLICITACAO_RESPONSE',\r\n listaTipoSolicitacao\r\n }\r\n}\r\n\r\nexport function BuscarTipoSolicitacaoRequest(id, idSolicitacaoFornecimento) {\r\n return {\r\n type: 'BUSCAR_TIPO_SOLICITACAO_REQUEST', id, idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function BuscarTipoSolicitacaoResponse(tipoSolicitacaoCompleto) {\r\n return {\r\n type: 'BUSCAR_TIPO_SOLICITACAO_RESPONSE',\r\n tipoSolicitacaoCompleto\r\n }\r\n}\r\n\r\nexport function InserirTipoSolicitacaoRequest(data) {\r\n return {\r\n type: 'INSERIR_TIPO_SOLICITACAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarTipoSolicitacaoRequest(data) {\r\n return {\r\n type: 'ALTERAR_TIPO_SOLICITACAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirTipoSolicitacaoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_TIPO_SOLICITACAO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarSolicitacaoFornecimentoVersaoStatusRequest(IdSolicitacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_VERSAO_STATUS_REQUEST',\r\n IdSolicitacaoFornecimento\r\n }\r\n}\r\nexport function ListarSolicitacaoFornecimentoVersaoStatusResponse(listaSolicitacaoFornecimentoVersaoStatus) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_VERSAO_STATUS_RESPONSE',\r\n listaSolicitacaoFornecimentoVersaoStatus\r\n }\r\n}\r\n\r\nexport function InserirSolicitacaoFornecimentoVersaoStatusRequest(data, IdSolicitacaoFornecimento, verificacao) {\r\n return {\r\n type: 'INSERIR_SOLICITACAO_FORNECIMENTO_VERSAO_STATUS_REQUEST',\r\n data, IdSolicitacaoFornecimento, verificacao\r\n }\r\n}\r\n\r\nexport function AlterarSolicitacaoFornecimentoVersaoStatusRequest(data, IdSolicitacaoFornecimento, validacao) {\r\n return {\r\n type: 'ALTERAR_SOLICITACAO_FORNECIMENTO_VERSAO_STATUS_REQUEST',\r\n data, IdSolicitacaoFornecimento, validacao\r\n }\r\n}\r\n\r\nexport function ExcluirSolicitacaoFornecimentoVersaoStatusRequest(id, IdSolicitacaoFornecimento) {\r\n return {\r\n type: 'EXCLUIR_SOLICITACAO_FORNECIMENTO_VERSAO_STATUS_REQUEST',\r\n id, IdSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ExcluirSolicitacaoFornecimentoVersaoStatusMantendoOsItensRequest(id, IdSolicitacaoFornecimento) {\r\n return {\r\n type: 'EXCLUIR_SOLICITACAO_FORNECIMENTO_VERSAO_STATUS_MANTENDO_OS_ITENS_REQUEST',\r\n id, IdSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ValidarSolicitacaoFornecimentoVersaoStatusResponse(listaValidacaoSolicitacaoStatus) {\r\n return {\r\n type: 'VALIDAR_SOLICITACAO_FORNECIMENTO_VERSAO_STATUS_RESPONSE',\r\n listaValidacaoSolicitacaoStatus\r\n }\r\n}\r\n\r\nexport function LimparListaValidacaoSolicitacao() {\r\n return {\r\n type: 'LIMPAR_LISTA_VALIDACAO_SOLICITACAO'\r\n }\r\n}\r\n\r\nexport function LimparSolicitacaoStatus() {\r\n return {\r\n type: 'LIMPAR_SOLICITACAO_STATUS'\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarPrioridadeRequest() {\r\n return {\r\n type: 'LISTAR_PRIORIDADE_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarPrioridadeResponse(listaPrioridade) {\r\n return {\r\n type: 'LISTAR_PRIORIDADE_RESPONSE',\r\n listaPrioridade\r\n }\r\n}\r\n\r\nexport function InserirPrioridadeRequest(data) {\r\n return {\r\n type: 'INSERIR_PRIORIDADE_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarPrioridadeRequest(data) {\r\n return {\r\n type: 'ALTERAR_PRIORIDADE_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirPrioridadeRequest(id) {\r\n return {\r\n type: 'EXCLUIR_PRIORIDADE_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarStatusSolicitacaoFornecimentoRequest() {\r\n return {\r\n type: 'LISTAR_STATUS_SOLICITACAO_FORNECIMENTO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarStatusSolicitacaoFornecimentoResponse(listaStatusSolicitacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_STATUS_SOLICITACAO_FORNECIMENTO_RESPONSE',\r\n listaStatusSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarStatusSolicitacaoFornecimentoCompletoRequest(idSolicitacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_STATUS_SOLICITACAO_FORNECIMENTO_COMPLETO_REQUEST', idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarStatusSolicitacaoFornecimentoCompletoResponse(listaStatusSolicitacaoFornecimentoCompleto) {\r\n return {\r\n type: 'LISTAR_STATUS_SOLICITACAO_FORNECIMENTO_COMPLETO_RESPONSE',\r\n listaStatusSolicitacaoFornecimentoCompleto\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n","export function ListarBairroRequest() {\r\n return {\r\n type: 'LISTAR_BAIRRO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarBairroResponse(listaBairro) {\r\n return {\r\n type: 'LISTAR_BAIRRO_RESPONSE',\r\n listaBairro\r\n }\r\n}\r\n\r\nexport function InserirBairroRequest(data) {\r\n return {\r\n type: 'INSERIR_BAIRRO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarBairroRequest(data) {\r\n return {\r\n type: 'ALTERAR_BAIRRO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirBairroRequest(id) {\r\n return {\r\n type: 'EXCLUIR_BAIRRO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function BuscarInteressadoPorNomeRequest(interessado) {\r\n return {\r\n type: 'BUSCAR_INTERESSADO_POR_NOME_REQUEST',\r\n interessado\r\n }\r\n}\r\n\r\nexport function BuscarInteressadoPorNomeResponse(listaInteressadoPorNome) {\r\n return {\r\n type: 'BUSCAR_INTERESSADO_POR_NOME_RESPONSE',\r\n listaInteressadoPorNome\r\n }\r\n}\r\n\r\nexport function LimparlistaInteressadoPorNome() {\r\n return {\r\n type: 'LIMPAR_LISTA_INTERESSADO_POR_NOME'\r\n }\r\n}\r\n\r\nexport function ListarInteressadoRequest() {\r\n return {\r\n type: 'LISTAR_INTERESSADO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarInteressadoResponse(listaInteressado) {\r\n return {\r\n type: 'LISTAR_INTERESSADO_RESPONSE',\r\n listaInteressado\r\n }\r\n}\r\n\r\nexport function InserirInteressadoRequest(data) {\r\n return {\r\n type: 'INSERIR_INTERESSADO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarInteressadoRequest(data) {\r\n return {\r\n type: 'ALTERAR_INTERESSADO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirInteressadoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_INTERESSADO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export default __webpack_public_path__ + \"static/media/novoCabecalhoCor.4e61a681.jpg\";","export default \"data:image/jpeg;base64,/9j/4QAWRXhpZgAATU0AKgAAAAgAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCABVAoQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9RP8AhqH9qg/8266MP+5rh/xo/wCGnv2qm/5t10Me58WQ/wCNfXFFVzeR4/8AZlf/AKCZ/wDkn/yJ8j/8NNftWf8ARu+g/j4rh/xoH7S/7V56fs8+Hfx8WQ/419cUUc3kH9mV/wDoJn/5J/8AInyOP2kf2sW/5t68M/j4th/xoH7Rn7WjH/k3vwr+Pi2H/wCKr646UUcw/wCzK3/QRP8A8k/+RPkdv2if2tsfL+z74R/HxdD/AI00/tE/tdH/AJt+8H/+FdD/APFV9dUUc3kL+zK3/QTP/wAk/wDkT5FH7RH7Xf8A0b/4OH18XRf/ABVA/aF/a6P/ADQHwb+Pi6L/AOKr66oo5l2D+y63/QTP/wAk/wDkT5H/AOGgv2usf8kD8F/+FbH/APFUD9oD9rw/80F8ED6+LY//AIqvriijmXYP7Lq/9BNT/wAl/wDkT5JHx8/a8P8AzQjwL/4Vif8AxVB+PP7X3/RC/AP/AIVaf/FV9bUUcy7D/sur/wBBFT/yX/5E+Sf+F6/tfN/zQ/4fr9fFK/8AxVH/AAvL9sA/80R+Ho/7mhf/AIqvraijmXYP7Lq/9BFT/wAl/wDkT5JHxu/bAI/5Ir8Ox/3M4/8AiqD8a/2wv+iL/Dn/AMKf/wCyr62oo5vIX9l1f+gip/5L/wDInyT/AMLp/bC/6Iz8N/8Awpf/ALKgfGb9sQn/AJI58NB/3Mp/+Kr62oo5l2D+y6v/AEEVP/Jf/kT5KPxk/bEP/NH/AIZf+FGf/iqT/hcP7Yp/5pD8MB/3MTf/ABVfW1FHN5B/ZdT/AKCKn3x/+RPkofF79sU/80k+F4/7mF//AIqk/wCFs/tjN/zSj4V/j4gf/wCKr62oo5vIP7Kqf9BFT74//InyX/wtX9sbH/JKvhSP+4/J/wDFU3/han7ZB/5pf8J1+uuyf/FV9bUUc3kH9lT/AOgip98f/kT5J/4Wj+2Uf+aY/CYf9xyX/wCKpP8AhZf7ZTf802+Eq/8Acbl/+Kr63oo5vIr+y5/8/wCp96/+RPkj/hY/7Zh/5p18Ix9dZl/+KoPxE/bMP/NPfhF/4OJv/iq+t6KObyD+y5f8/wCp96/yPkgfEH9s5v8Amn/wfX/uLzf/ABVJ/wAJ9+2cf+ZD+Do/7i0/+NfXGM0YxRzeQf2XL/n/AFPvX+R8j/8ACdftoE/8iP8ABtfrqk/+NH/Cb/toH/mSfgz+OqXH/wAVX1xRRzB/Zcv+f9T71/8AInyP/wAJn+2kf+ZN+C/46lc/40n/AAl/7aR/5k/4Kr/3Ebn/ABr65xmijm8g/sqX/P8Aqfev/kT5G/4Sz9tT/oUvgl/4MLr/ABo/4Sj9tRv+ZV+CK/W/uv8AGvrmijm8g/suX/P+p96/yPkY+JP21D/zLPwPH/b7d/40h8Rftrf9C78D/wDwMu/8a+uqKObyD+yn/wA/6n/gS/yPkM+IP22O3h/4Gj/t7u//AIqg6/8Ats/9AH4G/wDgVd//ABVfXlFPm8kH9lP/AJ/1P/Al/kfIY179to/8wL4G/wDgTd//ABVOXW/22O+i/A3/AMCLv/4qvrqilzeQf2V/0+qf+Bf8A+Rv7Z/bWP8AzB/gav8A23vP/iqT+1P212/5hnwNX/ttd/8AxVfXVFHN5B/ZP/T6p/4F/wAA+RTqP7axP/Hj8Dl/7aXf+NH2z9tRv+XX4H/993X+NfXVFHN5B/ZP/T6p/wCBf8A+RjP+2oelv8EF/G6/xpPM/bWb/ln8EB/4Ff419dUUc3kH9k/9Pqn/AIF/wD5HC/tqEf8AND1/C7o8n9tQ/wDLT4ID/gN1X1xRRzB/ZK/5/VP/AAL/AIB8jG1/bU/5+Pgj/wB+7ql+xftpt/y9/BFfpFdV9cUUcwf2Sv8An9U/8C/4B8j/ANm/tpH/AJiHwTH/AGwuaT+yv20j/wAxL4Kr/wBsLn/CvrmijmD+yF/z9qf+BHyOdF/bSPTWPgov/btc8/pSrof7aR/5jnwV/wDAW5/wr63oo5vIn+x1/wA/qn/gbPkj/hH/ANtJv+Zg+Cq/9udzx+lJ/wAIz+2if+Zj+Cw/7crn/CvriijmH/ZC/wCf1T/wNnyOvhb9tD/oaPguv/bjcf4Uf8Il+2gR/wAjZ8GR/wBw+4/+Jr64oo5g/seP/P2p/wCBs+SP+EP/AG0CP+Rw+DC/9w64/wDiaP8AhCf20G/5nP4M/wDgtuP/AImvreijm8h/2PH/AJ+1P/A2fI//AAgv7aDH/kdvgyv/AHDLj/4ml/4QH9s4/wDM9/Bv/wAFU/8A8TX1vRRzC/seP/P2p/4Gz5H/AOFe/tnn/mfvg3/4KJ//AIij/hXf7Zx/5qD8G19/7In4/wDHK+uKKObyD+x4/wDP2p/4Gz5HHw2/bOb/AJqN8HB9NGn/APiKD8M/2zv+ilfB0f8AcFm/+Ir64oo5vIf9jx/5+1P/AANnyP8A8Kx/bNP/ADUz4Pf+CSb/AOIpP+FW/tmn/mqHwgX/ALgcv/xFfXNFHN5B/ZEf+ftT/wADZ8i/8Kp/bOP/ADVL4RD/ALgMv/xFH/Cpv2zv+iq/CP8A8EEn/wARX11iijmD+x4f8/an/gcv8z5D/wCFSftof9FY+EY/7gEn/wAbp3/Co/2zj/zVr4S/+E/J/wDEV9dUUcwf2PD/AJ+VP/A5f5nyL/wqD9swj/krfwn/APCdf/4ij/hT/wC2Z/0V74Uj6eHH/wDiK+uqKOYP7Hh/z8qf+By/zPkcfB79sk9fi/8ACwfTw43/AMRQPg1+2QT83xg+Fo+nhxv/AIivriijmYf2PT/5+VP/AAOX+Z8j/wDClv2xT/zWP4Y/+E2f/iKK+uKKfOw/sen/AM/J/wDgcv8AM+VW/wCCz/wBU/8AIzar/wCCW6/+Ipv/AA+i+AJ/5mXVf/BLdf8AxFfi2eWb60da39ij8p/4iLmP8sfuf+Z+0n/D6L4A/wDQy6r/AOCW6/8AiKP+H0XwB/6GXVf/AAS3X/xFfi3RR7FB/wARFzH+WP3P/M/aT/h9F8Af+hl1b/wS3X/xFH/D6L4Aj/mZdV/8Et1/8RX4t4o6UexQf8RFzH+WP3P/ADP2k/4fRfAEf8zLq3/gluv/AIij/h9D8AR/zMurf+CW6/8AiK/FvGKMYo9ig/4iLmP8sfuf+Z+0n/D6H4A/9DLq3/gluv8A4ij/AIfRfAH/AKGXVv8AwS3X/wARX4t4oxR7FB/xEXMf5Y/c/wDM/aT/AIfQ/AH/AKGXVv8AwS3X/wARR/w+h+AJ/wCZl1b/AMEt1/8AEV+LeKMZo9ig/wCIi5j/ACx+5/5n7Sf8PovgCf8AmZdW/wDBLdf/ABFH/D6L4A/9DLq3/gluv/iK/FvGaMUexQf8RFzH+WP3P/M/aT/h9F8Af+hl1b/wS3X/AMRR/wAPovgD/wBDLqv/AIJbr/4ivxbxRR7FB/xEXMf5Y/c/8z9pP+H0XwB/6GXVf/BLdf8AxFH/AA+i+AI/5mXVf/BLdf8AxFfi3R0o9ig/4iLmP8sfuf8AmftJ/wAPovgCP+Zl1b/wS3X/AMRR/wAPovgCP+Zl1b/wS3X/AMRX4t4xRjFHsUH/ABEXMf5Y/c/8z9pP+H0XwB/6GXVv/BLdf/EUf8PofgD/ANDLq3/gluv/AIivxbxRij2KD/iIuY/yx+5/5n7Sf8PofgD/ANDLq3/gluv/AIij/h9F8Af+hl1b/wAEt1/8RX4t4oxR7FB/xEXMf5Y/c/8AM/aT/h9D8AT/AMzLq3/gluv/AIij/h9F8AT/AMzLq3/gluv/AIivxbxmjGaPYoP+Ii5j/LH7n/mftJ/w+i+AP/Qy6t/4Jbr/AOIo/wCH0XwB/wChl1b/AMEt1/8AEV+LeKMUexQf8RFzH+WP3P8AzP2k/wCH0XwB/wChl1b/AMEt1/8AEUf8PovgD/0Muq/+CW6/+Ir8W8UUexQf8RFzH+WP3P8AzP2k/wCH0XwBH/My6r/4Jbr/AOIo/wCH0XwBH/My6t/4Jbr/AOIr8W+lGMUexQf8RFzH+WP3P/M/aT/h9F8Af+hl1b/wS3X/AMRR/wAPovgD/wBDLq3/AIJbr/4ivxbxRij2KD/iIuY/yx+5/wCZ+0n/AA+i+AP/AEMurf8Agluv/iKP+H0PwB/6GXVv/BLdf/EV+LeKMUexQf8AERcx/lj9z/zP2k/4fQ/AE/8AMy6t/wCCW6/+Io/4fRfAE/8AMy6t/wCCW6/+Ir8W8Zoxmj2KD/iIuY/yx+5/5n7Sf8PovgCf+Zl1b/wS3X/xFH/D6L4A/wDQy6t/4Jbr/wCIr8W8ZoxR7FB/xEXMf5Y/c/8AM/aT/h9F8Af+hl1b/wAEt1/8RR/w+i+AP/Qy6t/4Jbr/AOIr8W8UYo9ig/4iLmP8sfuf+Z+0n/D6L4A/9DLq3/gluv8A4ij/AIfRfAEf8zLqv/gluv8A4ivxbxR0o9ig/wCIi5j/ACx+5/5n7Sf8PovgCP8AmZdW/wDBLdf/ABFH/D6L4A/9DLq3/gluv/iK/FvGKMUexQf8RFzH+WP3P/M/aT/h9F8Af+hl1b/wS3X/AMRR/wAPovgD/wBDLq3/AIJbr/4ivxbxRij2KD/iIuY/yx+5/wCZ+0n/AA+i+AP/AEMurf8Agluv/iKP+H0PwBP/ADMurf8Agluv/iK/FvFGM0exQf8AERcx/lj9z/zP2k/4fRfAE/8AMy6t/wCCW6/+Io/4fRfAH/oZdW/8Et1/8RX4t4zRij2KD/iIuY/yx+5/5n7Sf8PovgD/ANDLq3/gluv/AIij/h9F8Af+hl1b/wAEt1/8RX4t4oxR7FB/xEXMf5Y/c/8AM/aT/h9F8Af+hl1b/wAEt1/8RR/w+i+AI/5mXVv/AAS3X/xFfi3ijGKPYoP+Ii5j/LH7n/mftJ/w+i+AI/5mXVv/AAS3X/xFH/D6L4Aj/mZdW/8ABLdf/EV+LeMUYxR7FB/xEXMf5Y/c/wDM/aT/AIfRfAH/AKGXVv8AwS3X/wARR/w+i+AP/Qy6t/4Jbr/4ivxbxRij2KD/AIiLmP8ALH7n/mftJ/w+i+AP/Qy6t/4Jbr/4ij/h9F8Af+hl1b/wS3X/AMRX4t4oxR7FB/xEXMf5Y/c/8z9pP+H0XwBP/My6t/4Jbr/4ij/h9F8AT/zMurf+CW6/+Ir8W8Zoxmj2KD/iIuY/yx+5/wCZ+0n/AA+i+AP/AEMurf8Agluv/iKP+H0XwB/6GXVv/BLdf/EV+LeKMUexQf8AERcx/lj9z/zP2k/4fRfAH/oZdV/8Et1/8RR/w+i+AP8A0Murf+CW6/8AiK/FujFHsUH/ABEXMf5Y/c/8z9pP+H0XwBH/ADMurf8Agluv/iKP+H0PwBH/ADMurf8Agluv/iK/FvGKMYo9ig/4iLmP8sfuf+Z+0n/D6L4A/wDQy6t/4Jbr/wCIo/4fRfAH/oZdW/8ABLdf/EV+LeKMUexQf8RFzH+WP3P/ADP2k/4fRfAH/oZdW/8ABLdf/EUf8PovgD/0Murf+CW6/wDiK/FvFGKPYoP+Ii5j/LH7n/mftJ/w+i+AJ/5mXVv/AAS3X/xFH/D6L4An/mZdW/8ABLdf/EV+LeM0YzR7FB/xEXMf5Y/c/wDM/aT/AIfRfAE/8zLqv/gluv8A4ij/AIfRfAH/AKGXVv8AwS3X/wARX4t9aMUexQf8RFzH+WP3P/M/aT/h9F8Af+hl1b/wS3X/AMRR/wAPovgD/wBDLq3/AIJbr/4ivxbxRij2KD/iIuY/yx+5/wCZ+0n/AA+i+AI/5mXVf/BLdf8AxFFfi30oo9ig/wCIi5j/ACx+5/5gfvN9aKD95vrRWx+fhRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAH7zfWig/eb60UAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFeN6J8T9YuvifqU8Ml1Jp+tfaLHSori3mWzSaBcxMrkBG80rNkI2flGeleyEZFVItAsYLO2t0srRLezYPbxLCoSBhnBQYwpGTgj1qZJs9LAYujQjNVIc3MrenW+3ez6bNX1OQ+EPxbf4lpNcTLa2du4jhtYmyk80yxK9zgM3zKjOF4HG05Jzxzdhe68viHVNWtV1qS30fVr6S8km1Dfa3FtGr7beOEu2H3bcMEUDHU9K9RtPDenWEkbwafZQtC0jxtHAqlGk5cjA4LdyOvep7XT7exWRYYIYVmdpZAiBd7t95jjqT3J5NHK+p0/2lQp1JyoU/dkkrPotU9urWvrrbY8tj+NmvRmyt2j0O4utWgsLq3kiSQRWy3M6xeXIN5LMu4EMCucH5RTdM+IviHV/iRpNrNdWccVpc6nZ3UVvbOEvTb+UQQDISGKuNoydpDH5sgD0ey8FaPpsbJb6Tplukky3DLHaooaVTuVzgfeB5B6g806bwhpNw6tJpenSMlx9sUtbISs/H70cff4HzdeBzS5Wb/2nglflo7pq9l1jbby3/Hc8w0342eMNZ8Itq1toNrJb3CRzQMgSR40MhV1ES3G+ZgvIz5WSCNoxXReJfGc0ngDw74ttbxmtbWSG5vhCrRxT28g2SkoTn5N28AkkbK6aX4eeH5xciTQ9HcXjB7gNZRnz2HIL8fMRk8n1rQOlWraYbE21v9jaLyTb+WPKMeMbNvTbjjHTFHK+5nWzHBucZUqKjaWqXWLVmtW9fPTva708duPiDqnhiK18TSS311HqVlqurRWLzv5QiVrZbddvQARndwON7HvV69+I3iaOXT7y/t47Nrdb2eIRyKIb1VsjKnmRxzSDAbB5fkYYYzXqTaHZMYc2dqfs8TQRZiX91G2AyLxwp2rkDg7R6VUs/Auh6fbeTb6NpUEOXbZHaRquXXa5wBj5l4PqODxS5X3Nv7YwrXvUVf3l8nzWS1VrJ22d/KyZwGr/ABq1rQL7SI5odPuvtC2kl7HBbsq263MpSMCRpckgA9I2yVOdgIrqPiV4rhsvBI1Kz1yW0Vz/AKM9jHFcvfOQQsUYZWDFmx0HQHkdRtX3g7SdSuLea40vTpprNQlvJJbIzQAcgISPlA9BVWP4baF/wjtjpdxpdjfWenrtgS7t0mCHu3zDAJ7kYqrM5pYzBSlTnyNOL1SSd189NHtps+trvldc1/xN4fuvCtxczXSnUZLS3v4vKt/sMMjrtdC2DNuaQgKR8oyAc1g2PxH8VPb6xZyXVzb6tb6FLqc/2vTQiadOkgHlxcKJEZd+1iXGUzubkV6Mnwy0OLU7e6Sx8trVkaGFJpFtomQYRhCG8sFR0O3Iqw/gXRpl1BZdLsZ11aRZLxZoRItyy8rvDZzjGQOg7VPKzop5pgoxSlSTemvLFdb7Xd9H87JPS98/UtZ8QHwdot1o9ra6hfXTWxuxO4jVYWAMjjkfMPQevQ9K4/46fEHUtE8WWMelyaj5Xh+NdU1BLW3mlW4UuFEMhQFUBjWd8uQMqv1r1DTtNt9HsY7W0t4bW2hG2OKFAkcY9Ao4H4U0aTaiW5k+y2/mXgAuG8sZnAG0bz/Fgcc9qpxZxYTHUKNb2kqakle3S9++60V7WWjZ5TpHxBvoPHWrWemzWrHXNdWGC6vA8kFvGLFJeFDKSWxgDcOTWb8Ofiz4ih0bR9L0+wTUpY7Q3lzJPIga4V7uRDteSZNoAU/MBJyQMDqfW5fAuhz2Elq+jaU9rIyu8LWkZjdlUKpK4wSFAAPYACll8D6LOlqsmj6W62LF7YNaRkW5J3Epx8pzzxjmp5Weg84wThyujf4d+8U1d2aeqdrXSVrrVnmHib4069c+Grqa3OnWsepQ6rHaLHG7XVi1okh3ud+GLCM4wo2l0PzdDe1L4yap4XfQLf8A0XVPMgsTqDrbmPH2iQorBzNkHgnAR8lTkqCMeiweFNLttRuLyPTdPju7xStxOtugknB6hmxlh9arp8PfD8f2Xboejr9iz9nxZR/uMtuOzj5csc8d+aOV9yP7TwFlF0dFftre/XfRWS11fvPXRpBe643j2a3ks7VfDy2avFdCT981xuwUK5+7t5zj8TnA4jQbqbVPhxruv3OqakNaC6lH5QvZI47UxmVVRYQ21Siqpzjdk5z0r1Cs2XwZo82pzXz6TprXlwhilna1QyyoRgqzYyQRwQeCKpxPPw+OhBNSjb4dV1te6d39q93bstDzfUrO+0jwB4deRdZa41TUrZZ4rTX7mea5jMTnCySvH5ZY8lQQvA5PFaeo6r4j+H3wVuprhpJNWa58q18+YTPZxSzhI/NkPDMisMscjI5yOa6/S/h54f0OUSWWh6PZyB1kDQWUcZDLnacgDkZOD2ya1Lu0iv7aSGeKOaGVSrxyKGVweoIPBFLlOurm1OUork5oqSk77vXbd6W07vTpoeX6b451TVNT0/w79vn0Waze8gvb9pIrtpZYEhYBXdApBWbc2UU/IQMYJq54T8aa94j1fwq095Db22vaJcTvFHbDInjMQEoLZO0iQELwPXORjs5PAuiS6PHpzaPpTafC/mR2ptIzCjeoTGAeTzjvS6j4H0bVr4XVxpWny3ixGFbgwL5yIQRhZMbl4JHBGM0uVjnmODkrKnbR9E9Xza667tO13blST1Z5yPHviCw1G90e4vry3kbVLKzS6vILb7RbRTJITKBGPKKs0e1MhiCTkEjFdB4W8aale6RqVtdNdSRWdzc2w15BbLDEkecSSKzj5h0O1CuR25xv6Z8OtF0qxvLZbFbiHUAouReSPdmcKMKGMpYlQOACcDtV9vDunvov9mmxszp2zy/sphXydv8Ad2Y249sVSiycTmGEmrQpJarWyWySbVn3v7t3Hq7s86g8Q+JNT+GeoapaX2uXH2e5nbT5IrS0S4vrcINkjrIoULvDn5VDMuMDJqxpviXVvEnjjw1DY65cSRXWnx6rqkKQwG1jhMahFQmPzAZJMnl8gBsdsdPcfCXw7NZi3i0uGxhyxKWDNZLJuAVtwhK7gQACGyMVq6V4csNDmkks7O3tpJkjido0Cl1jXagPso4HoKXKy6mZYTll7Omr+9a8Yq19Ffe9t00lZ+W2Vb6jrsl54kW/tLa1063Uf2XPDJmSdfLJcsM8ENjHA/TJ4fwXr+seG/AXhWQY/tLxW1tALq91K61KIAwGXzWSQrsdsMPLRgMkfMcCvWXRZUZWUMrDBBGQRVK78M6bqGjJptxp9jNp8aqiWskCtCqrwoCEbQB2GOKbicuHzCnGLhOCs2r2vbRNbX11tJp6N9jyu9+MPiTxR4U1b7D/AGZp8tjot3dzXCxSSM8kUk0WYPnAAbywys2dp7PV3UvjJqnhd9At/wDRdU8yCxOoOtuY8faJCisHM2QeCcBHyVOSoIx6Tb+H7C0A8qxs49sP2YbIVXEXJ8vp93k/L05qmnw98Px/Zduh6Ov2LP2fFlH+4y247OPlyxzx35pcr7nZ/aeBbs6Pu3btp1XV76dNfPpZ+T+DPit4g03SdP0rSdPTU7hY7y/la4kQGZf7Qnj2B5JY9mAv3gJMZUbcc10GofFrXLfWvEXkSaXdaVpU0djbzx2DmSS8klRRAAZwr7VbDMTGNxHQA13lx4G0W7gt45dH0uSOzkaWBHtI2WF2bczKMfKSxJJHJPNQj4beHRPcSf2BovmXgZZ3+wxbpwxywY7fmyRk56mlyvuaVM1wNSbm6O7b2T3knq2+10rJWu99LZ/wn+IrePvDay3S29vqcbypNbRuN2ElaPft3NgEqf4mGcjcetchovjKbw58Gm8ZTXF9qWtzREzW8t4/2eORp1jI8ksEQRFgDgKcA5POa9D0fwRpfh7VnvLGzt7SRrdbYJDGscaIGZ8BVA6sxJ+gqRfBejpf3N0NJ00XV4pS4mFqnmTqeodsZYHuD1qrM41jcJCrNwg+SUou3kr3hvezvv5LTqvNvE/xu8SeFPD/AJl1ptquo2/2i4eHykYT20Qi/eErcssPMm3G6VsgEKQas6/4+1LxJ4a1qKaGxNndX40W2to4ZJJrguqltx86ID5WI++o4JyOh7pvh34fbT4bQ6Fo5tbdzJFCbKPy4mPVlXbgE9yOtWLnwnpd5p81nNpuny2tw/mSwvbo0crcfMykYJ4HJ9BU8r7m/wDaWCXK40rSTvdadU1ZXfbv1sntbn/h148j8bfDCK8QW1reLZFpLaCQZtsb0UgA5VT5ZI+nBOM15n4b8deIPAlppd5LK1w2reHre6ghudTuL6OeUywK00nmYMLFZT8qZXJ6nGD7Po/grTNAvryeztIYDfIkUiJGqxhE3EKFAAxl3J9Sxpmn/Dzw/pEU0droej2sdxt81YrKNBJtO5dwA5wQCM9CKfKx0MzwdKdRezbhJp2fbqr36N6PW9uj1OK174va14d8a2+lfZ7HUP3sdjOUh+zoty9u0y4dpmOOF48sgA8uDxXLa38UtX8V+G7gXk0mn6ha6Zqy3dpDFJaiJ1s0dNwLvvwWJVweQQcAnFey3vg/SdS1P7bcaXp1xebdnnyWyNLj03EZxUVt4D0OytDbw6LpMMBEimNLSNUIkAVxgDHzAAH1A5pOL7lYfNsFTUZex95JXemrs032tr0S6a6a5dnqGuRWfhNdPs7W60+4hX+05ppNskCeUpVlGeSWzng/rkcZd+JtWHxv3rc3g0lNZj05m+0nYubXcYPs2cEFyH87G4c8bRmvW4YUt4VjjVY44wFVVGFUDoAKpv4Z02TWv7SbT7I6iF2C78hfPC9Mb8bsfjVOJx4XMqVNzc6afNGUfPV3u9d1t6dGcj8IfEuqX1w1nr02trq8lv8Aafs97BbRw7BIV3ReUobGcAiQ55Bxg5rJvvinf/DPXNeTXLi+urSzso57QXcdvE11K0rR/u2i+VYiSgPmHcucnAruvD/gPS/C95NcWcM32iaMRNLNdS3DqgOQimRmKrk52rge1HhvwHpfhO6lmsYJlmmQRmSa5luGCAkhFMjMVUEk7VwOelLlZtLHYJ1ak3TvGVtLKOzu7O75dNNL3v0PLdO+KGteKPhXb3Vv4h/4qa41SXTbeKwW2khlkaU7N4aNz5aRgsCMEryScg11kfii80n4kJZtr0moWFjavLrDTwwQ22ngIvlkyKoIkZssVLEBSeBgE9RpXgTSdEaBraxhV7Waa4hdiXaKSYkyFSxJG7JyBx2qOf4b+HbrUJbyTQdFkupyxlmaxiMkm4ENltuTkEg565NHKzStmWCnKSjTtF81vdjf3np8orVa3TfVKz5XUPF99py+NpNS1ya2s9FlimtpLKCFXjiaIOsQ8xHDFiQMkck8YHFZ8V34shfwhps3iG//AOEg1T/SdQh+zWvk29spLSFh5O7dhkiBBALc4613n/Cu9A86aQaJpKyXUizTOtoitM6vvDMQMsQwzz3q+NHtV1Zr8W8P21ohAZ9vzmMHcFz6ZJOKOVmX9pYeKtGmn6xjuoKK6PS95Pu7ebOU+Hmv3+seMtZhXUrjWNGs1WMXUsEUaLc7m3xxMirvVV2gk5w3Ge1dpWXoXgbRPC1y02maPpenTSLsaS1tI4WZc5wSoBxkDj2rUqonnY6tSqVeairKy6JbLey018gooopnGFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAB+831ooP3m+tFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAH7zfWiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=\"","import { Page, Text, View, Document, StyleSheet, Image, Font } from '@react-pdf/renderer';\r\nimport { useEffect } from \"react\";\r\nimport img from '../../assets/login/img_login.png';\r\nimport cabecalho from '../../assets/novoCabecalhoCor.jpg';\r\nimport rodape from '../../assets/novoRodapeCor.jpg';\r\nimport moment from 'moment';\r\n\r\n\r\nconst styles = StyleSheet.create({\r\n page: {\r\n flexDirection: 'row',\r\n backgroundColor: '#fff',\r\n fontSize: '10',\r\n },\r\n titulo: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n fontWeight: 'bold',\r\n fontSize: '15',\r\n },\r\n linha: {\r\n borderBottom: '1px solid #0000',\r\n width: '100%',\r\n },\r\n espaco: {\r\n paddingTop: 5,\r\n paddingBottom: 5,\r\n },\r\n table: {\r\n width: '100%',\r\n },\r\n section: {\r\n margin: 10,\r\n paddingLeft: 10,\r\n paddingRight: 10,\r\n flexGrow: 1,\r\n },\r\n row: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n paddingTop: 5,\r\n paddingBottom: 5,\r\n },\r\n\r\n rowCabecalho: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n paddingBottom: 2,\r\n },\r\n bold: {\r\n fontWeight: 'bold',\r\n fontFamily: 'Helvetica-Bold',\r\n fontSize: '11',\r\n },\r\n bordaCompleta: {\r\n border: '1px solid #0000',\r\n margin: 1\r\n },\r\n comeco: {\r\n width: \"25%\",\r\n },\r\n\r\n meio: {\r\n width: \"50%\",\r\n display: 'flex',\r\n textAlign: 'center',\r\n alignItems: 'center'\r\n },\r\n\r\n comecoMaior: {\r\n width: \"40%\",\r\n },\r\n meio: {\r\n width: \"50%\",\r\n display: 'flex',\r\n textAlign: 'center',\r\n alignItems: 'center'\r\n },\r\n\r\n fim: {\r\n width: \"35%\",\r\n },\r\n linhaMetadeInicio: {\r\n width: \"50%\",\r\n },\r\n linhaMetadeFim: {\r\n width: \"50%\",\r\n },\r\n linhaMetade: {\r\n width: \"45%\",\r\n },\r\n linhaSemiCompleta: {\r\n width: \"85%\",\r\n },\r\n fimLinhaSemiCompleta: {\r\n width: \"15%\",\r\n },\r\n linhaCompleta: {\r\n width: \"100%\",\r\n },\r\n width8: {\r\n width: \"8%\"\r\n },\r\n width10: {\r\n width: \"10%\"\r\n },\r\n width20: {\r\n width: \"20%\"\r\n },\r\n cabecalho: {\r\n color: '#fff',\r\n backgroundColor: '#212529',\r\n bordercolor: '#32383e'\r\n },\r\n cinza: {\r\n backgroundColor: '#e9ecef',\r\n },\r\n logo: {\r\n width: '200',\r\n height: '100'\r\n },\r\n rodape: {\r\n width: '585',\r\n height: '50',\r\n },\r\n alinharBottom: {\r\n position: 'absolute',\r\n bottom: '0',\r\n padding: '5',\r\n },\r\n top20: {\r\n top: '20'\r\n },\r\n top40: {\r\n top: '40'\r\n },\r\n top60: {\r\n top: '60'\r\n },\r\n recuo: {\r\n textIndent: '40px'\r\n },\r\n centralizarTexto: {\r\n display: 'flex',\r\n textAlign: 'center',\r\n alignItems: 'center'\r\n },\r\n});\r\n\r\nexport default function PdfSolicitacaoFornecimento({ data }) {\r\n\r\n useEffect(() => {\r\n moment.locale('pt-br');\r\n }, [])\r\n\r\n return (\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.descricao.trim().length > 50) {\r\n return \"A descrição não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '80%' }\r\n },\r\n ]}\r\n data={\r\n listaTipoRecurso != undefined ?\r\n listaTipoRecurso.map(recurso => {\r\n return {\r\n id: recurso.id,\r\n descricao: recurso.descricao,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirTipoRecurso(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarTipoRecurso(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirTipoRecurso(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n
\r\n\r\nexport default function Mapa() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n const solicitacaoFornecimento = useSelector(state => state.solicitacaoFornecimento.solicitacaoFornecimentoCompleto);\r\n const coordenadasPorEndereco = useSelector(state => state.solicitacaoFornecimento.coordenadasPorEndereco);\r\n const listaTipoSolicitacao = useSelector(state => state.tipoSolicitacao.listaTipoSolicitacao);\r\n const listaSolicitacaoFornecimentoVersaoStatus = useSelector(state =>\r\n state.solicitacaoFornecimentoVersaoStatus.listaSolicitacaoFornecimentoVersaoStatus);\r\n const listaStatusSolicitacaoFornecimentoCompleto = useSelector(state => state.statusSolicitacaoFornecimento.listaStatusSolicitacaoFornecimentoCompleto);\r\n\r\n const [latitude, setLatitude] = useState('-23.5489');\r\n const [longitude, setLongitude] = useState('-46.6388233256');\r\n const [endereco, setEndereco] = useState(\"\");\r\n const [zoom, setZoom] = useState(7);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n //dispatch(ListarStatusSolicitacaoFornecimentoRequest());\r\n\r\n }, [])\r\n\r\n //AIzaSyAamdmy1AK-Hz9QS40toW0F6qAXgGAJi7E\r\n //AIzaSyDRLnbHWWWL5XQDwFi5aFxDiMY0d8INnSc\r\n useEffect(() => {\r\n\r\n if (solicitacaoFornecimento != null) {\r\n setLatitude(solicitacaoFornecimento.latitude == '0' ? '-23.5489' : solicitacaoFornecimento.latitude);\r\n setLongitude(solicitacaoFornecimento.longitude == '0' ? '-46.6388233256' : solicitacaoFornecimento.longitude);\r\n setEndereco(solicitacaoFornecimento.descricaoLocal)\r\n }\r\n\r\n }, [solicitacaoFornecimento])\r\n\r\n useEffect(() => {\r\n\r\n if (coordenadasPorEndereco != null) {\r\n setLatitude(coordenadasPorEndereco.latitude);\r\n setLongitude(coordenadasPorEndereco.longitude);\r\n setZoom(4);\r\n }\r\n\r\n }, [coordenadasPorEndereco])\r\n\r\n function SalvarCoordenada() {\r\n\r\n var data = {\r\n 'IdSolicitacaoFornecimento': id,\r\n 'Latitude': `${latitude}`,\r\n 'Longitude': `${longitude}`\r\n }\r\n\r\n dispatch(InserirCoordenadasdSolicitacaoFornecimentoRequest(data));\r\n }\r\n\r\n function MudarPinoMapa(coordenadas) {\r\n setLatitude(coordenadas.lat);\r\n setLongitude(coordenadas.lng);\r\n }\r\n\r\n function BuscarEndereco(enderecoLocal) {\r\n\r\n if (enderecoLocal != '') {\r\n /* Geocode.setApiKey(\"AIzaSyDRLnbHWWWL5XQDwFi5aFxDiMY0d8INnSc\");\r\n Geocode.setLanguage(\"pt-BR\");\r\n Geocode.setRegion(\"br\");\r\n Geocode.setLocationType(\"ROOFTOP\");\r\n Geocode.enableDebug(true); \r\n Geocode.fromAddress(enderecoLocal).then(\r\n (response) => {\r\n const { lat, lng } = response.results[0].geometry.location;\r\n setLatitude(lat);\r\n setLongitude(lng);\r\n },\r\n (error) => {\r\n console.error(error);\r\n }\r\n ); */\r\n dispatch(BuscarCoordenadasPorEnderecoRequest(enderecoLocal));\r\n }\r\n\r\n }\r\n\r\n\r\n return (\r\n <>\r\n\r\n \r\n {solicitacaoFornecimento != null && listaTipoSolicitacao != undefined && listaTipoSolicitacao.length > 0 &&\r\n listaTipoSolicitacao.filter((tipoSoli) => tipoSoli.id === solicitacaoFornecimento.idTipoSolicitacao).length > 0 &&\r\n listaTipoSolicitacao.filter((tipoSoli) => tipoSoli.id === solicitacaoFornecimento.idTipoSolicitacao)[0].geografico\r\n\r\n ?\r\n\r\n \r\n \r\n \r\n Endereço \r\n setEndereco(e.target.value)}\r\n />\r\n
\r\n \r\n {/*} {*/}\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n :\r\n
\r\n \r\n )\r\n}","export function ListarSolicitacaoFornecimentoVersaoSubitemCustoRequest(idSolicitacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_VERSAO_SUBITEM_CUSTO_REQUEST', idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarSolicitacaoFornecimentoVersaoSubitemCustoResponse(listaSolicitacaoFornecimentoVersaoSubitemCusto) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_VERSAO_SUBITEM_CUSTO_RESPONSE',\r\n listaSolicitacaoFornecimentoVersaoSubitemCusto\r\n }\r\n}\r\n\r\nexport function InserirSolicitacaoFornecimentoVersaoSubitemCustoRequest(data, idSolicitacaoFornecimento, idContratoVersao) {\r\n return {\r\n type: 'INSERIR_SOLICITACAO_FORNECIMENTO_VERSAO_SUBITEM_CUSTO_REQUEST',\r\n data, idSolicitacaoFornecimento, idContratoVersao\r\n }\r\n}\r\n\r\nexport function AlterarSolicitacaoFornecimentoVersaoSubitemCustoRequest(data, idSolicitacaoFornecimento) {\r\n return {\r\n type: 'ALTERAR_SOLICITACAO_FORNECIMENTO_VERSAO_SUBITEM_CUSTO_REQUEST',\r\n data, idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ExcluirSolicitacaoFornecimentoVersaoSubitemCustoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_SOLICITACAO_FORNECIMENTO_VERSAO_SUBITEM_CUSTO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ExcluirSolicitacaoFornecimentoVersaoSubitemCustoPorIdSolicitacaoRequest(idSolicitacaoFornecimentoVersao, idSolicitacaoFornecimento) {\r\n return {\r\n type: 'EXCLUIR_SOLICITACAO_FORNECIMENTO_VERSAO_SUBITEM_CUSTO_POR_ID_SOLICITACAO_REQUEST',\r\n idSolicitacaoFornecimentoVersao,\r\n idSolicitacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ImportarSolicitacaoFornecimentoVersaoSubitemCustoExcelRequest(listaImportacao, idSolicitacaoFornecimento, idContratoVersao) {\r\n return {\r\n type: 'IMPORTACAO_SOLICITACAO_FORNECIMENTO_VERSAO_SUBITEM_CUSTO_REQUEST',\r\n listaImportacao, idSolicitacaoFornecimento, idContratoVersao\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarAutorizacaoFornecimentoSubitemCustoRequest(data) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ListarAutorizacaoFornecimentoSubitemCustoResponse(listaAutorizacaoFornecimentoSubitemCusto) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_RESPONSE',\r\n listaAutorizacaoFornecimentoSubitemCusto\r\n }\r\n}\r\n\r\nexport function ListarCompletoAutorizacaoFornecimentoSubitemCustoRequest(data) {\r\n return {\r\n type: 'LISTAR_COMPLETO_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ListarCompletoAutorizacaoFornecimentoSubitemCustoResponse(listaCompletoAutorizacaoFornecimentoSubitemCusto) {\r\n return {\r\n type: 'LISTAR_COMPLETO_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_RESPONSE',\r\n listaCompletoAutorizacaoFornecimentoSubitemCusto\r\n }\r\n}\r\n\r\nexport function BuscarAutorizacaoFornecimentoSubitemCustoPorIdResponse(autorizacaoFornecimentoSubitemCustoCompleto) {\r\n return {\r\n type: 'BUSCAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_POR_ID_RESPONSE',\r\n autorizacaoFornecimentoSubitemCustoCompleto\r\n }\r\n}\r\n\r\nexport function InserirAutorizacaoFornecimentoSubitemCustoComFotoRequest(data, idAutorizacaoFornecimento, idContratoVersao, formData) {\r\n return {\r\n type: 'INSERIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_COM_FOTO_REQUEST',\r\n data, idAutorizacaoFornecimento, idContratoVersao, formData\r\n }\r\n}\r\n\r\nexport function InserirAutorizacaoFornecimentoSubitemCustoRequest(data, idAutorizacaoFornecimento, idContratoVersao) {\r\n return {\r\n type: 'INSERIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_REQUEST',\r\n data, idAutorizacaoFornecimento, idContratoVersao\r\n }\r\n}\r\n\r\nexport function AlterarAutorizacaoFornecimentoSubitemCustoRequest(data, validado) {\r\n return {\r\n type: 'ALTERAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_REQUEST',\r\n data, validado\r\n }\r\n}\r\n\r\nexport function ExcluirAutorizacaoFornecimentoSubitemCustoRequest(data) {\r\n return {\r\n type: 'EXCLUIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n\r\n","export function ListarAutorizacaoFornecimentoSubitemCustoMedicaoRequest(id) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarAutorizacaoFornecimentoSubitemCustoMedicaoResponse(listaAutorizacaoFornecimentoSubitemCustoMedicao) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_RESPONSE',\r\n listaAutorizacaoFornecimentoSubitemCustoMedicao\r\n }\r\n}\r\n\r\nexport function InserirAutorizacaoFornecimentoSubitemCustoMedicaoRequest(data, idAutorizacaoFornecimento) {\r\n return {\r\n type: 'INSERIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_REQUEST',\r\n data,\r\n idAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function AlterarAutorizacaoFornecimentoSubitemCustoMedicaoRequest(data, idAutorizacaoFornecimento) {\r\n return {\r\n type: 'ALTERAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_REQUEST',\r\n data,\r\n idAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ExcluirAutorizacaoFornecimentoSubitemCustoMedicaoRequest(data) {\r\n return {\r\n type: 'EXCLUIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function BuscarAutorizacaoFornecimentoSubitemCustoMedicaoPorIdRequest(idAutorizacaoFornecimentoSubitemCustoMedicao) {\r\n return {\r\n type: 'BUSCAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_POR_ID_REQUEST',\r\n idAutorizacaoFornecimentoSubitemCustoMedicao\r\n }\r\n}\r\n\r\nexport function BuscarAutorizacaoFornecimentoSubitemCustoMedicaoPorIdResponse(autorizacaoFornecimentoSubitemCustoMedicaoCompleto) {\r\n return {\r\n type: 'BUSCAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_POR_ID_RESPONSE',\r\n autorizacaoFornecimentoSubitemCustoMedicaoCompleto\r\n }\r\n}\r\n\r\n\r\nexport function InserirAutorizacaoFornecimentoSubitemCustoMedicaoSemAutorizacaoRequest(data, idAutorizacaoFornecimento, idContratoVersao) {\r\n return {\r\n type: 'INSERIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_SEM_AUTORIZACAO_REQUEST',\r\n data,\r\n idAutorizacaoFornecimento, idContratoVersao\r\n }\r\n}\r\n\r\nexport function InserirAutorizacaoFornecimentoSubitemCustoMedicaoSemAutorizacaoComFotoRequest(data, idAutorizacaoFornecimento, idContratoVersao, formData, dados, valorSubitemMedicoes, valorEcedente) {\r\n return {\r\n type: 'INSERIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_SEM_AUTORIZACAO_COM_FOTO_REQUEST',\r\n data,\r\n idAutorizacaoFornecimento, idContratoVersao, formData, dados, valorSubitemMedicoes, valorEcedente\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarMedicaoAutorizacaoFornecimentoRequest(id) {\r\n return {\r\n type: 'LISTAR_MEDICAO_AUTORIZACAO_FORNECIMENTO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarTodasMedicaoAutorizacaoFornecimentoRequest() {\r\n return {\r\n type: 'LISTAR_TODAS_MEDICAO_AUTORIZACAO_FORNECIMENTO_REQUEST',\r\n }\r\n}\r\n\r\nexport function ListarTodasMedicaoAutorizacaoFornecimentoResponse(listaTodasMedicaoAutorizacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_TODAS_MEDICAO_AUTORIZACAO_FORNECIMENTO_RESPONSE',\r\n listaTodasMedicaoAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarMedicaoAutorizacaoFornecimentoResponse(listaMedicaoAutorizacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_MEDICAO_AUTORIZACAO_FORNECIMENTO_RESPONSE',\r\n listaMedicaoAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function InserirMedicaoAutorizacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'INSERIR_MEDICAO_AUTORIZACAO_FORNECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarMedicaoAutorizacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'ALTERAR_MEDICAO_AUTORIZACAO_FORNECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirMedicaoAutorizacaoFornecimentoRequest(data) {\r\n return {\r\n type: 'EXCLUIR_MEDICAO_AUTORIZACAO_FORNECIMENTO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function BuscarMedicaoAutorizacaoFornecimentoPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_MEDICAO_AUTORIZACAO_FORNECIMENTO_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarMedicaoAutorizacaoFornecimentoPorIdResponse(medicaoAutorizacaoFornecimentoCompleto) {\r\n return {\r\n type: 'BUSCAR_MEDICAO_AUTORIZACAO_FORNECIMENTO_POR_ID_RESPONSE',\r\n medicaoAutorizacaoFornecimentoCompleto\r\n }\r\n}\r\n\r\nexport function LimparMedicao() {\r\n return {\r\n type: 'LIMPAR_MEDICAO'\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { Row, Button, Modal, ModalFooter, Col, Form, Container } from \"react-bootstrap\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { PatchedPagination } from \"../PatchedPagination/patchedPagination\";\r\nimport { BuscarContratoVersaoPorIdRequest } from '../../store/modules/contratoVersao/actions';\r\nimport { ListarTipoSolicitacaoRequest } from '../../store/modules/tipoSolicitacao/actions';\r\nimport { BuscarSolicitacaoFornecimentoPorIdRequest, InserirSolicitacaoFornecimentoRequest, AlterarSolicitacaoFornecimentoRequest } from '../../store/modules/solicitacaoFornecimento/actions';\r\nimport { InserirAutorizacaoFornecimentoSubitemCustoRequest,\r\n InserirAutorizacaoFornecimentoSubitemCustoComFotoRequest } from '../../store/modules/autorizacaoFornecimentoSubitemCusto/actions';\r\nimport {\r\n ListarSolicitacaoFornecimentoVersaoSubitemCustoRequest,\r\n ExcluirSolicitacaoFornecimentoVersaoSubitemCustoPorIdSolicitacaoRequest,\r\n InserirSolicitacaoFornecimentoVersaoSubitemCustoRequest\r\n} from '../../store/modules/solicitacaoFornecimentoVersaoSubitemCusto/actions';\r\nimport { ListarContratoUsuarioRequest } from '../../store/modules/contratoUsuario/actions';\r\nimport {\r\n InserirAutorizacaoFornecimentoSubitemCustoMedicaoSemAutorizacaoRequest,\r\n InserirAutorizacaoFornecimentoSubitemCustoMedicaoSemAutorizacaoComFotoRequest\r\n} from '../../store/modules/autorizacaoFornecimentoSubitemCustoMedicao/actions';\r\nimport { ListarUnidadeMedidaRequest } from '../../store/modules/unidadeMedida/actions';\r\nimport { BuscarMedicaoAutorizacaoFornecimentoPorIdRequest } from '../../store/modules/medicaoAutorizacaoFornecimento/actions';\r\nimport { toast } from \"react-toastify\";\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport Select from 'react-select';\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function ModalSubitemAutorizacao({ idContratoVersao, show, onHide, idAutorizacaoFornecimento, idSolicitacaoFornecimento, numeroOrcamentoSolicitacao, idMedicao, idAuto,\r\n totalOrcamento, totalOrcamentoAdicionados }) {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n\r\n const contratoVersao = useSelector(state => state.contratoVersao.contratoVersaoCompleto);\r\n const solicitacaoFornecimento = useSelector(state => state.solicitacaoFornecimento.solicitacaoFornecimentoCompleto);\r\n const listaSolicitacaoFornecimentoVersaoSubitemCusto =\r\n useSelector(state => state.solicitacaoFornecimentoVersaoSubitemCusto.listaSolicitacaoFornecimentoVersaoSubitemCusto);\r\n const listaAutorizacaoFornecimentoSubitemCusto = useSelector(state => state.autorizacaoFornecimentoSubitemCusto.listaAutorizacaoFornecimentoSubitemCusto);\r\n const tipoSolicitacaoCompleto = useSelector(state => state.tipoSolicitacao.tipoSolicitacaoCompleto);\r\n const listaAutorizacaoFornecimentoSubitemCustoMedicao =\r\n useSelector(state => state.autorizacaoFornecimentoSubitemCustoMedicao.listaAutorizacaoFornecimentoSubitemCustoMedicao);\r\n const listaUnidadeMedida = useSelector(state => state.unidadeMedida.listaUnidadeMedida);\r\n const listaContratoUsuario = useSelector(state => state.contratoUsuario.listaContratoUsuario);\r\n const medicaoAutorizacaoFornecimentoCompleto = useSelector(state => state.medicaoAutorizacaoFornecimento.medicaoAutorizacaoFornecimentoCompleto);\r\n const listaMedicaoAutorizacaoFornecimento = useSelector(state => state.medicaoAutorizacaoFornecimento.listaMedicaoAutorizacaoFornecimento);\r\n \r\n const options = contratoVersao ?\r\n contratoVersao.subitemCusto.map(subitemUnidade => ({\r\n value: subitemUnidade.id, label: subitemUnidade.descricao\r\n }))\r\n :\r\n [];\r\n\r\n const [listaDataCompleta, setListaDataCompleta] = useState('');\r\n const [listaSubitem, setListaSubitem] = useState([]);\r\n const [numeroOrcamento, setNumeroOrcamento] = useState('');\r\n const [dados, setDados] = useState('');\r\n const [showModal, setShowModal] = useState(false);\r\n const [dataSolicitacao, setDataSolicitacao] = useState('');\r\n const [novaSolicitacao, setNovaSolictacao] = useState(false);\r\n const [observacaoSubitem, setObservacaoSubitem] = useState('');\r\n const [validated, setValidated] = useState(false);\r\n const [showConfirmacao, setShowConfirmacao] = useState(false);\r\n const [showFoto, setShowFoto] = useState(false);\r\n const [showFotoMedicao, setShowFotoMedicao] = useState(false);\r\n const [observacao, setObservacao] = useState('');\r\n const [listaFile, setListaFile] = useState([]);\r\n const [dataMedicao, setDataMedicao] = useState('');\r\n\r\n const handleCloseConfirmacao = () => setShowConfirmacao(false);\r\n const handleShowConfirmacao = () => setShowConfirmacao(true);\r\n\r\n const handleClose = () => setShowModal(false);\r\n const handleShow = () => setShowModal(true);\r\n\r\n const handleCloseFoto = () => setShowFoto(false);\r\n const handleShowFoto = () => setShowFoto(true);\r\n\r\n const handleCloseFotoMedicao = () => setShowFotoMedicao(false);\r\n const handleShowFotoMedicao = () => setShowFotoMedicao(true);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if(idMedicao){\r\n dispatch(BuscarMedicaoAutorizacaoFornecimentoPorIdRequest(idMedicao))\r\n }\r\n \r\n }, [idMedicao])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarContratoUsuarioRequest());\r\n dispatch(ListarUnidadeMedidaRequest());\r\n dispatch(ListarTipoSolicitacaoRequest());\r\n dispatch(BuscarContratoVersaoPorIdRequest(idContratoVersao));\r\n\r\n if (idSolicitacaoFornecimento != undefined) { }\r\n //dispatch(BuscarSolicitacaoFornecimentoPorIdRequest(idSolicitacaoFornecimento));\r\n }, [])\r\n\r\n useEffect(() => {\r\n constroiData();\r\n }, [contratoVersao])\r\n\r\n const handleSubmit = (event) => {\r\n\r\n //Verifica se foi inserido algo na descrição de cancelamento\r\n if (observacaoSubitem.trim() == '') {\r\n event.preventDefault();\r\n } else {\r\n ValidacaoInserirSubitemMedicao()\r\n setDataMedicao(event)\r\n //InserirSubitemMedicao(event);\r\n }\r\n\r\n setValidated(true);\r\n };\r\n\r\n function constroiData() {\r\n\r\n let dataCompleta = [];\r\n\r\n if (contratoVersao != null && contratoVersao.subitemCusto != null & contratoVersao.subitemCusto != undefined && listaUnidadeMedida != undefined) {\r\n\r\n if (idAutorizacaoFornecimento != undefined) {\r\n\r\n contratoVersao.subitemCusto.map((subitem) => {\r\n\r\n if ((listaAutorizacaoFornecimentoSubitemCusto != undefined &&\r\n listaAutorizacaoFornecimentoSubitemCusto.find(x => x.idSubitemCusto == subitem.id) == undefined) ||\r\n (listaAutorizacaoFornecimentoSubitemCusto != undefined &&\r\n listaAutorizacaoFornecimentoSubitemCusto.filter(x => x.idSubitemCusto == subitem.id && x.inseridoAposSolicitacao == true).length == 0)) {\r\n dataCompleta.push({\r\n id: subitem.id,\r\n descricao: subitem.descricaoCodigoInterno + \" - \" + subitem.descricao,\r\n quantidade: 0,\r\n valorUnitario: subitem.valorUnitario,\r\n valorTotal: 0,\r\n saldoContratoExcedente: subitem.saldoExcedente,\r\n saldoContrato: subitem.saldo,\r\n observacao: subitem.observacao,\r\n unidadeMedida: listaUnidadeMedida != undefined ? listaUnidadeMedida.filter(y => y.id == subitem.idUnidadeMedida)[0].descricao : ''\r\n });\r\n }\r\n })\r\n\r\n } else if (idSolicitacaoFornecimento != undefined) {\r\n\r\n contratoVersao.subitemCusto.map((subitem) => {\r\n\r\n if (listaSolicitacaoFornecimentoVersaoSubitemCusto != undefined) {\r\n dataCompleta.push({\r\n id: subitem.id,\r\n descricao: subitem.descricaoCodigoInterno + \" - \" + subitem.descricao,\r\n quantidade: 0,\r\n valorUnitario: subitem.valorUnitario,\r\n valorTotal: 0,\r\n saldoContratoExcedente: subitem.saldoExcedente,\r\n saldoContrato: subitem.saldo,\r\n unidadeMedida: listaUnidadeMedida != undefined ? listaUnidadeMedida.filter(y => y.id == subitem.idUnidadeMedida)[0].descricao : ''\r\n });\r\n }\r\n })\r\n } else {\r\n\r\n contratoVersao.subitemCusto.map((subitem) => {\r\n\r\n if (listaAutorizacaoFornecimentoSubitemCustoMedicao != undefined && listaAutorizacaoFornecimentoSubitemCusto &&\r\n listaAutorizacaoFornecimentoSubitemCustoMedicao.find(x => x.autorizacaoFornecimentoSubitemCusto.idSubitemCusto == subitem.id) == undefined &&\r\n listaAutorizacaoFornecimentoSubitemCusto.find(x => x.idSubitemCusto == subitem.id) == undefined) {\r\n dataCompleta.push({\r\n id: subitem.id,\r\n descricao: subitem.descricaoCodigoInterno + \" - \" + subitem.descricao,\r\n quantidade: 0,\r\n valorUnitario: subitem.valorUnitario,\r\n valorTotal: 0,\r\n saldoContratoExcedente: subitem.saldoExcedente,\r\n saldoContrato: subitem.saldo,\r\n unidadeMedida: listaUnidadeMedida != undefined ? listaUnidadeMedida.filter(y => y.id == subitem.idUnidadeMedida)[0].descricao : ''\r\n });\r\n }\r\n })\r\n\r\n }\r\n\r\n if (numeroOrcamentoSolicitacao !== null && numeroOrcamentoSolicitacao !== undefined && numeroOrcamentoSolicitacao !== '') {\r\n setNumeroOrcamento(numeroOrcamentoSolicitacao)\r\n }\r\n }\r\n\r\n setListaDataCompleta(dataCompleta);\r\n }\r\n\r\n function Selecionar(data) {\r\n setListaSubitem(data);\r\n }\r\n\r\n function InserirSubitemAutorizacao() {\r\n\r\n var verificacao = true;\r\n var valor = totalOrcamento.split('$', totalOrcamento.length);\r\n let valorOrcamento = parseFloat(valor[1]);\r\n var valorAdicionados = totalOrcamentoAdicionados.split('$', totalOrcamentoAdicionados.length)\r\n let valorTotalAdicionados = parseFloat(valorAdicionados[1]);\r\n\r\n listaSubitem.forEach(subitem => {\r\n valorTotalAdicionados += subitem.quantidade * subitem.valorUnitario;\r\n });\r\n\r\n listaSubitem.forEach(subitem => {\r\n\r\n if(subitem.quantidade > subitem.saldoContratoExcedente && contratoVersao && contratoVersao.liberaExcedenteAutorizacao) {\r\n if(contratoVersao && valorOrcamento && valorTotalAdicionados){\r\n let valorTotalExcedente = valorOrcamento + valorOrcamento * contratoVersao.valorIndiceQuantidadeItemExcedente;\r\n if(valorTotalAdicionados > valorTotalExcedente){\r\n verificacao = false;\r\n return;\r\n }\r\n }\r\n }\r\n\r\n if (subitem.quantidade == 0) {\r\n toast.error('Item: ' + subitem.descricao + ' não pode ter quantidade zero');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n if (subitem.observacao == undefined || subitem.observacao == null || subitem.observacao == '') {\r\n toast.error('Observação é obrigatório');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n if (subitem.observacao != undefined && subitem.observacao != null && subitem.observacao.length > 500) {\r\n toast.error('Observação não pode conter mais que 500 caracteres');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n });\r\n\r\n if (verificacao && listaSubitem.length > 0) {\r\n\r\n var listaSubitemInsercao = listaSubitem.map((subitem) => {\r\n return {\r\n 'Id': 0,\r\n 'IdAutorizacaoFornecimento': parseInt(idAutorizacaoFornecimento),\r\n 'IdSubitemCusto': subitem.id,\r\n 'Quantidade': parseFloat(subitem.quantidade),\r\n 'Cancelado': false,\r\n 'Finalizado': false,\r\n 'InseridoAposSolicitacao': true,\r\n 'InseridoAposSolicitacaoAprovado': false,\r\n 'Observacao': listaSubitem.filter(x => x.id == subitem.id)[0].observacao,\r\n 'IdUsuario': parseInt(usuario.id)\r\n }\r\n })\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'IdAutorizacaoFornecimento': listaSubitemInsercao[0].IdAutorizacaoFornecimento,\r\n 'IdSubitemCusto': listaSubitemInsercao[0].IdSubitemCusto,\r\n 'Quantidade': listaSubitemInsercao[0].Quantidade,\r\n 'Cancelado': false,\r\n 'Finalizado': false,\r\n 'InseridoAposSolicitacao': true,\r\n 'InseridoAposSolicitacaoAprovado': false,\r\n ListaAutorizacaoFornecimentoSubitemCustoApiModel: listaSubitemInsercao,\r\n 'Observacao': listaSubitem.filter(x => x.id == listaSubitemInsercao[0].IdSubitemCusto)[0].observacao,\r\n 'IdUsuario': parseInt(usuario.id)\r\n }\r\n\r\n dispatch(InserirAutorizacaoFornecimentoSubitemCustoRequest(data, idAutorizacaoFornecimento, contratoVersao.id));\r\n setListaSubitem([]);\r\n onHide(true);\r\n }\r\n }\r\n\r\n function InserirSubitemAutorizacaoComFoto() {\r\n\r\n var verificacao = true;\r\n\r\n listaSubitem.forEach(subitem => {\r\n\r\n if (subitem.quantidade == 0) {\r\n toast.error('Item: ' + subitem.descricao + ' não pode ter quantidade zero');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n if (subitem.observacao == undefined || subitem.observacao == null || subitem.observacao == '') {\r\n toast.error('Observação é obrigatório');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n if (subitem.observacao != undefined && subitem.observacao != null && subitem.observacao.length > 500) {\r\n toast.error('Observação não pode conter mais que 500 caracteres');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n });\r\n\r\n let formData = new FormData();\r\n\r\n if (listaFile.length > 0) {\r\n for (var x = 0; x < listaFile.length; x++) {\r\n formData.append('File', listaFile[x]);\r\n formData.append('IdAutorizacaoFornecimentoSubitemCusto', null);\r\n formData.append('IdAutorizacaoFornecimentoSubitemCustoMedicao', null);\r\n formData.append('IdUsuario', usuario.id);\r\n if (observacao != '')\r\n formData.append('Observacao', observacao);\r\n }\r\n setListaFile([]);\r\n handleCloseFoto();\r\n } else {\r\n toast.error('Para continuar insira um documento');\r\n }\r\n\r\n if (verificacao && listaSubitem.length > 0) {\r\n\r\n var listaSubitemInsercao = listaSubitem.map((subitem) => {\r\n return {\r\n 'Id': 0,\r\n 'IdAutorizacaoFornecimento': parseInt(idAutorizacaoFornecimento),\r\n 'IdSubitemCusto': subitem.id,\r\n 'Quantidade': parseFloat(subitem.quantidade),\r\n 'Cancelado': false,\r\n 'Finalizado': false,\r\n 'InseridoAposSolicitacao': true,\r\n 'InseridoAposSolicitacaoAprovado': false,\r\n 'Observacao': listaSubitem.filter(x => x.id == subitem.id)[0].observacao,\r\n 'IdUsuario': parseInt(usuario.id)\r\n }\r\n })\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'IdAutorizacaoFornecimento': listaSubitemInsercao[0].IdAutorizacaoFornecimento,\r\n 'IdSubitemCusto': listaSubitemInsercao[0].IdSubitemCusto,\r\n 'Quantidade': listaSubitemInsercao[0].Quantidade,\r\n 'Cancelado': false,\r\n 'Finalizado': false,\r\n 'InseridoAposSolicitacao': true,\r\n 'InseridoAposSolicitacaoAprovado': false,\r\n ListaAutorizacaoFornecimentoSubitemCustoApiModel: listaSubitemInsercao,\r\n 'Observacao': listaSubitem.filter(x => x.id == listaSubitemInsercao[0].IdSubitemCusto)[0].observacao,\r\n 'IdUsuario': parseInt(usuario.id)\r\n }\r\n\r\n dispatch(InserirAutorizacaoFornecimentoSubitemCustoComFotoRequest(data, idAutorizacaoFornecimento, contratoVersao.id,\r\n formData));\r\n setListaSubitem([]);\r\n onHide(true);\r\n }\r\n }\r\n\r\n function InserirSubitemSolicitacao() {\r\n\r\n var verificacao = true;\r\n\r\n listaSubitem.forEach(subitem => {\r\n\r\n if (subitem.quantidade > subitem.saldoContratoExcedente && contratoVersao != null && contratoVersao.liberaExcedenteGlobal == false &&\r\n contratoVersao.liberaExcedenteSubitem == false) {\r\n toast.error('Item: ' + subitem.descricao + ' esta ultrapassando o saldo do contrato');\r\n verificacao = false;\r\n return;\r\n }\r\n if (subitem.quantidade == 0) {\r\n toast.error('Item: ' + subitem.descricao + ' não pode ter quantidade zero');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n });\r\n\r\n if (numeroOrcamento.trim() == '' && solicitacaoFornecimento !== undefined) {\r\n if (solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento !== '') {\r\n setNumeroOrcamento(solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento)\r\n }\r\n else {\r\n toast.error('Número Orçamento é obrigatório');\r\n verificacao = false;\r\n return;\r\n }\r\n }\r\n\r\n\r\n if (verificacao && listaSubitem.length > 0) {\r\n\r\n var listaSubitemInsercao = listaSubitem.map((subitem) => {\r\n return {\r\n 'Id': 0,\r\n 'IdSolicitacaoFornecimentoVersao': solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.id,\r\n 'IdSubItemCusto': parseInt(subitem.id),\r\n 'Ativo': true,\r\n 'Quantidade': parseInt(subitem.quantidade),\r\n }\r\n })\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'IdSolicitacaoFornecimentoVersao': listaSubitemInsercao[0].IdSolicitacaoFornecimentoVersao,\r\n 'IdSubItemCusto': listaSubitemInsercao[0].IdSubItemCusto,\r\n 'Ativo': listaSubitemInsercao[0].Ativo,\r\n 'Quantidade': listaSubitemInsercao[0].Quantidade,\r\n ListaSolicitacaoFornecimentoVersaoSubitemCustoApiModel: listaSubitemInsercao,\r\n ListaSolicitacaoFornecimentoVersaoApiModel: {\r\n 'Id': solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.id,\r\n 'IdSolicitacaoFornecimento': solicitacaoFornecimento.id,\r\n 'Observacao': solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.observacao,\r\n 'NumeroOrcamento': numeroOrcamento !== '' ? numeroOrcamento : solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento,\r\n 'DataVersao': novaSolicitacao ? moment((new Date())).add('hours', 2) : solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.dataVersao,\r\n 'IdUsuario': usuario.id\r\n }\r\n }\r\n setDataSolicitacao(data);\r\n\r\n if (idSolicitacaoFornecimento !== undefined && idSolicitacaoFornecimento !== null && numeroOrcamento.trim() !== '' && numeroOrcamento !== solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento\r\n && solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento.trim() !== \"\") {\r\n setNovaSolictacao(true);\r\n }\r\n\r\n if (solicitacaoFornecimento !== null && solicitacaoFornecimento !== undefined &&\r\n numeroOrcamento.trim() !== '') {\r\n let solicitacaoCompleta = {\r\n 'Id': solicitacaoFornecimento.id,\r\n 'IdContratoVersao': solicitacaoFornecimento.idContratoVersao,\r\n 'IdTipoSolicitacao': solicitacaoFornecimento.idTipoSolicitacao,\r\n 'NumeroProcesso': solicitacaoFornecimento.numeroProcesso,\r\n 'NumeroOficio': solicitacaoFornecimento.numeroOficio,\r\n 'DescricaoSolicitacao': solicitacaoFornecimento.descricaoSolicitacao,\r\n 'Observacao': solicitacaoFornecimento.observacao,\r\n 'DataSolicitacao': solicitacaoFornecimento.dataSolicitacao,\r\n 'Endereco': solicitacaoFornecimento.endereco,\r\n 'Latitude': solicitacaoFornecimento.latitude,\r\n 'Longitude': solicitacaoFornecimento.longitude,\r\n 'IdRegiao': parseInt(solicitacaoFornecimento.idRegiao),\r\n 'IdUsuario': usuario.id,\r\n 'IdContrato': parseInt(solicitacaoFornecimento.idContrato),\r\n 'IdFornecedor': parseInt(solicitacaoFornecimento.idFornecedor),\r\n 'IdPrioridade': parseInt(solicitacaoFornecimento.idPrioridade),\r\n 'PrazoDias': parseInt(solicitacaoFornecimento.prazoDias),\r\n 'IdBairro': parseInt(solicitacaoFornecimento.idBairro),\r\n 'IdAutorizador': parseInt(solicitacaoFornecimento.idAutorizador),\r\n 'IdInteressado': parseInt(solicitacaoFornecimento.idInteressado),\r\n 'IdDestinatario': parseInt(solicitacaoFornecimento.idDestinatario),\r\n 'DDD': parseInt(solicitacaoFornecimento.ddd),\r\n 'Telefone': solicitacaoFornecimento.telefone,\r\n 'TipoSolicitacaoServico': tipoSolicitacaoCompleto != null ? tipoSolicitacaoCompleto.servico : false,\r\n 'DescricaoLocal': solicitacaoFornecimento.descricaoLocal,\r\n 'Assunto': solicitacaoFornecimento.assunto,\r\n 'SolicitacaoFornecimentoVersaoApiModel': {\r\n 'Id': solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.id,\r\n 'IdSolicitacaoFornecimento': solicitacaoFornecimento.id,\r\n 'Observacao': solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.observacao,\r\n 'NumeroOrcamento': numeroOrcamento !== '' ? numeroOrcamento : solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento,\r\n 'DataVersao': novaSolicitacao ? moment((new Date())).add('hours', 2) : solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.dataVersao,\r\n 'IdUsuario': usuario.id,\r\n },\r\n 'SolicitacaoFornecimentoVersaoStatusApiModel': {\r\n 'Id': solicitacaoFornecimento.solicitacaoFornecimentoVersaoStatusApiModel.id,\r\n 'IdSolicitacaoFornecimentoVersao': solicitacaoFornecimento.solicitacaoFornecimentoVersaoStatusApiModel.idSolicitacaoFornecimentoVersao,\r\n 'IdStatusSolicitacaoFornecimento': solicitacaoFornecimento.solicitacaoFornecimentoVersaoStatusApiModel.idStatusSolicitacaoFornecimento,\r\n 'IdUsuario': usuario.id,\r\n 'DataStatus': novaSolicitacao ? moment((new Date())).add('hours', 2) : solicitacaoFornecimento.solicitacaoFornecimentoVersaoStatusApiModel.dataStatus,\r\n 'ObservacaoReprovado': solicitacaoFornecimento.solicitacaoFornecimentoVersaoStatusApiModel.observacaoReprovado,\r\n 'ObservacaoCancelado': '',\r\n 'StatusReprovado': false,\r\n 'StatusAprovado': false,\r\n 'AnaliseConcluida': false\r\n }\r\n }\r\n\r\n setDados(solicitacaoCompleta);\r\n\r\n if (idSolicitacaoFornecimento !== undefined && idSolicitacaoFornecimento !== null && numeroOrcamento.trim() !== '' && numeroOrcamento !== solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento\r\n && solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento.trim() !== \"\") {\r\n handleShow();\r\n } else if (idSolicitacaoFornecimento !== undefined && numeroOrcamento == solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento) {\r\n dispatch(InserirSolicitacaoFornecimentoVersaoSubitemCustoRequest(data, idSolicitacaoFornecimento, contratoVersao.id));\r\n setListaSubitem([]);\r\n onHide(true);\r\n setNumeroOrcamento('');\r\n }\r\n else {\r\n //dispatch(AlterarSolicitacaoFornecimentoRequest(solicitacaoCompleta));\r\n dispatch(InserirSolicitacaoFornecimentoVersaoSubitemCustoRequest(data, idSolicitacaoFornecimento, contratoVersao.id));\r\n setListaSubitem([]);\r\n onHide(true);\r\n setNumeroOrcamento('');\r\n }\r\n }\r\n }\r\n }\r\n\r\n function InserirSubitemMedicao(event) {\r\n\r\n //event.preventDefault();\r\n var verificacao = true;\r\n\r\n listaSubitem.forEach(subitem => {\r\n\r\n if (subitem.quantidade > subitem.saldoContratoExcedente && contratoVersao != null && contratoVersao.liberaExcedenteGlobal == false &&\r\n contratoVersao.liberaExcedenteSubitem == false && listaContratoUsuario && listaContratoUsuario.filter(a => a.id == contratoVersao.idContrato && a.idUsuario == usuario.id)[0] &&\r\n listaContratoUsuario.filter(a => a.idContrato == contratoVersao.idContrato && a.idUsuario == usuario.id)[0].editaExcedenteSubitemAutorizacao === false) {\r\n toast.error('Item: ' + subitem.descricao + ' esta ultrapassando o saldo do contrato');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n if (subitem.quantidade == 0) {\r\n toast.error('Item: ' + subitem.descricao + ' não pode ter quantidade zero');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n });\r\n\r\n if (verificacao && listaSubitem.length > 0) {\r\n\r\n var listaSubitemInsercao = listaSubitem.map((subitem) => {\r\n return {\r\n IdMedicaoAutorizacaoFornecimento: parseInt(idMedicao),\r\n DataUltimaAlteracao: moment((new Date())).add('hours', 2),\r\n Quantidade: parseFloat(subitem.quantidade),\r\n IdSubItemCusto: parseInt(subitem.id),\r\n Observacao: observacaoSubitem\r\n }\r\n })\r\n\r\n dispatch(InserirAutorizacaoFornecimentoSubitemCustoMedicaoSemAutorizacaoRequest(listaSubitemInsercao, idAuto, idContratoVersao));\r\n setListaSubitem([]);\r\n handleCloseConfirmacao();\r\n onHide(true);\r\n }\r\n }\r\n\r\n function InserirSubitemMedicaoComFoto(event) {\r\n\r\n event.preventDefault();\r\n var verificacao = true;\r\n var dados = null;\r\n\r\n let formData = new FormData();\r\n\r\n if (listaFile.length > 0) {\r\n for (var x = 0; x < listaFile.length; x++) {\r\n formData.append('File', listaFile[x]);\r\n formData.append('IdAutorizacaoFornecimentoSubitemCustoMedicao', null);\r\n formData.append('IdUsuario', usuario.id);\r\n if (observacao != '')\r\n formData.append('Observacao', observacao);\r\n }\r\n setListaFile([]);\r\n handleCloseFotoMedicao();\r\n } else {\r\n toast.error('Para continuar insira um documento');\r\n }\r\n\r\n listaSubitem.forEach(subitem => {\r\n\r\n if (subitem.quantidade == 0) {\r\n toast.error('Item: ' + subitem.descricao + ' não pode ter quantidade zero');\r\n verificacao = false;\r\n return;\r\n }\r\n\r\n });\r\n\r\n if (verificacao && listaSubitem.length > 0) {\r\n\r\n var listaSubitemInsercao = listaSubitem.map((subitem) => {\r\n return {\r\n IdMedicaoAutorizacaoFornecimento: parseInt(idMedicao),\r\n DataUltimaAlteracao: moment((new Date())).add('hours', 2),\r\n Quantidade: parseFloat(subitem.quantidade),\r\n IdSubItemCusto: parseInt(subitem.id),\r\n Observacao: observacaoSubitem\r\n }\r\n })\r\n\r\n dispatch(InserirAutorizacaoFornecimentoSubitemCustoMedicaoSemAutorizacaoComFotoRequest(listaSubitemInsercao, idAuto, idContratoVersao, formData, dados));\r\n setListaSubitem([]);\r\n handleCloseConfirmacao();\r\n onHide(true);\r\n }\r\n }\r\n\r\n function LimparSubitens() {\r\n\r\n dispatch(InserirSolicitacaoFornecimentoVersaoSubitemCustoRequest(dataSolicitacao, idSolicitacaoFornecimento, contratoVersao.id));\r\n //dispatch(AlterarSolicitacaoFornecimentoRequest(dados));\r\n\r\n if (solicitacaoFornecimento !== undefined) {\r\n dispatch(ExcluirSolicitacaoFornecimentoVersaoSubitemCustoPorIdSolicitacaoRequest(solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.id, idSolicitacaoFornecimento))\r\n }\r\n\r\n /*if (idSolicitacaoFornecimento != undefined)\r\n dispatch(BuscarSolicitacaoFornecimentoPorIdRequest(idSolicitacaoFornecimento));*/\r\n\r\n\r\n setNumeroOrcamento('');\r\n setListaSubitem([]);\r\n handleClose();\r\n onHide(true);\r\n\r\n /*} else {\r\n toast.error('Para a nova versão o número de orçamento não pode ser vazio!');\r\n }*/\r\n }\r\n\r\n function ValidacaoInserirSubitemAutorizacao(){\r\n\r\n var valor = totalOrcamento.split('$', totalOrcamento.length);\r\n let valorOrcamento = parseFloat(valor[1]);\r\n var valorAdicionados = totalOrcamentoAdicionados.split('$', totalOrcamentoAdicionados.length)\r\n let valorTotalAdicionados = parseFloat(valorAdicionados[1]);\r\n var validacao = 0;\r\n \r\n listaSubitem.forEach(subitem => {\r\n valorTotalAdicionados += subitem.quantidade * subitem.valorUnitario;\r\n });\r\n\r\n listaSubitem.forEach(subitem => {\r\n\r\n if(subitem.quantidade > subitem.saldoContratoExcedente && contratoVersao && contratoVersao.liberaExcedenteAutorizacao) {\r\n if(contratoVersao && valorOrcamento && valorTotalAdicionados){\r\n let valorTotalExcedente = valorOrcamento + valorOrcamento * contratoVersao.valorIndiceQuantidadeItemExcedente;\r\n if(valorTotalAdicionados > valorTotalExcedente){\r\n toast.error('Item: ' + subitem.descricao + ' esta ultrapassando o saldo do contrato');\r\n return;\r\n }\r\n else{\r\n validacao = validacao + 1;\r\n handleShowFoto();\r\n return;\r\n }\r\n }\r\n }\r\n\r\n });\r\n\r\n if(validacao === 0){\r\n InserirSubitemAutorizacao();\r\n }\r\n }\r\n\r\n function ValidacaoInserirSubitemMedicao(){\r\n\r\n var valor = totalOrcamento.split('$', totalOrcamento.length);\r\n let valorComItensAdicionados = parseFloat(valor[1]);\r\n var valorOrcamento = 0.0;\r\n var validacao = 0;\r\n var totalItensSelecionados = 0.0;\r\n let valorTotalExcedente = 0.0;\r\n var validacaoExcedendoValor = 0;\r\n\r\n if(listaAutorizacaoFornecimentoSubitemCusto){\r\n listaAutorizacaoFornecimentoSubitemCusto.forEach(subitem => {\r\n if(subitem.inseridoAposSolicitacao == false){\r\n valorOrcamento += subitem.quantidade * subitem.subitemCusto.valorUnitario;\r\n }\r\n })\r\n }\r\n\r\n if(contratoVersao){\r\n valorTotalExcedente = valorOrcamento + valorOrcamento * contratoVersao.valorIndiceQuantidadeItemExcedente;\r\n }\r\n\r\n listaSubitem.forEach(subitem => {\r\n totalItensSelecionados += subitem.valorTotal\r\n })\r\n\r\n var valorTodasMedicoes = 0.0;\r\n if(listaMedicaoAutorizacaoFornecimento){\r\n listaMedicaoAutorizacaoFornecimento.forEach(medicao => {\r\n valorTodasMedicoes += medicao.valorTotalMedicao;\r\n });\r\n }\r\n\r\n var teste = totalItensSelecionados + valorTodasMedicoes;\r\n if(teste > valorTotalExcedente && contratoVersao && contratoVersao.liberaExcedenteAutorizacao){\r\n validacaoExcedendoValor = validacaoExcedendoValor + 1;\r\n /*toast.error('O valor total dos itens selecionados esta ultrapassando o saldo do contrato');\r\n return;*/\r\n }\r\n\r\n /*\r\n listaSubitem.forEach(subitem => {\r\n\r\n if(subitem.quantidade > subitem.saldoContratoExcedente && contratoVersao && contratoVersao.liberaExcedenteAutorizacao && medicaoAutorizacaoFornecimentoCompleto) {\r\n validacao = validacao + 1;\r\n if(contratoVersao && valorOrcamento){\r\n valorTotalExcedente = valorOrcamento + valorOrcamento * contratoVersao.valorIndiceQuantidadeItemExcedente;\r\n let valorTotalMed = (subitem.quantidade * subitem.valorUnitario) + valorComItensAdicionados;\r\n if(valorTotalMed > valorTotalExcedente){\r\n toast.error('Item: ' + subitem.descricao + ' esta ultrapassando o saldo do contrato');\r\n return;\r\n }\r\n else{\r\n setObservacao(observacaoSubitem);\r\n handleShowFotoMedicao();\r\n return;\r\n }\r\n }\r\n }\r\n\r\n });*/\r\n\r\n if(/*validacao === 0*/ validacaoExcedendoValor === 1){\r\n setObservacao(observacaoSubitem);\r\n handleShowFotoMedicao();\r\n }\r\n else\r\n {\r\n InserirSubitemMedicao(dataMedicao);\r\n }\r\n\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {/*} {*/}\r\n
\r\n
\r\n { MudarPinoMapa(cor) }}\r\n >\r\n
\r\n \r\n \r\n {\r\n id != undefined && listaSolicitacaoFornecimentoVersaoStatus != undefined && listaStatusSolicitacaoFornecimentoCompleto != undefined &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true)[0].id).length > 0\r\n ?\r\n \r\n A Solicitação está Cancelada!\r\n \r\n \r\n :\r\n listaSolicitacaoFornecimentoVersaoStatus != undefined && listaStatusSolicitacaoFornecimentoCompleto != undefined &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true)[0].id).length > 0\r\n ?\r\n \r\n A Solicitação está Finalizada!\r\n \r\n \r\n :\r\n listaSolicitacaoFornecimentoVersaoStatus != undefined && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1] != undefined && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1].statusSolicitacaoFornecimento != null && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1].statusSolicitacaoFornecimento.somenteLeitura == true ?\r\n \r\n Status atual desta solicitação só permite leitura!\r\n \r\n \r\n :\r\n inserir == true ?\r\n
\r\n \r\n Essa Solicitação não tem o tipo geográfico.\r\n
\r\n }\r\n \r\n No momento não possui Itens para serem inseridos.\r\n
\r\n }\r\n {\r\n solicitacaoFornecimento !== null && idSolicitacaoFornecimento ?\r\n \r\n :\r\n null\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n x.statusSolicitacaoFornecimento.solicitaOrcamentoSolicitacao == true).length > 0\r\n ?\r\n \r\n Novo Item\r\n \r\n \r\n
\r\n :\r\n '')\r\n :\r\n ''\r\n }\r\n columns={[\r\n {\r\n title: 'Código/Descrição Item',\r\n field: 'subitem',\r\n cellStyle: {\r\n width: '23%'\r\n },\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.value.toString() : false)\r\n }}\r\n />\r\n )\r\n },\r\n editable: 'onAdd',\r\n lookup:\r\n contratoVersao ?\r\n contratoVersao.subitemCusto.map(subitemUnidade => {\r\n return {\r\n id: subitemUnidade.id, descricao: subitemUnidade.descricaoCodigoInterno + \" - \" + subitemUnidade.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n\r\n \r\n
\r\n {messageError}
\r\n\r\n {\r\n if (files.length > 0) {\r\n readExcel(files[0])\r\n } else {\r\n setItems([])\r\n }\r\n }}\r\n filesLimit={1}\r\n acceptedFiles={[\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"]}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 1 arquivo`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n Adicionar Documentos\r\n :\r\n '')\r\n :\r\n ''\r\n\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Documento\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeArquivo', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Tipo Documento Arquivo\", field: 'tipoDocumentoArquivo', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '18%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaSolicitacaoFornecimentoDocumentoArquivo != undefined && listaTipoDocumentoArquivo != undefined ?\r\n listaSolicitacaoFornecimentoDocumentoArquivo.filter(x => x.statusReprovado == false)\r\n .map(doc => {\r\n return {\r\n // Info colunas tabela\r\n id: doc.id,\r\n nomeArquivo: doc.nomeArquivo,\r\n tipoDocumentoArquivo:\r\n doc.tipoDocumentoArquivo != null ?\r\n doc.tipoDocumentoArquivo.descricao\r\n : '',\r\n usuario: doc.usuario.nome,\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n documentoArquivoGuid: doc.documentoArquivoGuid,\r\n idSolicitacaoFornecimento: doc.idSolicitacaoFornecimento,\r\n idTipoDocumentoArquivo: doc.idTipoDocumentoArquivo,\r\n idUsuario: doc.idUsuario,\r\n IdSolicitacaoFornecimentoVersaoStatus: doc.idSolicitacaoFornecimentoVersaoStatus,\r\n StatusReprovado: doc.statusReprovado\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n alterar == true\r\n ?\r\n setTimeout(() => {\r\n AlterarDocumentoArquivo(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n isDeleteHidden: () => listaSolicitacaoFornecimentoVersaoStatus != undefined &&\r\n listaSolicitacaoFornecimentoVersaoStatus\r\n .filter(x => x.statusSolicitacaoFornecimento\r\n .descricaoSolicitacaoFornecimentoVersao == \"Reprovado/Encerrado\" ||\r\n x.statusSolicitacaoFornecimento.cancelaSolicitacao == true ||\r\n x.statusSolicitacaoFornecimento.finalizaSolicitacao == true).length == 1,\r\n onRowDelete:\r\n (id != undefined\r\n /*((listaSolicitacaoFornecimentoVersaoStatus != undefined) &&\r\n (listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.statusAtual == true).length > 0) &&\r\n (listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.statusAtual == true)[0].statusSolicitacaoFornecimento.permiteAlterarSolicitacao)*/)\r\n ?\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n excluir == true ?\r\n (listaSolicitacaoFornecimentoVersaoStatus != undefined &&\r\n listaSolicitacaoFornecimentoVersaoStatus\r\n .filter(x => x.statusSolicitacaoFornecimento\r\n .descricaoSolicitacaoFornecimentoVersao == \"Reprovado/Encerrado\" ||\r\n x.statusSolicitacaoFornecimento.cancelaSolicitacao == true ||\r\n x.statusSolicitacaoFornecimento.finalizaSolicitacao == true).length == 1)\r\n ?\r\n setTimeout(() => {\r\n resolve()\r\n toast.error('Não é possível realizar operações pois essa solicitação está Reprovada/Encerrada');\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n ExcluirDocumento(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n\r\n })\r\n : null,\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarDocumento(rowData.id)\r\n },\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n {\r\n id != undefined && listaSolicitacaoFornecimentoVersaoStatus != undefined && listaStatusSolicitacaoFornecimentoCompleto != undefined &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true)[0].id).length > 0\r\n ?\r\n \r\n A Solicitação está Cancelada!\r\n \r\n \r\n :\r\n listaSolicitacaoFornecimentoVersaoStatus != undefined && listaStatusSolicitacaoFornecimentoCompleto != undefined &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true)[0].id).length > 0\r\n ?\r\n \r\n A Solicitação está Finalizada!\r\n \r\n \r\n :\r\n listaSolicitacaoFornecimentoVersaoStatus != undefined && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1] != undefined && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1].statusSolicitacaoFornecimento != null && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1].statusSolicitacaoFornecimento.somenteLeitura == true ?\r\n \r\n Status atual desta solicitação só permite leitura!\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n
\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={500000000}\r\n />\r\n
\r\n \r\n
O item ({listaValidacaoEmpenhoStatus.descricaoSubitem}) está com uma quantidade total no empenho ({listaValidacaoEmpenhoStatus.quantidadeSubitemMedicaoContrato}) que excede além do permitido o saldo do item no contrato!
\r\n {`Quantidade máxima do item no contrato é: ${listaValidacaoEmpenhoStatus.quantidadeSubitemMaxima}.\r\n Quantidade de itens usados no contrato é: ${listaValidacaoEmpenhoStatus.quantidadeSubitemConsumido}.\r\n Assim o saldo atual é: ${listaValidacaoEmpenhoStatus.quantidadeSubitemMaxima - listaValidacaoEmpenhoStatus.quantidadeSubitemConsumido}.`}\r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n ))\r\n :\r\n null\r\n }\r\n {\r\n listaValidacaoEmpenhoStatus != undefined && listaValidacaoEmpenhoStatus != null ?\r\n listaValidacaoEmpenhoStatus.map((listaValidacaoEmpenhoStatus) => (\r\n listaValidacaoEmpenhoStatus != null && listaValidacaoEmpenhoStatus != undefined ?\r\n listaValidacaoEmpenhoStatus.saldoAutorizacaoExcedente == true ?\r\n \r\n\r\n
O item ({listaValidacaoEmpenhoStatus.descricaoSubitem}) está com uma quantidade total no empenho ({listaValidacaoEmpenhoStatus.quantidadeSubitemMedicao}) que excede o saldo do item na autorização ({listaValidacaoEmpenhoStatus.descricaoAutorizacao})!
\r\n {`Quantidade máxima do item na autorização é: ${listaValidacaoEmpenhoStatus.quantidadeSubitemMaximaAutorizacao}.\r\n Quantidade de itens usados na autorização é: ${listaValidacaoEmpenhoStatus.quantidadeSubitemConsumidoAutorizacao}.\r\n Assim o saldo atual é: ${listaValidacaoEmpenhoStatus.quantidadeSubitemMaximaAutorizacao - listaValidacaoEmpenhoStatus.quantidadeSubitemConsumidoAutorizacao}.`} \r\n \r\n :\r\n\r\n null\r\n :\r\n null\r\n ))\r\n :\r\n null\r\n }\r\n {\r\n listaValidacaoSolicitacaoStatus != undefined && listaValidacaoSolicitacaoStatus != null ?\r\n listaValidacaoSolicitacaoStatus.map((listaValidacaoSolicitacaoStatus) => (\r\n listaValidacaoSolicitacaoStatus != null && listaValidacaoSolicitacaoStatus != undefined ?\r\n listaValidacaoSolicitacaoStatus.saldoContratoAlemExcedente == true ?\r\n \r\n\r\n
O item ({listaValidacaoSolicitacaoStatus.descricaoSubitem}) está com uma quantidade ({listaValidacaoSolicitacaoStatus.quantidadeSubitemMedicao}) que excede o além do permitido o saldo do item no contrato!
\r\n {`Quantidade máxima do item no contrato é: ${listaValidacaoSolicitacaoStatus.quantidadeSubitemMaxima}.\r\n Quantidade de itens usados no contrato é: ${listaValidacaoSolicitacaoStatus.quantidadeSubitemConsumido}.\r\n Assim o saldo atual é: ${listaValidacaoSolicitacaoStatus.quantidadeSubitemMaxima - listaValidacaoSolicitacaoStatus.quantidadeSubitemConsumido}.`}\r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n ))\r\n :\r\n null\r\n }\r\n {\r\n listaValidacaoMedicaoStatus != undefined && listaValidacaoMedicaoStatus != null ?\r\n listaValidacaoMedicaoStatus.map((listaValidacaoMedicaoStatus) => (\r\n listaValidacaoMedicaoStatus != null && listaValidacaoMedicaoStatus != undefined ?\r\n listaValidacaoMedicaoStatus.saldoContratoAlemExcedente == true ?\r\n \r\n\r\n
O item ({listaValidacaoMedicaoStatus.descricaoSubitem}) está com uma quantidade ({listaValidacaoMedicaoStatus.quantidadeSubitemMedicao}) que excede além do permitido o saldo do item no contrato!
\r\n {`Quantidade máxima do item no contrato é: ${listaValidacaoMedicaoStatus.quantidadeSubitemMaxima}.\r\n Quantidade de itens usados no contrato é: ${listaValidacaoMedicaoStatus.quantidadeSubitemConsumido}.\r\n Assim o saldo atual é: ${listaValidacaoMedicaoStatus.quantidadeSubitemMaxima - listaValidacaoMedicaoStatus.quantidadeSubitemConsumido}.`} \r\n \r\n :\r\n\r\n null\r\n :\r\n null\r\n ))\r\n :\r\n null\r\n }\r\n {\r\n listaValidacaoMedicaoStatus != undefined && listaValidacaoMedicaoStatus != null ?\r\n listaValidacaoMedicaoStatus.map((listaValidacaoMedicaoStatus) => (\r\n listaValidacaoMedicaoStatus != null && listaValidacaoMedicaoStatus != undefined ?\r\n listaValidacaoMedicaoStatus.saldoAutorizacaoExcedente == true ?\r\n \r\n\r\n
O item ({listaValidacaoMedicaoStatus.descricaoSubitem}) está com uma quantidade ({listaValidacaoMedicaoStatus.quantidadeSubitemMedicao}) que excede o saldo do item na autorização!
\r\n {`Quantidade máxima do item na autorização é: ${listaValidacaoMedicaoStatus.quantidadeSubitemMaximaAutorizacao}.\r\n Quantidade de itens usados na autorização é: ${listaValidacaoMedicaoStatus.quantidadeSubitemConsumidoAutorizacao}.\r\n Assim o saldo atual é: ${listaValidacaoMedicaoStatus.quantidadeSubitemMaximaAutorizacao - listaValidacaoMedicaoStatus.quantidadeSubitemConsumidoAutorizacao}.`} \r\n \r\n :\r\n\r\n null\r\n :\r\n null\r\n ))\r\n :\r\n null\r\n }\r\n \r\n\r\n \r\n \r\n dispatch(ListarCompletoAutorizacaoFornecimentoComRedirecionamentoRequest(id))}\r\n disabled={\r\n listaUsuarioFornecedor != undefined && usuario != null && solicitacaoFornecimento != null\r\n && usuarioCompleto != null ?\r\n\r\n usuarioCompleto.usuarioFornecedor == false ? false :\r\n\r\n listaUsuarioFornecedor.filter(x => x.idFornecedor == solicitacaoFornecimento.idFornecedor\r\n && x.idUsuario == usuario.id).length > 0 ?\r\n false\r\n :\r\n true\r\n :\r\n true\r\n }>\r\n Ir para Autorização\r\n \r\n :\r\n inserir == true ?\r\n contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contratoCompleto.id && contratoUsu.cancelaSolicitacao === true).length === 0)\r\n ? true\r\n :\r\n // Verifica se a solicitação está cancelada ou finalizada\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true)[0].id).length > 0\r\n ||\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true)[0].id).length > 0\r\n ?\r\n true\r\n :\r\n false\r\n :\r\n null\r\n }\r\n variant={\"danger\"}\r\n style={{ width: '100%' }}\r\n onClick={() => CancelarSolicitacao(\"Cancelado\")}>\r\n Cancelar Solicitação\r\n \r\n :\r\n ''\r\n\r\n\r\n }\r\n \r\n ExcluirUltimoStatus()}>\r\n Voltar status\r\n \r\n : ''\r\n }\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n
\r\n }\r\n columns={[\r\n {\r\n title: 'Status', field: 'status', cellStyle: {\r\n width: '30%'\r\n }\r\n },\r\n {\r\n title: 'Nome', field: 'usuario', cellStyle: {\r\n width: '12.5%'\r\n }\r\n },\r\n {\r\n title: 'Data', field: 'dataInclusao', cellStyle: {\r\n width: '12.5%'\r\n }\r\n },\r\n {\r\n title: 'Data da Solicitação Orçamento', field: 'dataOrcamentoSolicitado', cellStyle: {\r\n width: '12.5%'\r\n }, render: rowData =>\r\n rowData.usuarioOrcamentoSolicitado != '' && rowData.statusSolicitaOrcamento ?\r\n rowData.dataOrcamentoSolicitado : ''\r\n },\r\n {\r\n title: 'Prazo Restante', field: 'prazoOrcamento', cellStyle: {\r\n width: '12.5%'\r\n }, render: rowData => ArrumarData(rowData)\r\n\r\n },\r\n {\r\n title: 'Ação', field: 'aprovacao', cellStyle: {\r\n width: '20%'\r\n }\r\n }/*,\r\n {\r\n title: 'Orçamento Solicitado (Cliente)', field: 'usuarioOrcamentoSolicitado', cellStyle: {\r\n width: '8%'\r\n },\r\n editable: 'never',\r\n render: rowData =>\r\n rowData.usuarioOrcamentoSolicitado != '' && rowData.statusSolicitaOrcamento ?\r\n {status.statusSolicitacaoFornecimento.descricaoSolicitacaoFornecimentoVersao}\r\n\r\n
\r\n :\r\n status.statusSolicitacaoFornecimento.statusAnalise ?\r\n status.statusAprovado == true ?\r\n {status.statusSolicitacaoFornecimento.descricaoSolicitacaoFornecimentoVersao} (Aprovada)
\r\n :\r\n status.statusReprovado == true ?\r\n {status.statusSolicitacaoFornecimento.descricaoSolicitacaoFornecimentoVersao} (Reprovada)\r\n\r\n
\r\n :\r\n {status.statusSolicitacaoFornecimento.descricaoSolicitacaoFornecimentoVersao}
\r\n :\r\n {status.statusSolicitacaoFornecimento.descricaoSolicitacaoFornecimentoVersao}
,\r\n\r\n\r\n\r\n usuario:\r\n status.statusSolicitacaoFornecimento.statusAnalise ?\r\n status.statusAprovado == true || status.statusReprovado == true ? status.usuario.nome : ''\r\n :\r\n status.usuario.nome,\r\n dataInclusao:\r\n status.statusSolicitacaoFornecimento.statusAnalise ?\r\n status.statusAprovado == true || status.statusReprovado == true\r\n ? moment(status.dataStatus).format('L LTS') : ''\r\n : moment(status.dataStatus).format('L LTS'),\r\n aprovacao:\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true)[0].id).length > 0 ?\r\n status.statusSolicitacaoFornecimento.cancelaSolicitacao == true ?\r\n {statusSol.descricaoSolicitacaoFornecimentoVersao}
,\r\n usuario: '',\r\n dataInclusao: '',\r\n aprovacao:\r\n listaSolicitacaoFornecimentoVersaoStatus.filter\r\n (x => x.idStatusSolicitacaoFornecimento == statusSol.idStatusSolicitacaoAnterior).length > 0 &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.id == statusSol.idStatusSolicitacaoAnterior).length > 0 &&\r\n (listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.id == statusSol.idStatusSolicitacaoAnterior)[0].statusAnalise\r\n ?\r\n (listaSolicitacaoFornecimentoVersaoStatus.filter\r\n (x => x.idStatusSolicitacaoFornecimento == statusSol.idStatusSolicitacaoAnterior)[0].statusAprovado == true)\r\n :\r\n true)\r\n ?\r\n inserir == true\r\n ?\r\n \r\n
\r\n setListaFile(files)}\r\n filesLimit={1}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 1 arquivo`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n Adicionar Registro Fotográfico\r\n :\r\n '')\r\n :\r\n ''\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Registro\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeRegistroFotografico', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '22.5%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaRegistroFotografico != undefined ?\r\n listaRegistroFotografico.map(doc => {\r\n return {\r\n id: doc.id,\r\n nomeRegistroFotografico: doc.nomeRegistroFotografico,\r\n usuario: doc.usuario.nome,\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n fotoGuid: doc.fotoGuid,\r\n idSolicitacaoFornecimento: doc.idSolicitacaoFornecimento,\r\n idUsuario: doc.idUsuario\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n alterar == true ?\r\n setTimeout(() => {\r\n AlterarRegistroFotografico(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n isDeleteHidden: () => listaSolicitacaoFornecimentoVersaoStatus != undefined &&\r\n listaSolicitacaoFornecimentoVersaoStatus\r\n .filter(x => x.statusSolicitacaoFornecimento\r\n .descricaoSolicitacaoFornecimentoVersao == \"Reprovado/Encerrado\" ||\r\n x.statusSolicitacaoFornecimento.cancelaSolicitacao == true ||\r\n x.statusSolicitacaoFornecimento.finalizaSolicitacao == true).length == 1,\r\n onRowDelete:\r\n (id != undefined)\r\n /*listaSolicitacaoFornecimentoVersaoStatus != undefined)\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.statusAtual == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.statusAtual == true)[0]\r\n .statusSolicitacaoFornecimento.permiteAlterarSolicitacao)*/\r\n ?\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n excluir == true\r\n ?\r\n (listaSolicitacaoFornecimentoVersaoStatus != undefined &&\r\n listaSolicitacaoFornecimentoVersaoStatus\r\n .filter(x => x.statusSolicitacaoFornecimento\r\n .descricaoSolicitacaoFornecimentoVersao == \"Reprovado/Encerrado\" ||\r\n x.statusSolicitacaoFornecimento.cancelaSolicitacao == true ||\r\n x.statusSolicitacaoFornecimento.finalizaSolicitacao == true).length == 1)\r\n ?\r\n setTimeout(() => {\r\n resolve()\r\n toast.error('Não é possível realizar operações pois essa solicitação está Reprovada/Encerrada');\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n ExcluirRegistroFotografico(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n : null,\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n exportButton: false,\r\n exportAllData: true,\r\n filtering: true,\r\n grouping: false,\r\n exportFileName: 'tabelaExportada',\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'visibility',\r\n onClick: (event, rowData) => { VisualizarRegistroFotografico(rowData) }\r\n }),\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarRegistroFotografico(rowData.id)\r\n },\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n {\r\n id != undefined && listaSolicitacaoFornecimentoVersaoStatus != undefined && listaStatusSolicitacaoFornecimentoCompleto != undefined &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true)[0].id).length > 0\r\n ?\r\n \r\n A Solicitação está Cancelada!\r\n \r\n \r\n :\r\n listaSolicitacaoFornecimentoVersaoStatus != undefined && listaStatusSolicitacaoFornecimentoCompleto != undefined &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true).length > 0 &&\r\n listaSolicitacaoFornecimentoVersaoStatus.filter(x => x.idStatusSolicitacaoFornecimento ==\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true)[0].id).length > 0\r\n ?\r\n \r\n A Solicitação está Finalizada!\r\n \r\n \r\n :\r\n listaSolicitacaoFornecimentoVersaoStatus != undefined && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1] != undefined && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1].statusSolicitacaoFornecimento != null && listaSolicitacaoFornecimentoVersaoStatus\r\n [listaSolicitacaoFornecimentoVersaoStatus.length - 1].statusSolicitacaoFornecimento.somenteLeitura == true ?\r\n \r\n Status atual desta solicitação só permite leitura!\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n
\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n acceptedFiles={['image/png, image/jpeg, image/jpg']}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n
\r\n \r\n dispatch(ListarSolicitacaoFornecimentoHistoricoComRedirecionamentoRequest(id))}\r\n >\r\n Histórico Solicitação\r\n \r\n }\r\n columns={[\r\n {\r\n title: \"Número de Orçamento\", field: 'numeroOrcamento', editable: 'never', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: \"Data Versão\", field: 'dataVersao', editable: 'never', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: \"Data Status\", field: 'dataStatus', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: \"Status\", field: 'status', cellStyle: {\r\n width: '20%'\r\n },\r\n render: rowData =>\r\n rowData.status == null ?\r\n ''\r\n :\r\n rowData.statusAprovado ?\r\n
\r\n \r\n )\r\n}","import { Container, Row, Col, Form, Button, Modal, Tabs, Tab } from \"react-bootstrap\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useParams } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n BuscarEventoAdicionalPorIdRequest,\r\n InserirEventoAdicionalRequest, AlterarEventoAdicionalRequest, LimparEventoAdicional\r\n} from '../../store/modules/eventoAdicional/actions';\r\nimport Select from 'react-select';\r\n\r\nexport default function ModalContratoVersao({ show, onHide, idEventoAdicional }) {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n const listaTipoSolicitacao = useSelector(state => state.tipoSolicitacao.listaTipoSolicitacao);\r\n const listaUsuario = useSelector(state => state.usuario.listaUsuario);\r\n const listaOrgao = useSelector(state => state.orgao.listaOrgao);\r\n const eventoAdicionalCompleto = useSelector(state => state.eventoAdicional.eventoAdicionalCompleto);\r\n\r\n const [idTipoSolicitacao, setIdTipoSolicitacao] = useState('');\r\n const [idSolicitacaoFornecimento, setIdSolicitacaoFornecimento] = useState('');\r\n const [autorizador, setAutorizador] = useState('');\r\n const [destinatario, setDestinatario] = useState('');\r\n const [pagador, setPagador] = useState('');\r\n const [observacao, setObservacao] = useState('');\r\n const [cargaEstimada, setCargaEstimada] = useState('');\r\n const [numeroRefletores, setNumeroRefletores] = useState('');\r\n const [numeroOficio, setNumeroOficio] = useState('');\r\n const [validated, setValidated] = useState(false);\r\n\r\n useEffect(() => {\r\n\r\n if (idEventoAdicional != undefined) {\r\n dispatch(BuscarEventoAdicionalPorIdRequest(idEventoAdicional));\r\n }\r\n\r\n }, [idEventoAdicional])\r\n\r\n useEffect(() => {\r\n\r\n if (eventoAdicionalCompleto != null) {\r\n setIdTipoSolicitacao(eventoAdicionalCompleto.idTipoSolicitacao);\r\n setIdSolicitacaoFornecimento(eventoAdicionalCompleto.idSolicitacaoFornecimento);\r\n setAutorizador(eventoAdicionalCompleto.autorizador);\r\n setDestinatario(eventoAdicionalCompleto.destinatario);\r\n setPagador(eventoAdicionalCompleto.pagador);\r\n setObservacao(eventoAdicionalCompleto.observacao);\r\n setCargaEstimada(eventoAdicionalCompleto.cargaEstimada);\r\n setNumeroRefletores(eventoAdicionalCompleto.numeroRefletores);\r\n setNumeroOficio(eventoAdicionalCompleto.numeroOficio);\r\n }\r\n\r\n }, [eventoAdicionalCompleto])\r\n\r\n const handleSubmit = (event) => {\r\n\r\n const form = event.currentTarget;\r\n\r\n if (form.checkValidity() === false || (idTipoSolicitacao == '' || autorizador == '' || destinatario == '' || pagador == '' ||\r\n idTipoSolicitacao == false || autorizador == false || destinatario == false || pagador == false)) {\r\n\r\n setValidated(true);\r\n event.preventDefault();\r\n } else {\r\n\r\n event.preventDefault();\r\n\r\n if (idEventoAdicional == undefined) {\r\n let data = {\r\n 'Id': 0,\r\n 'IdTipoSolicitacao': parseInt(idTipoSolicitacao),\r\n 'IdSolicitacaoFornecimento': parseInt(id),\r\n 'Autorizador': autorizador,\r\n 'Destinatario': destinatario,\r\n 'Pagador': pagador,\r\n 'Observacao': observacao,\r\n 'CargaEstimada': cargaEstimada,\r\n 'NumeroRefletores': numeroRefletores,\r\n 'NumeroOficio': numeroOficio\r\n }\r\n\r\n dispatch(InserirEventoAdicionalRequest(data, parseInt(id)));\r\n\r\n } else {\r\n let data = {\r\n 'Id': idEventoAdicional,\r\n 'IdTipoSolicitacao': parseInt(idTipoSolicitacao),\r\n 'IdSolicitacaoFornecimento': parseInt(id),\r\n 'Autorizador': autorizador,\r\n 'Destinatario': destinatario,\r\n 'Pagador': pagador,\r\n 'Observacao': observacao,\r\n 'CargaEstimada': cargaEstimada,\r\n 'NumeroRefletores': numeroRefletores,\r\n 'NumeroOficio': numeroOficio\r\n }\r\n\r\n dispatch(AlterarEventoAdicionalRequest(data, parseInt(id)));\r\n }\r\n\r\n setIdTipoSolicitacao('');\r\n setIdSolicitacaoFornecimento('');\r\n setAutorizador('');\r\n setDestinatario('');\r\n setPagador('');\r\n setObservacao('');\r\n setCargaEstimada('');\r\n setNumeroRefletores('');\r\n setNumeroOficio('');\r\n\r\n dispatch(LimparEventoAdicional())\r\n setValidated(false);\r\n onHide(true);\r\n }\r\n };\r\n\r\n function FecharModal() {\r\n\r\n setIdTipoSolicitacao('');\r\n setIdSolicitacaoFornecimento('');\r\n setAutorizador('');\r\n setDestinatario('');\r\n setPagador('');\r\n setObservacao('');\r\n setCargaEstimada('');\r\n setNumeroRefletores('');\r\n setNumeroOficio('');\r\n\r\n dispatch(LimparEventoAdicional())\r\n\r\n onHide(true);\r\n setValidated(false);\r\n }\r\n\r\n return (\r\n <>\r\n {rowData.status} (Aprovada)
\r\n :\r\n rowData.statusReprovado ?\r\n {rowData.status} (Reprovada)
\r\n :\r\n rowData.statusCancela ?\r\n {rowData.status}
\r\n :\r\n {rowData.status}
\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '20%'\r\n }\r\n },\r\n {\r\n title: \"Nome Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '15%'\r\n }\r\n }\r\n ]}\r\n data={listaHierarquiaCompleta}\r\n parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: rowData.parentId ?\r\n '#dcdcdc'\r\n : rowData.parentId ?\r\n '#BCB8B8'\r\n :\r\n '#BCB8B8'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarDocumento(rowData),\r\n hidden: documentos != undefined &&\r\n documentos.filter(m => moment(m.dataInclusao).format('L LTS') == rowData.dataStatus &&\r\n rowData.statusReprovado == true).length == 0\r\n ? true\r\n :\r\n false\r\n\r\n })\r\n ]}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: 'Pesquisar',\r\n searchPlaceholder: 'Pesquisar'\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n },\r\n toolbar: {\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n }\r\n }}\r\n />\r\n :\r\n \r\n Novo Evento Adicional\r\n }\r\n columns={[\r\n {\r\n title: 'Número Ofício', field: 'numeroOficio', cellStyle: {\r\n width: '9%',\r\n }, editable: 'never', defaultSort: 'desc'\r\n },\r\n {\r\n\r\n title: 'Tipo Solicitação', field: 'idTipoSolicitacao', cellStyle: {\r\n width: '13%',\r\n },\r\n editable: 'onAdd',\r\n filtering: false,\r\n sorting: false,\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.label : false)\r\n }}\r\n />\r\n )\r\n },\r\n lookup:\r\n listaTipoSolicitacao != undefined ?\r\n listaTipoSolicitacao.map(tipoSolicitacao => {\r\n return {\r\n id: tipoSolicitacao.id, descricao: tipoSolicitacao.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n id != undefined && solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao != null && solicitacaoFornecimento.tipoSolicitacao.servico ?\r\n id != undefined && solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao != null && solicitacaoFornecimento.tipoSolicitacao.id == 147 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n id != undefined && solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao != null && solicitacaoFornecimento.tipoSolicitacao.id == 130 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n id != undefined && solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao != null && solicitacaoFornecimento.tipoSolicitacao.semOficio &&\r\n listaEventoAdicional != undefined && listaEventoAdicional.filter(x => x.tipoSolicitacao.servico == true).length > 0 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n id == undefined || (solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao.semOficio == false) ?\r\n id != undefined && solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao.eventoResposta == true ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n id != undefined ?\r\n (solicitacaoFornecimento.tipoSolicitacao.id == 148 || solicitacaoFornecimento.tipoSolicitacao.id == 149 || solicitacaoFornecimento.tipoSolicitacao.id == 150) ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport {\r\n ListarRegiaoRequest, ExcluirRegiaoRequest,\r\n InserirRegiaoRequest, AlterarRegiaoRequest\r\n} from '../../../store/modules/regiao/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { IoMapOutline } from \"react-icons/io5\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function Regiao() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaRegiao = useSelector(state => state.regiao.listaRegiao);\r\n const carregando = useSelector(state => state.regiao.carregando);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarRegiaoRequest());\r\n }, [])\r\n\r\n function ValidacoesInserir(regiao) {\r\n\r\n //valida o campo descrição\r\n if (regiao.descricao == null || regiao.descricao == undefined\r\n || regiao.descricao.trim() == '' || regiao.descricao.length > 150) {\r\n toast.error(`Região inválida`);\r\n return false;\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirRegiao(regiao) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'Descricao': regiao.descricao.trim(),\r\n }\r\n\r\n dispatch(InserirRegiaoRequest(data))\r\n }\r\n\r\n function AlterarRegiao(regiao) {\r\n\r\n let data = {\r\n 'Id': regiao.id,\r\n 'Descricao': regiao.descricao.trim()\r\n }\r\n\r\n dispatch(AlterarRegiaoRequest(data))\r\n }\r\n\r\n function ExcluirRegiao(idRegiao) {\r\n dispatch(ExcluirRegiaoRequest(idRegiao));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n )\r\n}","export function ListarFormularioRequest() {\r\n return {\r\n type: 'LISTAR_FORMULARIO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarFormularioResponse(listaFormulario) {\r\n return {\r\n type: 'LISTAR_FORMULARIO_RESPONSE',\r\n listaFormulario\r\n }\r\n}\r\n\r\nexport function InserirFormularioRequest(data) {\r\n return {\r\n type: 'INSERIR_FORMULARIO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarFormularioRequest(data) {\r\n return {\r\n type: 'ALTERAR_FORMULARIO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirFormularioRequest(id) {\r\n return {\r\n type: 'EXCLUIR_FORMULARIO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport {\r\n ListarTipoSolicitacaoRequest, ExcluirTipoSolicitacaoRequest,\r\n InserirTipoSolicitacaoRequest, AlterarTipoSolicitacaoRequest\r\n} from '../../../store/modules/tipoSolicitacao/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { ListarTipoDocumentoArquivoRequest } from \"../../../store/modules/tipoDocumentoArquivo/actions\";\r\nimport { ListarFormularioRequest } from \"../../../store/modules/formulario/actions\";\r\nimport { ListarTipoSolicitacaoTipoDocumentoArquivoRequest, InserirTipoSolicitacaoTipoDocumentoArquivoRequest, ExcluirTipoSolicitacaoTipoDocumentoArquivoRequest } from \"../../../store/modules/tipoSolicitacaoTipoDocumentoArquivo/actions\";\r\nimport { IoNewspaperOutline } from \"react-icons/io5\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport Multiselect from 'multiselect-react-dropdown';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Select from 'react-select';\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function TipoSolicitacao() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const listaTipoSolicitacao = useSelector(state => state.tipoSolicitacao.listaTipoSolicitacao);\r\n const listaFormulario = useSelector(state => state.formulario.listaFormulario);\r\n const listaTipoDocumentoArquivo = useSelector(state => state.tipoDocumentoArquivo.listaTipoDocumentoArquivo);\r\n const listaTipoSolicitacaoTipoDocumentoArquivo = useSelector(state =>\r\n state.tipoSolicitacaoTipoDocumentoArquivo.listaTipoSolicitacaoTipoDocumentoArquivo);\r\n const carregando = useSelector(state => state.tipoSolicitacao.carregando);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n const options = listaTipoDocumentoArquivo != undefined && listaTipoDocumentoArquivo ?\r\n listaTipoDocumentoArquivo.map(tipoDocumentoArquivo => ({\r\n value: tipoDocumentoArquivo.id, label: tipoDocumentoArquivo.descricao\r\n }))\r\n :\r\n [];\r\n\r\n useEffect(() => {\r\n dispatch(ListarTipoSolicitacaoRequest());\r\n dispatch(ListarFormularioRequest());\r\n dispatch(ListarTipoDocumentoArquivoRequest());\r\n dispatch(ListarTipoSolicitacaoTipoDocumentoArquivoRequest())\r\n }, [])\r\n\r\n function InserirTipoSolicitacao(tipoSolicitacao) {\r\n\r\n dispatch(ListarTipoSolicitacaoRequest());\r\n dispatch(ListarFormularioRequest());\r\n dispatch(ListarTipoDocumentoArquivoRequest());\r\n dispatch(ListarTipoSolicitacaoTipoDocumentoArquivoRequest())\r\n\r\n //Validação do campo descrição\r\n if (tipoSolicitacao.descricao == null || tipoSolicitacao.descricao == undefined\r\n || tipoSolicitacao.descricao == ' ' || tipoSolicitacao.descricao.length > 50\r\n || tipoSolicitacao.descricao == '') {\r\n toast.error(`Descrição do tipo de solicitação inválida`);\r\n return;\r\n }\r\n\r\n let selectTextFormulario = '';\r\n\r\n if (document.getElementById('idSelectFormulario') != null && listaFormulario != undefined) {\r\n selectTextFormulario = document.getElementById('idSelectFormulario').innerText;\r\n }\r\n\r\n let data = {\r\n 'Id': parseInt(0),\r\n 'Descricao': tipoSolicitacao.descricao.trim(),\r\n 'Servico': tipoSolicitacao.servico != undefined ? tipoSolicitacao.servico : false,\r\n 'Geografico': tipoSolicitacao.geografico != undefined ? tipoSolicitacao.geografico : false,\r\n 'IdFormulario': null,\r\n 'InputServico': tipoSolicitacao.servico != undefined ? tipoSolicitacao.servico : false,\r\n 'FotoObrigatorio': tipoSolicitacao.fotoObrigatorio != undefined ? tipoSolicitacao.fotoObrigatorio : false,\r\n 'QuantidadeFotoObrigatorio': tipoSolicitacao.quantidadeFoto != null ? tipoSolicitacao.quantidadeFoto : null,\r\n 'TipoFornecedor': tipoSolicitacao.tipoFornecedor != undefined ? tipoSolicitacao.tipoFornecedor : false,\r\n 'EventoEspecial': tipoSolicitacao.eventoEspecial != undefined ? tipoSolicitacao.eventoEspecial : false,\r\n 'SemOficio': tipoSolicitacao.semOficio != undefined ? tipoSolicitacao.semOficio : false,\r\n 'EventoResposta': false\r\n }\r\n\r\n dispatch(InserirTipoSolicitacaoRequest(data));\r\n }\r\n\r\n function AlterarTipoSolicitacao(tipoSolicitacao) {\r\n\r\n //Validação do campo descrição\r\n if (tipoSolicitacao.descricao == null || tipoSolicitacao.descricao == undefined\r\n || tipoSolicitacao.descricao == ' ' || tipoSolicitacao.descricao.length > 50\r\n || tipoSolicitacao.descricao == '') {\r\n toast.error(`Descrição do tipo de solicitação inválida`);\r\n return;\r\n }\r\n\r\n let selectTextFormulario = '';\r\n\r\n if (document.getElementById('idSelectFormulario') != null && listaFormulario != undefined) {\r\n selectTextFormulario = document.getElementById('idSelectFormulario').innerText;\r\n }\r\n\r\n let data = {\r\n 'Id': tipoSolicitacao.id,\r\n 'Descricao': tipoSolicitacao.descricao.trim(),\r\n 'Servico': tipoSolicitacao.servico != undefined ? tipoSolicitacao.servico : false,\r\n 'Geografico': tipoSolicitacao.geografico != undefined ? tipoSolicitacao.geografico : false,\r\n 'IdFormulario': tipoSolicitacao.idFormulario == '' ? null : tipoSolicitacao.idFormulario,\r\n 'InputServico': tipoSolicitacao.inputServico,\r\n 'FotoObrigatorio': tipoSolicitacao.fotoObrigatorio != undefined ? tipoSolicitacao.fotoObrigatorio : false,\r\n 'QuantidadeFotoObrigatorio': tipoSolicitacao.quantidadeFoto != null ? tipoSolicitacao.quantidadeFoto : null,\r\n 'TipoFornecedor': tipoSolicitacao.tipoFornecedor != undefined ? tipoSolicitacao.tipoFornecedor : false,\r\n 'EventoEspecial': tipoSolicitacao.eventoEspecial != undefined ? tipoSolicitacao.eventoEspecial : false,\r\n 'SemOficio': tipoSolicitacao.semOficio != undefined ? tipoSolicitacao.semOficio : false,\r\n 'EventoResposta': tipoSolicitacao.eventoResposta != undefined ? tipoSolicitacao.eventoResposta : false\r\n }\r\n\r\n dispatch(AlterarTipoSolicitacaoRequest(data))\r\n }\r\n\r\n function ExcluirTipoSolicitacao(id) {\r\n dispatch(ExcluirTipoSolicitacaoRequest(id));\r\n }\r\n\r\n function AddListaTipoSolicitacaoTipoDocumentoArquivo(event, add, idTipoSolicitacao) {\r\n\r\n var data = {\r\n 'Id': 0,\r\n 'IdTipoSolicitacao': idTipoSolicitacao,\r\n 'IdTipoDocumentoArquivo': add.value,\r\n }\r\n\r\n dispatch(InserirTipoSolicitacaoTipoDocumentoArquivoRequest(data));\r\n }\r\n\r\n function RemoveListaTipoSolicitacaoTipoDocumentoArquivo(event, add, idTipoSolicitacao) {\r\n\r\n if (add.label != undefined) {\r\n var tipoDocumento = listaTipoDocumentoArquivo.find(documento => documento.descricao === add.label);\r\n\r\n var relacao = listaTipoSolicitacaoTipoDocumentoArquivo.find(relacao => relacao.idTipoSolicitacao === idTipoSolicitacao\r\n && relacao.idTipoDocumentoArquivo === tipoDocumento.id);\r\n\r\n dispatch(ExcluirTipoSolicitacaoTipoDocumentoArquivoRequest(relacao.id));\r\n\r\n } else {\r\n\r\n var relacao = listaTipoSolicitacaoTipoDocumentoArquivo.filter(s => s.idTipoSolicitacao === idTipoSolicitacao)[add];\r\n\r\n dispatch(ExcluirTipoSolicitacaoTipoDocumentoArquivoRequest(relacao.id));\r\n }\r\n }\r\n\r\n function Cancel() {\r\n dispatch(ListarTipoSolicitacaoRequest());\r\n dispatch(ListarFormularioRequest());\r\n dispatch(ListarTipoDocumentoArquivoRequest());\r\n dispatch(ListarTipoSolicitacaoTipoDocumentoArquivoRequest())\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.descricao.trim().length > 150) {\r\n return \"O nome não pode conter mais que 150 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '80%' }\r\n },\r\n ]}\r\n data={\r\n listaRegiao != undefined ?\r\n listaRegiao.map(regiao => {\r\n return {\r\n id: regiao.id,\r\n descricao: regiao.descricao,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirRegiao(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarRegiao(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirRegiao(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n )\r\n}","\r\n\r\nconst urlBase = process.env.REACT_APP_LINK_API\r\n\r\nexport default urlBase;\r\n","import { Button, Col, Card, Row, Form, DropdownButton, Accordion } from \"react-bootstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { IoChatboxEllipsesOutline } from 'react-icons/io5';\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { ListarContratoRequest } from '../../../store/modules/contrato/actions';\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { ListarContratoUsuarioRequest } from '../../../store/modules/contratoUsuario/actions';\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { ListarStatusSolicitacaoFornecimentoCompletoRequest } from '../../../store/modules/statusSolicitacaoFornecimento/actions';\r\nimport { ListarCompletoSolicitacaoFornecimentoRequest } from '../../../store/modules/solicitacaoFornecimento/actions';\r\nimport { ListarAutorizacaoFornecimentoRequest } from '../../../store/modules/autorizacaoFornecimento/actions';\r\nimport { toast } from \"react-toastify\";\r\nimport Loading from '../../../components/Loading/loading';\r\nimport urlBase from '../../../services/rotas';\r\nimport MaterialTable from 'material-table';\r\nimport Cookies from 'universal-cookie';\r\nimport moment from 'moment'\r\nimport Header from \"../../../components/Header/header\";\r\nimport './listar.css';\r\nimport { AtualizarToken } from \"../../../store/modules/global/actions\";\r\nimport Select from 'react-select';\r\n\r\nexport default function Listar() {\r\n\r\n const { id } = useParams();\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const tableRef = React.createRef();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n const cookies = new Cookies();\r\n\r\n const listaSolicitacaoFornecimento = useSelector(state => state.solicitacaoFornecimento.listaSolicitacaoFornecimento);\r\n const listaContrato = useSelector(state => state.contrato.listaContrato);\r\n const listaContratoUsuario = useSelector(state => state.contratoUsuario.listaContratoUsuario);\r\n const carregando = useSelector(state => state.solicitacaoFornecimento.carregando);\r\n const listaStatusSolicitacaoFornecimentoCompleto = useSelector(state => state.statusSolicitacaoFornecimento.listaStatusSolicitacaoFornecimentoCompleto);\r\n const headerParams = useSelector(state => state.global.token);\r\n const listaAutorizacaoFornecimento = useSelector(state => state.autorizacaoFornecimento.listaAutorizacaoFornecimento);\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n const [idCheck, setIdCheck] = useState(true);\r\n const [assunto, setAssunto] = useState(true);\r\n const [contratoCheck, setContratoCheck] = useState(false);\r\n const [fornecedor, setFornecedor] = useState(false);\r\n const [endereco, setEndereco] = useState(true);\r\n const [regiao, setRegiao] = useState(false);\r\n const [numeroProcesso, setNumeroProcesso] = useState(true);\r\n const [numeroOficio, setNumeroOficio] = useState(false);\r\n const [numeroOrcamento, setNumeroOrcamento] = useState(true);\r\n const [tipoSolicitacao, setTipoSolicitacao] = useState(true);\r\n const [prioridade, setPrioridade] = useState(false);\r\n const [dataCriacao, setDataCriacao] = useState(false);\r\n const [observacao, setObservacao] = useState(false);\r\n const [statusCheck, setStatusCheck] = useState(true);\r\n const [nomeEvento, setNomeEvento] = useState(false);\r\n const [dataEvento, setDataEvento] = useState(false);\r\n const [numeroRefletores, setNumeroRefletores] = useState(false);\r\n const [orcamentoEmAtraso, setOrcamentoEmAtraso] = useState(false);\r\n const [totalValorOrcamento, setTotalValorOrcamento] = useState(false);\r\n const [porteObra, setPorteObra] = useState(false);\r\n const [idAutorizacaoFornecimento, setIdAutorizacaoFornecimento] = useState(false);\r\n const [observacaoCancelamento, setObservacaoCancelamento] = useState(false);\r\n const [interessado, setinteressado] = useState(false);\r\n const [tabelaCarregando, setTabelaCarregando] = useState(false);\r\n const [listaData, setListaData] = useState([]);\r\n const [bairro, setBairro] = useState(false);\r\n const [dataStatusReprovado, setDataStatusReprovado] = useState(false);\r\n const [numeroOficioOrigem, setNumeroOficioOrigem] = useState(false);\r\n\r\n const [ordenacaoIdSolicitacaoFornecimento, setOrdenacaoIdSolicitacaoFornecimento] = useState(false);\r\n\r\n let [filtros] = useState(JSON.parse(localStorage.getItem('filtro-solicitacao-fornecimento')));\r\n\r\n const [idSolicitacaoFornecimentoFiltro, setIdSolicitacaoFornecimentoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.idSolicitacaoFornecimentoFiltro : \"\");\r\n const [tipoSolicitacaoFiltro, setTipoSolicitacaoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.tipoSolicitacaoFiltro : \"\");\r\n const [assuntoFiltro, setAssuntoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.assuntoFiltro : \"\");\r\n const [localFiltro, setLocalFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.localFiltro : \"\");\r\n const [statusFiltro, setStatusFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.statusFiltro : 0);\r\n const [numeroProcessoFiltro, setNumeroProcessoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroProcessoFiltro : \"\");\r\n const [regiaoFiltro, setRegiaoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.regiaoFiltro : \"\");\r\n const [numeroOficioFiltro, setNumeroOficioFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroOficioFiltro : \"\");\r\n const [numeroOrcamentoFiltro, setNumeroOrcamentoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroOrcamentoFiltro : \"\");\r\n const [fornecedorFiltro, setFornecedorFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.fornecedorFiltro : \"\");\r\n const [nomeEventoFiltro, setNomeEventoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.nomeEventoFiltro : \"\");\r\n const [prioridadeFiltro, setPrioridadeFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.prioridadeFiltro : \"\");\r\n const [bairroFiltro, setBairroFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.bairroFiltro : \"\");\r\n const [autorizacaoFornecimentoFiltro, setAutorizacaoFornecimentoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.autorizacaoFornecimentoFiltro : \"\");\r\n const [interessadoFiltro, setInteressadoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.interessadoFiltro : \"\");\r\n const [numeroOficioOrigemFiltro, setNumeroOficioOrigemFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroOficioOrigemFiltro : \"\");\r\n\r\n const [listaStatus, setListaStatus] = useState([\r\n { value: '6', label: \"Inicial\" },\r\n { value: '7', label: \"Análise de Orçamento\" },\r\n { value: '8', label: \"Solicitação Aprovada\" },\r\n { value: '10', label: \"Solicitação Finalizada\" },\r\n { value: '11', label: \"Solicitação Cancelada\" },\r\n { value: '12', label: \"Orçamento Solicitado\" },\r\n { value: '14', label: \"Solicitação Recebida\" },\r\n { value: '16', label: \"Projeto\" },\r\n { value: '17', label: \"Orçamento Finalizado\" },\r\n { value: 'Análise de Orçamento (Reprovada)', label: \"Análise de Orçamento (Reprovada)\" },\r\n { value: 'Análise de Orçamento (Aprovada)', label: \"Análise de Orçamento (Aprovada)\" },\r\n ]);\r\n\r\n const listaNumeroAF =\r\n listaAutorizacaoFornecimento !== null && listaAutorizacaoFornecimento !== undefined ?\r\n listaAutorizacaoFornecimento.map(lista =>{\r\n if(lista.numeroAf !== null && lista.numeroAf !== '' &&\r\n lista.numeroAf !== undefined){\r\n return{\r\n value: `${lista.id}`, label: lista.numeroAf\r\n }\r\n }\r\n })\r\n :\r\n [];\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarContratoRequest());\r\n dispatch(ListarContratoUsuarioRequest());\r\n dispatch(ListarStatusSolicitacaoFornecimentoCompletoRequest());\r\n dispatch(ListarAutorizacaoFornecimentoRequest());\r\n dispatch(ListarCompletoSolicitacaoFornecimentoRequest({\r\n IdSolicitacaoFornecimento: null,\r\n IdContrato: null,\r\n Servico: false\r\n }));\r\n\r\n dispatch(AtualizarToken());\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n //console.log(listaSolicitacaoFornecimento)\r\n //constroiData();\r\n\r\n }, [listaSolicitacaoFornecimento])\r\n\r\n /*function constroiData() {\r\n\r\n let listaDataTemp = [];\r\n\r\n if (listaContrato != undefined && listaContrato.length > 0 && listaSolicitacaoFornecimento.data != undefined && listaContratoUsuario != undefined && listaSolicitacaoFornecimento.data.length > 0) {\r\n \r\n listaSolicitacaoFornecimento.data.map(solicitacaoFornecimento => {\r\n\r\n var contrato = [];\r\n if (solicitacaoFornecimento.contratoVersao != null && solicitacaoFornecimento.contratoVersao.idContrato != null) {\r\n contrato = listaContrato.filter((contrato) => contrato.id === solicitacaoFornecimento.contratoVersao.idContrato)\r\n }\r\n\r\n if (contrato.length > 0 && contrato[0].privado && (listaContratoUsuario.filter((contratoUsu) =>\r\n contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contrato[0].id).length === 0)) {\r\n return null\r\n // Verifica se é tipo servico para mostrar nessa tabela\r\n } else if (solicitacaoFornecimento.tipoSolicitacao.servico == false) {\r\n return null\r\n } else {\r\n listaDataTemp.push({\r\n id: solicitacaoFornecimento.id,\r\n idContrato: contrato[0].id + \" - \" + contrato[0].descricao,\r\n descricao: solicitacaoFornecimento.descricaoSolicitacao,\r\n numeroProcesso: solicitacaoFornecimento.numeroProcesso,\r\n local: solicitacaoFornecimento.descricaoLocal,\r\n numeroOficio: solicitacaoFornecimento.numeroOficio,\r\n regiao:\r\n solicitacaoFornecimento.regiao != null ?\r\n solicitacaoFornecimento.regiao.descricao\r\n : '',\r\n tipo:\r\n solicitacaoFornecimento.tipoSolicitacao != null ?\r\n solicitacaoFornecimento.tipoSolicitacao.descricao\r\n : '',\r\n fornecedor:\r\n solicitacaoFornecimento.fornecedor != null ?\r\n solicitacaoFornecimento.fornecedor.nomeFornecedor\r\n : '',\r\n dataSolicitacao: moment(solicitacaoFornecimento.dataSolicitacao).format('L LT'),\r\n status: solicitacaoFornecimento.statusAtual,\r\n prioridade: solicitacaoFornecimento.prioridade.descricao,\r\n corHex: solicitacaoFornecimento.prioridade.corHex,\r\n observacao: solicitacaoFornecimento.observacao,\r\n nomeEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\")[0].valorVarchar : '',\r\n dataEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\").length > 0 ?\r\n moment(solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\")[0].valorDateTime).format('L')\r\n : '',\r\n nrRefletores:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\")[0].valorInteger : '',\r\n orcamentoEmAtraso: solicitacaoFornecimento.orcamentoEmAtraso ? 'Sim' : 'Não'\r\n })\r\n }\r\n }).filter(Boolean)\r\n\r\n setListaData(listaDataTemp);\r\n setTabelaCarregando(true);\r\n }\r\n }*/\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.descricao.trim().length > 50) {\r\n return \"A descrição não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '20%' }\r\n },\r\n {\r\n title: \"Tipo Documento Arquivo\", field: 'tipoDocumentoArquivo', cellStyle: { width: '20%' }, editable: 'onUpdate',\r\n editComponent: (props) => (\r\n {\r\n if (props.rowData.id === relacao.idTipoSolicitacao) {\r\n return {\r\n value: props.value,\r\n label: relacao.tipoDocumentoArquivo.descricao\r\n }\r\n } else {\r\n return null\r\n }\r\n }).filter(Boolean)\r\n :\r\n null\r\n :\r\n null\r\n }\r\n disablePreSelectedValues={false}\r\n placeholder=\"Selecione...\"\r\n displayValue=\"label\"\r\n onSelect={(e, a) => { AddListaTipoSolicitacaoTipoDocumentoArquivo(e, a, props.rowData.id) }}\r\n onRemove={(e, a) => { RemoveListaTipoSolicitacaoTipoDocumentoArquivo(e, a, props.rowData.id) }}\r\n emptyRecordMsg=\"Nenhuma opção disponível.\"\r\n >\r\n ),\r\n },\r\n {\r\n title: 'Geográfico', field: 'geografico', sorting: true,\r\n cellStyle: { width: '12.5%' },\r\n customFilterAndSearch: (term, rowData) => term == rowData.geografico.toString(),\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value == 'ativado' ? 'true' :\r\n e != null && e.value == 'desativado' ? 'false' : null)\r\n }}\r\n />\r\n )\r\n },\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData => ( { }} />)\r\n\r\n },\r\n {\r\n title: 'Serviço', field: 'servico', sorting: true, editable: 'onAdd',\r\n cellStyle: { width: '12.5%' },\r\n customFilterAndSearch: (term, rowData) => term == rowData.servico.toString(),\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value == 'ativado' ? 'true' :\r\n e != null && e.value == 'desativado' ? 'false' : null)\r\n }}\r\n />\r\n )\r\n },\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData => ( { }} />)\r\n },\r\n {\r\n title: 'Foto Obrigatório', field: 'fotoObrigatorio', sorting: true,\r\n cellStyle: { width: '12.5%' },\r\n customFilterAndSearch: (term, rowData) => term == rowData.fotoObrigatorio.toString(),\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value == 'ativado' ? 'true' :\r\n e != null && e.value == 'desativado' ? 'false' : null)\r\n }}\r\n />\r\n )\r\n },\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData => ( { }} />)\r\n },\r\n {\r\n title: 'Quantidade de Fotos Obrigatórias', field: 'quantidadeFoto', cellStyle: {\r\n width: '12.5%'\r\n }\r\n },\r\n {\r\n title: 'Tipo Fornecedor', field: 'tipoFornecedor', sorting: true, editable: 'onAdd',\r\n cellStyle: { width: '12.5%' },\r\n customFilterAndSearch: (term, rowData) => term == rowData.tipoFornecedor.toString(),\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value == 'ativado' ? 'true' :\r\n e != null && e.value == 'desativado' ? 'false' : null)\r\n }}\r\n />\r\n )\r\n },\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData => ( { }} />)\r\n }\r\n ]}\r\n data={\r\n listaTipoSolicitacao != undefined ?\r\n listaTipoSolicitacao.map(tipoSolicitacao => {\r\n return {\r\n id: tipoSolicitacao.id,\r\n descricao: tipoSolicitacao.descricao,\r\n servico: tipoSolicitacao.servico,\r\n geografico: tipoSolicitacao.geografico,\r\n idFormulario: tipoSolicitacao.idFormulario != null ? tipoSolicitacao.idFormulario : '',\r\n inputServico: tipoSolicitacao.inputServico,\r\n fotoObrigatorio: tipoSolicitacao.fotoObrigatorio,\r\n quantidadeFoto: tipoSolicitacao.quantidadeFotoObrigatorio,\r\n tipoFornecedor: tipoSolicitacao.tipoFornecedor,\r\n eventoEspecial: tipoSolicitacao.eventoEspecial,\r\n semOficio: tipoSolicitacao.semOficio,\r\n tipoDocumentoArquivo:\r\n listaTipoSolicitacaoTipoDocumentoArquivo != undefined && listaTipoDocumentoArquivo != undefined ?\r\n listaTipoSolicitacaoTipoDocumentoArquivo.map((relacao) => {\r\n if (tipoSolicitacao.id === relacao.idTipoSolicitacao) {\r\n if (listaTipoSolicitacaoTipoDocumentoArquivo.filter(relacao => tipoSolicitacao.id == relacao.idTipoSolicitacao).length > 1) {\r\n return relacao.tipoDocumentoArquivo.descricao + \", \"\r\n }\r\n else {\r\n return relacao.tipoDocumentoArquivo.descricao + \" \"\r\n }\r\n } else {\r\n return ''\r\n }\r\n }).filter(Boolean)\r\n :\r\n ''\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n InserirTipoSolicitacao(newRow);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n AlterarTipoSolicitacao(newRow);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirTipoSolicitacao(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n onRowUpdateCancelled: rowData => Cancel(),\r\n }}\r\n\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n filtering: true,\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n actionsColumnIndex: -1\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n :\r\n \r\n {\r\n listaContrato != undefined && listaContratoUsuario != undefined &&\r\n listaStatusSolicitacaoFornecimentoCompleto != undefined ?\r\n\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null ? e.value : null)\r\n }}\r\n defaultValue={\r\n {\r\n label: listaNumeroAF.filter(v => v.value === autorizacaoFornecimentoFiltro).length > 0 ? listaNumeroAF.filter(v => v.value === autorizacaoFornecimentoFiltro)[0].label : \"\",\r\n value: listaNumeroAF.filter(v => v.value === autorizacaoFornecimentoFiltro).length > 0 ? listaNumeroAF.filter(v => v.value === autorizacaoFornecimentoFiltro)[0].value : \"\",\r\n }\r\n }\r\n />\r\n )\r\n },\r\n },\r\n {\r\n title: 'Data Análise de Orçamento (Reprovada)', field: 'dataStatusReprovado',\r\n hidden: dataStatusReprovado ? false : true,\r\n filtering: false,\r\n },\r\n {\r\n title: 'Status', field: 'status', sorting: false,\r\n hidden: statusCheck ? false : true,\r\n filtering: true,\r\n defaultFilter: statusFiltro,\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null ? e.value : null)\r\n }}\r\n defaultValue={\r\n {\r\n label: listaStatus.filter(v => v.value === statusFiltro).length > 0 ? listaStatus.filter(v => v.value === statusFiltro)[0].label : \"\",\r\n value: listaStatus.filter(v => v.value === statusFiltro).length > 0 ? listaStatus.filter(v => v.value === statusFiltro)[0].value : \"\",\r\n }\r\n }\r\n />\r\n )\r\n },\r\n render: rowData =>\r\n listaStatusSolicitacaoFornecimentoCompleto != undefined\r\n ?\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true).length > 0 &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.finalizaSolicitacao == true)[0].\r\n descricaoSolicitacaoFornecimentoVersao === rowData.status ?\r\n \r\n Solicitações Gerais \r\n \r\n \r\n
\r\n },\r\n {\r\n title: 'Número da Solicitação', field: 'id', defaultSort: 'desc',\r\n sorting: true, cellStyle: {\r\n width: '5%',\r\n },\r\n },\r\n {\r\n title: 'Tipo Solicitação', field: 'tipo', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n {\r\n title: 'Nome Evento', field: 'nomeEvento', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n {\r\n title: 'Data Evento', field: 'dataEvento', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n {\r\n title: 'Endereço', field: 'endereco', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n {\r\n title: 'Bairro', field: 'bairro', cellStyle: {\r\n width: '9%',\r\n }\r\n },\r\n {\r\n title: 'Número Processo', field: 'numeroProcesso', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n {\r\n title: 'Número Ofício', field: 'numeroOficio', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n {\r\n title: 'Data Criação', field: 'dataSolicitacao', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n {\r\n title: 'Assunto', field: 'assunto', cellStyle: {\r\n width: '11.5%',\r\n }\r\n },\r\n ]}\r\n data={\r\n\r\n listaContrato != undefined && listaContrato.length > 0 && listaSolicitacaoFornecimento != undefined && listaContratoUsuario != undefined && listaSolicitacaoFornecimento.length > 0 ?\r\n listaSolicitacaoFornecimento.map(solicitacaoFornecimento => {\r\n\r\n var contrato = [];\r\n if (solicitacaoFornecimento.contratoVersao != null && solicitacaoFornecimento.contratoVersao.idContrato != null) {\r\n contrato = listaContrato.filter((contrato) => contrato.id === solicitacaoFornecimento.contratoVersao.idContrato)\r\n }\r\n\r\n if (contrato.length > 0 && contrato[0].privado && (listaContratoUsuario.filter((contratoUsu) =>\r\n contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contrato[0].id).length === 0)) {\r\n return null\r\n } else if (solicitacaoFornecimento.tipoSolicitacao.servico == true) {\r\n return null\r\n }\r\n else {\r\n return {\r\n id: solicitacaoFornecimento.id,\r\n idContrato: contrato[0].id + \" - \" + contrato[0].descricao,\r\n endereco: solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao.inputServico ? solicitacaoFornecimento.descricaoLocal : '',\r\n bairro: solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao.inputServico ? solicitacaoFornecimento.bairro.descricao : '',\r\n numeroProcesso: solicitacaoFornecimento != null && solicitacaoFornecimento.tipoSolicitacao.inputServico ? solicitacaoFornecimento.numeroProcesso : '',\r\n numeroOficio: solicitacaoFornecimento != null ? solicitacaoFornecimento.numeroOficio : '',\r\n descricao:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Descrição\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Descrição\")[0].valorVarchar : '',\r\n tipo:\r\n solicitacaoFornecimento.tipoSolicitacao != null ?\r\n solicitacaoFornecimento.tipoSolicitacao.descricao\r\n : '',\r\n nomeEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\")[0].valorVarchar : '',\r\n dataEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\").length > 0 &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\")[0].valorDateTime != null ?\r\n moment(solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\")[0].valorDateTime).format('L')\r\n : '',\r\n nrRefletores:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\")[0].valorInteger : '',\r\n dataSolicitacao: moment(solicitacaoFornecimento.dataSolicitacao).format('L LT'),\r\n assunto:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Assunto\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Assunto\")[0].valorVarchar : '',\r\n corHex: solicitacaoFornecimento.prioridade != null ?\r\n solicitacaoFornecimento.prioridade.corHex : '',\r\n }\r\n }\r\n }).filter(Boolean)\r\n\r\n :\r\n\r\n []\r\n }\r\n actions={[\r\n rowData => ({\r\n icon: () => \r\n \r\n
\r\n\r\n \r\n \r\n Solicitação Fornecimento \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n
\r\n },\r\n {\r\n title: 'Número da Solicitação', field: 'id', sorting: true,\r\n hidden: idCheck ? false : true,\r\n defaultFilter: idSolicitacaoFornecimentoFiltro\r\n },\r\n {\r\n title: 'Tipo Solicitação', field: 'tipo', sorting: false,\r\n hidden: tipoSolicitacao ? false : true,\r\n defaultFilter: tipoSolicitacaoFiltro\r\n },\r\n {\r\n title: 'Assunto', field: 'assunto', sorting: false,\r\n hidden: assunto ? false : true,\r\n defaultFilter: assuntoFiltro\r\n },\r\n {\r\n title: 'Id/Descrição Contrato', field: 'idContrato', sorting: false,\r\n hidden: contratoCheck ? false : true,\r\n },\r\n {\r\n title: 'Fornecedor', field: 'fornecedor', sorting: false,\r\n hidden: fornecedor ? false : true,\r\n defaultFilter: fornecedorFiltro\r\n },\r\n {\r\n title: 'Local', field: 'local', sorting: false,\r\n hidden: endereco ? false : true,\r\n defaultFilter: localFiltro\r\n },\r\n {\r\n title: 'Bairro', field: 'bairro', sorting: false,\r\n hidden: bairro ? false : true,\r\n defaultFilter: bairroFiltro\r\n },\r\n {\r\n title: 'Região', field: 'regiao', sorting: false,\r\n hidden: regiao ? false : true,\r\n defaultFilter: regiaoFiltro\r\n },\r\n {\r\n title: 'Número Processo', field: 'numeroProcesso', sorting: false,\r\n hidden: numeroProcesso ? false : true,\r\n defaultFilter: numeroProcessoFiltro\r\n },\r\n {\r\n title: 'Número Ofício', field: 'numeroOficio', sorting: false,\r\n hidden: numeroOficio ? false : true,\r\n defaultFilter: numeroOficioFiltro\r\n },\r\n {\r\n title: 'Número Ofício (Origem)', field: 'numeroOficioOrigem', sorting: false,\r\n hidden: numeroOficioOrigem ? false : true,\r\n defaultFilter: numeroOficioOrigemFiltro\r\n },\r\n {\r\n title: 'Número Orçamento', field: 'numeroOrcamento', sorting: false,\r\n hidden: numeroOrcamento ? false : true,\r\n defaultFilter: numeroOrcamentoFiltro\r\n },\r\n {\r\n title: 'Prioridade', field: 'prioridade', sorting: false,\r\n hidden: prioridade ? false : true,\r\n defaultFilter: prioridadeFiltro\r\n },\r\n {\r\n title: 'Data Criação', field: 'dataSolicitacao', sorting: false,\r\n hidden: dataCriacao ? false : true,\r\n },\r\n {\r\n title: 'Nome Evento', field: 'nomeEvento', sorting: false,\r\n hidden: nomeEvento ? false : true,\r\n defaultFilter: nomeEventoFiltro\r\n },\r\n {\r\n title: 'Data Evento', field: 'dataEvento', sorting: false,\r\n hidden: dataEvento ? false : true,\r\n },\r\n {\r\n title: 'Observação', field: 'observacao', sorting: false,\r\n hidden: observacao ? false : true,\r\n },\r\n {\r\n title: 'Número de refletores', field: 'nrRefletores', sorting: false,\r\n hidden: numeroRefletores ? false : true,\r\n },\r\n {\r\n title: 'Orçamento Em Atraso', field: 'orcamentoEmAtraso', sorting: false,\r\n hidden: orcamentoEmAtraso ? false : true\r\n },\r\n {\r\n title: 'Orçamento Em Atraso', field: 'orcamentoEmAtraso', sorting: false,\r\n hidden: orcamentoEmAtraso ? false : true\r\n },\r\n {\r\n title: 'Valor Total Orçamento', field: 'totalValorOrcamento', sorting: false,\r\n hidden: totalValorOrcamento ? false : true, filtering: false\r\n },\r\n {\r\n title: 'Porte Obra', field: 'porteObra', sorting: false,\r\n hidden: porteObra ? false : true, filtering: false,\r\n },\r\n {\r\n title: 'Número AF', field: 'idAutorizacaoFornecimento', sorting: false,\r\n hidden: idAutorizacaoFornecimento ? false : true, \r\n defaultFilter: autorizacaoFornecimentoFiltro,\r\n filterComponent: (props) => {\r\n return (\r\n \r\n\r\n
{rowData.status}
\r\n :\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true).length > 0 &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.cancelaSolicitacao == true)[0].\r\n descricaoSolicitacaoFornecimentoVersao === rowData.status || 'Orçamento em Atraso' == rowData.status ?\r\n {rowData.status}
\r\n :\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.statusAnalise == true).length > 0 &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.statusAnalise == true)[0].\r\n descricaoSolicitacaoFornecimentoVersao + ' (Aprovada)' === rowData.status ?\r\n {rowData.status}
\r\n :\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.statusAnalise == true).length > 0 &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.statusAnalise == true)[0].\r\n descricaoSolicitacaoFornecimentoVersao + ' (Reprovada)' === rowData.status ?\r\n {rowData.status}
\r\n :\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.iniciaSolicitacao == true).length > 0 &&\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.iniciaSolicitacao == true)[0].\r\n descricaoSolicitacaoFornecimentoVersao === rowData.status ||\r\n listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.statusAnalise == true).length > 0 &&\r\n 'Em ' + listaStatusSolicitacaoFornecimentoCompleto.filter(x => x.statusAnalise == true)[0].\r\n descricaoSolicitacaoFornecimentoVersao === rowData.status || 'Orçamento Pendente' == rowData.status ?\r\n {rowData.status}
\r\n :\r\n {rowData.status}
\r\n :\r\n ''\r\n },\r\n {\r\n title: 'Observação Cancelamento', field: 'observacaoCancelamento', sorting: false,\r\n hidden: observacaoCancelamento ? false : true, filtering: false,\r\n },\r\n {\r\n title: 'Interessado', field: 'interessado', sorting: false,\r\n hidden: interessado ? false : true, defaultFilter: interessadoFiltro,\r\n },\r\n ]}\r\n\r\n data={\r\n query =>\r\n new Promise((resolve, reject) => {\r\n\r\n filtros = {\r\n \"idSolicitacaoFornecimentoFiltro\": \"\",\r\n \"tipoSolicitacaoFiltro\": \"\",\r\n \"assuntoFiltro\": \"\",\r\n \"localFiltro\": \"\",\r\n \"statusFiltro\": \"\",\r\n \"numeroProcessoFiltro\": \"\",\r\n \"regiaoFiltro\": \"\",\r\n \"numeroOficioFiltro\": \"\",\r\n \"numeroOrcamentoFiltro\": \"\",\r\n \"fornecedorFiltro\": \"\",\r\n \"nomeEventoFiltro\": \"\",\r\n \"prioridadeFiltro\": \"\",\r\n \"bairroFiltro\": \"\",\r\n \"autorizacaoFornecimentoFiltro\": \"\",\r\n \"interessadoFiltro\": \"\",\r\n \"numeroOficioOrigemFiltro\": \"\",\r\n };\r\n\r\n //filtros\r\n if (query.filters.filter(c => c.column.field == \"id\").length > 0) {\r\n filtros.idSolicitacaoFornecimentoFiltro = query.filters.filter(c => c.column.field == \"id\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"tipo\").length > 0 > 0) {\r\n filtros.tipoSolicitacaoFiltro = query.filters.filter(c => c.column.field == \"tipo\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"assunto\").length > 0) {\r\n filtros.assuntoFiltro = query.filters.filter(c => c.column.field == \"assunto\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"local\").length > 0) {\r\n filtros.localFiltro = query.filters.filter(c => c.column.field == \"local\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"status\").length > 0) {\r\n filtros.statusFiltro = query.filters.filter(c => c.column.field == \"status\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"numeroProcesso\").length > 0) {\r\n filtros.numeroProcessoFiltro = query.filters.filter(c => c.column.field == \"numeroProcesso\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"regiao\").length > 0) {\r\n filtros.regiaoFiltro = query.filters.filter(c => c.column.field == \"regiao\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"numeroOficio\").length > 0) {\r\n filtros.numeroOficioFiltro = query.filters.filter(c => c.column.field == \"numeroOficio\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"numeroOrcamento\").length > 0) {\r\n filtros.numeroOrcamentoFiltro = query.filters.filter(c => c.column.field == \"numeroOrcamento\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"fornecedor\").length > 0) {\r\n filtros.fornecedorFiltro = query.filters.filter(c => c.column.field == \"fornecedor\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"nomeEvento\").length > 0) {\r\n filtros.nomeEventoFiltro = query.filters.filter(c => c.column.field == \"nomeEvento\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"prioridade\").length > 0) {\r\n filtros.prioridadeFiltro = query.filters.filter(c => c.column.field == \"prioridade\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"bairro\").length > 0) {\r\n filtros.bairroFiltro = query.filters.filter(c => c.column.field == \"bairro\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"idAutorizacaoFornecimento\").length > 0) {\r\n filtros.autorizacaoFornecimentoFiltro = query.filters.filter(c => c.column.field == \"idAutorizacaoFornecimento\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"interessado\").length > 0) {\r\n filtros.interessadoFiltro = query.filters.filter(c => c.column.field == \"interessado\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"numeroOficioOrigem\").length > 0) {\r\n filtros.numeroOficioOrigemFiltro = query.filters.filter(c => c.column.field == \"numeroOficioOrigem\")[0].value;\r\n }\r\n\r\n localStorage[\"filtro-solicitacao-fornecimento\"] = JSON.stringify(filtros);\r\n\r\n fetch(`${urlBase}/api/SolicitacaoFornecimento/ListarCompletoPaginacao`, {\r\n method: \"POST\",\r\n headers: new Headers({\r\n 'Authorization': JSON.parse(localStorage.getItem('token')) !== null ?\r\n `Bearer ${cookies.get('token')}${JSON.parse(localStorage.getItem('token')).tokenCodificado}`\r\n : '',\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n }),\r\n body: JSON.stringify({\r\n IdSolicitacaoFornecimento: query.filters.filter(c => c.column.field == \"id\").length > 0 ? query.filters.filter(c => c.column.field == \"id\")[0].value : null,\r\n TipoSolicitacao: query.filters.filter(c => c.column.field == \"tipo\").length > 0 ? query.filters.filter(c => c.column.field == \"tipo\")[0].value : null,\r\n Assunto: query.filters.filter(c => c.column.field == \"assunto\").length > 0 ? query.filters.filter(c => c.column.field == \"assunto\")[0].value : null,\r\n Local: query.filters.filter(c => c.column.field == \"local\").length > 0 ? query.filters.filter(c => c.column.field == \"local\")[0].value : null,\r\n Status: query.filters.filter(c => c.column.field == \"status\").length > 0 ? query.filters.filter(c => c.column.field == \"status\")[0].value : null,\r\n NumeroProcesso: query.filters.filter(c => c.column.field == \"numeroProcesso\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroProcesso\")[0].value : null,\r\n Regiao: query.filters.filter(c => c.column.field == \"regiao\").length > 0 ? query.filters.filter(c => c.column.field == \"regiao\")[0].value : null,\r\n NumeroOficio: query.filters.filter(c => c.column.field == \"numeroOficio\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroOficio\")[0].value : null,\r\n numeroOrcamento: query.filters.filter(c => c.column.field == \"numeroOrcamento\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroOrcamento\")[0].value : null,\r\n Fornecedor: query.filters.filter(c => c.column.field == \"fornecedor\").length > 0 ? query.filters.filter(c => c.column.field == \"fornecedor\")[0].value : null,\r\n Prioridade: query.filters.filter(c => c.column.field == \"prioridade\").length > 0 ? query.filters.filter(c => c.column.field == \"prioridade\")[0].value : null,\r\n Bairro: query.filters.filter(c => c.column.field == \"bairro\").length > 0 ? query.filters.filter(c => c.column.field == \"bairro\")[0].value : null,\r\n NumeroAutorizacaoFornecimento: query.filters.filter(c => c.column.field == \"idAutorizacaoFornecimento\").length > 0 ? query.filters.filter(c => c.column.field == \"idAutorizacaoFornecimento\")[0].value : null,\r\n Interessado: query.filters.filter(c => c.column.field == \"interessado\").length > 0 ? query.filters.filter(c => c.column.field == \"interessado\")[0].value : null,\r\n OrdenacaoIdSolicitacaoFornecimento:\r\n query.orderBy != undefined && query.orderBy.field == \"id\"\r\n ?\r\n query.orderBy.tableData.groupSort == \"asc\"\r\n ?\r\n true\r\n :\r\n false\r\n :\r\n false,\r\n NomeEvento: query.filters.filter(c => c.column.field == \"nomeEvento\").length > 0 ? query.filters.filter(c => c.column.field == \"nomeEvento\")[0].value : null,\r\n NumeroOficioOrigem: query.filters.filter(c => c.column.field == \"numeroOficioOrigem\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroOficioOrigem\")[0].value : null,\r\n GeralFiltro: query.search,\r\n Pagina: query.page + 1,\r\n NumeroPorPagina: query.pageSize\r\n }),\r\n\r\n }).then(response => response.json())\r\n .then(result => {\r\n resolve({\r\n data:\r\n listaContrato != undefined && listaContrato.length > 0 && listaContratoUsuario != undefined &&\r\n result.result.data != undefined && result.result.data != null && result.result.data.length > 0 ?\r\n\r\n result.result.data.map(solicitacaoFornecimento => {\r\n\r\n var contrato = [];\r\n if (solicitacaoFornecimento.contratoVersao != null && solicitacaoFornecimento.contratoVersao.idContrato != null) {\r\n contrato = listaContrato.filter((contrato) => contrato.id === solicitacaoFornecimento.contratoVersao.idContrato)\r\n }\r\n\r\n if (contrato.length > 0 && contrato[0].privado && (listaContratoUsuario.filter((contratoUsu) =>\r\n contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contrato[0].id).length === 0)) {\r\n return null\r\n // Verifica se é tipo servico para mostrar nessa tabela\r\n } else if (solicitacaoFornecimento.tipoSolicitacao.servico == false) {\r\n return null\r\n } else {\r\n if(solicitacaoFornecimento.dataStatusReprovado && dataStatusReprovado === false){\r\n setDataStatusReprovado(true);\r\n }\r\n\r\n return {\r\n id: solicitacaoFornecimento.id,\r\n idContrato: contrato[0].id + \" - \" + contrato[0].descricao,\r\n assunto: solicitacaoFornecimento.assunto,\r\n numeroProcesso: solicitacaoFornecimento.numeroProcesso,\r\n local: solicitacaoFornecimento.descricaoLocal,\r\n numeroOficio: solicitacaoFornecimento.numeroOficio,\r\n numeroOrcamento: solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel != null ?\r\n solicitacaoFornecimento.solicitacaoFornecimentoVersaoApiModel.numeroOrcamento\r\n : '',\r\n regiao:\r\n solicitacaoFornecimento.regiao != null ?\r\n solicitacaoFornecimento.regiao.descricao\r\n : '',\r\n tipo:\r\n solicitacaoFornecimento.tipoSolicitacao != null ?\r\n solicitacaoFornecimento.tipoSolicitacao.descricao\r\n : '',\r\n fornecedor:\r\n solicitacaoFornecimento.fornecedor != null ?\r\n solicitacaoFornecimento.fornecedor.nomeFornecedor\r\n : '',\r\n dataSolicitacao: moment(solicitacaoFornecimento.dataSolicitacao).format('L LT'),\r\n status: solicitacaoFornecimento.statusAtual,\r\n prioridade: solicitacaoFornecimento.prioridade.descricao,\r\n corHex: solicitacaoFornecimento.prioridade.corHex,\r\n observacao: solicitacaoFornecimento.observacao,\r\n nomeEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\")[0].valorVarchar : '',\r\n dataEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\").length > 0 ?\r\n moment(solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\")[0].valorDateTime).format('L')\r\n : '',\r\n nrRefletores:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\")[0].valorInteger : '',\r\n orcamentoEmAtraso: solicitacaoFornecimento.orcamentoEmAtraso ? 'Sim' : 'Não',\r\n totalValorOrcamento: solicitacaoFornecimento.valorTotalOrcamento,\r\n porteObra: solicitacaoFornecimento.porteObra,\r\n idAutorizacaoFornecimento: solicitacaoFornecimento.idAutorizacaoFornecimento,\r\n bairro:\r\n solicitacaoFornecimento.bairro != null ?\r\n solicitacaoFornecimento.bairro.descricao\r\n : '',\r\n observacaoCancelamento: solicitacaoFornecimento.descricaoCancelar,\r\n interessado: solicitacaoFornecimento.interessado.nome,\r\n dataStatusReprovado: solicitacaoFornecimento.dataStatusReprovado ?\r\n moment(solicitacaoFornecimento.dataStatusReprovado).format('L LT')\r\n : \"\",\r\n numeroOficioOrigem: solicitacaoFornecimento.numeroOficioSolicitacaoOrcamento,\r\n }\r\n }\r\n }).filter(Boolean)\r\n :\r\n []\r\n\r\n ,\r\n page: result.result.pagina - 1,\r\n totalCount: result.result.total,\r\n })\r\n })\r\n })\r\n }\r\n /*\r\n data={listaData\r\n \r\n listaContrato != undefined && listaContrato.length > 0 && listaSolicitacaoFornecimento.data != undefined && listaContratoUsuario != undefined && listaSolicitacaoFornecimento.data.length > 0 ?\r\n \r\n listaSolicitacaoFornecimento.data.map(solicitacaoFornecimento => {\r\n \r\n var contrato = [];\r\n if (solicitacaoFornecimento.contratoVersao != null && solicitacaoFornecimento.contratoVersao.idContrato != null) {\r\n contrato = listaContrato.filter((contrato) => contrato.id === solicitacaoFornecimento.contratoVersao.idContrato)\r\n }\r\n \r\n if (contrato.length > 0 && contrato[0].privado && (listaContratoUsuario.filter((contratoUsu) =>\r\n contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contrato[0].id).length === 0)) {\r\n return null\r\n // Verifica se é tipo servico para mostrar nessa tabela\r\n } else if (solicitacaoFornecimento.tipoSolicitacao.servico == false) {\r\n return null\r\n } else {\r\n return {\r\n id: solicitacaoFornecimento.id,\r\n idContrato: contrato[0].id + \" - \" + contrato[0].descricao,\r\n descricao: solicitacaoFornecimento.descricaoSolicitacao,\r\n numeroProcesso: solicitacaoFornecimento.numeroProcesso,\r\n local: solicitacaoFornecimento.descricaoLocal,\r\n numeroOficio: solicitacaoFornecimento.numeroOficio,\r\n regiao:\r\n solicitacaoFornecimento.regiao != null ?\r\n solicitacaoFornecimento.regiao.descricao\r\n : '',\r\n tipo:\r\n solicitacaoFornecimento.tipoSolicitacao != null ?\r\n solicitacaoFornecimento.tipoSolicitacao.descricao\r\n : '',\r\n fornecedor:\r\n solicitacaoFornecimento.fornecedor != null ?\r\n solicitacaoFornecimento.fornecedor.nomeFornecedor\r\n : '',\r\n dataSolicitacao: moment(solicitacaoFornecimento.dataSolicitacao).format('L LT'),\r\n status: solicitacaoFornecimento.statusAtual,\r\n prioridade: solicitacaoFornecimento.prioridade.descricao,\r\n corHex: solicitacaoFornecimento.prioridade.corHex,\r\n observacao: solicitacaoFornecimento.observacao,\r\n nomeEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Nome do Evento\")[0].valorVarchar : '',\r\n dataEvento:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\").length > 0 ?\r\n moment(solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Data Inicial\")[0].valorDateTime).format('L')\r\n : '',\r\n nrRefletores:\r\n solicitacaoFornecimento != null && solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel != undefined &&\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\").length > 0 ?\r\n solicitacaoFornecimento.listaSolicitacaoFornecimentoCaracteristicaRespostaApiModel.filter(x =>\r\n x.caracteristicaResposta.caracteristica.descricaoLabel == \"Número de Refletores\")[0].valorInteger : '',\r\n orcamentoEmAtraso: solicitacaoFornecimento.orcamentoEmAtraso ? 'Sim' : 'Não'\r\n }\r\n }\r\n }).filter(Boolean)\r\n :\r\n []\r\n }*/\r\n actions={[\r\n rowData => ({\r\n 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}","export function ListarStatusAutorizacaoFornecimentoRequest() {\r\n return {\r\n type: 'LISTAR_STATUS_AUTORIZACAO_FORNECIMENTO_REQUEST'\r\n }\r\n }\r\n \r\n export function ListarStatusAutorizacaoFornecimentoResponse(listaStatusAutorizacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_STATUS_AUTORIZACAO_FORNECIMENTO_RESPONSE',\r\n listaStatusAutorizacaoFornecimento\r\n }\r\n }\r\n\r\n export function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n }","import { Row, Col, Card, Form, Dropdown, DropdownButton } from \"react-bootstrap\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport { RiFilter3Line } from \"react-icons/ri\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { MdAssignment } from \"react-icons/md\";\r\nimport { toast } from \"react-toastify\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { AlterarAutorizacaoFornecimentoRequest } from \"../../../store/modules/autorizacaoFornecimento/actions\";\r\nimport { ListarStatusAutorizacaoFornecimentoRequest } from \"../../../store/modules/statusAutorizacaoFornecimento/actions\";\r\nimport { AtualizarToken } from \"../../../store/modules/global/actions\";\r\nimport Header from '../../../components/Header/header';\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport Cookies from 'universal-cookie';\r\nimport urlBase from '../../../services/rotas';\r\nimport Select from 'react-select';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function Listar() {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const cookies = new Cookies();\r\n const tableRef = React.createRef();\r\n\r\n const listaAutorizacaoFornecimento = useSelector(state => state.autorizacaoFornecimento.listaAutorizacaoFornecimento);\r\n const listaStatusAutorizacaoFornecimento = useSelector(state => state.statusAutorizacaoFornecimento.listaStatusAutorizacaoFornecimento);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n const [numeroAfCheck, setNumeroAfCheck] = useState(true);\r\n const [descricaoCheck, setDescricaoCheck] = useState(true);\r\n const [numeroOrcamentoCheck, setNumeroOrcamentoCheck] = useState(true);\r\n const [numeroOficioCheck, setNumeroOficioCheck] = useState(true);\r\n const [numeroProcessoCheck, setNumeroProcessoCheck] = useState(true);\r\n const [dataInclusaoCheck, setDataInclusaoCheck] = useState(true);\r\n const [statusCheck, setStatusCheck] = useState(true);\r\n const [medicaoPendenteFraseCheck, setMedicaoPendenteFraseCheck] = useState(true);\r\n const [assuntoCheck, setAssuntoCheck] = useState(false);\r\n const [valorObraCheck, setValorObraCheck] = useState(false);\r\n\r\n const [listaMedicaoPendente, setListaMedicaoPendente] = useState([\r\n { value: '1', label: \"Pendente de Quantidade (Cliente)\" },\r\n { value: '2', label: \"Pendente de Quantidade (Fornecedor)\" },\r\n { value: '3', label: \"Pendente de Quantidade (Ambos)\" },\r\n ]);\r\n\r\n const [listaStatus, setListaStatus] = useState([\r\n { value: '4', label: \"Inicial\" },\r\n { value: '6', label: \"Autorização Finalizada\" },\r\n { value: '8', label: \"Autorização Cancelada\" },\r\n { value: '9', label: \"Autorização em Andamento\" },\r\n { value: '10', label: \"Autorização Recebida\" },\r\n { value: '11', label: \"Faturamento Parcial\" },\r\n { value: '12', label: \"Autorização Concluída\" },\r\n ]);\r\n\r\n // Filtros\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n let [filtros] = useState(JSON.parse(localStorage.getItem('filtro-autorizacao-fornecimento')));\r\n\r\n const [numeroAfFiltro, setNumeroAfFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroAfFiltro : 0);\r\n const [numeroSolicitacaoFiltro, setNumeroSolicitacaoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroSolicitacaoFiltro : 0);\r\n const [numeroOrcamentoFiltro, setNumeroOrcamentoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroOrcamentoFiltro : 0);\r\n const [numeroOficioFiltro, setNumeroOficioFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroOficioFiltro : 0);\r\n const [numeroProcessoFiltro, setNumeroProcessoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroProcessoFiltro : 0);\r\n const [statusFiltro, setStatusFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.statusFiltro : 0);\r\n const [medicaoPendenteFiltro, setMedicaoPendenteFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.medicaoPendenteFiltro : 0);\r\n\r\n const [dataInicio, setDataInicio] = useState(null);\r\n const [dataFinal, setDataFinal] = useState(null);\r\n\r\n //Permissão de Visualizar\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n useEffect(() => {\r\n if (token.role.filter(r => r == \"AutorizacaoFornecimentoMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n dispatch(ListarStatusAutorizacaoFornecimentoRequest());\r\n dispatch(AtualizarToken());\r\n TrocarData(filtros);\r\n \r\n }, [])\r\n\r\n function TrocarData(filtros){\r\n\r\n if(filtros.numeroAfFiltro === '' && filtros.numeroSolicitacaoFiltro === '' && filtros.numeroOrcamentoFiltro === '' &&\r\n filtros.numeroOficioFiltro === '' && filtros.numeroProcessoFiltro === '' && filtros.statusFiltro === '' &&\r\n filtros.medicaoPendenteFiltro === '' && !dataInicio && !dataFinal){\r\n setDataInicio(moment().startOf('month'))\r\n setDataFinal(moment().endOf('month'))\r\n }\r\n\r\n }\r\n \r\n return (\r\n <>\r\n \r\n {\r\n carregando ?\r\n {\r\n if (rowData.nomeTipoArquivo === undefined || rowData.nomeTipoArquivo.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.nomeTipoArquivo.trim().length > 50) {\r\n return \"O nome não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n },\r\n cellStyle: {\r\n width: '80%'\r\n }\r\n },\r\n ]}\r\n data={\r\n listaTipoDocumentoArquivo != undefined ?\r\n listaTipoDocumentoArquivo\r\n .map(tp => {\r\n return {\r\n id: tp.id,\r\n nomeTipoArquivo: tp.descricao,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AdicionarTipoDocumentoArquivo(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarTipoDocumentoArquivo(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirTipoDocumentoArquivo(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","export function ListarAutorizacaoFornecimentoStatusRequest(IdAutorizacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_STATUS_REQUEST',\r\n IdAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarAutorizacaoFornecimentoStatusResponse(listaAutorizacaoFornecimentoStatus) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_STATUS_RESPONSE',\r\n listaAutorizacaoFornecimentoStatus\r\n }\r\n}\r\n\r\nexport function ListarCompletoAutorizacaoFornecimentoStatusRequest(IdAutorizacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_COMPLETO_AUTORIZACAO_FORNECIMENTO_STATUS_REQUEST',\r\n IdAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarCompletoAutorizacaoFornecimentoStatusResponse(listaCompletoAutorizacaoFornecimentoStatus) {\r\n return {\r\n type: 'LISTAR_COMPLETO_AUTORIZACAO_FORNECIMENTO_STATUS_RESPONSE',\r\n listaCompletoAutorizacaoFornecimentoStatus\r\n }\r\n}\r\n\r\nexport function InserirAutorizacaoFornecimentoStatusRequest(data, IdAutorizacaoFornecimento, validacao) {\r\n return {\r\n type: 'INSERIR_AUTORIZACAO_FORNECIMENTO_STATUS_REQUEST',\r\n data, IdAutorizacaoFornecimento, validacao\r\n }\r\n}\r\n\r\nexport function AlterarAutorizacaoFornecimentoStatusRequest(data, IdAutorizacaoFornecimento) {\r\n return {\r\n type: 'ALTERAR_AUTORIZACAO_FORNECIMENTO_STATUS_REQUEST',\r\n data, IdAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ExcluirAutorizacaoFornecimentoStatusRequest(id, IdAutorizacaoFornecimento) {\r\n return {\r\n type: 'EXCLUIR_AUTORIZACAO_FORNECIMENTO_STATUS_REQUEST',\r\n id, IdAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ExcluirAutorizacaoFornecimentoStatusReabrirAutorizacaoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_AUTORIZACAO_FORNECIMENTO_STATUS_REABRIR_AUTORIZACAO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ModalConfimacaoStatusFinalizado(modalConfirmacaoStatusFinalizado) {\r\n return {\r\n type: 'MODAL_CONFIRMACAO_STATUS_FINALIZADO',\r\n modalConfirmacaoStatusFinalizado\r\n }\r\n}\r\n\r\nexport function LimparModalConfimacaoStatusFinalizado() {\r\n return {\r\n type: 'LIMPAR_MODAL_CONFIRMACAO_STATUS_FINALIZADO'\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { Page, Text, View, Document, StyleSheet, Image } from '@react-pdf/renderer';\r\nimport { useEffect } from \"react\";\r\nimport img from '../../assets/login/img_login.png';\r\nimport moment from 'moment';\r\nimport cabecalho from '../../assets/novoCabecalhoCor.jpg';\r\nimport rodape from '../../assets/novoRodapeCor.jpg';\r\n\r\nconst styles = StyleSheet.create({\r\n page: {\r\n flexDirection: 'row',\r\n backgroundColor: '#fff',\r\n fontSize: '10',\r\n },\r\n titulo: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n fontWeight: 'bold',\r\n fontSize: '15',\r\n },\r\n linha: {\r\n borderBottom: '1px solid #0000',\r\n width: '100%',\r\n },\r\n espaco: {\r\n paddingTop: 5,\r\n paddingBottom: 5,\r\n },\r\n table: {\r\n width: '100%',\r\n },\r\n section: {\r\n marginBottom: 10,\r\n marginLeft: 10,\r\n marginRight: 10,\r\n paddingBottom: 10,\r\n paddingRight: 10,\r\n paddingLeft: 10,\r\n flexGrow: 1,\r\n },\r\n row: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n paddingTop: 5,\r\n paddingBottom: 5,\r\n },\r\n\r\n rowCabecalho: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n paddingTop: 2,\r\n paddingBottom: 2,\r\n },\r\n bold: {\r\n fontWeight: 'bold',\r\n fontFamily: 'Helvetica-Bold'\r\n },\r\n bordaCompleta: {\r\n border: '1px solid #0000',\r\n margin: 1\r\n },\r\n comeco: {\r\n width: \"25%\",\r\n },\r\n\r\n meio: {\r\n width: \"50%\",\r\n display: 'flex',\r\n textAlign: 'center',\r\n alignItems: 'center'\r\n },\r\n\r\n fim: {\r\n width: \"35%\",\r\n },\r\n linhaMetadeInicio: {\r\n width: \"50%\",\r\n },\r\n linhaSemiCompleta: {\r\n width: \"85%\",\r\n },\r\n fimLinhaSemiCompleta: {\r\n width: \"15%\",\r\n },\r\n linhaCompleta: {\r\n width: \"100%\",\r\n },\r\n width8: {\r\n width: \"8%\"\r\n },\r\n width10: {\r\n width: \"10%\"\r\n },\r\n width20: {\r\n width: \"20%\"\r\n },\r\n cabecalho: {\r\n color: '#fff',\r\n backgroundColor: '#212529',\r\n bordercolor: '#32383e'\r\n },\r\n cinza: {\r\n backgroundColor: '#e9ecef',\r\n },\r\n logo: {\r\n width: '200',\r\n height: '100'\r\n },\r\n top20: {\r\n top: '20'\r\n },\r\n top40: {\r\n top: '40'\r\n },\r\n top60: {\r\n top: '60'\r\n },\r\n recuo: {\r\n textIndent: '40px'\r\n },\r\n comecoMaior: {\r\n width: \"40%\",\r\n },\r\n alinharBottom: {\r\n position: 'absolute',\r\n bottom: '0',\r\n padding: '5',\r\n },\r\n rodape: {\r\n width: '585',\r\n height: '50',\r\n },\r\n});\r\n\r\nexport default function PdfAutorizacaoFornecimento({ data }) {\r\n\r\n useEffect(() => {\r\n moment.locale('pt-br');\r\n }, [])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo obrigatório\"\r\n } else if (rowData.descricao.trim().length > 200) {\r\n return \"A descrição não pode conter mais que 200 caracteres\"\r\n }\r\n return true\r\n }\r\n },\r\n {\r\n title: \"Número Orçamento\", field: 'numeroOrcamento', \r\n sorting: false,\r\n defaultFilter: numeroOrcamentoFiltro,\r\n hidden: numeroOrcamentoCheck ? false : true,\r\n },\r\n {\r\n title: \"Número Ofício\", field: 'numeroOficio', \r\n sorting: false,\r\n defaultFilter: numeroOficioFiltro,\r\n hidden: numeroOficioCheck ? false : true,\r\n },\r\n {\r\n title: \"Número Processo\", field: 'numeroProcesso', \r\n sorting: false,\r\n defaultFilter: numeroProcessoFiltro,\r\n hidden: numeroProcessoCheck ? false : true,\r\n },\r\n {\r\n title: \"Data Criação\", field: 'dataInclusao', \r\n sorting: false,\r\n hidden: dataInclusaoCheck ? false : true,\r\n filterComponent: (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n },\r\n defaultFilter: dataInicio != null ? dataInicio : dataFinal != null ? dataFinal : 0,\r\n id: dataFinal != null ? 2 : dataInicio != null ? 1 : 0,\r\n },\r\n {\r\n title: \"Assunto\", field: 'assunto',\r\n sorting: false,\r\n hidden: assuntoCheck ? false : true,\r\n },\r\n {\r\n title: \"Valor da Obra\", field: 'valorObra', \r\n sorting: false,\r\n hidden: valorObraCheck ? false : true,\r\n },\r\n {\r\n title: 'Status', field: 'status', \r\n hidden: statusCheck ? false : true,\r\n defaultFilter: statusFiltro,\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null ? e.value : null)\r\n }}\r\n\r\n defaultValue={\r\n {\r\n label: listaStatus.filter(v => v.value === statusFiltro).length > 0 ? listaStatus.filter(v => v.value === statusFiltro)[0].label : \"\",\r\n value: listaStatus.filter(v => v.value === statusFiltro).length > 0 ? listaStatus.filter(v => v.value === statusFiltro)[0].value : \"\",\r\n }\r\n }\r\n />\r\n )\r\n },\r\n sorting: false,\r\n render: rowData =>\r\n // Verificar qual é o status de cada autorização para colorir na lista\r\n listaStatusAutorizacaoFornecimento != undefined\r\n && listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true).length > 0\r\n && listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true).length > 0 ?\r\n listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true)[0].\r\n descricao === rowData.status ?\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null ? e.value : null)\r\n }}\r\n defaultValue={\r\n {\r\n label: listaMedicaoPendente.filter(v => v.value === medicaoPendenteFiltro).length > 0 ? listaMedicaoPendente.filter(v => v.value === medicaoPendenteFiltro)[0].label : \"\",\r\n value: listaMedicaoPendente.filter(v => v.value === medicaoPendenteFiltro).length > 0 ? listaMedicaoPendente.filter(v => v.value === medicaoPendenteFiltro)[0].value : \"\",\r\n }\r\n }\r\n />\r\n )\r\n },\r\n }\r\n ]}\r\n data={\r\n query =>\r\n new Promise((resolve, reject) => {\r\n\r\n filtros = {\r\n \"numeroAfFiltro\": \"\",\r\n \"numeroSolicitacaoFiltro\": \"\",\r\n \"numeroOrcamentoFiltro\": \"\",\r\n \"numeroOficioFiltro\": \"\",\r\n \"numeroProcessoFiltro\": \"\",\r\n \"statusFiltro\": \"\",\r\n \"medicaoPendenteFiltro\": \"\",\r\n \"dataInicioFiltro\": \"\",\r\n \"dataFinalFiltro\": \"\"\r\n };\r\n\r\n //filtros\r\n if (query.filters.filter(c => c.column.field == \"numeroAf\").length > 0) {\r\n filtros.numeroAfFiltro = query.filters.filter(c => c.column.field == \"numeroAf\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"descricao\").length > 0 > 0) {\r\n filtros.numeroSolicitacaoFiltro = query.filters.filter(c => c.column.field == \"descricao\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"numeroOrcamento\").length > 0) {\r\n filtros.numeroOrcamentoFiltro = query.filters.filter(c => c.column.field == \"numeroOrcamento\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"numeroOficio\").length > 0) {\r\n filtros.numeroOficioFiltro = query.filters.filter(c => c.column.field == \"numeroOficio\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"numeroProcesso\").length > 0) {\r\n filtros.numeroProcessoFiltro = query.filters.filter(c => c.column.field == \"numeroProcesso\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"status\").length > 0) {\r\n filtros.statusFiltro = query.filters.filter(c => c.column.field == \"status\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"medicaoPendenteFrase\").length > 0) {\r\n filtros.medicaoPendenteFiltro = query.filters.filter(c => c.column.field == \"medicaoPendenteFrase\")[0].value;\r\n }\r\n if (query.filters.filter(c => c.column.field == \"dataInclusao\").length > 0) {\r\n var column = query.filters.filter(c => c.column.field == \"dataInclusao\")[0].column;\r\n if (column.id == 1) {\r\n filtros.dataInicioFiltro = query.filters.filter(c => c.column.field == \"dataInclusao\")[0].value;\r\n }\r\n if (column.id == 2) {\r\n filtros.dataFinalFiltro = query.filters.filter(c => c.column.field == \"dataInclusao\")[0].value;\r\n }\r\n }\r\n\r\n setNumeroAfFiltro(filtros.numeroAfFiltro);\r\n setNumeroSolicitacaoFiltro(filtros.numeroSolicitacaoFiltro);\r\n setNumeroOrcamentoFiltro(filtros.numeroOrcamentoFiltro);\r\n setNumeroOficioFiltro(filtros.numeroOficioFiltro);\r\n setNumeroProcessoFiltro(filtros.numeroProcessoFiltro);\r\n setStatusFiltro(filtros.statusFiltro);\r\n setMedicaoPendenteFiltro(filtros.medicaoPendenteFiltro);\r\n\r\n TrocarData(filtros);\r\n\r\n localStorage[\"filtro-autorizacao-fornecimento\"] = JSON.stringify(filtros);\r\n\r\n fetch(`${urlBase}/api/AutorizacaoFornecimento/listarCompletoPaginacao`, {\r\n method: \"POST\",\r\n headers: new Headers({\r\n 'Authorization': JSON.parse(localStorage.getItem('token')) !== null ?\r\n `Bearer ${cookies.get('token')}${JSON.parse(localStorage.getItem('token')).tokenCodificado}`\r\n : '',\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n }),\r\n body: JSON.stringify({\r\n Pagina: query.page + 1,\r\n NumeroPorPagina: query.pageSize,\r\n NumeroSolicitacao: query.filters.filter(c => c.column.field == \"descricao\").length > 0 ? query.filters.filter(c => c.column.field == \"descricao\")[0].value : null,\r\n IdAutorizacaoFornecimento: query.filters.filter(c => c.column.field == \"numeroAf\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroAf\")[0].value : null,\r\n IdSolicitacaoFornecimento: query.filters.filter(c => c.column.field == \"idSolicitacaoFornecimentoVersao\").length > 0 ? query.filters.filter(c => c.column.field == \"idSolicitacaoFornecimentoVersao\")[0].value : null,\r\n NumeroOrcamento: query.filters.filter(c => c.column.field == \"numeroOrcamento\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroOrcamento\")[0].value : null,\r\n NumeroOficio: query.filters.filter(c => c.column.field == \"numeroOficio\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroOficio\")[0].value : null,\r\n NumeroProcesso: query.filters.filter(c => c.column.field == \"numeroProcesso\").length > 0 ? query.filters.filter(c => c.column.field == \"numeroProcesso\")[0].value : null,\r\n Status: query.filters.filter(c => c.column.field == \"status\").length > 0 ? query.filters.filter(c => c.column.field == \"status\")[0].value : null,\r\n MedicaoPendente: query.filters.filter(c => c.column.field == \"medicaoPendenteFrase\").length > 0 ? query.filters.filter(c => c.column.field == \"medicaoPendenteFrase\")[0].value : null,\r\n DataInicial: dataInicio !== null && dataInicio !== '' ? moment(dataInicio) : null,\r\n DataFinal: dataFinal !== null && dataFinal !== '' ? moment(dataFinal) : null,\r\n OrdenacaoIdAutorizacaoFornecimento:\r\n query.orderBy != undefined && query.orderBy.field == \"numeroAf\"\r\n ?\r\n query.orderBy.tableData.groupSort == \"asc\"\r\n ?\r\n true\r\n :\r\n false\r\n :\r\n false,\r\n geralFiltro: query.search,\r\n }),\r\n\r\n }).then(response => response.json())\r\n .then(result => {\r\n resolve({\r\n data:\r\n result.result.data != undefined && result.result.data.length > 0 ?\r\n result.result.data.map((lista) => {\r\n return {\r\n id: lista.id,\r\n numeroAf: lista.numeroAf,\r\n descricao: lista.solicitacaoFornecimentoVersao.idSolicitacaoFornecimento,\r\n idSolicitacaoFornecimentoVersao: lista.idSolicitacaoFornecimentoVersao,\r\n fornecedor:\r\n lista.solicitacaoFornecimentoVersao != null &&\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento != null &&\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento.fornecedor != null &&\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento.fornecedor.nomeFornecedor != null ?\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento.fornecedor.nomeFornecedor\r\n :\r\n '',\r\n dataInclusao: moment(lista.dataInclusao).format('L LT'),\r\n status: lista.statusAtual,\r\n dataInclusaoApi: lista.dataInclusao,\r\n numeroProcesso:\r\n lista.solicitacaoFornecimentoVersao != null &&\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento != null &&\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento.numeroProcesso,\r\n numeroOficio: lista.numeroOficio,\r\n numeroOrcamento: lista.solicitacaoFornecimentoVersao.numeroOrcamento,\r\n medicaoPendente: lista.medicaoPendente,\r\n medicaoPendenteFrase: lista.medicaoPendenteFrase,\r\n assunto: lista.solicitacaoFornecimentoVersao != null &&\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento != null &&\r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento.assunto ? \r\n lista.solicitacaoFornecimentoVersao.solicitacaoFornecimento.assunto : '',\r\n valorObra: lista.valorObra.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n })\r\n }\r\n })\r\n :\r\n []\r\n\r\n ,\r\n page: result.result.pagina - 1,\r\n totalCount: result.result.total,\r\n })\r\n }).catch(error => {\r\n history.push(`/`);\r\n toast.error('Usuário fornecedor não relacionado a autorização');\r\n })\r\n })\r\n }\r\n\r\n options={{\r\n debounceInterval: 1500,\r\n minBodyHeight: 500,\r\n sorting: true,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"11px\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: () =>
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {rowData.status}
\r\n :\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true)[0].\r\n descricao === rowData.status ?\r\n {rowData.status}
\r\n :\r\n {rowData.status}
\r\n :\r\n ''\r\n },\r\n {\r\n title: \"Medição Pendente\", field: 'medicaoPendenteFrase', \r\n hidden: medicaoPendenteFraseCheck ? false : true,\r\n filtering: true,\r\n sorting: false,\r\n defaultFilter: medicaoPendenteFiltro,\r\n filterComponent: (props) => {\r\n return (\r\n \r\n \r\n A Autorização está Cancelada!\r\n \r\n \r\n :\r\n // Verifica se o status da autorização é igual a finalizado\r\n listaAutorizacaoFornecimentoStatus != undefined && listaStatusAutorizacaoFornecimento != undefined &&\r\n listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true).length > 0 &&\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true)[0].id).length > 0\r\n ?\r\n \r\n A Autorização está Finalizada!\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n\r\n \r\n \r\n Deseja exportar a autorização? \r\n \r\n \r\n \r\n \r\n Exportar Autorização Fornecimento por PDF\r\n \r\n {({ blob, url, loading, error }) => (loading ? 'Carregando autorização fornecimento...' : 'Exportar como PDF')}\r\n \r\n :\r\n
\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n \r\n\r\n\r\n \r\n rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n },\r\n /*{\r\n title: \"Medição Excedendo o Subitem\", field: 'medicao', cellStyle: {\r\n width: '22.5%'\r\n }\r\n }*/\r\n ]}\r\n data={\r\n listaRegFotoSubitemAutorizacaoMedicaoUltrapassar ?\r\n listaRegFotoSubitemAutorizacaoMedicaoUltrapassar.map(lista => {\r\n return {\r\n id: lista.id,\r\n idAutorizacaoFornecimentoSubitemCusto: lista.idAutorizacaoFornecimentoSubitemCusto,\r\n idAutorizacaoFornecimentoSubitemCustoMedicao: lista.idAutorizacaoFornecimentoSubitemCustoMedicao,\r\n nomeRegistroFotografico: lista.nomeRegistroFotografico,\r\n descricaoExtensaoArquivo: lista.descricaoExtensaoArquivo,\r\n usuario: lista.usuario.nome,\r\n dataInclusao: moment(lista.dataInclusao).format('L LT'),\r\n observacao: lista.observacao,\r\n idUsuario: lista.usuario.nome,\r\n //medicao: lista.autorizacaoFornecimentoSubitemCustoMedicao.idMedicaoAutorizacaoFornecimento\r\n }\r\n })\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'visibility',\r\n onClick: (event, rowData) => { VisualizarRegistroFotografico(rowData) }\r\n }),\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarRegistroFotografico(rowData.id)\r\n }\r\n ]}\r\n localization={{\r\n header: {\r\n actions: ''\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.value.toString() : false)\r\n }}\r\n />\r\n )\r\n },\r\n hidden: codDescSubitem ? false : true,\r\n lookup:\r\n contratoVersao ?\r\n contratoVersao.subitemCusto.map(subitemUnidade => {\r\n return {\r\n id: subitemUnidade.id, descricao: subitemUnidade.descricaoCodigoInterno + \" - \" + subitemUnidade.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n\r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Itens Orçamento \r\n \r\n {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.value.toString() : false)\r\n }}\r\n />\r\n )\r\n },\r\n hidden: codDescSubitem ? false : true,\r\n lookup:\r\n contratoVersao ?\r\n contratoVersao.subitemCusto.map(subitemUnidade => {\r\n return {\r\n id: subitemUnidade.id, descricao: subitemUnidade.descricaoCodigoInterno + \" - \" + subitemUnidade.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n \r\n \r\n \r\n Itens Adicionados \r\n \r\n \r\n \r\n x.cancelaAutorizacao == true).length > 0 &&\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true)[0].id).length > 0 ?\r\n true :\r\n listaAutorizacaoFornecimentoStatus != undefined && listaStatusAutorizacaoFornecimento != undefined &&\r\n listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true).length > 0 &&\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true)[0].id).length > 0\r\n ?\r\n true :\r\n false\r\n }\r\n >Novo Item\r\n \r\n \r\n
\r\n
\r\n }*/\r\n columns={[\r\n {\r\n title: 'Código/Descrição Item', field: 'subitem',\r\n editable: 'onAdd',\r\n filterComponent: (props) => {\r\n return (\r\n \r\n \r\n Exportar Item\r\n \r\n {({ blob, url, loading, error }) => (loading ? 'Carregando subitems...' : 'Exportar como PDF')}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n //Verifica o status da autorização\r\n idAutorizacaoFornecimento != undefined ?\r\n listaAutorizacaoFornecimentoStatus != undefined && listaStatusAutorizacaoFornecimento != undefined &&\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true).length > 0 &&\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true)[0].id).length > 0\r\n ?\r\n
\r\n
\r\n
\r\n \r\n \r\n x.finalizaAutorizacao == true).length > 0 &&\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true).length > 0\r\n ?\r\n // Verifica se o usuário tem a permissão de cancelar a autorização\r\n (listaContratoUsuario.filter((contratoUsu) => contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === autorizacaoFornecimentoCompleto.solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato\r\n && contratoUsu.cancelaAutorizacao === true).length === 0)\r\n ?\r\n true\r\n :\r\n // Verifica se a autorização ja esta finalizada ou cancelada\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true)[0].id).length > 0\r\n ||\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true)[0].id).length > 0\r\n ?\r\n true\r\n :\r\n false\r\n :\r\n null\r\n }\r\n variant={\"danger\"}\r\n style={{ width: '100%' }}\r\n onClick={() => CancelarStatusClick(\"Cancelado\")}>\r\n Cancelar Autorização\r\n \r\n :\r\n ''\r\n }\r\n \r\n\r\n ExcluirUltimoStatus()}>\r\n Voltar status\r\n \r\n : ''\r\n }\r\n \r\n\r\n ExcluirAutorizacaoFornecimento()}>\r\n Excluir AF\r\n \r\n : ''\r\n }\r\n \r\n\r\n x.finalizaAutorizacao == true).length > 0 &&\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.finalizaAutorizacao == true)[0].id).length > 0\r\n ? false : true}\r\n hidden={listaContratoUsuario && autorizacaoFornecimentoCompleto && listaContratoUsuario.filter((contratoUsu) => contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === autorizacaoFornecimentoCompleto.solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato\r\n && contratoUsu.reabrirAutorizacao === true).length === 0\r\n ?\r\n true : false}\r\n variant={\"danger\"}\r\n style={{ width: '100%' }}\r\n onClick={(e) => (ReabrirAFStatus(), e.currentTarget.disabled=true)}>\r\n Reabrir Autorização\r\n \r\n \r\n\r\n\r\n
\r\n
\r\n }\r\n columns={[\r\n {\r\n title: 'Status', field: 'status', cellStyle: {\r\n width: '40%'\r\n }\r\n },\r\n {\r\n title: 'Nome', field: 'usuario', cellStyle: {\r\n width: '20%'\r\n }\r\n },\r\n {\r\n title: 'Data', field: 'dataInclusao', cellStyle: {\r\n width: '20%'\r\n }\r\n },\r\n {\r\n title: 'Ação', field: 'aprovacao', cellStyle: {\r\n width: '20%'\r\n }\r\n }\r\n ]}\r\n data={\r\n idAutorizacaoFornecimento != undefined &&\r\n listaStatusAutorizacaoFornecimento != undefined && listaAutorizacaoFornecimentoStatus != undefined ?\r\n listaAutorizacaoFornecimentoStatus.map(status => {\r\n return {\r\n observacao: status.observacao,\r\n status:\r\n status.statusAutorizacaoFornecimento != null &&\r\n status.statusAutorizacaoFornecimento.cancelaAutorizacao == true ?\r\n {status.statusAutorizacaoFornecimento.descricao}
\r\n : {status.statusAutorizacaoFornecimento.descricao}
,\r\n usuario:\r\n status.usuario != null ?\r\n status.usuario.nome\r\n : '',\r\n dataInclusao: moment(status.dataStatus).format('L LT'),\r\n aprovacao:\r\n listaAutorizacaoFornecimentoStatus != undefined && listaStatusAutorizacaoFornecimento != undefined &&\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true).length > 0 &&\r\n listaAutorizacaoFornecimentoStatus.filter(x => x.idStatusAutorizacaoFornecimento ==\r\n listaStatusAutorizacaoFornecimento.filter(x => x.cancelaAutorizacao == true)[0].id).length > 0 ?\r\n // Se o status atual é cancelado, libera o botão de reativar autorização\r\n status.statusAutorizacaoFornecimento.cancelaAutorizacao == true ?\r\n {statusSol.descricao}
,\r\n usuario: '',\r\n dataInclusao: '',\r\n aprovacao:\r\n listaAutorizacaoFornecimentoStatus != undefined && listaStatusAutorizacaoFornecimento != undefined && listaAutorizacaoFornecimentoStatus.filter\r\n (x => x.idStatusAutorizacaoFornecimento == statusSol.idStatusAutorizacaoAnterior).length > 0 &&\r\n listaStatusAutorizacaoFornecimento.filter(x => x.id == statusSol.idStatusAutorizacaoAnterior).length > 0 ?\r\n \r\n Usuário do status:\r\n
\r\n \r\n rowData.statusCancela == true ?\r\n
\r\n \r\n )\r\n}","export function ListarHistoricoAutorizacaoFornecimentoEmpenhoRequest(IdAutorizacaoFornecimento) {\r\n return {\r\n type: 'LISTAR_HISTORICO_AUTORIZACAO_FORNECIMENTO_EMPENHO_REQUEST',\r\n IdAutorizacaoFornecimento\r\n }\r\n}\r\n\r\nexport function ListarHistoricoAutorizacaoFornecimentoEmpenhoResponse(listaHistoricoAutorizacaoFornecimentoEmpenho) {\r\n return {\r\n type: 'LISTAR_HISTORICO_AUTORIZACAO_FORNECIMENTO_EMPENHO_RESPONSE',\r\n listaHistoricoAutorizacaoFornecimentoEmpenho\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Col, Form } from \"react-bootstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { ListarHistoricoAutorizacaoFornecimentoEmpenhoRequest } from \"../../../store/modules/historicoAutorizacaoFornecimentoEmpenho/actions\";\r\nimport { ListarAutorizacaoFornecimentoSubitemCustoRequest } from \"../../../store/modules/autorizacaoFornecimentoSubitemCusto/actions\";\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function HistoricoEmpenho() {\r\n\r\n const { idAutorizacaoFornecimento } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n const listaHistoricoAutorizacaoFornecimentoEmpenho = useSelector(state => state.historicoAutorizacaoFornecimentoEmpenho.listaHistoricoAutorizacaoFornecimentoEmpenho);\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n if (idAutorizacaoFornecimento !== undefined) {\r\n dispatch(ListarHistoricoAutorizacaoFornecimentoEmpenhoRequest(idAutorizacaoFornecimento));\r\n\r\n var data = {\r\n 'IdAutorizacaoFornecimento': parseInt(idAutorizacaoFornecimento)\r\n }\r\n\r\n dispatch(ListarAutorizacaoFornecimentoSubitemCustoRequest(data));\r\n }\r\n\r\n\r\n }, [idAutorizacaoFornecimento])\r\n\r\n return (\r\n <>\r\n {rowData.status}
\r\n :\r\n {rowData.status}
\r\n },\r\n {\r\n title: 'Observação', field: 'observacao', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Data', field: 'dataStatus', defaultSort: 'desc', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Nome usuário', field: 'usuario', cellStyle: {\r\n width: '25%'\r\n }\r\n }\r\n ]}\r\n data={\r\n listaCompletoAutorizacaoFornecimentoStatus != undefined ?\r\n listaCompletoAutorizacaoFornecimentoStatus.map(autorizacaoStatus => {\r\n return {\r\n status:\r\n autorizacaoStatus.statusAutorizacaoFornecimento != null ?\r\n autorizacaoStatus.statusAutorizacaoFornecimento.descricao : '',\r\n dataStatus: moment(autorizacaoStatus.dataStatus).format('L LTS'),\r\n usuario: autorizacaoStatus.usuario != null ? autorizacaoStatus.usuario.nome : '',\r\n observacao: autorizacaoStatus.observacao,\r\n statusCancela: autorizacaoStatus.statusAutorizacaoFornecimento.cancelaAutorizacao\r\n }\r\n })\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n \r\n \r\n {\r\n return {\r\n usuario: listaHistorico.usuario.nome,\r\n autorizacao: listaHistorico.autorizacaoFornecimento.numeroAf,\r\n empenho: listaHistorico.empenho.descricao,\r\n descricao: listaHistorico.descricao,\r\n data: moment(listaHistorico.dataInclusao).format('L LT'),\r\n acao: listaHistorico.nomeAcao != null && listaHistorico.nomeAcao == \"Inserção\" ?\r\n
\r\n\r\n Total das Medições Empenhadas \r\n 0 ?\r\n (listaHistoricoAutorizacaoFornecimentoEmpenho[0].valorObraTotal).toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n })\r\n : null}\r\n disabled\r\n />\r\n
\r\n \r\n
\r\n \r\n )\r\n}","import { Card, Col, Row } from \"react-bootstrap\";\r\nimport { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Pie } from \"react-chartjs-2\";\r\nimport { useState } from 'react';\r\nimport { chartColors } from \"../../PageDashboard/colors\";\r\n\r\nexport default function Dashboard() {\r\n\r\n const listaRelatorioAutorizacaoFornecimentoSubitemCusto = useSelector(state => state.relatorio.listaRelatorioAutorizacaoFornecimentoSubitemCusto);\r\n const [listaDescricao, setListaDescricao] = useState([]);\r\n const [listaValor, setListaValor] = useState([]);\r\n\r\n useEffect(() => {\r\n\r\n if (listaRelatorioAutorizacaoFornecimentoSubitemCusto !== undefined) {\r\n ListarProjecao();\r\n }\r\n\r\n }, [listaRelatorioAutorizacaoFornecimentoSubitemCusto])\r\n\r\n function ListarProjecao() {\r\n\r\n let listaDesc = [];\r\n let listaValorTotal = [];\r\n\r\n if (listaRelatorioAutorizacaoFornecimentoSubitemCusto != undefined && listaRelatorioAutorizacaoFornecimentoSubitemCusto.length != 0) {\r\n\r\n if (listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorTotal -\r\n listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorAtual <= 0) {\r\n /*listaDesc.push(\"Valor ainda não utilizado na Autorização (\" + (0).toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n }) + \")\");*/\r\n } else {\r\n listaDesc.push(\"Valor ainda não utilizado na Autorização (\" + (listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorTotal -\r\n listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorAtual).toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n }) + \")\");\r\n }\r\n\r\n listaDesc.push(\"Valor utilizado na Autorização (\" + listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorAtual.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n }) + \")\");\r\n if (listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorTotal -\r\n listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorAtual <= 0) {\r\n //listaValorTotal.push(0);\r\n } else {\r\n listaValorTotal.push(listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorTotal -\r\n listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorAtual);\r\n }\r\n\r\n listaValorTotal.push(listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorAtual);\r\n }\r\n\r\n setListaDescricao(listaDesc);\r\n setListaValor(listaValorTotal);\r\n }\r\n\r\n return (\r\n <>\r\n {listaHistorico.nomeAcao}
\r\n :\r\n listaHistorico.nomeAcao != null && listaHistorico.nomeAcao == \"Transferência\" ?\r\n {listaHistorico.nomeAcao}
\r\n :\r\n listaHistorico.nomeAcao != null && listaHistorico.nomeAcao == \"Remoção\" ?\r\n {listaHistorico.nomeAcao}
\r\n : '',\r\n percentual: listaHistorico.nomeAcao != null && listaHistorico.nomeAcao == \"Remoção\" ?\r\n \"A autorização foi removida deste empenho\"\r\n :\r\n listaHistorico.nomeAcao != null && listaHistorico.nomeAcao == \"Transferência\" ?\r\n \"Foi transferido \" + ((listaHistorico.valorAutorizacaoEmpenhoTotal / listaHistorico.valorObraTotal) * 100).toFixed(2) +\r\n \"% do total das medições empenhadas\" + \" para o empenho \" + listaHistorico.empenho.descricao +\r\n \" - valor empenhado \" + (listaHistorico.valorAutorizacaoEmpenhoTotal).toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n })\r\n :\r\n \"Foi inserido no empenho \" + listaHistorico.empenho.descricao + \", \" +\r\n ((listaHistorico.valorAutorizacaoEmpenhoTotal / listaHistorico.valorObraTotal) * 100).toFixed(2) +\r\n \"% do total das medições empenhadas\" +\r\n \" - valor empenhado \" + (listaHistorico.valorAutorizacaoEmpenhoTotal).toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n }),\r\n valorMedicoes: (listaHistorico.valorObraTotal).toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n }),\r\n }\r\n })\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Gráfico do valor utilizado da Autorização - Valor total da AF: {listaRelatorioAutorizacaoFornecimentoSubitemCusto != undefined\r\n && listaRelatorioAutorizacaoFornecimentoSubitemCusto.length != 0 ?\r\n listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorTotal.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n }) : ''}\r\n \r\n \r\n \r\n \r\n\r\n \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 { Col, Card, Tabs, Tab } from \"react-bootstrap\";\r\nimport { MdAssignment } from 'react-icons/md';\r\nimport { useParams, useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useEffect } from \"react\";\r\nimport { BuscarAutorizacaoFornecimentoPorIdRequest } from \"../../../store/modules/autorizacaoFornecimento/actions\";\r\nimport AutorizacaoFornecimento from \"../AutorizacaoFornecimento/autorizacaoFornecimento\";\r\nimport Subitem from \"../SubItem/subitem\";\r\nimport Status from \"../Status/status\";\r\nimport Medicoes from \"../Medicoes/medicoes\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport HistoricoStatus from \"../HistoricoStatus/historicoStatus\";\r\nimport HistoricoEmpenho from \"../HistoricoEmpenho/historicoEmpenho\";\r\nimport Dashboard from \"../Dashboard/dashboard\";\r\n\r\nexport default function Abas() {\r\n\r\n const { idAutorizacaoFornecimento } = useParams();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n const autorizacaoFornecimento = useSelector(state => state.autorizacaoFornecimento.autorizacaoFornecimento);\r\n\r\n useEffect(() => {\r\n dispatch(BuscarAutorizacaoFornecimentoPorIdRequest(idAutorizacaoFornecimento));\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (autorizacaoFornecimento !== null &&\r\n autorizacaoFornecimento !== undefined &&\r\n usuario.usuarioFornecedor === true &&\r\n autorizacaoFornecimento.solicitacaoFornecimentoVersao.solicitacaoFornecimento.idFornecedor !== usuario.fornecedor.idFornecedor) {\r\n history.push('/');\r\n }\r\n\r\n }, [autorizacaoFornecimento])\r\n\r\n return (\r\n <>\r\n \r\n {\r\n\r\n let sum = 0;\r\n let dataArr = ctx.chart.data.datasets[0].data;\r\n dataArr.map(data => {\r\n sum += data;\r\n });\r\n let percentage = (value * 100 / (listaRelatorioAutorizacaoFornecimentoSubitemCusto != undefined ?\r\n listaRelatorioAutorizacaoFornecimentoSubitemCusto.valorTotal : 1)).toFixed(2) + \"%\";\r\n return percentage;\r\n },\r\n color: '#000',\r\n }\r\n }\r\n }}\r\n height={500}\r\n width={500}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Form, Row, Col, Alert } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { BuscarMedicaoAutorizacaoFornecimentoPorIdRequest, LimparMedicao } from \"../../../store/modules/medicaoAutorizacaoFornecimento/actions\";\r\nimport { ListarMedicaoAutorizacaoFornecimentoStatusRequest } from \"../../../store/modules/medicaoAutorizacaoFornecimentoStatus/actions\";\r\nimport { ListarAutorizacaoFornecimentoSubitemCustoRequest } from \"../../../store/modules/autorizacaoFornecimentoSubitemCusto/actions\";\r\nimport { ListarStatusMedicaoAutorizacaoFornecimentoRequest } from \"../../../store/modules/statusMedicaoAutorizacaoFornecimento/actions\";\r\nimport { toast } from \"react-toastify\";\r\nimport Loading from '../../../components/Loading/loading';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function MedicaoAutorizacaoFornecimento() {\r\n\r\n const { idMedicao } = useParams();\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n const medicaoAutorizacaoFornecimentoCompleto = useSelector(state => state.medicaoAutorizacaoFornecimento.medicaoAutorizacaoFornecimentoCompleto);\r\n const listaStatusMedicaoAutorizacaoFornecimento = useSelector(state => state.statusMedicaoAutorizacaoFornecimento.listaStatusMedicaoAutorizacaoFornecimento);\r\n const listaAutorizacaoFornecimentoSubitemCusto = useSelector(state => state.autorizacaoFornecimentoSubitemCusto.listaAutorizacaoFornecimentoSubitemCusto);\r\n const listaMedicaoAutorizacaoFornecimentoStatus = useSelector(state => state.medicaoAutorizacaoFornecimentoStatus.listaMedicaoAutorizacaoFornecimentoStatus);\r\n\r\n const [numeroMedicaoAF, setNumeroMedicaoAF] = useState(\"\");\r\n const [idUsuario, setIdUsuario] = useState(\"\");\r\n const [observacao, setObservacao] = useState(\"\");\r\n const [numeroAf, setNumeroAf] = useState(\"\");\r\n const [dataInclusao, setDataInclusao] = useState(\"\");\r\n const [carregandoTime, setCarregandoTime] = useState(false);\r\n const [valorObra, setValorObra] = useState('');\r\n const [valorTotalMedicao, setValorTotalMedicao] = useState(0);\r\n\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"MedicaoAutorizacaoFornecimentoMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarStatusMedicaoAutorizacaoFornecimentoRequest());\r\n\r\n if (idMedicao !== undefined) {\r\n dispatch(ListarMedicaoAutorizacaoFornecimentoStatusRequest(idMedicao));\r\n dispatch(BuscarMedicaoAutorizacaoFornecimentoPorIdRequest(idMedicao));\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n var valorObraAtual = 0;\r\n\r\n if (listaAutorizacaoFornecimentoSubitemCusto != undefined) {\r\n\r\n listaAutorizacaoFornecimentoSubitemCusto.map(lista => {\r\n\r\n valorObraAtual += (lista.subitemCusto.valorUnitario * lista.quantidade)\r\n })\r\n\r\n }\r\n setValorObra(\"R$ \" + valorObraAtual.toFixed(2));\r\n\r\n }, [listaAutorizacaoFornecimentoSubitemCusto])\r\n\r\n useEffect(() => {\r\n\r\n if (medicaoAutorizacaoFornecimentoCompleto != null && medicaoAutorizacaoFornecimentoCompleto.idAutorizacaoFornecimento != null) {\r\n var data = {\r\n 'IdAutorizacaoFornecimento': parseInt(medicaoAutorizacaoFornecimentoCompleto.idAutorizacaoFornecimento)\r\n }\r\n\r\n dispatch(ListarAutorizacaoFornecimentoSubitemCustoRequest(data));\r\n }\r\n\r\n if (medicaoAutorizacaoFornecimentoCompleto != null && medicaoAutorizacaoFornecimentoCompleto.usuario != null\r\n && medicaoAutorizacaoFornecimentoCompleto.id == parseInt(idMedicao) && medicaoAutorizacaoFornecimentoCompleto.autorizacaoFornecimento !== undefined &&\r\n medicaoAutorizacaoFornecimentoCompleto.autorizacaoFornecimento !== null) {\r\n carregarMedicaoAutorizacaoFornecimento();\r\n }\r\n\r\n }, [medicaoAutorizacaoFornecimentoCompleto])\r\n\r\n useEffect(() => () =>\r\n dispatch(LimparMedicao())\r\n , []);\r\n\r\n function carregarMedicaoAutorizacaoFornecimento() {\r\n setNumeroMedicaoAF(medicaoAutorizacaoFornecimentoCompleto.id);\r\n setIdUsuario(medicaoAutorizacaoFornecimentoCompleto.usuario.nome);\r\n setObservacao(medicaoAutorizacaoFornecimentoCompleto.observacao);\r\n setNumeroAf(medicaoAutorizacaoFornecimentoCompleto.autorizacaoFornecimento.numeroAf);\r\n setDataInclusao(medicaoAutorizacaoFornecimentoCompleto.dataMedicao);\r\n setValorTotalMedicao(\"R$ \" + medicaoAutorizacaoFornecimentoCompleto.valorTotalMedicao.toFixed(2));\r\n setCarregandoTime(true);\r\n }\r\n\r\n return (\r\n <>\r\n {\r\n carregandoTime ?\r\n \r\n \r\n \r\n A Medição está Cancelada!\r\n \r\n \r\n :\r\n (idMedicao != undefined) && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaStatusMedicaoAutorizacaoFornecimento != undefined &&\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true)[0].id).length > 0\r\n ?\r\n \r\n A Medição está Finalizada!\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n
\r\n :\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {\r\n inserir == true ?\r\n (idMedicao != undefined && idAutorizacaoFornecimento != undefined &&\r\n autorizacaoFornecimentoCompleto != null &&\r\n autorizacaoFornecimentoCompleto.solicitacaoFornecimentoVersao != null &&\r\n autorizacaoFornecimentoCompleto.solicitacaoFornecimentoVersao.solicitacaoFornecimento != null &&\r\n autorizacaoFornecimentoCompleto.solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao != null &&\r\n autorizacaoFornecimentoCompleto.solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato != null &&\r\n listaContratoUsuario != undefined && listaMedicaoAutorizacaoFornecimentoStatus != undefined &&\r\n listaStatusMedicaoAutorizacaoFornecimento != undefined\r\n ?\r\n // Verifica se o usuário tem permissao de cancelar\r\n (listaContratoUsuario.filter((contratoUsu) => contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === autorizacaoFornecimentoCompleto.solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato\r\n && contratoUsu.cancelaMedicao === true).length === 0)\r\n ? ''\r\n :\r\n // Verifica se medição esta cancelada ou finalizada\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.cancelaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.cancelaMedicao == true)[0].id).length > 0\r\n ||\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true)[0].id).length > 0\r\n ?\r\n ''\r\n :\r\n InserirMedicaoStatusCancelado(\"Cancelado\")}>\r\n Cancelar Medição\r\n \r\n :\r\n null)\r\n :\r\n ''\r\n }\r\n {\r\n inserir == true ?\r\n ((idMedicao != undefined) && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaStatusMedicaoAutorizacaoFornecimento != undefined &&\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true)[0].id).length > 0 ?\r\n ReabrirMedicao()}>\r\n Reabrir Medição\r\n \r\n :\r\n '')\r\n :\r\n ''\r\n }\r\n
\r\n }\r\n columns={[\r\n {\r\n title: 'Status', field: 'status', cellStyle: {\r\n width: '40%'\r\n }\r\n },\r\n {\r\n title: 'Nome', field: 'usuario', cellStyle: {\r\n width: '20%'\r\n }\r\n },\r\n {\r\n title: 'Data', field: 'dataInclusao', cellStyle: {\r\n width: '20%'\r\n }\r\n },\r\n {\r\n title: 'Ação', field: 'aprovacao', cellStyle: {\r\n width: '20%'\r\n }\r\n }\r\n ]}\r\n data={\r\n idMedicao != undefined &&\r\n listaStatusMedicaoAutorizacaoFornecimento != undefined && listaMedicaoAutorizacaoFornecimentoStatus != undefined ?\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento != 5).map(status => {\r\n return {\r\n observacao: status.observacaoCancelado,\r\n status:\r\n status.statusMedicaoAutorizacaoFornecimento != null &&\r\n status.statusMedicaoAutorizacaoFornecimento.cancelaMedicao == true ?\r\n {status.statusMedicaoAutorizacaoFornecimento.descricao}
\r\n : {status.statusMedicaoAutorizacaoFornecimento.descricao}
,\r\n usuario:\r\n status.usuario != null &&\r\n status.usuario.nome,\r\n dataInclusao: moment(status.dataStatus).format('L LT'),\r\n aprovacao:\r\n // Se o status da medição for cancelado, libera o botão para reativar\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.cancelaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.cancelaMedicao == true)[0].id).length > 0 ?\r\n status.statusMedicaoAutorizacaoFornecimento != null &&\r\n status.statusMedicaoAutorizacaoFornecimento.cancelaMedicao == true ?\r\n {statusSol.descricao}
,\r\n usuario: '',\r\n dataInclusao: '',\r\n aprovacao:\r\n // Verifica se o status atual é o anterior dele, se sim, libera o botao de mudar status\r\n (listaMedicaoAutorizacaoFornecimentoStatus.filter\r\n (x => x.idStatusMedicaoAutorizacaoFornecimento == statusSol.idStatusMedicaoAutorizacaoFornecimentoAnterior).length > 0)\r\n ?\r\n \r\n Adicionar Fotos\r\n :\r\n ''\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Registro\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeRegistroFotografico', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '22.5%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaMedicaoAutorizacaoFornecimentoRegistroFotografico != undefined ?\r\n listaMedicaoAutorizacaoFornecimentoRegistroFotografico.map(doc => {\r\n return {\r\n id: doc.id,\r\n nomeRegistroFotografico: doc.nomeRegistroFotografico,\r\n usuario:\r\n doc.usuario != null ?\r\n doc.usuario.nome\r\n : '',\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n fotoGuid: doc.fotoGuid,\r\n latitude: doc.latitude,\r\n longitude: doc.longitude,\r\n idMedicaoAutorizacaoFornecimento: doc.idMedicaoAutorizacaoFornecimento,\r\n idUsuario: doc.idUsuario\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n inserir == true ?\r\n setTimeout(() => {\r\n AlterarRegistroFotografico(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n idMedicao != undefined && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1] != null && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento != null &&\r\n listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento.somenteLeitura == false\r\n ?\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n excluir == true ?\r\n setTimeout(() => {\r\n ExcluirRegistroFotografico(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n :\r\n null\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'visibility',\r\n onClick: (event, rowData) => { VisualizarRegistroFotografico(rowData) }\r\n }),\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarRegistroFotografico(rowData.id)\r\n }\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n \r\n A Medição está Cancelada!\r\n \r\n \r\n :\r\n (idMedicao != undefined) && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaStatusMedicaoAutorizacaoFornecimento != undefined &&\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true)[0].id).length > 0\r\n ?\r\n \r\n A Medição está Finalizada!\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n
\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n acceptedFiles={['image/png, image/jpeg, image/jpg']}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n
\r\n \r\n Adicionar Documentos\r\n :\r\n '')\r\n :\r\n ''\r\n\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Documento\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeArquivo', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Tipo Documento Arquivo\", field: 'tipoDocumentoArquivo', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '22.5%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n documentos != undefined && listaTipoDocumentoArquivo != undefined ?\r\n documentos.map(doc => {\r\n return {\r\n id: doc.id,\r\n nomeArquivo: doc.nomeArquivo,\r\n tipoDocumentoArquivo:\r\n doc.tipoDocumentoArquivo != null ?\r\n doc.tipoDocumentoArquivo.descricao\r\n :\r\n '',\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n documentoArquivoGuid: doc.documentoArquivoGuid,\r\n idSolicitacaoFornecimento: doc.idSolicitacaoFornecimento,\r\n idTipoDocumentoArquivo: doc.idTipoDocumentoArquivo,\r\n idMedicaoAutorizacaoFornecimento: doc.idMedicaoAutorizacaoFornecimento,\r\n idUsuario: doc.idUsuario\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n alterar == true ?\r\n setTimeout(() => {\r\n AlterarDocumentoArquivo(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n idMedicao != undefined && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1] != undefined && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento != null &&\r\n listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento.somenteLeitura == false\r\n ?\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n excluir == true ?\r\n setTimeout(() => {\r\n ExcluirDocumentoArquivo(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n :\r\n null\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarDocumentoArquivo(rowData.id)\r\n },\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n \r\n A Medição está Cancelada!\r\n \r\n \r\n :\r\n (idMedicao != undefined) && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaStatusMedicaoAutorizacaoFornecimento != undefined &&\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true)[0].id).length > 0\r\n ?\r\n \r\n A Medição está Finalizada!\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n
\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={500000000}\r\n />\r\n
\r\n \r\n Adicionar Fotos\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Registro\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeRegistroFotografico', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '22.5%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaMedicaoAutorizacaoFornecimentoOcorrenciaRegFoto != undefined ?\r\n listaMedicaoAutorizacaoFornecimentoOcorrenciaRegFoto.map(lista => {\r\n return {\r\n id: lista.id,\r\n idMedicaoAutorizacaoFornecimentoOcorrencia: lista.idMedicaoAutorizacaoFornecimentoOcorrencia,\r\n latitude: lista.latitude,\r\n longitude: lista.longitude,\r\n fotoGuid: lista.fotoGuid,\r\n nomeRegistroFotografico: lista.nomeRegistroFotografico,\r\n descricaoExtensaoArquivo: lista.descricaoExtensaoArquivo,\r\n usuario: lista.usuario.nome,\r\n dataInclusao: moment(lista.dataInclusao).format('L LT'),\r\n observacao: lista.observacao,\r\n dataInclusaoApi: lista.dataInclusao,\r\n idUsuario: lista.idUsuario\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n AlterarRegistroFotograficoOcorrencia(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n ExcluirRegistroFotograficoOcorrencia(oldData.id);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'visibility',\r\n onClick: (event, rowData) => { VisualizarRegistroFotograficoOcorrencia(rowData) }\r\n }),\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarRegistroFotograficoOcorrencia(rowData.id)\r\n }\r\n ]}\r\n localization={{\r\n header: {\r\n actions: ''\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n
\r\n\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n acceptedFiles={['image/png, image/jpeg, image/jpg']}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n rowData.statusCancela == true ?\r\n
\r\n \r\n )\r\n}","import { Col, Card, Tabs, Tab } from \"react-bootstrap\";\r\nimport { MdAssignment } from 'react-icons/md';\r\nimport { useParams, useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useEffect, useState } from \"react\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport MedicaoAutorizacaoFornecimento from '../MedicaoAutorizacaoFornecimento/medicaoAutorizacaoFornecimento'\r\nimport Subitem from '../Subitem/subitem';\r\nimport Status from '../Status/status';\r\nimport RegistroFotografico from '../RegistroFotografico/registroFotografico';\r\nimport DocumentoArquivo from '../DocumentoArquivo/documentoArquivo';\r\nimport Ocorrencia from '../Ocorrencia/ocorrencia';\r\nimport HistoricoStatus from '../HistoricoStatus/historicoStatus';\r\nimport { BuscarAutorizacaoFornecimentoPorIdRequest } from \"../../../store/modules/autorizacaoFornecimento/actions\";\r\n\r\nexport default function Abas() {\r\n\r\n const { idMedicao, idAutorizacaoFornecimento } = useParams();\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n const autorizacaoFornecimento = useSelector(state => state.autorizacaoFornecimento.autorizacaoFornecimento);\r\n \r\n useEffect(() => {\r\n dispatch(BuscarAutorizacaoFornecimentoPorIdRequest(idAutorizacaoFornecimento));\r\n }, [])\r\n\r\n useEffect(() => {\r\n \r\n if (autorizacaoFornecimento != null &&\r\n autorizacaoFornecimento != undefined &&\r\n usuario.usuarioFornecedor == true &&\r\n autorizacaoFornecimento.solicitacaoFornecimentoVersao.solicitacaoFornecimento.idFornecedor != usuario.fornecedor.idFornecedor) {\r\n history.push('/');\r\n }\r\n }, [autorizacaoFornecimento])\r\n\r\n return (\r\n <>\r\n {rowData.status}
\r\n :\r\n {rowData.status}
\r\n },\r\n {\r\n title: 'Nome usuário', field: 'usuario', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Data', field: 'dataInclusao', defaultSort: 'desc', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Observação', field: 'observacaoCancelado', cellStyle: {\r\n width: '25%'\r\n }\r\n }\r\n ]}\r\n data={\r\n listaCompletoMedicaoAutorizacaoFornecimentoStatus != undefined ?\r\n listaCompletoMedicaoAutorizacaoFornecimentoStatus.map(medicaoStatus => {\r\n return {\r\n status:\r\n medicaoStatus.statusMedicaoAutorizacaoFornecimento != null ?\r\n medicaoStatus.statusMedicaoAutorizacaoFornecimento.descricao : '',\r\n dataInclusao: moment(medicaoStatus.dataStatus).format('L LTS'),\r\n usuario: medicaoStatus.usuario != null ? medicaoStatus.usuario.nome : '',\r\n observacaoCancelado: medicaoStatus.observacaoCancelado,\r\n statusCancela: medicaoStatus.statusMedicaoAutorizacaoFornecimento.cancelaMedicao\r\n }\r\n })\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","export function ListarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(id) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_DOC_ARQ_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function ListarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqResponse(listaAutorizacaoFornecimentoSubitemCustoMedicaoDocArq) {\r\n return {\r\n type: 'LISTAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_DOC_ARQ_RESPONSE',\r\n listaAutorizacaoFornecimentoSubitemCustoMedicaoDocArq\r\n }\r\n}\r\n\r\nexport function InserirAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(data, id) {\r\n return {\r\n type: 'INSERIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_DOC_ARQ_REQUEST',\r\n data,\r\n id\r\n }\r\n}\r\n\r\nexport function AlterarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(data, id) {\r\n return {\r\n type: 'ALTERAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_DOC_ARQ_REQUEST',\r\n data,\r\n id\r\n }\r\n}\r\n\r\nexport function ExcluirAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(id, idMedicao) {\r\n return {\r\n type: 'EXCLUIR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_DOC_ARQ_REQUEST',\r\n id,\r\n idMedicao\r\n }\r\n}\r\n\r\nexport function BaixarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(id) {\r\n return {\r\n type: 'BAIXAR_AUTORIZACAO_FORNECIMENTO_SUBITEM_CUSTO_MEDICAO_DOC_ARQ_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useEffect, useState } from \"react\";\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport { Button, Alert, Row, Col, Modal, Form } from \"react-bootstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { ListarTipoDocumentoArquivoRequest } from \"../../../store/modules/tipoDocumentoArquivo/actions\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport {\r\n AlterarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest,\r\n BaixarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest, ExcluirAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest, InserirAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest, ListarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest\r\n} from \"../../../store/modules/autorizacaoFornecimentoSubitemCustoMedicaoDocArq/actions\";\r\nimport { ListarMedicaoAutorizacaoFornecimentoStatusRequest } from \"../../../store/modules/medicaoAutorizacaoFornecimentoStatus/actions\";\r\nimport { ListarStatusMedicaoAutorizacaoFornecimentoRequest } from \"../../../store/modules/statusMedicaoAutorizacaoFornecimento/actions\";\r\nimport { toast } from \"react-toastify\";\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function DocumentoArquivo() {\r\n\r\n const { idMedicao, idMedicaoSubItem } = useParams();\r\n const dispatch = useDispatch();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n\r\n const documentos = useSelector(state => state.autorizacaoFornecimentoSubitemCustoMedicaoDocArq.listaAutorizacaoFornecimentoSubitemCustoMedicaoDocArq);\r\n const listaTipoDocumentoArquivo = useSelector(state => state.tipoDocumentoArquivo.listaTipoDocumentoArquivo);\r\n const listaStatusMedicaoAutorizacaoFornecimento = useSelector(state => state.statusMedicaoAutorizacaoFornecimento.listaStatusMedicaoAutorizacaoFornecimento);\r\n const listaMedicaoAutorizacaoFornecimentoStatus = useSelector(state => state.medicaoAutorizacaoFornecimentoStatus.listaMedicaoAutorizacaoFornecimentoStatus);\r\n\r\n const [listaFile, setListaFile] = useState([]);\r\n const [observacao, setObservacao] = useState('');\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [tipoDocumentoArquivo, setTipoDocumentoArquivo] = useState();\r\n const [validated, setValidated] = useState(false);\r\n const [show, setShow] = useState(false);\r\n\r\n const handleClose = () => {\r\n setShow(false);\r\n setTipoDocumentoArquivo();\r\n setObservacao('');\r\n setValidated(false);\r\n }\r\n const handleShow = () => setShow(true);\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarStatusMedicaoAutorizacaoFornecimentoRequest());\r\n\r\n if (idMedicao !== undefined) {\r\n dispatch(ListarMedicaoAutorizacaoFornecimentoStatusRequest(idMedicao));\r\n }\r\n\r\n if (idMedicaoSubItem != undefined) {\r\n dispatch(ListarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(idMedicaoSubItem));\r\n dispatch(ListarTipoDocumentoArquivoRequest());\r\n }\r\n\r\n }, [idMedicaoSubItem])\r\n\r\n const handleSubmit = (event) => {\r\n\r\n if (tipoDocumentoArquivo == undefined || tipoDocumentoArquivo == '') {\r\n event.preventDefault();\r\n setValidated(true);\r\n } else {\r\n InserirDocumentoArquvio(event);\r\n setValidated(false);\r\n }\r\n };\r\n\r\n function InserirDocumentoArquvio() {\r\n\r\n let formData = new FormData();\r\n\r\n if (listaFile.length > 0) {\r\n for (var x = 0; x < listaFile.length; x++) {\r\n formData.append('File', listaFile[x]);\r\n formData.append('IdSubItem', idMedicaoSubItem);\r\n formData.append('IdUsuario', usuario.id);\r\n formData.append('IdTipoDocumentoArquivo', parseInt(tipoDocumentoArquivo));\r\n if (observacao != '')\r\n formData.append('Observacao', observacao);\r\n }\r\n setListaFile([]);\r\n dispatch(InserirAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(formData, idMedicaoSubItem));\r\n handleClose();\r\n } else {\r\n toast.error('Para continuar insira um documento');\r\n }\r\n\r\n }\r\n\r\n function AlterarDocumentoArquvio(documentoArquivo, novoValorCampoEditado, colunaEditada) {\r\n\r\n // Valida alteração do campo nome arquivo\r\n if (colunaEditada.field == \"nomeArquivo\") {\r\n\r\n if (novoValorCampoEditado == null || novoValorCampoEditado == undefined\r\n || novoValorCampoEditado == ' ' || novoValorCampoEditado == '') {\r\n\r\n toast.error(`Nome do arquivo inválido`);\r\n return;\r\n }\r\n\r\n if (novoValorCampoEditado.length > 150) {\r\n toast.error(`O nome do arquivo não pode conter mais que 150 caracteres`);\r\n return;\r\n }\r\n }\r\n\r\n // Valida alteração do campo observação\r\n if (colunaEditada.field == \"observacao\") {\r\n if (novoValorCampoEditado.length > 500) {\r\n toast.error(`A observação não pode conter mais que 500 caracteres`);\r\n return;\r\n }\r\n }\r\n\r\n if (colunaEditada != null) {\r\n\r\n let data = {\r\n 'Id': documentoArquivo.id,\r\n 'IdAutorizacaoFornecimentoSubitemCustoMedicao': idMedicaoSubItem,\r\n 'NomeArquivo': colunaEditada.field == \"observacao\" ? documentoArquivo.nomeArquivo : novoValorCampoEditado,\r\n 'DescricaoExtensaoArquivo': documentoArquivo.descricaoExtensaoArquivo,\r\n 'DataInclusao': documentoArquivo.dataInclusaoApi,\r\n 'IdTipoDocumentoArquivo': documentoArquivo.idTipoDocumentoArquivo,\r\n 'DocumentoArquivoGuid': documentoArquivo.documentoArquivoGuid,\r\n 'IdUsuario': documentoArquivo.idUsuario,\r\n 'Observacao': colunaEditada.field == \"observacao\" ? novoValorCampoEditado : documentoArquivo.observacao\r\n };\r\n\r\n dispatch(AlterarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(data, idMedicaoSubItem));\r\n }\r\n }\r\n\r\n function ExcluirDocumentoArquvio(idDocumentoArquivo) {\r\n dispatch(ExcluirAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(idDocumentoArquivo, idMedicaoSubItem));\r\n }\r\n\r\n function BaixarDocumentoArquvio(idDocumentoArquivo) {\r\n dispatch(BaixarAutorizacaoFornecimentoSubitemCustoMedicaoDocArqRequest(idDocumentoArquivo));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n Adicionar Documentos\r\n :\r\n null\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Documento\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome Arquivo\", field: 'nomeArquivo', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Tipo Documento Arquivo\", field: 'tipoDocumentoArquivo', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Data Inclusão\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '22.5%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n documentos != undefined && listaTipoDocumentoArquivo != undefined ?\r\n documentos.map(doc => {\r\n return {\r\n id: doc.id,\r\n nomeArquivo: doc.nomeArquivo,\r\n tipoDocumentoArquivo:\r\n doc.tipoDocumentoArquivo != null ?\r\n doc.tipoDocumentoArquivo.descricao\r\n : '',\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n documentoArquivoGuid: doc.documentoArquivoGuid,\r\n idTipoDocumentoArquivo: doc.idTipoDocumentoArquivo,\r\n idUsuario: doc.idUsuario\r\n\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved:\r\n (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n AlterarDocumentoArquvio(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n idMedicao != undefined && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1] != null && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento != null &&\r\n listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento.somenteLeitura == false\r\n ?\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n ExcluirDocumentoArquvio(oldData.id);\r\n resolve()\r\n }, 1000)\r\n })\r\n :\r\n null\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarDocumentoArquvio(rowData.id)\r\n },\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n \r\n A Medição está Cancelada!\r\n \r\n \r\n :\r\n // Verificação se o status atual é o finalizado\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true)[0].id).length > 0\r\n ?\r\n \r\n A Medição está Finalizada!\r\n \r\n \r\n :\r\n ''\r\n :\r\n ''\r\n }\r\n \r\n
\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n Adicionar Fotos\r\n :\r\n null\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Registro\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeRegistroFotografico', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '22.5%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaAutorizacaoFornecimentoSubitemCustoMedicaoRegFoto != undefined ?\r\n listaAutorizacaoFornecimentoSubitemCustoMedicaoRegFoto.map(doc => {\r\n return {\r\n id: doc.id,\r\n nomeRegistroFotografico: doc.nomeRegistroFotografico,\r\n usuario: doc.usuario.nome,\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n fotoGuid: doc.fotoGuid,\r\n idAutorizacaoFornecimentoSubitemCustoMedicao: doc.idAutorizacaoFornecimentoSubitemCustoMedicao,\r\n idUsuario: doc.idUsuario,\r\n latitude: doc.latitude,\r\n longitude: doc.longitude,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved:\r\n (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n AlterarRegistroFotografico(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n idMedicao != undefined && listaMedicaoAutorizacaoFornecimentoStatus != undefined && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1] != null && listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento != null &&\r\n listaMedicaoAutorizacaoFornecimentoStatus\r\n [listaMedicaoAutorizacaoFornecimentoStatus.length - 1].statusMedicaoAutorizacaoFornecimento.somenteLeitura == false\r\n ?\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n ExcluirRegistroFotografico(oldData.id);\r\n resolve()\r\n }, 1000)\r\n })\r\n :\r\n null\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'visibility',\r\n onClick: (event, rowData) => { VisualizarRegistroFotografico(rowData) }\r\n }),\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarRegistroFotografico(rowData.id)\r\n }\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n \r\n A Medição está Cancelada!\r\n \r\n \r\n :\r\n // Verificação se o status atual é o finalizado\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true).length > 0 &&\r\n listaMedicaoAutorizacaoFornecimentoStatus.filter(x => x.idStatusMedicaoAutorizacaoFornecimento ==\r\n listaStatusMedicaoAutorizacaoFornecimento.filter(x => x.finalizaMedicao == true)[0].id).length > 0\r\n ?\r\n \r\n A Medição está Finalizada!\r\n \r\n \r\n :\r\n ''\r\n :\r\n ''\r\n }\r\n \r\n
\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n acceptedFiles={['image/png, image/jpeg, image/jpg']}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n
\r\n \r\n Adicionar Fotos\r\n\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Registro\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeRegistroFotografico', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Usuário\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '22.5%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '22.5%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaAutorizacaoFornecimentoSubitemCustoMedicaoOcorRegFoto != undefined ?\r\n listaAutorizacaoFornecimentoSubitemCustoMedicaoOcorRegFoto.map(lista => {\r\n return {\r\n id: lista.id,\r\n idAutorizacaoFornecimentoSubitemCustoMedOcor: lista.idAutorizacaoFornecimentoSubitemCustoMedOcor,\r\n latitude: lista.latitude,\r\n longitude: lista.longitude,\r\n fotoGuid: lista.fotoGuid,\r\n nomeRegistroFotografico: lista.nomeRegistroFotografico,\r\n descricaoExtensaoArquivo: lista.descricaoExtensaoArquivo,\r\n usuario: lista.usuario.nome,\r\n idUsuario: lista.idUsuario,\r\n dataInclusao: moment(lista.dataInclusao).format('L LT'),\r\n observacao: lista.observacao,\r\n dataInclusaoApi: lista.dataInclusao\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n AlterarRegistroFotograficoOcorrencia(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n ExcluirRegistroFotograficoOcorrencia(oldData.id);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n onRowClick={((evt, selectedRow) => setSelectedRow(selectedRow.tableData.id))}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'visibility',\r\n onClick: (event, rowData) => { VisualizarRegistroFotograficoOcorrencia(rowData) }\r\n }),\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarRegistroFotograficoOcorrencia(rowData.id)\r\n }\r\n ]}\r\n localization={{\r\n header: {\r\n actions: ''\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n
\r\n\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n acceptedFiles={['image/png, image/jpeg, image/jpg']}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \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 { Col, Button, Card } from \"react-bootstrap\";\r\nimport { IoDocumentText } from 'react-icons/io5';\r\nimport { Link } from 'react-router-dom';\r\nimport { ListarClienteRequest } from '../../../store/modules/cliente/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport { ListarFornecedorRequest } from '../../../store/modules/fornecedor/actions';\r\nimport { ListarOrigemContratoRequest } from '../../../store/modules/origemContrato/actions';\r\nimport { useEffect, useState } from \"react\";\r\nimport { ListarContratoUsuarioRequest } from '../../../store/modules/contratoUsuario/actions';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { ListarTipoPessoaRequest } from \"../../../store/modules/tipoPessoa/actions\";\r\nimport { ListarMunicipiosRequest } from \"../../../store/modules/municipio/actions\";\r\nimport Header from '../../../components/Header/header';\r\nimport Loading from '../../../components/Loading/loading';\r\nimport MaterialTable from 'material-table';\r\nimport { toast } from \"react-toastify\";\r\nimport Select from 'react-select';\r\n\r\nexport default function Listar() {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n\r\n const listaTipoPessoa = useSelector(state => state.tipoPessoa.listaTipoPessoa);\r\n const listaContratos = useSelector(state => state.contrato.listaContrato);\r\n const listaFornecedor = useSelector(state => state.fornecedor.listaFornecedor);\r\n const listaContratoUsuario = useSelector(state => state.contratoUsuario.listaContratoUsuario);\r\n const carregando = useSelector(state => state.contrato.carregando);\r\n const listaCliente = useSelector(state => state.cliente.listaCliente);\r\n const listaOrigemContrato = useSelector(state => state.origemContrato.listaOrigemContrato);\r\n const listaMunicipio = useSelector(state => state.municipio.listaMunicipio);\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [id, setId] = useState(0);\r\n\r\n //Permissão de Visualizar\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n useEffect(() => {\r\n if (token.role.filter(r => r == \"FornecedorMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarClienteRequest());\r\n dispatch(ListarFornecedorRequest());\r\n dispatch(ListarOrigemContratoRequest());\r\n dispatch(ListarTipoPessoaRequest());\r\n dispatch(ListarMunicipiosRequest());\r\n dispatch(ListarContratoUsuarioRequest());\r\n }, [])\r\n\r\n function ExcluirContrato(id) {\r\n if (id != 0) {\r\n //dispatch(ExcluirContratoRequest(id));\r\n setId(0);\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","import { useState, useEffect } from \"react\";\r\nimport { Row, Col, Form, Button } from \"react-bootstrap\";\r\nimport { ListarClienteRequest } from '../../../store/modules/cliente/actions';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { InserirFornecedorRequest, AlterarFornecedorRequest, BuscarFornecedorPorIdRequest, ListarFornecedorRequest } from \"../../../store/modules/fornecedor/actions\";\r\nimport { ListarMunicipiosRequest } from \"../../../store/modules/municipio/actions\";\r\nimport { ListarTipoPessoaRequest } from \"../../../store/modules/tipoPessoa/actions\";\r\nimport { useParams } from 'react-router-dom';\r\nimport InputMask from \"react-input-mask\";\r\nimport 'moment/locale/pt-br';\r\nimport moment from 'moment';\r\n\r\n\r\n\r\nexport default function Fornecedor() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n const listaFornecedor = useSelector(state => state.fornecedor.listaFornecedor);\r\n\r\n const listaCliente = useSelector(state => state.cliente.listaCliente);\r\n const listaTipoPessoa = useSelector(state => state.tipoPessoa.listaTipoPessoa);\r\n const listaMunicipio = useSelector(state => state.municipio.listaMunicipio);\r\n const fornecedorCompleto = useSelector(state => state.fornecedor.fornecedorCompleto);\r\n\r\n const [idCliente, setIdCliente] = useState('');\r\n const [idTipoPessoa, setIdTipoPessoa] = useState('');\r\n const [nomeFornecedor, setNomeFornecedor] = useState('');\r\n const [descricaoSite, setDescricaoSite] = useState('');\r\n const [numeroIdentidade, setNumeroIdentidade] = useState('');\r\n const [descricaoOrgaoEmissor, setDescricaoOrgaoEmissor] = useState('');\r\n const [numeroCpf, setNumeroCpf] = useState('');\r\n const [nomeFantasia, setNomeFantasia] = useState('');\r\n const [numeroCgc, setNumeroCgc] = useState('');\r\n const [numeroInscricaoEstadual, setNumeroInscricaoEstadual] = useState('');\r\n const [email, setEmail] = useState('');\r\n const [dddFixo, setDddFixo] = useState('');\r\n const [dddCelular, setDddCelular] = useState('');\r\n const [telefoneFixo, setTelefoneFixo] = useState('');\r\n const [telefoneCelular, setTelefoneCelular] = useState('');\r\n const [logradouro, setLogradouro] = useState('');\r\n const [numeroLocal, setNumeroLocal] = useState('');\r\n const [descricaoComplemento, setDescricaoComplemento] = useState('');\r\n const [bairro, setBairro] = useState('');\r\n const [cep, setCep] = useState('');\r\n const [municipio, setMunicipio] = useState('');\r\n const [ativo, setAtivo] = useState(false);\r\n const [validated, setValidated] = useState(false);\r\n\r\n const lista = listaFornecedor != undefined ?\r\n listaFornecedor.map(fornecedor => {\r\n return {\r\n nomeFornecedor: fornecedor.nomeFornecedor\r\n }\r\n })\r\n :\r\n []\r\n\r\n useEffect(() => {\r\n \r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarClienteRequest());\r\n dispatch(ListarMunicipiosRequest());\r\n dispatch(ListarFornecedorRequest());\r\n dispatch(ListarTipoPessoaRequest());\r\n if (id != undefined)\r\n dispatch(BuscarFornecedorPorIdRequest(id));\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (fornecedorCompleto != null && fornecedorCompleto.id == parseInt(id)) {\r\n carregaFornecedor();\r\n }\r\n }, [fornecedorCompleto])\r\n\r\n function InserirFornecedor(e) {\r\n\r\n e.preventDefault();\r\n\r\n var data = {\r\n 'Id': fornecedorCompleto == null ? parseInt(0) : fornecedorCompleto.id,\r\n 'IdCliente': parseInt(idCliente),\r\n 'NomeFornecedor': nomeFornecedor.trim(),\r\n 'Site': descricaoSite,\r\n 'Email': email,\r\n 'DddTelefoneFixo': parseInt(dddFixo),\r\n 'DddTelefoneCelular': parseInt(dddCelular),\r\n 'IdTipoPessoa': idTipoPessoa,\r\n 'NumeroTelefoneFixo': telefoneFixo,\r\n 'NumeroCelular': telefoneCelular,\r\n 'NomeLogradouro': logradouro,\r\n 'NumeroLocal': numeroLocal,\r\n 'Complemento': descricaoComplemento,\r\n 'Cep': cep,\r\n 'Bairro': bairro,\r\n 'IdMunicipio': parseInt(municipio),\r\n 'Ativo': ativo,\r\n 'DataInclusao': moment((new Date())).add('hours', 2),\r\n 'DataAlteracao': moment((new Date())).add('hours', 2),\r\n 'FornecedorPessoaFisicaApiModel': {\r\n 'Id': fornecedorCompleto == null ? parseInt(0) : fornecedorCompleto.fornecedorPessoaFisicaApiModel == null\r\n ? parseInt(0) : fornecedorCompleto.fornecedorPessoaFisicaApiModel.id,\r\n 'IdFornecedor': id == undefined ? parseInt(0) : parseInt(id),\r\n 'NumeroIdentidade': numeroIdentidade,\r\n 'OrgaoEmissor': descricaoOrgaoEmissor,\r\n 'NumeroCpf': numeroCpf\r\n },\r\n 'FornecedorPessoaJuridicaApiModel': {\r\n 'Id': fornecedorCompleto == null ? parseInt(0) :\r\n fornecedorCompleto.fornecedorPessoaJuridicaApiModel == null\r\n ? parseInt(0) : fornecedorCompleto.fornecedorPessoaJuridicaApiModel.id,\r\n 'IdFornecedor': id == undefined ? parseInt(0) : parseInt(id),\r\n 'nomeFantasia': nomeFantasia,\r\n 'numeroCgc': numeroCgc,\r\n 'numeroInscricaoEstadual': numeroInscricaoEstadual\r\n }\r\n }\r\n\r\n if (id == undefined) {\r\n dispatch(InserirFornecedorRequest(data));\r\n } else {\r\n dispatch(AlterarFornecedorRequest(data));\r\n }\r\n }\r\n\r\n function carregaFornecedor() {\r\n\r\n // Fornecedor\r\n setIdCliente(fornecedorCompleto.idCliente);\r\n setNomeFornecedor(fornecedorCompleto.nomeFornecedor);\r\n setDescricaoSite(fornecedorCompleto.site);\r\n setEmail(fornecedorCompleto.email);\r\n setCep(fornecedorCompleto.cep);\r\n setDddFixo(fornecedorCompleto.dddTelefoneFixo);\r\n setTelefoneFixo(fornecedorCompleto.numeroTelefoneFixo);\r\n setDddCelular(fornecedorCompleto.dddTelefoneCelular);\r\n setTelefoneCelular(fornecedorCompleto.numeroCelular);\r\n setLogradouro(fornecedorCompleto.nomeLogradouro);\r\n setNumeroLocal(fornecedorCompleto.numeroLocal);\r\n setDescricaoComplemento(fornecedorCompleto.complemento);\r\n setBairro(fornecedorCompleto.bairro);\r\n setAtivo(fornecedorCompleto.ativo);\r\n setMunicipio(fornecedorCompleto.idMunicipio);\r\n setIdTipoPessoa(fornecedorCompleto.idTipoPessoa);\r\n\r\n // Fornecedor pessoa fisíca\r\n setNumeroIdentidade(fornecedorCompleto.fornecedorPessoaFisicaApiModel == null ? '' : fornecedorCompleto.fornecedorPessoaFisicaApiModel.numeroIdentidade);\r\n setDescricaoOrgaoEmissor(fornecedorCompleto.fornecedorPessoaFisicaApiModel == null ? '' : fornecedorCompleto.fornecedorPessoaFisicaApiModel.orgaoEmissor);\r\n setNumeroCpf(fornecedorCompleto.fornecedorPessoaFisicaApiModel == null ? '' : fornecedorCompleto.fornecedorPessoaFisicaApiModel.numeroCpf);\r\n \r\n // Fornecedor pessoa jurídica\r\n setNomeFantasia(fornecedorCompleto.fornecedorPessoaJuridicaApiModel == null ? '' : fornecedorCompleto.fornecedorPessoaJuridicaApiModel.nomeFantasia);\r\n setNumeroCgc(fornecedorCompleto.fornecedorPessoaJuridicaApiModel == null ? '' : fornecedorCompleto.fornecedorPessoaJuridicaApiModel.numeroCgc);\r\n setNumeroInscricaoEstadual(fornecedorCompleto.fornecedorPessoaJuridicaApiModel == null ? '' : fornecedorCompleto.fornecedorPessoaJuridicaApiModel.numeroInscricaoEstadual);\r\n }\r\n\r\n const handleSubmit = (event) => {\r\n\r\n const form = event.currentTarget;\r\n if (form.checkValidity() === false || (!isValidCPF(numeroCpf) === true && idTipoPessoa == 1) ||\r\n /^\\d{2}$/.test(String(dddFixo)) == false || /^\\d{4} \\d{4}$/.test(String(telefoneFixo)) == false ||\r\n /^\\d{2}$/.test(String(dddCelular)) == false || /^\\d{1}\\d{4} \\d{4}$/.test(String(telefoneCelular)) == false) {\r\n event.preventDefault();\r\n } else {\r\n InserirFornecedor(event);\r\n }\r\n\r\n setValidated(true);\r\n };\r\n\r\n function isValidCPF(cpf) {\r\n if (typeof cpf !== \"string\") return false\r\n cpf = cpf.replace(/[\\s.-]*/igm, '')\r\n if (\r\n !cpf ||\r\n cpf.length !== 11 ||\r\n cpf === \"00000000000\" ||\r\n cpf === \"11111111111\" ||\r\n cpf === \"22222222222\" ||\r\n cpf === \"33333333333\" ||\r\n cpf === \"44444444444\" ||\r\n cpf === \"55555555555\" ||\r\n cpf === \"66666666666\" ||\r\n cpf === \"77777777777\" ||\r\n cpf === \"88888888888\" ||\r\n cpf === \"99999999999\"\r\n ) {\r\n return false\r\n }\r\n var soma = 0\r\n var resto\r\n for (var i = 1; i <= 9; i++)\r\n soma = soma + parseInt(cpf.substring(i - 1, i)) * (11 - i)\r\n resto = (soma * 10) % 11\r\n if ((resto === 10) || (resto === 11)) resto = 0\r\n if (resto !== parseInt(cpf.substring(9, 10))) return false\r\n soma = 0\r\n for (var i = 1; i <= 10; i++)\r\n soma = soma + parseInt(cpf.substring(i - 1, i)) * (12 - i)\r\n resto = (soma * 10) % 11\r\n if ((resto === 10) || (resto === 11)) resto = 0\r\n if (resto !== parseInt(cpf.substring(10, 11))) return false\r\n return true\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}","export function ListarFornecedorContaRequest() {\r\n return {\r\n type: 'LISTAR_FORNECEDOR_CONTA_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarCompletoFornecedorContaRequest(idFornecedor) {\r\n return {\r\n type: 'LISTAR_COMPLETO_FORNECEDOR_CONTA_REQUEST',\r\n idFornecedor\r\n }\r\n }\r\n\r\nexport function ListarFornecedorContaResponse(listaFornecedorConta) {\r\n return {\r\n type: 'LISTAR_FORNECEDOR_CONTA_RESPONSE',\r\n listaFornecedorConta\r\n }\r\n}\r\n\r\nexport function BuscarFornecedorContaPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_FORNECEDOR_CONTA_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarFornecedorContaPorIdResponse(fornecedorContaCompleta) {\r\n return {\r\n type: 'BUSCAR_FORNECEDOR_CONTA_POR_ID_RESPONSE',\r\n fornecedorContaCompleta\r\n }\r\n}\r\n\r\nexport function InserirFornecedorContaRequest(data) {\r\n return {\r\n type: 'INSERIR_FORNECEDOR_CONTA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarFornecedorContaRequest(data) {\r\n return {\r\n type: 'ALTERAR_FORNECEDOR_CONTA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirFornecedorContaRequest(id) {\r\n return {\r\n type: 'EXCLUIR_FORNECEDOR_CONTA_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n","export function ListarBancoRequest() {\r\n return {\r\n type: 'LISTAR_BANCO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarBancoResponse(listaBanco) {\r\n return {\r\n type: 'LISTAR_BANCO_RESPONSE',\r\n listaBanco\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarTipoPixRequest() {\r\n return {\r\n type: 'LISTAR_TIPO_PIX_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarTipoPixResponse(listaTipoPix) {\r\n return {\r\n type: 'LISTAR_TIPO_PIX_RESPONSE',\r\n listaTipoPix\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useParams } from 'react-router-dom';\r\nimport { Form, Col, Button } from \"react-bootstrap\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport Select from 'react-select';\r\nimport MaterialTable from \"material-table\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport {\r\n AlterarFornecedorContaRequest,\r\n InserirFornecedorContaRequest,\r\n ListarCompletoFornecedorContaRequest\r\n} from \"../../../store/modules/fornecedorConta/actions\";\r\nimport { ListarBancoRequest } from \"../../../store/modules/banco/actions\";\r\nimport { ListarTipoPixRequest } from \"../../../store/modules/tipoPix/actions\";\r\nimport { ListarTipoPessoaRequest } from \"../../../store/modules/tipoPessoa/actions\";\r\nimport './conta.css';\r\nimport { toast } from \"react-toastify\";\r\nimport InputMask from \"react-input-mask\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function Conta() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const carregando = useSelector(state => state.fornecedorConta.carregando);\r\n const listaFornecedorConta = useSelector(state => state.fornecedorConta.listaFornecedorConta);\r\n const listaBanco = useSelector(state => state.banco.listaBanco);\r\n const listaTipoPix = useSelector(state => state.tipoPix.listaTipoPix);\r\n const listaTipoPessoa = useSelector(state => state.tipoPessoa.listaTipoPessoa);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [selectPix, setSelectPix] = useState(null);\r\n const [selectPessoa, setSelectPessoa] = useState(null);\r\n const [selectBanco, setSelectBanco] = useState(null);\r\n\r\n const optionsTipoPessoa = listaTipoPessoa != undefined && listaTipoPessoa ?\r\n listaTipoPessoa.map(lista => ({\r\n value: lista.id, label: lista.descricao\r\n }))\r\n :\r\n [];\r\n\r\n const optionsTipoPix = listaTipoPix != undefined && listaTipoPix ?\r\n listaTipoPix.map(lista => ({\r\n value: lista.id, label: lista.descricao\r\n }))\r\n :\r\n [];\r\n\r\n const optionsBanco = listaBanco != undefined && listaBanco ?\r\n listaBanco.map(lista => ({\r\n value: lista.id, label: lista.descricao\r\n }))\r\n :\r\n [];\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarBancoRequest());\r\n dispatch(ListarTipoPixRequest());\r\n dispatch(ListarTipoPessoaRequest());\r\n\r\n if (id !== undefined) {\r\n dispatch(ListarCompletoFornecedorContaRequest(id));\r\n }\r\n\r\n }, [id])\r\n\r\n\r\n function AlterarConta(conta) {\r\n\r\n\r\n let data = {\r\n 'Id': parseInt(conta.codigoInterno),\r\n 'IdFornecedor': parseInt(id),\r\n 'IdBanco': parseInt(conta.banco),\r\n 'NumeroAgencia': conta.numeroAgencia.toString(),\r\n 'NumeroConta': conta.numeroConta.toString(),\r\n 'IdTipoPix': parseInt(conta.tipoPix),\r\n 'NumeroPix': conta.numeroPix,\r\n 'IdTipoPessoa': parseInt(conta.tipoPessoa),\r\n 'NumeroDocumento': conta.numeroDocumento,\r\n 'Ativa': conta.ativa == undefined ? true : conta.ativa,\r\n }\r\n\r\n dispatch(AlterarFornecedorContaRequest(data))\r\n }\r\n\r\n function ValidacoesInserir(conta) {\r\n\r\n let email = document.getElementById('idEmail');\r\n let telefone = document.getElementById('idTelefone');\r\n let cpf = document.getElementById('Fisica');\r\n let cnpj = document.getElementById('Juridica');\r\n\r\n let selectTipoPessoaText = document.getElementById('idSelectTipoPessoa').innerText;\r\n let selectTipoPessoaSelecionado = listaTipoPessoa.filter(soli => soli.descricao == selectTipoPessoaText);\r\n\r\n if (selectTipoPessoaSelecionado.length == 0) {\r\n toast.error(`Tipo Pessoa não selecionado`);\r\n return false;\r\n }\r\n if (selectTipoPessoaSelecionado[0].descricao == 'Pessoa Física') {\r\n if (cpf.value !== null && !isValidCPF(cpf.value)) {\r\n toast.error(`CPF com formato inválido`);\r\n return false;\r\n }\r\n }\r\n if (selectTipoPessoaSelecionado[0].descricao == 'Pessoa Jurídica') {\r\n if (cnpj.value !== null && !isValidCNPJ(cnpj.value)) {\r\n toast.error(`CNPJ com formato inválido`);\r\n return false;\r\n }\r\n }\r\n\r\n let selectTipoPixText = document.getElementById('idSelectTipoPix').innerText;\r\n let selectTipoPixSelecionado = listaTipoPix.filter(soli => soli.descricao == selectTipoPixText);\r\n\r\n if (selectTipoPixSelecionado.length == 0) {\r\n toast.error(`Tipo Pix não selecionado`);\r\n return false;\r\n }\r\n if (selectTipoPixSelecionado[0].descricao == \"Email\") {\r\n if (email.value !== null && !ValidaEmail(email.value)) {\r\n toast.error(`Email com formato inválido`);\r\n return false;\r\n }\r\n }\r\n else if (selectTipoPixSelecionado[0].descricao == \"Telefone\") {\r\n if (telefone.value !== null && !ValidaTelefone(telefone.value)) {\r\n toast.error(`Telefone com formato inválido`);\r\n return false;\r\n }\r\n }\r\n\r\n let selectBancoText = document.getElementById('idSelectBanco').innerText;\r\n let selectBancoSelecionado = listaBanco.filter(soli => soli.descricao == selectBancoText);\r\n\r\n if (selectBancoSelecionado.length == 0) {\r\n toast.error(`Banco não selecionado`);\r\n return false;\r\n }\r\n\r\n if (conta.numeroConta == null || conta.numeroConta == '' || conta.numeroConta == undefined || isNaN(conta.numeroConta)) {\r\n toast.error(`Número da conta não mencionado`);\r\n return false;\r\n }\r\n\r\n if (conta.numeroAgencia == null || conta.numeroAgencia == '' || conta.numeroAgencia == undefined || isNaN(conta.numeroAgencia)) {\r\n toast.error(`Número da agência não mencionado`);\r\n return false;\r\n }\r\n\r\n if (selectBancoSelecionado.length > 0 && selectTipoPessoaSelecionado.length > 0 && selectTipoPixSelecionado.length > 0) {\r\n setSelectBanco(parseInt(selectBancoSelecionado[0].id));\r\n setSelectPessoa(parseInt(selectTipoPessoaSelecionado[0].id));\r\n setSelectPix(parseInt(selectTipoPixSelecionado[0].id));\r\n\r\n return true;\r\n }\r\n\r\n }\r\n\r\n function InserirContas(conta) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'IdFornecedor': parseInt(id),\r\n 'IdBanco': parseInt(conta.banco),\r\n 'NumeroAgencia': conta.numeroAgencia.toString(),\r\n 'NumeroConta': conta.numeroConta.toString(),\r\n 'IdTipoPix': parseInt(conta.tipoPix),\r\n 'NumeroPix': conta.numeroPix,\r\n 'IdTipoPessoa': parseInt(conta.tipoPessoa),\r\n 'NumeroDocumento': conta.numeroDocumento,\r\n 'Ativa': conta.ativa == undefined ? true : conta.ativa,\r\n }\r\n\r\n dispatch(InserirFornecedorContaRequest(data));\r\n }\r\n\r\n function isValidCNPJ(cnpj) {\r\n\r\n cnpj = cnpj.replace(/[^\\d]+/g, '');\r\n\r\n if (cnpj == '') return false;\r\n if (cnpj.length != 14)\r\n return false;\r\n if (cnpj == \"00000000000000\" ||\r\n cnpj == \"11111111111111\" ||\r\n cnpj == \"22222222222222\" ||\r\n cnpj == \"33333333333333\" ||\r\n cnpj == \"44444444444444\" ||\r\n cnpj == \"55555555555555\" ||\r\n cnpj == \"66666666666666\" ||\r\n cnpj == \"77777777777777\" ||\r\n cnpj == \"88888888888888\" ||\r\n cnpj == \"99999999999999\")\r\n return false;\r\n\r\n var tamanho = cnpj.length - 2\r\n var numeros = cnpj.substring(0, tamanho);\r\n var digitos = cnpj.substring(tamanho);\r\n var soma = 0;\r\n var pos = tamanho - 7;\r\n for (var i = tamanho; i >= 1; i--) {\r\n soma += numeros.charAt(tamanho - i) * pos--;\r\n if (pos < 2)\r\n pos = 9;\r\n }\r\n var resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;\r\n if (resultado != digitos.charAt(0))\r\n return false;\r\n\r\n tamanho = tamanho + 1;\r\n numeros = cnpj.substring(0, tamanho);\r\n soma = 0;\r\n pos = tamanho - 7;\r\n for (var i = tamanho; i >= 1; i--) {\r\n soma += numeros.charAt(tamanho - i) * pos--;\r\n if (pos < 2)\r\n pos = 9;\r\n }\r\n resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;\r\n if (resultado != digitos.charAt(1))\r\n return false;\r\n\r\n return true;\r\n\r\n }\r\n\r\n function isValidCPF(cpf) {\r\n if (typeof cpf !== \"string\") return false\r\n cpf = cpf.replace(/[\\s.-]*/igm, '')\r\n if (\r\n !cpf ||\r\n cpf.length !== 11 ||\r\n cpf === \"00000000000\" ||\r\n cpf === \"11111111111\" ||\r\n cpf === \"22222222222\" ||\r\n cpf === \"33333333333\" ||\r\n cpf === \"44444444444\" ||\r\n cpf === \"55555555555\" ||\r\n cpf === \"66666666666\" ||\r\n cpf === \"77777777777\" ||\r\n cpf === \"88888888888\" ||\r\n cpf === \"99999999999\"\r\n ) {\r\n return false\r\n }\r\n var soma = 0\r\n var resto\r\n for (var i = 1; i <= 9; i++)\r\n soma = soma + parseInt(cpf.substring(i - 1, i)) * (11 - i)\r\n resto = (soma * 10) % 11\r\n if ((resto === 10) || (resto === 11)) resto = 0\r\n if (resto !== parseInt(cpf.substring(9, 10))) return false\r\n soma = 0\r\n for (var i = 1; i <= 10; i++)\r\n soma = soma + parseInt(cpf.substring(i - 1, i)) * (12 - i)\r\n resto = (soma * 10) % 11\r\n if ((resto === 10) || (resto === 11)) resto = 0\r\n if (resto !== parseInt(cpf.substring(10, 11))) return false\r\n return true\r\n }\r\n\r\n function ValidaEmail(email) {\r\n const emailRegex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$/;\r\n if (emailRegex.test(String(email))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidacaoDdd(ddd) {\r\n const numeroDDD = ddd.split('(', ddd.length);\r\n const dddRegex = /^\\d{2}$/;\r\n if (dddRegex.test(String(numeroDDD[1]))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidaTelefone(telefone) {\r\n const stringDDD = telefone.split(')', telefone.length);\r\n const stringTelefone = telefone.split(')', telefone.length);\r\n let telefoneValidado = false;\r\n telefoneValidado = ValidacaoTelefone(stringTelefone[1]);\r\n telefoneValidado = ValidacaoDdd(stringDDD[0]);\r\n return telefoneValidado;\r\n }\r\n\r\n function ValidacaoTelefone(telefone) {\r\n const telefoneRegex = /^\\d{1} \\d{4} \\d{4}$/;\r\n const telefoneRegex2 = /^\\d{1}\\d{4}\\d{4}$/;\r\n if (telefoneRegex.test(String(telefone)) || telefoneRegex2.test(String(telefone))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function AlterarEstadoPix(e, props) {\r\n props.rowData.numeroPix = '';\r\n return props.onChange(e.value);\r\n }\r\n\r\n function AlterarEstadoPessoa(e, props) {\r\n props.rowData.numeroDocumento = '';\r\n return props.onChange(e.value);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n )\r\n}\r\n\r\n","export function ListarFornecedorContatoRequest() {\r\n return {\r\n type: 'LISTAR_FORNECEDOR_CONTATO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarCompletoFornecedorContatoRequest(idFornecedor) {\r\n return {\r\n type: 'LISTAR_COMPLETO_FORNECEDOR_CONTATO_REQUEST',\r\n idFornecedor\r\n }\r\n}\r\n\r\nexport function ListarFornecedorContatoResponse(listaFornecedorContato) {\r\n return {\r\n type: 'LISTAR_FORNECEDOR_CONTATO_RESPONSE',\r\n listaFornecedorContato\r\n }\r\n}\r\n\r\nexport function BuscarFornecedorContatoPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_FORNECEDOR_CONTATO_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarFornecedorContatoPorIdResponse(fornecedorContatoCompleta) {\r\n return {\r\n type: 'BUSCAR_FORNECEDOR_CONTATO_POR_ID_RESPONSE',\r\n fornecedorContatoCompleta\r\n }\r\n}\r\n\r\nexport function InserirFornecedorContatoRequest(data) {\r\n return {\r\n type: 'INSERIR_FORNECEDOR_CONTATO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarFornecedorContatoRequest(data) {\r\n return {\r\n type: 'ALTERAR_FORNECEDOR_CONTATO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirFornecedorContatoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_FORNECEDOR_CONTATO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useParams } from 'react-router-dom';\r\nimport { Form, Col, Button } from \"react-bootstrap\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport MaterialTable from \"material-table\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport { AlterarFornecedorContatoRequest, InserirFornecedorContatoRequest, ListarCompletoFornecedorContatoRequest } from \"../../../store/modules/fornecedorContato/actions\";\r\nimport { toast } from \"react-toastify\";\r\nimport InputMask from \"react-input-mask\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function Contato() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n const carregando = useSelector(state => state.fornecedorConta.carregando);\r\n const listaFornecedorContato = useSelector(state => state.fornecedorContato.listaFornecedorContato);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n useEffect(() => {\r\n\r\n if (id !== undefined) {\r\n dispatch(ListarCompletoFornecedorContatoRequest(id));\r\n }\r\n\r\n }, [id])\r\n\r\n function ValidacoesInserir(contato) {\r\n\r\n let telefone = document.getElementById('idTelefone');\r\n let DDD = document.getElementById('idDDD');\r\n\r\n if (contato.nomeContato == '' || contato.nomeContato == ' ' || contato.nomeContato == null) {\r\n toast.error(`Nome Contrato inválido`);\r\n return false;\r\n }\r\n\r\n else if (contato.email !== null && contato.email !== undefined && !ValidaEmail(contato.email)) {\r\n toast.error(`Email com formato inválido`);\r\n return false;\r\n }\r\n\r\n else if (telefone.value !== null && telefone.value !== '(__)' && !ValidaTelefone(telefone.value)) {\r\n toast.error(`Telefone com formato inválido`);\r\n return false;\r\n }\r\n\r\n else if (DDD.value !== null && !ValidacaoDdd(DDD.value)) {\r\n toast.error(`DDD com formato inválido`);\r\n return false;\r\n }\r\n else if (ValidacaoDdd(DDD.value) && DDD.value !== '(__)' && DDD.value !== '') {\r\n var ddd = DDD.value;\r\n var numeroDDD = ddd.split('(', ddd.length);\r\n var numeroDDD1 = numeroDDD[1].split(')', ddd.length);\r\n contato.numeroDDD = numeroDDD1[0];\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function AlterarContato(contato) {\r\n\r\n let data = {\r\n 'Id': parseInt(contato.codigoInterno),\r\n 'IdFornecedor': parseInt(id),\r\n 'NomeContato': contato.nomeContato.toString(),\r\n 'NumeroDddTelefone': parseInt(contato.numeroDDD),\r\n 'NumeroTelefone': contato.numeroTelefone,\r\n 'Email': contato.email.toString(),\r\n 'Ativo': contato.ativo,\r\n 'Gerencial': contato.gerencial,\r\n }\r\n\r\n dispatch(AlterarFornecedorContatoRequest(data))\r\n }\r\n\r\n function InserirContato(contato) {\r\n\r\n let data = {\r\n 'Id': parseInt(0),\r\n 'IdFornecedor': parseInt(id),\r\n 'NomeContato': contato.nomeContato.toString(),\r\n 'NumeroDddTelefone': parseInt(contato.numeroDDD),\r\n 'NumeroTelefone': contato.numeroTelefone,\r\n 'Email': contato.email.toString(),\r\n 'Ativo': contato.ativo == undefined ? true : contato.ativo,\r\n 'Gerencial': contato.gerencial == undefined ? true : contato.gerencial,\r\n }\r\n\r\n dispatch(InserirFornecedorContatoRequest(data));\r\n }\r\n\r\n\r\n function ValidaEmail(emailParametro) {\r\n const emailRegex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$/;\r\n if (emailRegex.test(String(emailParametro))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidacaoDdd(ddd) {\r\n if (ddd === '(__)' || ddd === '') {\r\n return false\r\n }\r\n const numeroDDD = ddd.split('(', ddd.length);\r\n const numeroDDD1 = numeroDDD[1].split(')', ddd.length);\r\n const dddRegex = /^\\d{2}$/;\r\n if (dddRegex.test(String(numeroDDD1[0]))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidaTelefone(telefone) {\r\n const telefoneRegex = /^\\d{1}\\d{4} \\d{4}$/;\r\n const telefoneRegex2 = /^\\d{1}\\d{4}\\d{4}$/;\r\n if (telefoneRegex.test(String(telefone)) || telefoneRegex2.test(String(telefone))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n )\r\n}\r\n\r\n","import { Row, Col, Card, Tabs, Tab } from \"react-bootstrap\";\r\nimport { MdOutlineLocalShipping } from 'react-icons/md';\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport Fornecedor from '../Fornecedor/fornecedor';\r\nimport Header from \"../../../components/Header/header\";\r\nimport Conta from \"../Conta/conta\";\r\nimport Contato from \"../Contato/contato\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\nexport default function Abas() {\r\n\r\n const { id } = useParams();\r\n \r\n return (\r\n <>\r\n \r\n {\r\n carregando ?\r\n }\r\n columns={[\r\n {\r\n title: 'Número do Fornecedor', field: 'id', defaultSort: 'desc', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: 'Fornecedor', field: 'idFornecedor', cellStyle: {\r\n width: '16%',\r\n }\r\n },\r\n {\r\n title: 'Endereço', field: 'endereco', cellStyle: {\r\n width: '16%',\r\n }, render: rowData =>\r\n {rowData.logradouro + ', ' + rowData.numero + ', ' + rowData.bairro}\r\n },\r\n {\r\n title: 'Tipo Pessoa', field: 'idTipoPessoa', cellStyle: {\r\n width: '16%',\r\n }\r\n },\r\n {\r\n title: 'Cliente', field: 'idCliente', cellStyle: {\r\n width: '16%',\r\n }\r\n },\r\n {\r\n title: 'Município', field: 'idMunicipio', cellStyle: {\r\n width: '16%',\r\n }\r\n },\r\n {\r\n title: 'Ativo', field: 'idAtivo', sorting: true,\r\n cellStyle: { width: '10%' },\r\n customFilterAndSearch: (term, rowData) => term == rowData.idAtivo.toString(),\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value == 'ativado' ? 'true' :\r\n e != null && e.value == 'desativado' ? 'false' : null)\r\n }}\r\n />\r\n )\r\n },\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData => ( { }} />)\r\n }\r\n ]}\r\n data={\r\n listaFornecedor != undefined && listaCliente != undefined && listaTipoPessoa != undefined &&\r\n listaMunicipio != undefined ?\r\n listaFornecedor.map(fornecedor => {\r\n return {\r\n id: fornecedor.id,\r\n idFornecedor: fornecedor.nomeFornecedor,\r\n idTipoPessoa: fornecedor.tipoPessoa.descricao,\r\n idCliente: fornecedor.cliente.nome,\r\n idMunicipio: fornecedor.municipio.nome,\r\n idAtivo: fornecedor.ativo,\r\n logradouro: fornecedor.nomeLogradouro,\r\n numero: fornecedor.numeroLocal,\r\n bairro: fornecedor.bairro\r\n }\r\n })\r\n :\r\n []\r\n }\r\n actions={[\r\n rowData => ({\r\n 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 \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Form, Button } from \"react-bootstrap\";\r\nimport {\r\n ListarPrioridadeRequest, ExcluirPrioridadeRequest,\r\n InserirPrioridadeRequest, AlterarPrioridadeRequest\r\n} from '../../../store/modules/prioridade/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { IoTimeOutline } from \"react-icons/io5\";\r\nimport { toast } from \"react-toastify\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport './prioridade.css';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function Prioridade() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaPrioridade = useSelector(state => state.prioridade.listaPrioridade);\r\n const carregando = useSelector(state => state.prioridade.carregando);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarPrioridadeRequest());\r\n }, [])\r\n\r\n function ExcluirPrioridade(id) {\r\n dispatch(ExcluirPrioridadeRequest(id));\r\n }\r\n\r\n function ValidacoesInserir(prioridade) {\r\n\r\n //valida o campo descrição\r\n if (prioridade.descricao == null || prioridade.descricao == undefined\r\n || prioridade.descricao.length > 150 || prioridade.descricao.trim() == '') {\r\n toast.error(`Descrição inválida`);\r\n return false;\r\n }\r\n\r\n //valida o campo tempoParaExecucao\r\n if (isNaN(prioridade.tempoParaExecucao) || prioridade.tempoParaExecucao == undefined\r\n || prioridade.tempoParaExecucao == null) {\r\n toast.error(`Prazo horas inválido`);\r\n return false;\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirPrioridade(prioridade) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'Descricao': prioridade.descricao.trim(),\r\n 'CorHex': document.getElementById('colorInput').value,\r\n 'TempoParaExecucao': parseInt(prioridade.tempoParaExecucao)\r\n }\r\n\r\n dispatch(InserirPrioridadeRequest(data))\r\n }\r\n\r\n function AlterarPrioridade(prioridade) {\r\n\r\n let data = {\r\n 'Id': prioridade.id,\r\n 'Descricao': prioridade.descricao.trim(),\r\n 'CorHex': document.getElementById('colorInput').value,\r\n 'TempoParaExecucao': parseInt(prioridade.tempoParaExecucao)\r\n };\r\n\r\n dispatch(AlterarPrioridadeRequest(data))\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}","export function ListarEmpenhoRequest() {\r\n return {\r\n type: 'LISTAR_EMPENHO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarEmpenhoResponse(listaEmpenho) {\r\n return {\r\n type: 'LISTAR_EMPENHO_RESPONSE',\r\n listaEmpenho\r\n }\r\n}\r\n\r\nexport function BuscarEmpenhoPorIdRequest(id) {\r\n return {\r\n type: 'BUSCAR_EMPENHO_POR_ID_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function BuscarEmpenhoPorIdResponse(empenhoCompleto) {\r\n return {\r\n type: 'BUSCAR_EMPENHO_POR_ID_RESPONSE',\r\n empenhoCompleto\r\n }\r\n}\r\n\r\nexport function InserirEmpenhoRequest(data) {\r\n return {\r\n type: 'INSERIR_EMPENHO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarEmpenhoRequest(data) {\r\n return {\r\n type: 'ALTERAR_EMPENHO_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirEmpenhoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_EMPENHO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function LimparEmpenho() {\r\n return {\r\n type: 'LIMPAR_EMPENHO'\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}\r\n\r\nexport function TransferirAfRequest(data) {\r\n return {\r\n type: 'TRANSFERIR_AF_REQUEST',\r\n data\r\n }\r\n}\r\n\r\n\r\nexport function TransferirAfDefinitivaParcialRequest(data) {\r\n return {\r\n type: 'TRANSFERIR_AF_DEFINITIVA_PARCIAL_REQUEST',\r\n data\r\n }\r\n}","export function ListarStatusEmpenhoRequest() {\r\n return {\r\n type: 'LISTAR_STATUS_EMPENHO_REQUEST'\r\n }\r\n }\r\n \r\n export function ListarStatusEmpenhoResponse(listaStatusEmpenho) {\r\n return {\r\n type: 'LISTAR_STATUS_EMPENHO_RESPONSE',\r\n listaStatusEmpenho\r\n }\r\n }\r\n \r\n export function InserirStatusEmpenhoRequest(data) {\r\n return {\r\n type: 'INSERIR_STATUS_EMPENHO_REQUEST',\r\n data\r\n }\r\n }\r\n \r\n export function AlterarStatusEmpenhoRequest(data) {\r\n return {\r\n type: 'ALTERAR_STATUS_EMPENHO_REQUEST',\r\n data\r\n }\r\n }\r\n \r\n export function ExcluirStatusEmpenhoRequest(id) {\r\n return {\r\n type: 'EXCLUIR_STATUS_EMPENHO_REQUEST',\r\n id\r\n }\r\n }\r\n \r\n export function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n }","import { Col, Button, Card } from \"react-bootstrap\";\r\nimport { FaMoneyCheckAlt } from \"react-icons/fa\";\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { ListarEmpenhoRequest, AlterarEmpenhoRequest, InserirEmpenhoRequest } from '../../../store/modules/empenho/actions';\r\nimport { ListarContratoRequest } from '../../../store/modules/contrato/actions';\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useHistory, Link } from \"react-router-dom\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ListarStatusEmpenhoRequest } from \"../../../store/modules/statusEmpenho/actions\";\r\nimport { ListarFornecedorRequest } from '../../../store/modules/fornecedor/actions';\r\nimport { ListarContratoFornecedorRequest } from \"../../../store/modules/contratoFornecedor/actions\";\r\nimport { AtualizarToken } from \"../../../store/modules/global/actions\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\nimport Select from 'react-select';\r\nimport Header from '../../../components/Header/header';\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\nimport Cookies from 'universal-cookie';\r\nimport urlBase from '../../../services/rotas';\r\n\r\nexport default function Listar() {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const tableRef = React.createRef();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n const cookies = new Cookies();\r\n\r\n const listaEmpenho = useSelector(state => state.empenho.listaEmpenho);\r\n const listaFornecedor = useSelector(state => state.fornecedor.listaFornecedor);\r\n const listaContrato = useSelector(state => state.contrato.listaContrato);\r\n const carregando = useSelector(state => state.empenho.carregando);\r\n const listaStatusEmpenho = useSelector(state => state.statusEmpenho.listaStatusEmpenho);\r\n const listaContratoFornecedor = useSelector(state => state.contratoFornecedor.listaContratoFornecedor);\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [idContrato, setIdContrato] = useState('');\r\n const [selectFornecedor, setSelectFornecedor] = useState('');\r\n const [selectContrato, setSelectContrato] = useState('');\r\n const [id, setId] = useState(0);\r\n\r\n const listaRelacao = listaContratoFornecedor != undefined && idContrato != '' ?\r\n listaContratoFornecedor.filter(y => y.idContrato == idContrato)\r\n :\r\n [];\r\n\r\n const options = listaContrato != undefined ?\r\n listaContrato.map(contrato => ({\r\n value: contrato.id, label: contrato.id + \" - \" + contrato.descricao\r\n }))\r\n :\r\n [];\r\n\r\n const optionsFornecedor =\r\n listaFornecedor != undefined && listaRelacao != undefined ?\r\n listaRelacao.map(y => {\r\n return {\r\n value: y.idFornecedor, label: listaFornecedor.filter(x => x.id == y.idFornecedor)[0].nomeFornecedor\r\n }\r\n })\r\n :\r\n [];\r\n\r\n const totalFornecedores =\r\n listaFornecedor != undefined ?\r\n listaFornecedor.map(y => {\r\n return {\r\n value: y.id, label: y.nomeFornecedor\r\n }\r\n })\r\n :\r\n [];\r\n\r\n //Permissão de Visualizar\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n const [excluir, setExcluir] = useState(false);\r\n useEffect(() => {\r\n if (token.role.filter(r => r == \"EmpenhoMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"EmpenhoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"EmpenhoAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n if (token.role.filter(r => r == \"EmpenhoExcluir\").length == 1) {\r\n setExcluir(true);\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarStatusEmpenhoRequest());\r\n dispatch(ListarEmpenhoRequest());\r\n dispatch(ListarFornecedorRequest());\r\n dispatch(ListarContratoFornecedorRequest());\r\n dispatch(ListarContratoRequest());\r\n dispatch(AtualizarToken());\r\n\r\n }, [])\r\n\r\n let selectTextContrato = '';\r\n let selectSelecionadoContrato = [];\r\n let selectTextFornecedor = '';\r\n let selectSelecionadoFornecedor = [];\r\n\r\n function ValidacoesInserir(empenho) {\r\n\r\n if (empenho.observacao !== undefined) {\r\n if (empenho.observacao.trim().length > 500) {\r\n toast.error('A observação não pode conter mais que 500 caracteres');\r\n return false;\r\n }\r\n }\r\n\r\n if (empenho.descricao == ' ' || empenho.descricao == ''\r\n || empenho.descricao == null || empenho.descricao == undefined) {\r\n toast.error(`Descrição Inválida`);\r\n return false;\r\n }\r\n\r\n if (empenho.descricao.length > 200) {\r\n toast.error(`A descrição não pode conter mais que 200 caracteres`);\r\n return false;\r\n }\r\n\r\n if (!(empenho.numeroNotaFiscal == ' ' || empenho.numeroNotaFiscal == ''\r\n || empenho.numeroNotaFiscal == null || empenho.numeroNotaFiscal == undefined)) {\r\n\r\n if (empenho.numeroNotaFiscal.length > 50) {\r\n toast.error(`O número da nota fiscal não pode conter mais que 50 caracteres`);\r\n return false;\r\n }\r\n }\r\n\r\n if (document.getElementById('idSelectContrato') != null && listaContrato != undefined) {\r\n selectTextContrato = document.getElementById('idSelectContrato').innerText;\r\n selectSelecionadoContrato = listaContrato.filter(contrato => contrato.id + \" - \" + contrato.descricao == selectTextContrato);\r\n }\r\n\r\n let nome = '';\r\n\r\n if (document.getElementById('idSelectFornecedor') != null && listaContratoFornecedor != undefined && listaRelacao.length > 0) {\r\n selectTextFornecedor = document.getElementById('idSelectFornecedor').innerText;\r\n selectSelecionadoFornecedor = listaFornecedor.filter(x => x.nomeFornecedor == selectTextFornecedor)\r\n\r\n if (selectTextFornecedor !== undefined && selectSelecionadoFornecedor.length === 0) {\r\n nome = selectTextFornecedor.split('\\n', selectTextFornecedor.length);\r\n selectSelecionadoFornecedor = listaFornecedor.filter(x => x.nomeFornecedor == nome[1])\r\n }\r\n }\r\n\r\n if (listaRelacao != undefined && selectSelecionadoContrato.length > 0 && selectSelecionadoFornecedor.length > 0) {\r\n var listaVerifica =\r\n listaRelacao.filter(contratoFornecedor => contratoFornecedor.idContrato == parseInt(selectSelecionadoContrato[0].id)\r\n && contratoFornecedor.idFornecedor == parseInt(selectSelecionadoFornecedor[0].id));\r\n if (listaVerifica.length > 0) {\r\n } else {\r\n toast.error(`Fornecedor não está presente no contrato id: ${parseInt(selectSelecionadoContrato[0].id)}`);\r\n return false;\r\n }\r\n }\r\n\r\n if (selectSelecionadoContrato.length > 0 && selectSelecionadoFornecedor.length > 0) {\r\n return true;\r\n }\r\n else {\r\n toast.error(`Contrato ou fornecedor não selecionado.`);\r\n return false;\r\n }\r\n\r\n }\r\n\r\n function InserirEmpenho(empenho) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'DataAlteracao': moment((new Date())).add('hours', 2),\r\n 'DataInclusao': moment((new Date())).add('hours', 2),\r\n 'IdUsuario': parseInt(usuario.id),\r\n 'Descricao': empenho.descricao.trim(),\r\n 'Observacao': empenho.observacao != undefined ? empenho.observacao : '',\r\n 'NumeroNotaFiscal': empenho.numeroNotaFiscal == ' ' || empenho.numeroNotaFiscal == ''\r\n || empenho.numeroNotaFiscal == null || empenho.numeroNotaFiscal == undefined ? '' : empenho.numeroNotaFiscal,\r\n 'ValorNotaFiscal': 0,\r\n 'IdContrato': parseInt(selectSelecionadoContrato[0].id),\r\n 'IdFornecedor': parseInt(selectSelecionadoFornecedor[0].id),\r\n 'DataEmpenho': empenho.dataEmpenho,\r\n 'DataEmpenhoFinal': empenho.dataEmpenhoFinal,\r\n }\r\n dispatch(InserirEmpenhoRequest(data));\r\n\r\n }\r\n\r\n function ValidacoesAlterar(empenho) {\r\n\r\n if (empenho.observacao !== undefined) {\r\n if (empenho.observacao.trim().length > 500) {\r\n toast.error('A observação não pode conter mais que 500 caracteres');\r\n return false;\r\n }\r\n }\r\n\r\n if (empenho.descricao == ' ' || empenho.descricao == ''\r\n || empenho.descricao == null || empenho.descricao == undefined) {\r\n toast.error(`Descrição Inválida`);\r\n return false;\r\n }\r\n\r\n if (empenho.descricao.length > 200) {\r\n toast.error(`A descrição não pode conter mais que 200 caracteres`);\r\n return false;\r\n }\r\n\r\n if (!(empenho.numeroNotaFiscal.trim() == ''\r\n || empenho.numeroNotaFiscal == null || empenho.numeroNotaFiscal == undefined)) {\r\n\r\n if (empenho.numeroNotaFiscal.length > 50) {\r\n toast.error(`O número da nota fiscal não pode conter mais que 50 caracteres`);\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n\r\n function AlterarEmpenho(empenho) {\r\n\r\n let data = {\r\n 'Id': empenho.id,\r\n 'DataAlteracao': moment((new Date())).add('hours', 2),\r\n 'DataInclusao': new Date(empenho.dataInclusaoSemFormato),\r\n 'IdUsuario': parseInt(empenho.idUsuario),\r\n 'Descricao': empenho.descricao.trim(),\r\n 'Observacao': empenho.observacao,\r\n 'NumeroNotaFiscal': empenho.numeroNotaFiscal.trim() == ''\r\n || empenho.numeroNotaFiscal == null || empenho.numeroNotaFiscal == undefined ? '' : empenho.numeroNotaFiscal,\r\n 'ValorNotaFiscal': empenho.valorNotaFiscal,\r\n 'IdContrato': empenho.idContrato,\r\n 'IdFornecedor': empenho.idFornecedor,\r\n 'DataEmpenho': empenho.dataEmpenho,\r\n 'DataEmpenhoFinal': empenho.dataEmpenhoFinal,\r\n }\r\n\r\n dispatch(AlterarEmpenhoRequest(data));\r\n }\r\n\r\n function MudarFornecedor(e, props) {\r\n setIdContrato(e.value);\r\n return props.onChange(e.value);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n :\r\n \r\n\r\n (\r\n <>\r\n \r\n
\r\n },\r\n {\r\n title: 'Descricao', field: 'descricao', sorting: true, editPlaceholder: 'descrição',\r\n validate: rowData => {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.descricao.trim().length > 150) {\r\n return \"A descrição não pode conter mais que 150 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '45%' },\r\n\r\n },\r\n {\r\n title: 'Tempo para Execução', type: \"numeric\", align: \"left\", field: 'tempoParaExecucao', sorting: true, editPlaceholder: 'tempo',\r\n validate: rowData => {\r\n if (rowData.tempoParaExecucao === undefined) {\r\n return \"Campo Obrigatório\"\r\n }\r\n return true\r\n }, cellStyle: { width: '45%' }\r\n }\r\n ]}\r\n data={\r\n listaPrioridade != undefined ?\r\n listaPrioridade.map(prioridade => {\r\n return {\r\n id: prioridade.id,\r\n descricao: prioridade.descricao,\r\n corHex: prioridade.corHex,\r\n tempoParaExecucao: prioridade.tempoParaExecucao\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirPrioridade(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarPrioridade(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirPrioridade(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n \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 { Page, Text, View, Document, StyleSheet, Image, Font } from '@react-pdf/renderer';\r\nimport { useEffect, useState } from \"react\";\r\nimport img from '../../assets/login/img_login.png';\r\nimport moment from 'moment';\r\nimport cabecalho from '../../assets/novoCabecalhoCor.jpg';\r\nimport rodape from '../../assets/novoRodapeCor.jpg';\r\n\r\n\r\nconst styles = StyleSheet.create({\r\n page: {\r\n flexDirection: 'row',\r\n backgroundColor: '#fff',\r\n fontSize: '10',\r\n paddingBottom: 65,\r\n },\r\n titulo: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n fontWeight: 'bold',\r\n fontSize: '15',\r\n },\r\n linha: {\r\n borderBottom: '1px solid #0000',\r\n width: '100%',\r\n },\r\n espaco: {\r\n paddingTop: 5,\r\n paddingBottom: 5,\r\n },\r\n table: {\r\n width: '100%',\r\n },\r\n section: {\r\n marginBottom: 10,\r\n marginLeft: 10,\r\n marginRight: 10,\r\n paddingBottom: 10,\r\n paddingRight: 10,\r\n paddingLeft: 10,\r\n flexGrow: 1,\r\n },\r\n row: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n paddingTop: 5,\r\n paddingBottom: 5,\r\n },\r\n\r\n rowCabecalho: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n paddingTop: 2,\r\n paddingBottom: 2,\r\n },\r\n bold: {\r\n fontFamily: 'Helvetica-Bold',\r\n fontWeight: 'bold',\r\n },\r\n bordaCompleta: {\r\n border: '1px solid #0000',\r\n margin: 1\r\n },\r\n comeco: {\r\n width: \"25%\",\r\n },\r\n\r\n meio: {\r\n width: \"50%\",\r\n display: 'flex',\r\n textAlign: 'center',\r\n alignItems: 'center'\r\n },\r\n linhaCompletaCentralizada: {\r\n width: \"100%\",\r\n display: 'flex',\r\n textAlign: 'center',\r\n alignItems: 'center'\r\n },\r\n fim: {\r\n width: \"25%\",\r\n },\r\n linhaMetadeComeco: {\r\n width: \"50%\",\r\n },\r\n linhaMetadeFim: {\r\n width: \"50%\",\r\n },\r\n linhaSemiCompleta: {\r\n width: \"85%\",\r\n },\r\n fimLinhaSemiCompleta: {\r\n width: \"15%\",\r\n },\r\n linhaCompleta: {\r\n width: \"100%\",\r\n },\r\n width8: {\r\n width: \"8%\"\r\n },\r\n width10: {\r\n width: \"10%\"\r\n },\r\n width35: {\r\n width: \"35%\"\r\n },\r\n width15: {\r\n width: \"15%\"\r\n },\r\n width16: {\r\n width: \"16%\"\r\n },\r\n width20: {\r\n width: \"20%\"\r\n },\r\n width80: {\r\n width: \"80%\"\r\n },\r\n cabecalho: {\r\n color: '#fff',\r\n backgroundColor: '#212529',\r\n bordercolor: '#32383e'\r\n },\r\n cinza: {\r\n backgroundColor: '#e9ecef',\r\n },\r\n logo: {\r\n width: '200',\r\n height: '100'\r\n },\r\n top20: {\r\n top: '20'\r\n },\r\n top40: {\r\n top: '40'\r\n },\r\n top60: {\r\n top: '60'\r\n },\r\n recuo: {\r\n textIndent: '40px'\r\n },\r\n centralizarTexto: {\r\n display: 'flex',\r\n textAlign: 'center',\r\n alignItems: 'center'\r\n },\r\n alinharBottom: {\r\n position: 'absolute',\r\n bottom: '0',\r\n\r\n },\r\n bottom5: {\r\n marginBottom: '5px'\r\n },\r\n bottom30: {\r\n marginBottom: '30px'\r\n },\r\n bottom65: {\r\n marginBottom: '65px'\r\n },\r\n bottom40: {\r\n marginBottom: '45px'\r\n },\r\n fontSize5: {\r\n fontSize: '5'\r\n },\r\n fontSize4: {\r\n fontSize: '4'\r\n },\r\n fontSize8: {\r\n fontSize: '8'\r\n },\r\n fontSize45: {\r\n fontSize: '4.5'\r\n },\r\n fontSize2: {\r\n fontSize: '2'\r\n },\r\n width50: {\r\n width: '50'\r\n },\r\n width5: {\r\n width: '5%'\r\n },\r\n flex: {\r\n flex: 1\r\n },\r\n maxHeight: {\r\n maxHeight: '50px'\r\n },\r\n pageNumber: {\r\n position: 'absolute',\r\n fontSize: 12,\r\n bottom: 30,\r\n left: 0,\r\n right: 0,\r\n textAlign: 'center',\r\n color: 'grey',\r\n },\r\n comecoMaior: {\r\n width: \"40%\",\r\n },\r\n alinharBottom: {\r\n position: 'absolute',\r\n bottom: '0',\r\n padding: '5',\r\n },\r\n rodape: {\r\n width: '585',\r\n height: '50',\r\n },\r\n fimMetade: {\r\n width: \"35%\",\r\n },\r\n espacoGrande: {\r\n paddingTop: '10',\r\n paddingBottom: '10',\r\n },\r\n});\r\n\r\n\r\nexport default function PdfEmpenho({ data, assinante }) {\r\n\r\n\r\n useEffect(() => {\r\n moment.locale('pt-br');\r\n }, [])\r\n\r\n\r\n return (\r\n \r\n\r\n }\r\n columns={[\r\n {\r\n title: 'Número do Empenho', field: 'id', cellStyle: {\r\n width: '10%',\r\n },\r\n sorting: true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Descrição', field: 'descricao', cellStyle: {\r\n width: '11.25%',\r\n },\r\n sorting: false,\r\n validate: rowData => {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.descricao.trim().length > 200) {\r\n return \"A descrição não pode conter mais que 200 caracteres\"\r\n }\r\n return true\r\n }\r\n },\r\n {\r\n title: 'Contrato', field: 'idContrato', cellStyle: {\r\n width: '11.25%',\r\n }, editable: 'onAdd',\r\n filtering: false,\r\n sorting: false,\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.label : false)\r\n }}\r\n />\r\n )\r\n },\r\n lookup:\r\n listaContrato != undefined ?\r\n listaContrato.map(contrato => {\r\n return {\r\n id: contrato.id, descricao: contrato.id + \" - \" + contrato.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n \r\n \r\n \r\n :\r\n rowData.statusAprovado && rowData.clienteAprovado == true ?\r\n \r\n :\r\n ''\r\n },\r\n {\r\n title: 'Fornecedor Aprovado', field: 'fornecedorAprovado', cellStyle: {\r\n width: '10%'\r\n },\r\n editable: 'never',\r\n render: rowData =>\r\n rowData.statusReprovado == true && rowData.statusReprovadoCliente == false ?\r\n \r\n :\r\n rowData.statusAprovado && rowData.fornecedorAprovado == true ?\r\n \r\n :\r\n ''\r\n }\r\n ]}\r\n data={\r\n id != undefined &&\r\n listaStatusEmpenho != undefined && listaEmpenhoStatus != undefined ?\r\n listaEmpenhoStatus.map(status => {\r\n if (listaStatusEmpenho.filter(x => x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0 &&\r\n status.statusEmpenho != null && status.statusEmpenho.statusAprovaDuasPartes &&\r\n status.statusReprovado != true && (status.statusAprovadoCliente == false || status.statusAprovadoFornecedor == false)) {\r\n\r\n return null;\r\n } else {\r\n return {\r\n dataAprovacaoCliente: moment(status.dataAprovacaoCliente).format('L LT'),\r\n dataAprovacaoFornecedor: moment(status.dataAprovacaoFornecedor).format('L LT'),\r\n nomeUsuarioAprovacaoFornecedor: status.usuarioAprovacaoCliente.nome,\r\n nomeUsuarioAprovacaoCliente: status.usuarioAprovacaoFornecedor.nome,\r\n statusReprovado: status.statusReprovado,\r\n statusReprovadoCliente: status.statusReprovadoCliente,\r\n statusAprovado:\r\n status.statusEmpenho != null ?\r\n status.statusEmpenho.statusAprovaDuasPartes : '',\r\n observacao: status.observacao,\r\n clienteAprovado: status.statusAprovadoCliente,\r\n fornecedorAprovado: status.statusAprovadoFornecedor,\r\n statusFaturamentoAprovado: status.statusFaturamentoAprovado,\r\n status:\r\n status.statusEmpenho == null ?\r\n '' :\r\n status.statusEmpenho.cancelaEmpenho == true ?\r\n ResetarStatus(status.id)}\r\n >Reativar Empenho\r\n :\r\n ''\r\n :\r\n status.statusEmpenho != null && status.statusEmpenho.statusAprovaDuasPartes ?\r\n status.statusAprovadoCliente && status.statusAprovadoFornecedor ?\r\n ''\r\n :\r\n status.statusReprovado ?\r\n \r\n :\r\n usuarioCompleto != null && usuarioCompleto.usuarioFornecedor == true && status.statusAprovadoFornecedor ?\r\n 'Aguardando a aprovação do Cliente!'\r\n :\r\n usuarioCompleto != null && usuarioCompleto.usuarioFornecedor == false && status.statusAprovadoCliente ?\r\n 'Aguardando a aprovação do Forncedor!'\r\n :\r\n \r\n AlterarEmpenhoStatusAnaliseSubitemAprovada(status, 'Aprovado')}\r\n > Aprovar Empenho\r\n \r\n AlterarEmpenhoStatusAnaliseSubitemReprovada(status, 'Reprovado')}\r\n > Reprovar Empenho\r\n \r\n
\r\n :\r\n status.statusEmpenho != null && status.statusEmpenho.statusFaturamento ?\r\n status.statusFaturamentoAprovado ?\r\n ''\r\n :\r\n \r\n :\r\n ''\r\n }\r\n }\r\n // Concatenar a lista de status restantes, que ainda não foram confirmados\r\n }).filter(Boolean).concat(\r\n\r\n listaStatusEmpenho.map(statusSol => {\r\n // Verifica se o Empenho esta cancelado, se sim, não mostra os possíveis status futuros\r\n // Ou se ta no analise mas foi reprovado\r\n if (listaStatusEmpenho.filter(x => x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0\r\n ||\r\n (listaStatusEmpenho.filter(x => x.statusAprovaDuasPartes == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.statusAprovaDuasPartes == true)[0].id).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.statusAprovaDuasPartes == true)[0].id)[0].statusReprovado)\r\n ) {\r\n return null\r\n } else {\r\n // Verifica se o status possui anterior ou ja foi confirmado\r\n if (statusSol.idStatusEmpenhoAnterior == null || listaEmpenhoStatus.\r\n filter(x => x.idStatusEmpenho == statusSol.id).length > 0) {\r\n return null\r\n } else {\r\n return {\r\n id: '',\r\n status: contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contratoCompleto.id && contratoUsu.analisaSubitemEmpenho === true).length === 0)\r\n ?\r\n true\r\n :\r\n false\r\n :\r\n null\r\n }\r\n variant=\"success\"\r\n onClick={() => InserirStatusClick(statusSol.descricao)}>\r\n Fazer Análise\r\n \r\n :\r\n statusSol.statusFaturamento == true ?\r\n InserirStatusClick(statusSol.descricao)}>\r\n Iniciar Faturamento\r\n \r\n :\r\n // Verifica se o status Faturamento ja foi encerrado para liberar o próximo\r\n (x => x.idStatusEmpenho == statusSol.idStatusEmpenhoAnterior).length > 0 &&\r\n listaStatusEmpenho.filter(x => x.id == statusSol.idStatusEmpenhoAnterior).length > 0 &&\r\n (listaStatusEmpenho.filter(x => x.id == statusSol.idStatusEmpenhoAnterior)[0].statusFaturamento\r\n ?\r\n (listaEmpenhoStatus.filter\r\n (x => x.idStatusEmpenho\r\n == statusSol.idStatusEmpenhoAnterior)[0].statusFaturamentoAprovado == true)\r\n :\r\n true)\r\n ?\r\n contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contratoCompleto.id && contratoUsu.finalizaEmpenho === true).length === 0)\r\n ?\r\n true\r\n :\r\n false\r\n }\r\n onClick={() => InserirStatusClick(statusSol.descricao)}>\r\n Mudar Status\r\n \r\n :\r\n ''\r\n :\r\n ''\r\n }\r\n }\r\n }\r\n }).filter(Boolean)\r\n )\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'error',\r\n tooltip: {'Observação: ' + rowData.observacao},\r\n hidden: rowData.observacao == '' || rowData.observacao == undefined ? true : false,\r\n })\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Info'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: 'Pesquisar',\r\n searchPlaceholder: 'Pesquisar'\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n
\r\n\r\n \r\n {\r\n inserir == true ?\r\n contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contratoCompleto.id && contratoUsu.cancelaEmpenho === true).length === 0)\r\n ?\r\n true\r\n :\r\n // Verifica se o empenho ja esta finalizado ou cancelado\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0\r\n ||\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n true\r\n :\r\n false\r\n :\r\n null\r\n }\r\n variant={\"danger\"}\r\n style={{ margin: '10px' }}\r\n onClick={() => InserirStatusCanceladoClick(\"Cancelado\")}>\r\n Cancelar Empenho\r\n \r\n :\r\n ''\r\n }\r\n {\r\n inserir == true ?\r\n id != undefined && usuarioCompleto != null && usuarioCompleto.grupoAcesso &&\r\n usuarioCompleto.grupoAcesso.nomeGrupo === \"Super Administrador\" ?\r\n VoltarStatus()}>\r\n Voltar Status\r\n \r\n :\r\n ''\r\n :\r\n ''\r\n }\r\n
\r\n \r\n \r\n }\r\n columns={[\r\n {\r\n title: 'Status', field: 'status', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Nome', field: 'usuario', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: 'Data', field: 'dataInclusao', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: 'Ação', field: 'aprovacao', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Cliente Aprovado', field: 'clienteAprovado', cellStyle: {\r\n width: '10%'\r\n },\r\n editable: 'never',\r\n render: rowData =>\r\n rowData.statusReprovado == true && rowData.statusReprovadoCliente == true ?\r\n {status.statusEmpenho.descricao}
\r\n :\r\n status.statusEmpenho.statusFaturamento == true && status.statusFaturamentoAprovado == false ?\r\n {status.statusEmpenho.descricao}
:\r\n status.statusEmpenho.statusAprovaDuasPartes == false ?\r\n {status.statusEmpenho.descricao}
\r\n :\r\n status.statusAprovadoCliente && status.statusAprovadoFornecedor ?\r\n {status.statusEmpenho.descricao} (Aprovada)
\r\n :\r\n status.statusReprovado == true ?\r\n {status.statusEmpenho.descricao} (Reprovada)
\r\n :\r\n {status.statusEmpenho.descricao}
,\r\n usuario:\r\n status.usuario != null && status.statusEmpenho != null && status.statusEmpenho.statusFaturamento == true\r\n && status.statusFaturamentoAprovado == false ?\r\n ''\r\n :\r\n status.statusEmpenho.statusAprovaDuasPartes != true ?\r\n status.usuario.nome\r\n :\r\n status.statusEmpenho != null && status.statusEmpenho.statusAprovaDuasPartes == true\r\n && ((status.statusAprovadoCliente == true && status.statusAprovadoFornecedor == true) ||\r\n status.statusReprovado == true) ?\r\n status.usuario.nome\r\n : '',\r\n dataInclusao:\r\n status.statusEmpenho != null && status.statusEmpenho.statusFaturamento == true\r\n && status.statusFaturamentoAprovado == false ?\r\n ''\r\n :\r\n status.statusEmpenho.statusAprovaDuasPartes != true ?\r\n moment(status.dataStatus).format('L LT')\r\n :\r\n status.statusEmpenho.statusAprovaDuasPartes == true\r\n && ((status.statusAprovadoCliente == true && status.statusAprovadoFornecedor == true) ||\r\n status.statusReprovado == true) ?\r\n moment(status.dataStatus).format('L LT') : '',\r\n aprovacao:\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0 ?\r\n // Se o status atual é cancelado, libera o botão de reativar empenho\r\n status.statusEmpenho != null && status.statusEmpenho.cancelaEmpenho == true ?\r\n {statusSol.descricao}
,\r\n usuario: '',\r\n dataInclusao: '',\r\n aprovacao:\r\n listaEmpenhoStatus.filter\r\n (x => x.idStatusEmpenho == statusSol.idStatusEmpenhoAnterior).length > 0 &&\r\n listaStatusEmpenho.filter(x => x.id == statusSol.idStatusEmpenhoAnterior).length > 0 &&\r\n (listaStatusEmpenho.filter(x => x.id == statusSol.idStatusEmpenhoAnterior)[0].statusAprovaDuasPartes\r\n ?\r\n (listaEmpenhoStatus.filter\r\n (x => x.idStatusEmpenho\r\n == statusSol.idStatusEmpenhoAnterior)[0].statusAprovadoFornecedor == true) &&\r\n (listaEmpenhoStatus.filter\r\n (x => x.idStatusEmpenho\r\n == statusSol.idStatusEmpenhoAnterior)[0].statusAprovadoCliente == true)\r\n :\r\n true)\r\n ?\r\n statusSol.statusAprovaDuasPartes == true ?\r\n \r\n No momento não possui Itens para serem inseridos.\r\n
\r\n }\r\n Autorizações:\r\n {\r\n listaAutorizacaoFornecimento !== undefined && listaAutorizacaoFornecimento.length > 0 &&\r\n listaAutorizacaoFornecimento !== null && listaSubitem != undefined && listaSubitem !== null && listaSubitem.length > 0 ?\r\n listaSubitem.map((e) => (\r\n e.marcadorSubitem == false && e.marcadorMedicao == false &&\r\n listaAutorizacaoFornecimento.filter(m => m.idAutorizacaoStatus !== 6 && e.id == m.id).length > 0 ?\r\n ` ${e.id}, `\r\n :\r\n null\r\n ))\r\n :\r\n null\r\n }\r\n
\r\n \r\n{`Deseja transferir a autorização número: ${idAutorizacao} para \r\n ${definitivaParcial ? \"Definitiva\" : \"Parcial\"}? `}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0 ?\r\n true :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n true :\r\n listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.somenteLeitura == true\r\n ?\r\n true\r\n :\r\n (listaContratoUsuario != undefined && contratoCompleto != null && listaContratoUsuario.filter((contratoUsu) => contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contratoCompleto.id && contratoUsu.analisaSubitemEmpenho === true).length === 0) ?\r\n true : false\r\n }\r\n >Novo Item\r\n \r\n :\r\n ''}\r\n \r\n \r\n }\r\n columns={[\r\n {\r\n title: 'Número Autorização',\r\n field: 'numeroAutorizacao',\r\n align: 'left',\r\n hidden: numeroAutorizacao ? false : true,\r\n },\r\n {\r\n title: 'Entrega',\r\n field: 'entregaParcial',\r\n align: 'left',\r\n render: rowData =>\r\n rowData.entregaParcial !== null && rowData.entregaParcial === true ?\r\n 'Parcial'\r\n :\r\n rowData.entregaParcial !== null && rowData.entregaParcial === false ?\r\n 'Definitiva'\r\n :\r\n null,\r\n hidden: parcial ? false : true,\r\n },\r\n {\r\n title: 'Número Ofício',\r\n field: 'numeroOficio',\r\n align: 'left',\r\n hidden: numeroOficio ? false : true,\r\n },\r\n {\r\n title: 'Número Orçamento',\r\n field: 'numeroOrcamento',\r\n align: 'left',\r\n hidden: numeroOrcamento ? false : true,\r\n },\r\n {\r\n title: 'Valor da Obra',\r\n field: 'valorObra',\r\n align: 'left',\r\n hidden: valorObra ? false : true,\r\n render: rowData =>\r\n rowData.valorObra === null ?\r\n null\r\n :\r\n rowData.valorObra.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Número Medição',\r\n field: 'numeroMedicao',\r\n align: 'left',\r\n hidden: medicao ? false : true,\r\n },\r\n {\r\n title: 'Descrição Medição',\r\n field: 'descricaoMedicao',\r\n align: 'left',\r\n hidden: descricaoMedicao ? false : true,\r\n },\r\n {\r\n\r\n title: 'Código/Descrição Item',\r\n field: 'descricaoSubitem',\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.label : false)\r\n }}\r\n />\r\n )\r\n },\r\n hidden: codDescSubitem ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Quantidade',\r\n field: 'quantidade',\r\n hidden: quantidade ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Unidade de Medida',\r\n field: 'unidadeMedida',\r\n hidden: unidadeDeMedida ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Saldo Quantidade Autorização', field: 'saldoAutorizacao', editable: 'never',\r\n hidden: listaHierarquiaCompleta != '' && listaHierarquiaCompleta.length > 0 &&\r\n listaHierarquiaCompleta[2].saldoAutorizacao != undefined\r\n && listaHierarquiaCompleta[2].saldoAutorizacao == 0 &&\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0 ?\r\n (() => setSaldoQuantidadeAutorizacao(!saldoQuantidadeAutorizacao),\r\n saldoQuantidadeAutorizacao)\r\n :\r\n !saldoQuantidadeAutorizacao\r\n },\r\n {\r\n title: 'Saldo Quantidade Contrato (excedente)',\r\n field: 'saldoContratoExcedente',\r\n hidden: saldoQuantidadeExc ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Valor Unitário',\r\n field: 'valorUnitario',\r\n hidden: valorUnitario ? false : true,\r\n editable: 'never',\r\n grouping: false,\r\n render: rowData =>\r\n rowData.valorUnitario === null ?\r\n null\r\n :\r\n rowData.valorUnitario.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Valor Total',\r\n field: 'valorTotal',\r\n hidden: valorTotal ? false : true,\r\n editable: 'never',\r\n grouping: false,\r\n render: rowData =>\r\n rowData.valorTotal === null ?\r\n null\r\n :\r\n rowData.valorTotal.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Usuario',\r\n field: 'usuario',\r\n hidden: usuarioCheck ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Data Inclusao',\r\n field: 'dataInclusao',\r\n hidden: dataInclusao ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Quantidade Total Contrato (excedente)',\r\n field: 'quantidadeContrato',\r\n hidden: quantidadeContrato ? false : true,\r\n editable: 'never',\r\n render: rowData =>\r\n rowData.quantidadeContrato != null ?\r\n rowData.quantidadeContrato + ' (' + rowData.quantidadeContratoExcedente + ')' : ''\r\n },\r\n {\r\n title: 'Valor Total Medição',\r\n field: 'valorTotalMedicao',\r\n hidden: valorTotalMedicao ? false : true,\r\n editable: 'never',\r\n render: rowData =>\r\n rowData.valorTotalMedicao === null ?\r\n null\r\n :\r\n rowData.valorTotalMedicao.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n }\r\n ]}\r\n data={listaHierarquiaCompleta}\r\n parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}\r\n options={{\r\n minBodyHeight: 500,\r\n actionsCellStyle: {\r\n width: '5%',\r\n },\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"11px\",\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle:\r\n rowData => ({\r\n backgroundColor:\r\n rowData.quantidade > rowData.saldoContratoExcedente && listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho != true || rowData.quantidade - rowData.saldoAutorizacao > 0 &&\r\n listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho != true\r\n ? '#F7D1D1' :\r\n rowData.marcadorSubitem ?\r\n '#dcdcdc'\r\n : rowData.marcadorMedicao ?\r\n '#BCB8B8'\r\n :\r\n '#9D9999'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'error',\r\n tooltip: \r\n {'Esse Item esta passando ' + (rowData.quantidade - rowData.saldoContratoExcedente) + ' unidades da quantidade excedente do contrato.'}\r\n ,\r\n hidden: rowData.quantidade - rowData.saldoContratoExcedente <= 0 || (listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho == true) || rowData.marcadorSubitem == false\r\n }),\r\n rowData => ({\r\n icon: 'error',\r\n tooltip: \r\n {rowData.quantidade - rowData.saldoAutorizacao > 0 ?\r\n 'Quantidade saldo autorização excedida: ' + (rowData.quantidade - rowData.saldoAutorizacao)\r\n : null}\r\n ,\r\n hidden:\r\n !(rowData.quantidade - rowData.saldoAutorizacao > 0) || (listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho == true) || rowData.marcadorSubitem == false\r\n }),\r\n rowData => ({\r\n icon: () =>
\r\n\r\n Total Definitivo \r\n \r\n
\r\n {\r\n id == undefined ?\r\n ''\r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0\r\n ?\r\n\r\n O Empenho está Cancelado!\r\n \r\n \r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n \r\n O Empenho está Finalizado!\r\n \r\n \r\n :\r\n listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.somenteLeitura == true\r\n ?\r\n \r\n O status atual só permite leitura na aba de Item!\r\n \r\n \r\n : ''\r\n }\r\n \r\n
\r\n :\r\n \r\n
\r\n
\r\n {\r\n id == undefined ?\r\n ''\r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0\r\n ?\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0 ?\r\n true :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n true :\r\n listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.somenteLeitura == true\r\n ?\r\n true\r\n :\r\n (listaContratoUsuario != undefined && contratoCompleto != null && listaContratoUsuario.filter((contratoUsu) => contratoUsu.idUsuario === usuario.id\r\n && contratoUsu.idContrato === contratoCompleto.id && contratoUsu.analisaSubitemEmpenho === true).length === 0) ?\r\n true : false\r\n }\r\n \r\n >Novo Item\r\n \r\n :\r\n ''}\r\n \r\n \r\n }\r\n columns={[\r\n \r\n {\r\n title: 'Número Autorização',\r\n field: 'numeroAutorizacao',\r\n align: 'left',\r\n hidden: numeroAutorizacao ? false : true,\r\n },\r\n {\r\n title: 'Entrega',\r\n field: 'entregaParcial',\r\n align: 'left',\r\n render: rowData =>\r\n rowData.entregaParcial !== null && rowData.entregaParcial === true ?\r\n 'Parcial'\r\n :\r\n rowData.entregaParcial !== null && rowData.entregaParcial === false ?\r\n 'Definitiva'\r\n :\r\n null,\r\n hidden: parcial ? false : true,\r\n },\r\n {\r\n title: 'Número Ofício',\r\n field: 'numeroOficio',\r\n align: 'left',\r\n hidden: numeroOficio ? false : true,\r\n },\r\n {\r\n title: 'Número Orçamento',\r\n field: 'numeroOrcamento',\r\n align: 'left',\r\n hidden: numeroOrcamento ? false : true,\r\n },\r\n {\r\n title: 'Valor da Obra',\r\n field: 'valorObra',\r\n align: 'left',\r\n hidden: valorObra ? false : true,\r\n render: rowData =>\r\n rowData.valorObra === null ?\r\n null\r\n :\r\n rowData.valorObra.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Número Medição',\r\n field: 'numeroMedicao',\r\n align: 'left',\r\n hidden: medicao ? false : true,\r\n },\r\n {\r\n title: 'Descrição Medição',\r\n field: 'descricaoMedicao',\r\n align: 'left',\r\n hidden: descricaoMedicao ? false : true,\r\n },\r\n /*{\r\n title: 'Número Subitem Medição',\r\n field: 'subitemMedicao',\r\n hidden: idSubitemMedicao ? false : true,\r\n align: 'left',\r\n },*/\r\n {\r\n\r\n title: 'Código/Descrição Item',\r\n field: 'descricaoSubitem',\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.label : false)\r\n }}\r\n />\r\n )\r\n },\r\n hidden: codDescSubitem ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Quantidade',\r\n field: 'quantidade',\r\n hidden: quantidade ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Unidade de Medida',\r\n field: 'unidadeMedida',\r\n hidden: unidadeDeMedida ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Saldo Quantidade Autorização', field: 'saldoAutorizacao', editable: 'never',\r\n hidden: listaHierarquiaCompleta != '' && listaHierarquiaCompleta.length > 0 &&\r\n listaHierarquiaCompleta[2].saldoAutorizacao != undefined\r\n && listaHierarquiaCompleta[2].saldoAutorizacao == 0 &&\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0 ?\r\n (() => setSaldoQuantidadeAutorizacao(!saldoQuantidadeAutorizacao),\r\n saldoQuantidadeAutorizacao)\r\n :\r\n !saldoQuantidadeAutorizacao\r\n },\r\n {\r\n title: 'Saldo Quantidade Contrato (excedente)',\r\n field: 'saldoContratoExcedente',\r\n hidden: saldoQuantidadeExc ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Valor Unitário',\r\n field: 'valorUnitario',\r\n hidden: valorUnitario ? false : true,\r\n editable: 'never',\r\n grouping: false,\r\n render: rowData =>\r\n rowData.valorUnitario === null ?\r\n null\r\n :\r\n rowData.valorUnitario.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Valor Total',\r\n field: 'valorTotal',\r\n hidden: valorTotal ? false : true,\r\n editable: 'never',\r\n grouping: false,\r\n render: rowData =>\r\n rowData.valorTotal === null ?\r\n null\r\n :\r\n rowData.valorTotal.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Usuario',\r\n field: 'usuario',\r\n hidden: usuarioCheck ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Data Inclusao',\r\n field: 'dataInclusao',\r\n hidden: dataInclusao ? false : true,\r\n editable: 'never'\r\n },\r\n {\r\n title: 'Quantidade Total Contrato (excedente)',\r\n field: 'quantidadeContrato',\r\n hidden: quantidadeContrato ? false : true,\r\n editable: 'never',\r\n render: rowData => rowData.quantidadeContrato + ' (' + rowData.quantidadeContratoExcedente + ')'\r\n },\r\n {\r\n title: 'Valor Total Medição',\r\n field: 'valorTotalMedicao',\r\n hidden: valorTotalMedicao ? false : true,\r\n editable: 'never',\r\n render: rowData =>\r\n rowData.valorTotalMedicao === null ?\r\n null\r\n :\r\n rowData.valorTotalMedicao.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n }\r\n ]}\r\n data={listaHierarquiaCompleta}\r\n parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}\r\n options={{\r\n minBodyHeight: 500,\r\n actionsCellStyle: {\r\n width: '5%',\r\n },\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"11px\",\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle:\r\n rowData => ({\r\n backgroundColor:\r\n rowData.quantidade > rowData.saldoContratoExcedente && listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho != true || rowData.quantidade - rowData.saldoAutorizacao > 0 &&\r\n listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho != true\r\n ? '#F7D1D1' :\r\n rowData.marcadorSubitem ?\r\n '#dcdcdc'\r\n : rowData.marcadorMedicao ?\r\n '#BCB8B8'\r\n :\r\n '#9D9999'\r\n })\r\n }}\r\n actions={[\r\n rowData => ({\r\n icon: 'error',\r\n tooltip: \r\n {'Esse Item esta passando ' + (rowData.quantidade - rowData.saldoContratoExcedente) + ' unidades da quantidade excedente do contrato.'}\r\n ,\r\n hidden: rowData.quantidade - rowData.saldoContratoExcedente <= 0 || (listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho == true) || rowData.marcadorSubitem == false\r\n }),\r\n rowData => ({\r\n icon: 'error',\r\n tooltip: \r\n {rowData.quantidade - rowData.saldoAutorizacao > 0 ?\r\n 'Quantidade saldo autorização excedida: ' + (rowData.quantidade - rowData.saldoAutorizacao)\r\n : null}\r\n ,\r\n hidden:\r\n !(rowData.quantidade - rowData.saldoAutorizacao > 0) || (listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.finalizaEmpenho == true) || rowData.marcadorSubitem == false\r\n }),\r\n rowData => ({\r\n icon: () =>
\r\n\r\n Total Parcial \r\n \r\n
\r\n {\r\n id == undefined ?\r\n ''\r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0\r\n ?\r\n\r\n O Empenho está Cancelado!\r\n \r\n \r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n \r\n O Empenho está Finalizado!\r\n \r\n \r\n :\r\n listaEmpenhoStatus != undefined && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1] != null && listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho != null &&\r\n listaEmpenhoStatus\r\n [listaEmpenhoStatus.length - 1].statusEmpenho.somenteLeitura == true\r\n ?\r\n \r\n O status atual só permite leitura na aba de Item!\r\n \r\n \r\n : ''\r\n }\r\n \r\n
\r\n :\r\n \r\n\r\n
\r\n
\r\n {\r\n id == undefined ?\r\n ''\r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0\r\n ?\r\n
\r\n
\r\n\r\n \r\n x.cancelaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.cancelaEmpenho == true)[0].id).length > 0 ?\r\n true :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n true : false\r\n }>\r\n Adicionar Documentos\r\n \r\n :\r\n ''\r\n }\r\n columns={[\r\n {\r\n title: \"Número do Documento\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome Arquivo\", field: 'nomeArquivo', cellStyle: {\r\n width: '18%'\r\n },\r\n },\r\n {\r\n title: \"Tipo Documento Arquivo\", field: 'tipoDocumentoArquivo', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Usuario\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '18%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n documentos != undefined ?\r\n documentos.map(doc => {\r\n return {\r\n id: doc.id,\r\n nomeArquivo: doc.nomeArquivo,\r\n tipoDocumentoArquivo: doc.tipoDocumentoArquivo.descricao,\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n usuario: doc.usuario.nome,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n documentoArquivoGuid: doc.documentoArquivoGuid,\r\n idEmpenho: doc.idEmpenho,\r\n idTipoDocumentoArquivo: doc.idTipoDocumentoArquivo,\r\n idUsuario: doc.idUsuario\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n alterar == true ?\r\n setTimeout(() => {\r\n AlterarDocumentoArquivo(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n excluir == true ?\r\n setTimeout(() => {\r\n ExcluirDocumento(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarDocumento(rowData.id)\r\n },\r\n ]}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n \r\n O Empenho está Cancelado!\r\n \r\n \r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n \r\n O Empenho está Finalizado!\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n
\r\n }\r\n \r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={500000000}\r\n />\r\n
\r\n \r\n \r\n rowData.statusCancela == true ?\r\n
\r\n \r\n )\r\n}","export function ListarMultaRequest(idEmpenho) {\r\n return {\r\n type: 'LISTAR_MULTA_REQUEST',\r\n idEmpenho\r\n }\r\n}\r\n\r\nexport function ListarMultaResponse(listaMulta) {\r\n return {\r\n type: 'LISTAR_MULTA_RESPONSE',\r\n listaMulta\r\n }\r\n}\r\n\r\nexport function InserirMultaRequest(data) {\r\n return {\r\n type: 'INSERIR_MULTA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function AlterarMultaRequest(data) {\r\n return {\r\n type: 'ALTERAR_MULTA_REQUEST',\r\n data\r\n }\r\n}\r\n\r\nexport function ExcluirMultaRequest(id, idEmpenho) {\r\n return {\r\n type: 'EXCLUIR_MULTA_REQUEST',\r\n id, idEmpenho\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import {\r\n AlterarMultaRequest, ExcluirMultaRequest,\r\n InserirMultaRequest, ListarMultaRequest\r\n} from \"../../../store/modules/multa/actions\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Col, Form, Button, Alert } from \"react-bootstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ListarAutorizacaoFornecimentoDoEmpenhoRequest } from \"../../../store/modules/autorizacaoFornecimento/actions\";\r\nimport MaterialTable from 'material-table';\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport Select from 'react-select';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\nimport IntlCurrencyInput from \"react-intl-currency-input\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\nexport default function Multa() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n const listarMulta = useSelector(state => state.multa.listaMulta);\r\n const carregando = useSelector(state => state.empenhoStatus.carregando);\r\n const listaAutorizacaoFornecimento = useSelector(state => state.autorizacaoFornecimento.listaAutorizacaoFornecimento);\r\n const listaStatusEmpenho = useSelector(state => state.statusEmpenho.listaStatusEmpenho);\r\n const listaEmpenhoStatus = useSelector(state => state.empenhoStatus.listaEmpenhoStatus);\r\n\r\n const [valorTotalMulta, setValorTotalMulta] = useState(0);\r\n\r\n const currencyConfig = {\r\n locale: \"pt-BR\",\r\n formats: {\r\n number: {\r\n BRL: {\r\n style: \"currency\",\r\n currency: \"BRL\",\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n },\r\n },\r\n },\r\n };\r\n\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n const options = listaAutorizacaoFornecimento != undefined ?\r\n listaAutorizacaoFornecimento.map(x => ({\r\n value: x.id, label: x.numeroAf\r\n }))\r\n :\r\n [];\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n if (id != undefined) {\r\n dispatch(ListarMultaRequest(id));\r\n dispatch(ListarAutorizacaoFornecimentoDoEmpenhoRequest(id));\r\n }\r\n\r\n }, [id])\r\n\r\n useEffect(() => {\r\n\r\n if (listarMulta != undefined) {\r\n TotalMulta();\r\n }\r\n\r\n }, [listarMulta])\r\n\r\n function TotalMulta() {\r\n\r\n var total = 0.0;\r\n\r\n if (listarMulta != undefined) {\r\n listarMulta.map(multa => {\r\n total += multa.valorMulta;\r\n })\r\n }\r\n\r\n setValorTotalMulta(total);\r\n }\r\n\r\n function InserirMulta(multa) {\r\n\r\n if (multa.valor == '') {\r\n toast.error(`Valor não digitado`);\r\n return false;\r\n }\r\n\r\n if (document.getElementById('idSelectAF') != null && document.getElementById('idSelectAF') != undefined) {\r\n\r\n var selectTextAf = document.getElementById('idSelectAF').innerText;\r\n\r\n var idAf = listaAutorizacaoFornecimento.filter(a => a.numeroAf == selectTextAf);\r\n\r\n if (selectTextAf != \"\") {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'IdAutorizacaoFornecimento': idAf[0].id,\r\n 'IdEmpenho': id,\r\n 'ValorMulta': multa.valor,\r\n }\r\n\r\n dispatch(InserirMultaRequest(data))\r\n\r\n } else {\r\n toast.error(\"Autorização de Fornecimento não selecionada!\");\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n function AlterarMulta(multa) {\r\n\r\n\r\n if (multa.valor == '') {\r\n toast.error(`Valor não digitado`);\r\n return false;\r\n }\r\n\r\n if (document.getElementById('idSelectAF') != null && document.getElementById('idSelectAF') != undefined) {\r\n\r\n var selectTextAf = document.getElementById('idSelectAF').innerText;\r\n if (selectTextAf != \"\") {\r\n\r\n let data = {\r\n 'Id': multa.idMulta,\r\n 'IdAutorizacaoFornecimento': parseInt(selectTextAf),\r\n 'IdEmpenho': id,\r\n 'ValorMulta': multa.valor,\r\n }\r\n\r\n dispatch(AlterarMultaRequest(data))\r\n\r\n } else {\r\n toast.error(\"Autorização de Fornecimento não selecionada!\");\r\n }\r\n\r\n }\r\n }\r\n\r\n function ExcluirMulta(idMulta) {\r\n dispatch(ExcluirMultaRequest(idMulta, id));\r\n }\r\n\r\n return (\r\n <>\r\n {rowData.status}
\r\n :\r\n rowData.statusAprovaDuasPartes ?\r\n rowData.statusAprovado ?\r\n {rowData.status} (Aprovada)
\r\n :\r\n rowData.statusReprovado ?\r\n {rowData.status} (Reprovada)
\r\n :\r\n ''\r\n :\r\n {rowData.status}
\r\n },\r\n {\r\n title: 'Observação', field: 'observacao', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Data', field: 'dataStatus', cellStyle: {\r\n width: '25%'\r\n }\r\n },\r\n {\r\n title: 'Nome usuário', field: 'usuario', cellStyle: {\r\n width: '25%'\r\n }\r\n }\r\n ]}\r\n data={\r\n listaCompletoEmpenhoStatus != undefined ?\r\n listaCompletoEmpenhoStatus.map(empenhoStatus => {\r\n if (empenhoStatus.statusEmpenho != null && empenhoStatus.statusEmpenho.statusAprovaDuasPartes &&\r\n ((empenhoStatus.statusAprovadoCliente == false || empenhoStatus.statusAprovadoFornecedor == false)\r\n && empenhoStatus.statusReprovado == false)) {\r\n return null;\r\n } else if (empenhoStatus.statusEmpenho != null && empenhoStatus.statusEmpenho.statusFaturamento &&\r\n empenhoStatus.statusFaturamentoAprovado == false) {\r\n return null;\r\n } else {\r\n return {\r\n status:\r\n empenhoStatus.statusEmpenho != null ?\r\n empenhoStatus.statusEmpenho.descricao : '',\r\n dataStatus: moment(empenhoStatus.dataStatus).format('L LT'),\r\n usuario: empenhoStatus.usuario != null ? empenhoStatus.usuario.nome : '',\r\n observacao: empenhoStatus.observacao,\r\n statusCancela: empenhoStatus.statusEmpenho.cancelaEmpenho,\r\n statusAprovaDuasPartes: empenhoStatus.statusEmpenho.statusAprovaDuasPartes,\r\n statusAprovado: empenhoStatus.statusAprovadoCliente && empenhoStatus.statusAprovadoFornecedor ? true : false,\r\n statusReprovado: empenhoStatus.statusReprovado\r\n }\r\n }\r\n }).filter(Boolean)\r\n :\r\n []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n \r\n
\r\n \r\n )\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Col, Form } from \"react-bootstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { ListarDiferencaEmpenhoRequest } from \"../../../store/modules/empenhoStatus/actions\";\r\nimport MaterialTable from 'material-table';\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport moment from 'moment';\r\nimport IntlCurrencyInput from \"react-intl-currency-input\";\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function Diferenca() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n const listarDiferencaEmpenho = useSelector(state => state.empenhoStatus.listarDiferencaEmpenho);\r\n const carregando = useSelector(state => state.empenhoStatus.carregando);\r\n\r\n const [listaHierarquiaCompleta, setListaHierarquiaCompleta] = useState([]);\r\n const [valorTotalDiferenca, setValorTotalDiferenca] = useState(0);\r\n\r\n const currencyConfig = {\r\n locale: \"pt-BR\",\r\n formats: {\r\n number: {\r\n BRL: {\r\n style: \"currency\",\r\n currency: \"BRL\",\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n },\r\n },\r\n },\r\n };\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n if (id != undefined) {\r\n dispatch(ListarDiferencaEmpenhoRequest(id));\r\n }\r\n\r\n }, [id])\r\n\r\n useEffect(() => {\r\n\r\n if (listarDiferencaEmpenho != undefined)\r\n ConstroiHierarquia()\r\n\r\n }, [listarDiferencaEmpenho])\r\n\r\n function ConstroiHierarquia() {\r\n\r\n let hierarquiaCompleta = [];\r\n let valorTotal = 0.0;\r\n\r\n if (listarDiferencaEmpenho != undefined) {\r\n\r\n listarDiferencaEmpenho.map((autorizacaoFornecimento) => {\r\n\r\n if (autorizacaoFornecimento.listaValorEntregaDiferenca.length > 0) {\r\n\r\n hierarquiaCompleta.push({\r\n id: autorizacaoFornecimento.idAutorizacaoFornecimento,\r\n numeroAutorizacao: autorizacaoFornecimento.idAutorizacaoFornecimento,\r\n valorTotalDiferenca: autorizacaoFornecimento.valorTotalDiferenca,\r\n item: null,\r\n quantidade: null,\r\n diferenca: null,\r\n valor: null,\r\n valorDeduzir: null\r\n });\r\n valorTotal += autorizacaoFornecimento.valorTotalDiferenca\r\n autorizacaoFornecimento.listaValorEntregaDiferenca.map(function (diferenca, y) {\r\n var x = ('D').concat(diferenca.idAutorizacaoFornecimento).concat(diferenca.idSubitemCusto)\r\n hierarquiaCompleta.push({\r\n id: x,\r\n parentId: diferenca.idAutorizacaoFornecimento,\r\n numeroAutorizacao: null,\r\n valorTotalDiferenca: null,\r\n item: diferenca.item,\r\n quantidade: diferenca.quantidade,\r\n diferenca: diferenca.diferenca,\r\n valor: diferenca.valor,\r\n valorDeduzir: diferenca.valorTotal\r\n });\r\n })\r\n }\r\n })\r\n\r\n setListaHierarquiaCompleta(hierarquiaCompleta);\r\n setValorTotalDiferenca(valorTotal);\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.value.toString() : false)\r\n }}\r\n />\r\n )\r\n },\r\n lookup:\r\n listaAutorizacaoFornecimento ?\r\n listaAutorizacaoFornecimento.map(af => {\r\n return {\r\n id: af.id, descricao: af.numeroAf\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n \r\n ),\r\n },\r\n {\r\n title: 'Valor', field: 'valor', cellStyle: {\r\n width: '45%'\r\n }, align: \"left\", type: \"numeric\",\r\n render: rowData =>\r\n rowData.valor === null ?\r\n null\r\n :\r\n rowData.valor.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n })\r\n },\r\n ]}\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n data={\r\n listarMulta != undefined ?\r\n listarMulta.map(multa => {\r\n return {\r\n idMulta: multa.id,\r\n idAutorizacaoFornecimento: multa.idAutorizacaoFornecimento,\r\n valor: multa.valorMulta,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n editable={{\r\n onRowAdd:\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length == 0\r\n ? (newRow) => new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n InserirMulta(newRow);\r\n resolve()\r\n }, 1000)\r\n }) : null,\r\n\r\n\r\n onRowUpdate:\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length == 0\r\n ? (newRow, oldRow) => new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n AlterarMulta(newRow);\r\n resolve()\r\n }, 1000)\r\n }) : null,\r\n\r\n onRowDelete:\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length == 0\r\n ?\r\n oldData => new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n ExcluirMulta(oldData.idMulta);\r\n resolve()\r\n }, 1000)\r\n }) : null\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n
\r\n\r\n Total Multa Empenho \r\n \r\n
\r\n \r\n\r\n O Empenho está Cancelado!\r\n \r\n \r\n :\r\n listaEmpenhoStatus != undefined && listaStatusEmpenho != undefined &&\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true).length > 0 &&\r\n listaEmpenhoStatus.filter(x => x.idStatusEmpenho ==\r\n listaStatusEmpenho.filter(x => x.finalizaEmpenho == true)[0].id).length > 0\r\n ?\r\n \r\n O Empenho está Finalizado!\r\n \r\n \r\n :\r\n ''\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 { Row, Col, Card, Tabs, Tab } from \"react-bootstrap\";\r\nimport { FaMoneyCheckAlt } from \"react-icons/fa\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { ListarCompletoEmpenhoStatusRequest } from \"../../../store/modules/empenhoStatus/actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport Empenho from '../Empenho/empenho';\r\nimport Status from '../Status/status';\r\nimport Definitivo from '../Definitivo/definitivo';\r\nimport Parcial from '../Parcial/parcial';\r\nimport DocumentoArquivo from '../DocumentoArquivo/documentoArquivo';\r\nimport HistoricoStatus from '../HistoricoStatus/historicoStatus';\r\nimport Header from \"../../../components/Header/header\";\r\nimport Multa from \"../Multa/multa\";\r\nimport Diferenca from \"../Diferenca/diferenca\";\r\n\r\nexport default function Abas() {\r\n\r\n const { id } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n //Permissão de Visualizar\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const history = useHistory();\r\n useEffect(() => {\r\n if (token.role.filter(r => r == \"EmpenhoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (id != undefined) {\r\n dispatch(ListarCompletoEmpenhoStatusRequest(id));\r\n }\r\n\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n \r\n rowData.valorTotalDiferenca === null ?\r\n null\r\n :\r\n rowData.valorTotalDiferenca.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n })\r\n },\r\n {\r\n title: 'Item', field: 'item', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: 'Quantidade Fiscalizada', field: 'quantidade', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: 'Diferença', field: 'diferenca', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: 'Valor Unitário', field: 'valor', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n {\r\n title: 'Valor a Deduzir', field: 'valorDeduzir', cellStyle: {\r\n width: '15%'\r\n }\r\n },\r\n ]}\r\n data={listaHierarquiaCompleta}\r\n parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (rowData.item === null) ? '#9D9999' : '#BCB8B8'\r\n })\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Ações'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n
\r\n\r\n Total Diferença Empenho \r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { IoDocumentText } from 'react-icons/io5';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Col, Card, Button, Form, Dropdown, Row } from \"react-bootstrap\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { FaSearchPlus } from \"react-icons/fa\";\r\nimport {\r\n AlterarMedicaoAutorizacaoFornecimentoRequest,\r\n InserirMedicaoAutorizacaoFornecimentoRequest\r\n} from \"../../../store/modules/medicaoAutorizacaoFornecimento/actions\";\r\nimport { ListarStatusMedicaoAutorizacaoFornecimentoRequest } from \"../../../store/modules/statusMedicaoAutorizacaoFornecimento/actions\";\r\nimport { ListarUsuarioRequest } from \"../../../store/modules/usuario/actions\";\r\nimport { ListarAutorizacaoFornecimentoRequest } from \"../../../store/modules/autorizacaoFornecimento/actions\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ListarContratoUsuarioRequest } from '../../../store/modules/contratoUsuario/actions';\r\nimport MaterialTable, { MTableFilterRow } from \"material-table\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport moment from 'moment';\r\nimport Select from 'react-select';\r\nimport 'moment/locale/pt-br';\r\nimport Cookies from 'universal-cookie';\r\nimport urlBase from '../../../services/rotas';\r\nimport { AtualizarToken } from \"../../../store/modules/global/actions\";\r\nimport { FaPlus } from \"react-icons/fa\";\r\nimport ptBR from \"date-fns/locale/pt-BR\";\r\nimport { RiFilter3Line } from \"react-icons/ri\";\r\n\r\nexport default function Listar() {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const tableRef = React.createRef();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n const cookies = new Cookies();\r\n const [query, setQuery] = useState(\"\");\r\n\r\n const carregando = useSelector(state => state.medicaoAutorizacaoFornecimento.carregando);\r\n const listaStatusMedicaoAutorizacaoFornecimento = useSelector(state => state.statusMedicaoAutorizacaoFornecimento.listaStatusMedicaoAutorizacaoFornecimento);\r\n const listaContratoUsuario = useSelector(state => state.contratoUsuario.listaContratoUsuario);\r\n const listaAutorizacaoFornecimento = useSelector(state => state.autorizacaoFornecimento.listaAutorizacaoFornecimento);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [dataMedicao, setDataMedicao] = useState('');\r\n\r\n // Filtros\r\n\r\n let [filtros] = useState(JSON.parse(localStorage.getItem('filtro-medicao-autorizacao-fornecimento')));\r\n const [numeroAfFiltro, setNumeroAfFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.numeroAfFiltro : 0);\r\n const [descricaoFiltro, setDescricaoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.descricaoFiltro : '');\r\n const [totalMedicaoFiltro, setTotalMedicaoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.totalMedicaoFiltro : '');\r\n const [usuarioFiltro, setUsuarioFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.usuarioFiltro : '');\r\n const [observacaoFiltro, setObservacaoFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.observacaoFiltro : '');\r\n const [statusFiltro, setStatusFiltro] = useState(filtros != null && usuario.historicoFiltro ? filtros.statusFiltro : 0);\r\n\r\n const [dataInicio, setDataInicio] = useState(null);\r\n const [dataFinal, setDataFinal] = useState(null);\r\n\r\n const options = listaAutorizacaoFornecimento != undefined ?\r\n listaAutorizacaoFornecimento.map(af => ({\r\n value: af.id, label: af.numeroAf\r\n }))\r\n :\r\n [];\r\n\r\n const optionsStatus = [\r\n { value: '1', label: \"Inicial\" },\r\n { value: '3', label: \"Medição Finalizada\" },\r\n { value: '4', label: \"Cancelada\" },\r\n { value: '5-1', label: \"Pendente de Quantidade (Cliente)\" },\r\n { value: '5-2', label: \"Pendente de Quantidade (Fornecedor)\" },\r\n { value: '5-3', label: \"Pendente de Quantidade (Ambos)\" },\r\n { value: '5-4', label: \"Pendente de Quantidade (Nenhum)\" },\r\n\r\n ];\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AutorizacaoFornecimentoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AutorizacaoFornecimentoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"AutorizacaoFornecimentoAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarUsuarioRequest());\r\n dispatch(ListarContratoUsuarioRequest());\r\n dispatch(ListarStatusMedicaoAutorizacaoFornecimentoRequest());\r\n dispatch(ListarAutorizacaoFornecimentoRequest());\r\n dispatch(AtualizarToken());\r\n TrocarData(filtros);\r\n \r\n }, [])\r\n\r\n\r\n function ValidacoesInserir(medicao) {\r\n\r\n // Valida o campo medição descrição\r\n if (medicao.descricao == ' ' || medicao.descricao == ''\r\n || medicao.descricao == null || medicao.descricao == undefined) {\r\n toast.error(`Descrição Inválida`);\r\n return false;\r\n }\r\n\r\n if (medicao.descricao.length > 200) {\r\n toast.error(`A descrição não pode conter mais que 200 caracteres`);\r\n return false;\r\n }\r\n\r\n // Valida o campo Data Medição\r\n if (medicao.dataApi == undefined || medicao.dataApi == null) {\r\n toast.error('É preciso selecionar a data da medição');\r\n return false;\r\n }\r\n\r\n // Valida o campo medição observação\r\n if (medicao.observacao !== undefined) {\r\n if (medicao.observacao.trim().length > 500) {\r\n toast.error('A observação não pode conter mais que 500 caracteres');\r\n return false;\r\n }\r\n }\r\n\r\n if (document.getElementById('idSelectAF') != null && document.getElementById('idSelectAF') != undefined) {\r\n\r\n var selectTextAf = document.getElementById('idSelectAF').innerText;\r\n var selectSelecionadoAf = listaAutorizacaoFornecimento.filter(af => af.numeroAf == selectTextAf);\r\n if (selectSelecionadoAf.length > 0) {\r\n if (listaContratoUsuario !== undefined && usuario !== undefined &&\r\n selectSelecionadoAf != null && selectSelecionadoAf[0].solicitacaoFornecimentoVersao != null &&\r\n selectSelecionadoAf[0].solicitacaoFornecimentoVersao.solicitacaoFornecimento != null &&\r\n selectSelecionadoAf[0].solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao != null &&\r\n selectSelecionadoAf[0].solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato != null\r\n && listaContratoUsuario.filter(x => x.iniciarMedicao == true && x.idUsuario == usuario.id &&\r\n x.idContrato == selectSelecionadoAf[0].solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato).length == 0) {\r\n toast.error(`Você não tem permissão para iniciar uma medição relacionada ao \r\n contrato ${selectSelecionadoAf[0].solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato}`);\r\n return false;\r\n }\r\n }\r\n }\r\n\r\n if (medicao.idAutorizacaoFornecimento !== undefined && medicao.idAutorizacaoFornecimento !== null &&\r\n listaAutorizacaoFornecimento !== null && listaAutorizacaoFornecimento !== undefined) {\r\n\r\n var afSelecionada = listaAutorizacaoFornecimento.filter(x => x.id == medicao.idAutorizacaoFornecimento)[0]\r\n if (afSelecionada !== undefined && afSelecionada !== null) {\r\n if (listaContratoUsuario !== undefined && usuario !== undefined &&\r\n listaContratoUsuario.filter(x => x.iniciarMedicao == true && x.idUsuario == usuario.id &&\r\n x.idContrato == afSelecionada.solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato).length == 0) {\r\n toast.error(`Você não tem permissão para iniciar uma medição relacionada ao \r\n contrato ${afSelecionada.solicitacaoFornecimentoVersao.solicitacaoFornecimento.contratoVersao.idContrato}`);\r\n return false;\r\n }\r\n }\r\n\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function AlterarMedicao(medicao) {\r\n\r\n let data = {\r\n 'Id': medicao.id,\r\n 'IdAutorizacaoFornecimento': parseInt(medicao.idAutorizacaoFornecimento),\r\n 'IdUsuario': medicao.idUsuario,\r\n 'DataMedicao': medicao.dataApi,\r\n 'Observacao': medicao.observacao.trim(),\r\n 'Descricao': medicao.descricao\r\n }\r\n\r\n dispatch(AlterarMedicaoAutorizacaoFornecimentoRequest(data));\r\n\r\n }\r\n\r\n function InserirMedicao(medicao) {\r\n\r\n if (document.getElementById('idSelectAF') != null && document.getElementById('idSelectAF') != undefined) {\r\n\r\n var selectTextAf = document.getElementById('idSelectAF').innerText;\r\n var selectSelecionadoAf = listaAutorizacaoFornecimento.filter(af => af.numeroAf == selectTextAf);\r\n if (selectSelecionadoAf.length > 0) {\r\n\r\n let data = {\r\n 'Id': parseInt(0),\r\n 'IdAutorizacaoFornecimento': parseInt(selectSelecionadoAf[0].id),\r\n 'IdUsuario': parseInt(usuario.id),\r\n 'DataMedicao': medicao.dataApi,\r\n 'DataInclusao': moment((new Date())).add('hours', 2),\r\n 'Observacao': medicao.observacao,\r\n 'Descricao': medicao.descricao\r\n }\r\n\r\n dispatch(InserirMedicaoAutorizacaoFornecimentoRequest(data));\r\n\r\n setDataMedicao(null);\r\n } else {\r\n toast.error(\"Autorização de Fornecimento não selecionada!\");\r\n }\r\n\r\n }\r\n }\r\n\r\n function TrocarData(filtros){\r\n\r\n if(filtros.numeroAfFiltro === '' && filtros.descricaoFiltro === '' && filtros.statusFiltro === '' && \r\n filtros.usuarioFiltro === '' && filtros.observacaoFiltro === '' && !dataInicio && !dataFinal){\r\n setDataInicio(moment().startOf('month'))\r\n setDataFinal(moment().endOf('month'))\r\n }\r\n\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}","export function ListarFaturamentoRequest() {\r\n return {\r\n type: 'LISTAR_FATURAMENTO_REQUEST'\r\n }\r\n}\r\n\r\nexport function ListarFaturamentoResponse(listaFaturamento) {\r\n return {\r\n type: 'LISTAR_FATURAMENTO_RESPONSE',\r\n listaFaturamento\r\n }\r\n}\r\n\r\nexport function ListarCompletoFaturamentoRequest(idEmpenho) {\r\n return {\r\n type: 'LISTAR_COMPLETO_FATURAMENTO_REQUEST', idEmpenho\r\n }\r\n}\r\n\r\nexport function ListarCompletoFaturamentoResponse(listaCompletaFaturamento) {\r\n return {\r\n type: 'LISTAR_COMPLETO_FATURAMENTO_RESPONSE',\r\n listaCompletaFaturamento\r\n }\r\n}\r\n\r\nexport function InserirFaturamentoRequest(data, idEmpenho) {\r\n return {\r\n type: 'INSERIR_FATURAMENTO_REQUEST',\r\n data, idEmpenho\r\n }\r\n}\r\n\r\nexport function AlterarFaturamentoRequest(data, idEmpenho) {\r\n return {\r\n type: 'ALTERAR_FATURAMENTO_REQUEST',\r\n data, idEmpenho\r\n }\r\n}\r\n\r\nexport function ExcluirFaturamentoRequest(id, idEmpenho) {\r\n return {\r\n type: 'EXCLUIR_FATURAMENTO_REQUEST',\r\n id, idEmpenho\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","export function ListarFaturamentoDocumentoArquivoRequest(idFaturamento) {\r\n return {\r\n type: 'LISTAR_FATURAMENTO_DOCUMENTO_ARQUIVO_REQUEST', idFaturamento\r\n }\r\n}\r\n\r\nexport function ListarFaturamentoDocumentoArquivoResponse(listaFaturamentoDocumentoArquivo) {\r\n return {\r\n type: 'LISTAR_FATURAMENTO_DOCUMENTO_ARQUIVO_RESPONSE',\r\n listaFaturamentoDocumentoArquivo\r\n }\r\n}\r\n\r\nexport function InserirFaturamentoDocumentoArquivoRequest(data, idFaturamento) {\r\n return {\r\n type: 'INSERIR_FATURAMENTO_DOCUMENTO_ARQUIVO_REQUEST',\r\n data, idFaturamento\r\n }\r\n}\r\n\r\nexport function AlterarFaturamentoDocumentoArquivoRequest(data, idFaturamento) {\r\n return {\r\n type: 'ALTERAR_FATURAMENTO_DOCUMENTO_ARQUIVO_REQUEST',\r\n data, idFaturamento\r\n }\r\n}\r\n\r\nexport function ExcluirFaturamentoDocumentoArquivoRequest(id, idFaturamento) {\r\n return {\r\n type: 'EXCLUIR_FATURAMENTO_DOCUMENTO_ARQUIVO_REQUEST',\r\n id, idFaturamento\r\n }\r\n}\r\n\r\nexport function BaixarFaturamentoDocumentoArquivoRequest(id) {\r\n return {\r\n type: 'BAIXAR_FATURAMENTO_DOCUMENTO_ARQUIVO_REQUEST',\r\n id\r\n }\r\n}\r\n\r\nexport function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n}","import { useEffect, useState } from \"react\";\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport { Button, Row, Col, Modal, Form } from \"react-bootstrap\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { MdRemoveRedEye } from \"react-icons/md\";\r\nimport { PatchedPagination } from \"../PatchedPagination/patchedPagination\";\r\nimport {\r\n AlterarFaturamentoDocumentoArquivoRequest,\r\n BaixarFaturamentoDocumentoArquivoRequest,\r\n ExcluirFaturamentoDocumentoArquivoRequest,\r\n InserirFaturamentoDocumentoArquivoRequest,\r\n ListarFaturamentoDocumentoArquivoRequest\r\n} from \"../../store/modules/faturamentoDocumentoArquivo/actions\";\r\nimport { ListarTipoDocumentoArquivoRequest } from \"../../store/modules/tipoDocumentoArquivo/actions\";\r\nimport { toast } from \"react-toastify\";\r\nimport Loading from \"../Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport default function ModalFaturamentoDocumento({ showModal, onHide, idFaturamento }) {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const usuario = JSON.parse(localStorage.getItem('token')).usuario;\r\n\r\n const listaFaturamentoDocumentoArquivo = useSelector(state => state.faturamentoDocumentoArquivo.listaFaturamentoDocumentoArquivo);\r\n const listaTipoDocumentoArquivo = useSelector(state => state.tipoDocumentoArquivo.listaTipoDocumentoArquivo);\r\n\r\n const [listaFile, setListaFile] = useState([]);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [showDocumento, setShowDocumento] = useState(false);\r\n const [observacao, setObservacao] = useState('');\r\n const [show, setShow] = useState(false);\r\n const [tipoDocumentoArquivo, setTipoDocumentoArquivo] = useState('');\r\n const [validated, setValidated] = useState(false);\r\n\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n\r\n const handleDocumentoClose = () => setShowDocumento(false);\r\n const handleDocumentoShow = () => setShowDocumento(true);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n const [excluir, setExcluir] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"FaturamentoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"FaturamentoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"FaturamentoAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n if (token.role.filter(r => r == \"FaturamentoExcluir\").length == 1) {\r\n setExcluir(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarTipoDocumentoArquivoRequest());\r\n if (idFaturamento != undefined && idFaturamento != '') {\r\n dispatch(ListarFaturamentoDocumentoArquivoRequest(idFaturamento));\r\n }\r\n\r\n }, [idFaturamento])\r\n\r\n function InserirDocumentoArquivo() {\r\n\r\n let formData = new FormData();\r\n\r\n if (tipoDocumentoArquivo == '') {\r\n toast.error('Para continuar selecione o tipo de documento');\r\n } else {\r\n if (listaFile.length > 0) {\r\n for (var x = 0; x < listaFile.length; x++) {\r\n formData.append('File', listaFile[x]);\r\n formData.append('IdFaturamento', parseInt(idFaturamento));\r\n formData.append('IdUsuario', parseInt(usuario.id));\r\n formData.append('IdTipoDocumentoArquivo', parseInt(tipoDocumentoArquivo));\r\n if (observacao != '')\r\n formData.append('Observacao', observacao);\r\n }\r\n\r\n setObservacao('');\r\n setListaFile([]);\r\n\r\n dispatch(InserirFaturamentoDocumentoArquivoRequest(formData, idFaturamento));\r\n handleClose();\r\n\r\n } else {\r\n toast.error('Para continuar insira um documento');\r\n }\r\n }\r\n }\r\n\r\n function AlterarDocumentoArquivo(documentoArquivo, novoValorCampoEditado, colunaEditada) {\r\n\r\n // Valida alteração do campo nome arquivo\r\n if (colunaEditada.field == \"nomeArquivo\") {\r\n\r\n if (novoValorCampoEditado == null || novoValorCampoEditado == undefined\r\n || novoValorCampoEditado == ' ' || novoValorCampoEditado == '') {\r\n\r\n toast.error(`Nome do arquivo inválido`);\r\n return;\r\n }\r\n\r\n if (novoValorCampoEditado.length > 150) {\r\n toast.error(`O nome do arquivo não pode conter mais que 150 caracteres`);\r\n return;\r\n }\r\n }\r\n\r\n // Valida alteração do campo observação\r\n if (colunaEditada.field == \"observacao\") {\r\n if (novoValorCampoEditado.length > 500) {\r\n toast.error(`A observação não pode conter mais que 500 caracteres`);\r\n return;\r\n }\r\n }\r\n\r\n if (colunaEditada != null) {\r\n\r\n let data = {\r\n 'Id': documentoArquivo.id,\r\n 'IdFaturamento': documentoArquivo.idFaturamento,\r\n 'NomeArquivo': colunaEditada.field == \"observacao\" ? documentoArquivo.nomeArquivo : novoValorCampoEditado,\r\n 'DescricaoExtensaoArquivo': documentoArquivo.descricaoExtensaoArquivo,\r\n 'DataInclusao': documentoArquivo.dataInclusaoApi,\r\n 'IdTipoDocumentoArquivo': documentoArquivo.idTipoDocumentoArquivo,\r\n 'DocumentoArquivoGuid': documentoArquivo.documentoArquivoGuid,\r\n 'IdUsuario': documentoArquivo.idUsuario,\r\n 'Observacao': colunaEditada.field == \"observacao\" ? novoValorCampoEditado : documentoArquivo.observacao\r\n };\r\n\r\n dispatch(AlterarFaturamentoDocumentoArquivoRequest(data, idFaturamento));\r\n }\r\n }\r\n\r\n function ExcluirDocumentoArquivo(idDocumentoArquivo) {\r\n dispatch(ExcluirFaturamentoDocumentoArquivoRequest(idDocumentoArquivo, idFaturamento));\r\n }\r\n\r\n function BaixarDocumentoArquivo(idDocumentoArquivo) {\r\n dispatch(BaixarFaturamentoDocumentoArquivoRequest(idDocumentoArquivo));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n (\r\n {\r\n props.onFilterChanged(columnId, val);\r\n // Do what you want to\r\n\r\n }}\r\n />\r\n ),\r\n }}\r\n title={''}\r\n tableRef={tableRef}\r\n columns={[\r\n {\r\n title: 'Número AF', field: 'idAutorizacaoFornecimento', cellStyle: {\r\n width: '10%',\r\n },\r\n editable: 'onAdd',\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.value.toString() : false)\r\n }}\r\n defaultValue={numeroAfFiltro !== 0 && numeroAfFiltro !== null && numeroAfFiltro !== '' && options.length > 0\r\n && options.filter(x => x.value == parseInt(numeroAfFiltro)).length > 0 ?\r\n { value: options.filter(x => x.value == parseInt(numeroAfFiltro))[0].value, label: options.filter(x => x.value == parseInt(numeroAfFiltro))[0].label }\r\n : ''}\r\n />\r\n )\r\n },\r\n lookup:\r\n listaAutorizacaoFornecimento ?\r\n listaAutorizacaoFornecimento.map(af => {\r\n return {\r\n id: af.id, descricao: af.numeroAf\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n \r\n Adicionar Documento\r\n }\r\n columns={[\r\n {\r\n title: \"Código\", field: 'id', defaultSort: 'desc', editable: 'never', cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: \"Nome\", field: 'nomeArquivo', cellStyle: {\r\n width: '18%'\r\n },\r\n },\r\n {\r\n title: \"Tipo Documento Arquivo\", field: 'tipoDocumentoArquivo', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Data\", field: 'dataInclusao', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Usuario\", field: 'usuario', editable: 'never', cellStyle: {\r\n width: '18%'\r\n }\r\n },\r\n {\r\n title: \"Observação\", field: 'observacao', cellStyle: {\r\n width: '18%'\r\n },\r\n render: rowData => rowData.observacao == '' ?\r\n \r\n : rowData.observacao\r\n }\r\n ]}\r\n data={\r\n listaFaturamentoDocumentoArquivo != undefined ?\r\n listaFaturamentoDocumentoArquivo.map(doc => {\r\n return {\r\n id: doc.id,\r\n nomeArquivo: doc.nomeArquivo,\r\n tipoDocumentoArquivo: doc.tipoDocumentoArquivo.descricao,\r\n dataInclusao: moment(doc.dataInclusao).format('L LT'),\r\n observacao: doc.observacao,\r\n usuario: doc.usuario.nome,\r\n\r\n // Info para alteração de documento arquivo\r\n dataInclusaoApi: doc.dataInclusao,\r\n descricaoExtensaoArquivo: doc.descricaoExtensaoArquivo,\r\n documentoArquivoGuid: doc.documentoArquivoGuid,\r\n idTipoDocumentoArquivo: doc.idTipoDocumentoArquivo,\r\n idFaturamento: doc.idFaturamento,\r\n idUsuario: doc.idUsuario\r\n }\r\n })\r\n :\r\n []\r\n }\r\n cellEditable={{\r\n onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {\r\n return new Promise((resolve, reject) => {\r\n alterar == true ?\r\n setTimeout(() => {\r\n AlterarDocumentoArquivo(rowData, newValue, columnDef);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n });\r\n }\r\n }}\r\n editable={{\r\n onRowDelete:\r\n oldData =>\r\n new Promise((resolve, reject) => {\r\n excluir == true ?\r\n setTimeout(() => {\r\n ExcluirDocumentoArquivo(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n }}\r\n actions={[\r\n {\r\n icon: 'download',\r\n onClick: (event, rowData) => BaixarDocumentoArquivo(rowData.id)\r\n }\r\n ]}\r\n localization={{\r\n header: {\r\n actions: ''\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n }\r\n \r\n
\r\n\r\n \r\n setListaFile(files)}\r\n filesLimit={10}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 10 arquivos`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {\r\n carregando ?\r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n } else if (rowData.descricao.trim().length > 200) {\r\n return \"A descrição não pode conter mais que 200 caracteres\"\r\n }\r\n return true\r\n },\r\n cellStyle: {\r\n width: '10%'\r\n }\r\n },\r\n {\r\n title: 'Observação', field: 'observacao', sorting: true, editPlaceholder: 'observacao',\r\n validate: rowData => {\r\n if (rowData.observacao !== undefined) {\r\n if (rowData.observacao.trim().length > 500) {\r\n return \"A observação não pode conter mais que 500 caracteres\"\r\n }\r\n else if (rowData.observacao == ' ') {\r\n return \"Observação inválida\"\r\n }\r\n }\r\n return true;\r\n },\r\n cellStyle: {\r\n width: '10%'\r\n }\r\n },\r\n {\r\n title: 'Valor Original', field: 'valorOriginal', cellStyle: {\r\n width: '10%'\r\n }, type: 'numeric', validate: rowData => {\r\n if (rowData.valorOriginal === undefined || rowData.valorOriginal === \"\" || isNaN(rowData.valorOriginal)) {\r\n return \"Campo Obrigatório\"\r\n }\r\n return true\r\n },\r\n render: rowData =>\r\n rowData.valorOriginal === null ?\r\n null\r\n :\r\n rowData.valorOriginal.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Valor Pago', field: 'valorPago', cellStyle: {\r\n width: '10%',\r\n }, type: 'numeric', validate: rowData => {\r\n if (rowData.valorPago === undefined || rowData.valorPago === \"\" || isNaN(rowData.valorPago)) {\r\n return \"Campo Obrigatório\"\r\n }\r\n return true\r\n },\r\n render: rowData =>\r\n rowData.valorPago === null ?\r\n null\r\n :\r\n rowData.valorPago.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 4,\r\n maximumFractionDigits: 4\r\n })\r\n },\r\n {\r\n title: 'Empenho', filtering: false, field: 'idEmpenho', cellStyle: {\r\n width: '10%',\r\n }, editable: 'onAdd',\r\n lookup:\r\n listaEmpenho != undefined ?\r\n listaEmpenho.map(empenho => {\r\n return {\r\n id: empenho.id, descricao: empenho.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n 
\r\n clickRelatorio('BaixarRelatorioTodosSubitens')} >Relatório de todos os Subitens\r\n \r\n 
\r\n clickRelatorio('BaixarRelatorioTodasSolicitacoes')} >Relatório de todas as Solicitações\r\n \r\n 
\r\n clickRelatorio('BaixarRelatorioTodasAutorizacoes')} >Relatório de todas as Autorizações\r\n \r\n
\r\n\r\n 
\r\n clickRelatorio('BaixarRelatorioTodasMedicoes')} >Relatório de todas as Medições\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.descricao.trim().length > 50) {\r\n return \"A Descrição não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '45%' }\r\n },\r\n {\r\n title: 'Contrato', field: 'idContrato', cellStyle: {\r\n width: '45%',\r\n }, editable: 'onAdd',\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value ? e.value.toString() : false)\r\n }}\r\n />\r\n )\r\n },\r\n lookup:\r\n listaContrato != undefined ?\r\n listaContrato.map(contrato => {\r\n return {\r\n id: contrato.id, descricao: contrato.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n
\r\n \r\n Ops, essa página não existe\r\n
\r\n )\r\n}","import { Col } from \"react-bootstrap\";\r\nimport Header from \"../../components/Header/header\";\r\nimport \"./bemVindo.css\";\r\n\r\nexport default function BemVindo() {\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n )\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport {\r\n ListarInteressadoRequest, ExcluirInteressadoRequest,\r\n InserirInteressadoRequest, AlterarInteressadoRequest\r\n} from '../../../store/modules/interessado/actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { IoPeopleOutline } from \"react-icons/io5\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { ListarBairroRequest } from \"../../../store/modules/bairro/actions\";\r\nimport InputMask from \"react-input-mask\";\r\nimport Select from 'react-select';\r\nimport { FaPlus } from \"react-icons/fa\";\r\n\r\n\r\nexport default function Interessado() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaInteressado = useSelector(state => state.interessado.listaInteressado);\r\n const carregando = useSelector(state => state.interessado.carregando);\r\n const listaBairro = useSelector(state => state.bairro.listaBairro);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n const options = listaBairro ?\r\n listaBairro.map(bairro => ({\r\n value: bairro.id, label: bairro.descricao\r\n }))\r\n :\r\n [];\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarBairroRequest());\r\n dispatch(ListarInteressadoRequest());\r\n }, [])\r\n\r\n function ValidacoesInserir(interessado) {\r\n\r\n let numeroTelefone = document.getElementById('idTelefone');\r\n let numeroDdd = document.getElementById('idDDD');\r\n let numeroTelefoneFixo = document.getElementById('idTelefoneFixo');\r\n let numeroDddFixo = document.getElementById('idDDDFixo');\r\n\r\n // Valida o campo nome\r\n if (interessado.nome == null || interessado.nome == undefined\r\n || interessado.nome.length > 100 || interessado.nome.trim() == '') {\r\n toast.error(`Interessado inválido`);\r\n return false;\r\n }\r\n\r\n // Valida o campo endereco\r\n if (interessado.endereco == null || interessado.endereco == undefined\r\n || interessado.endereco.length > 200 || interessado.endereco.trim() == '') {\r\n toast.error(`Endereço inválido`);\r\n return false;\r\n }\r\n\r\n // Valida o campo telefone\r\n if (numeroTelefone.value != null && numeroTelefone.value != undefined && numeroTelefone.value != '') {\r\n if (!ValidaTelefone(numeroTelefone.value)) {\r\n toast.error(`Telefone com formato inválido`);\r\n return false;\r\n }\r\n }\r\n\r\n // Valida o campo ddd\r\n if (numeroDdd.value != null && numeroDdd.value != undefined && numeroDdd.value != '') {\r\n if (!ValidacaoDdd(numeroDdd.value)) {\r\n toast.error(`DDD com formato inválido`);\r\n return false;\r\n }\r\n }\r\n\r\n // Valida o campo telefone fixo\r\n if (numeroTelefoneFixo.value != null && numeroTelefoneFixo.value != undefined && numeroTelefoneFixo.value != '') {\r\n if (!ValidaTelefoneFixo(numeroTelefoneFixo.value)) {\r\n toast.error(`Telefone Fixo com formato inválido`);\r\n return false;\r\n }\r\n }\r\n\r\n // Valida o campo ddd fixo\r\n if (numeroDddFixo.value != null && numeroDddFixo.value != undefined && numeroDddFixo.value != '') {\r\n if (!ValidacaoDddFixo(numeroDddFixo.value)) {\r\n toast.error(`DDD Fixo com formato inválido`);\r\n return false;\r\n }\r\n }\r\n\r\n if ((numeroDddFixo.value == null || numeroDddFixo.value == undefined || numeroDddFixo.value == '') &&\r\n (numeroTelefoneFixo.value == null || numeroTelefoneFixo.value == undefined || numeroTelefoneFixo.value == '') &&\r\n (numeroTelefone.value == null || numeroTelefone.value == undefined || numeroTelefone.value == '') &&\r\n (numeroDdd.value == null || numeroDdd.value == undefined || numeroDdd.value == '')) {\r\n toast.error(`É necessário que tenha pelo menos um tipo de telefone`);\r\n return false;\r\n }\r\n\r\n // Valida o campo cargo\r\n if (interessado.cargo !== null && interessado.cargo !== undefined && interessado.cargo !== \"\") {\r\n if (interessado.cargo.length > 150) {\r\n toast.error(`Cargo inválido`);\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirInteressado(interessado) {\r\n\r\n var selectTextBairro = '';\r\n var selectSelecionadoBairro = [];\r\n\r\n // Pega o Bairro selecionado\r\n if (document.getElementById('idSelectBairro') != null && listaBairro != undefined) {\r\n selectTextBairro = document.getElementById('idSelectBairro').innerText;\r\n selectSelecionadoBairro = listaBairro.filter(bairro => bairro.descricao == selectTextBairro);\r\n }\r\n\r\n if (selectSelecionadoBairro.length > 0) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'Nome': interessado.nome.trim(),\r\n 'Endereco': interessado.endereco,\r\n 'Cep': interessado.cep === undefined || interessado.cep === '' ? null : interessado.cep,\r\n 'idBairro': selectSelecionadoBairro[0].id,\r\n 'NumeroDddFixo': interessado.numeroDddFixo === undefined || interessado.numeroDddFixo === '' ? null : interessado.numeroDddFixo,\r\n 'NumeroTelefoneFixo': interessado.numeroTelefoneFixo === undefined || interessado.numeroTelefoneFixo === '' ? null : interessado.numeroTelefoneFixo,\r\n 'NumeroDdd': interessado.numeroDdd === undefined || interessado.numeroDdd === '' ? null : interessado.numeroDdd,\r\n 'NumeroTelefone': interessado.numeroTelefone === undefined || interessado.numeroTelefone === '' ? null : interessado.numeroTelefone,\r\n 'DeputadoVereador': interessado.deputadoVereador != undefined ? interessado.deputadoVereador : false,\r\n 'Cargo': interessado.cargo === undefined || interessado.cargo === '' ? null : interessado.cargo,\r\n }\r\n\r\n dispatch(InserirInteressadoRequest(data))\r\n\r\n } else {\r\n toast.error(`Bairro não selecionado`);\r\n return false;\r\n }\r\n }\r\n\r\n function AlterarInteressado(interessado) {\r\n\r\n var selectTextBairro = '';\r\n var selectSelecionadoBairro = [];\r\n\r\n // Pega o Bairro selecionado\r\n if (document.getElementById('idSelectBairro') != null && listaBairro != undefined) {\r\n selectTextBairro = document.getElementById('idSelectBairro').innerText;\r\n selectSelecionadoBairro = listaBairro.filter(bairro => bairro.descricao == selectTextBairro);\r\n }\r\n\r\n if (selectSelecionadoBairro.length > 0) {\r\n\r\n let data = {\r\n 'Id': interessado.id,\r\n 'Nome': interessado.nome.trim(),\r\n 'Endereco': interessado.endereco,\r\n 'Cep': interessado.cep === undefined || interessado.cep === '' ? null : interessado.cep,\r\n 'idBairro': selectSelecionadoBairro[0].id,\r\n 'NumeroDddFixo': interessado.numeroDddFixo === undefined || interessado.numeroDddFixo === '' ? null : interessado.numeroDddFixo,\r\n 'NumeroTelefoneFixo': interessado.numeroTelefoneFixo === undefined || interessado.numeroTelefoneFixo === '' ? null : interessado.numeroTelefoneFixo,\r\n 'NumeroDdd': interessado.numeroDdd === undefined || interessado.numeroDdd === '' ? null : interessado.numeroDdd,\r\n 'NumeroTelefone': interessado.numeroTelefone === undefined || interessado.numeroTelefone === '' ? null : interessado.numeroTelefone,\r\n 'DeputadoVereador': interessado.deputadoVereador != undefined ? interessado.deputadoVereador : false,\r\n 'Cargo': interessado.cargo === undefined || interessado.cargo === '' ? null : interessado.cargo,\r\n }\r\n\r\n dispatch(AlterarInteressadoRequest(data))\r\n\r\n } else {\r\n toast.error(`Bairro não selecionado`);\r\n return false;\r\n }\r\n\r\n\r\n }\r\n\r\n function ValidacaoDdd(ddd) {\r\n const dddRegex = /^\\d{2}$/;\r\n if (dddRegex.test(String(ddd))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidaTelefone(telefone) {\r\n const telefoneRegex = /^\\d{1}\\d{4} \\d{4}$/;\r\n const telefoneRegex2 = /^\\d{1}\\d{4}\\d{4}$/;\r\n if (telefoneRegex.test(String(telefone)) || telefoneRegex2.test(String(telefone))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidacaoDddFixo(dddFixo) {\r\n const dddRegex = /^\\d{2}$/;\r\n if (dddRegex.test(String(dddFixo))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ValidaTelefoneFixo(telefoneFixo) {\r\n const telefoneRegex = /^\\d{4} \\d{4}$/;\r\n const telefoneRegex2 = /^\\d{4}\\d{4}$/;\r\n if (telefoneRegex.test(String(telefoneFixo)) || telefoneRegex2.test(String(telefoneFixo))) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n function ExcluirInteressado(idInteressado) {\r\n dispatch(ExcluirInteressadoRequest(idInteressado));\r\n }\r\n\r\n return (\r\n <>\r\n Bem-Vindo
\r\n \r\n\r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {\r\n ListarOrgaoRequest, AlterarOrgaoRequest,\r\n InserirOrgaoRequest, ExcluirOrgaoRequest\r\n} from '../../../store/modules/orgao/actions';\r\nimport { IoPeopleOutline } from \"react-icons/io5\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Select from 'react-select';\r\nimport { FaPlus } from \"react-icons/fa\";\r\nimport InputMask from \"react-input-mask\";\r\n\r\n\r\nexport default function Interessado() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const carregando = useSelector(state => state.orgao.carregando);\r\n const listaOrgao = useSelector(state => state.orgao.listaOrgao);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n dispatch(ListarOrgaoRequest())\r\n }, [])\r\n\r\n function ValidacoesInserir(orgao) {\r\n\r\n //valida o campo descrição\r\n if (orgao.descricao == null || orgao.descricao == undefined\r\n || orgao.descricao.trim() == '' || orgao.descricao.length > 100) {\r\n toast.error(`Orgão inválido`);\r\n return false;\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n function InserirOrgao(orgao) {\r\n\r\n let data = {\r\n 'Id': 0,\r\n 'Descricao': orgao.descricao.trim(),\r\n 'Ativo': orgao.ativo,\r\n 'NomeSecretario': orgao.nomeSecretario,\r\n 'Cnpj': orgao.cnpj,\r\n 'NomeLogradouro': orgao.nomeLogradouro,\r\n 'NumeroLocal': orgao.numeroLocal,\r\n 'NumeroDddFixo': orgao.numeroDddFixo,\r\n 'NumeroTelefoneFixo': orgao.numeroTelefoneFixo,\r\n 'NumeroDdd': orgao.numeroDdd,\r\n 'NumeroTelefone': orgao.numeroTelefone,\r\n }\r\n\r\n dispatch(InserirOrgaoRequest(data))\r\n }\r\n\r\n function AlterarOrgao(orgao) {\r\n\r\n let data = {\r\n 'Id': parseInt(orgao.id),\r\n 'Descricao': orgao.descricao.trim(),\r\n 'Ativo': orgao.ativo,\r\n 'NomeSecretario': orgao.nomeSecretario,\r\n 'Cnpj': orgao.cnpj,\r\n 'NomeLogradouro': orgao.nomeLogradouro,\r\n 'NumeroLocal': orgao.numeroLocal,\r\n 'NumeroDddFixo': orgao.numeroDddFixo,\r\n 'NumeroTelefoneFixo': orgao.numeroTelefoneFixo,\r\n 'NumeroDdd': orgao.numeroDdd,\r\n 'NumeroTelefone': orgao.numeroTelefone,\r\n }\r\n\r\n dispatch(AlterarOrgaoRequest(data))\r\n\r\n }\r\n\r\n function ExcluirOrgao(idOrgao) {\r\n dispatch(ExcluirOrgaoRequest(idOrgao))\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.nome === undefined || rowData.nome.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.nome.trim().length > 100) {\r\n return \"O nome não pode conter mais que 100 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '10%' }\r\n },\r\n {\r\n title: 'Cargo', field: 'cargo', cellStyle: {\r\n width: '5%',\r\n },\r\n validate: rowData => {\r\n if (rowData.cargo !== null && rowData.cargo !== undefined && rowData.cargo !== \"\") {\r\n if (rowData.cargo.length > 150) {\r\n return \"O cargo não pode conter mais que 150 caracteres\"\r\n }\r\n }\r\n return true\r\n }\r\n },\r\n {\r\n title: 'Endereço', field: 'endereco',\r\n validate: rowData => {\r\n if (rowData.endereco === undefined || rowData.endereco.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.endereco.trim().length > 200) {\r\n return \"O endereço não pode conter mais que 200 caracteres\"\r\n }\r\n return true\r\n },\r\n cellStyle: {\r\n width: '10%',\r\n }\r\n },\r\n {\r\n title: 'Bairro', field: 'bairro',\r\n filtering: false,\r\n searchable: false,\r\n lookup:\r\n listaBairro != undefined && listaBairro.length > 0 ?\r\n\r\n listaBairro.map(bairro => {\r\n return {\r\n id: bairro.id, descricao: bairro.descricao\r\n }\r\n }).reduce(function (acc, cur, i) {\r\n acc[cur.id] = cur.descricao;\r\n return acc;\r\n }, {})\r\n :\r\n null,\r\n editComponent: (props) => (\r\n
\r\n
\r\n \r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card, Button, Pagination } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { IoPersonCircleOutline } from \"react-icons/io5\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Select from 'react-select';\r\nimport { FaPlus } from \"react-icons/fa\";\r\nimport InputMask from \"react-input-mask\";\r\nimport { ExcluirAssinanteRequest, AlterarAssinanteRequest, InserirAssinanteRequest, ListarAssinanteRequest} from \"../../../store/modules/assinante/actions\";\r\n\r\n\r\nexport default function Assinante(){\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const listaAssinante = useSelector(state => state.assinante.listaAssinante);\r\n const carregando = useSelector(state => state.assinante.carregando);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"AuxiliaresMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"AuxiliaresInserir\").length == 1 && token.role.filter(r => r == \"AuxiliaresAlterar\").length == 1) {\r\n setTodasOperacoes(true);\r\n }\r\n },[])\r\n\r\n useEffect(()=>{\r\n dispatch(ListarAssinanteRequest());\r\n },[])\r\n\r\n function ValidacoesInserir(assinante) {\r\n\r\n //validação do campo Nome\r\n if (assinante.nome == null || assinante.nome == undefined\r\n || assinante.nome.trim() == ''\r\n || assinante.nome.length > 50) {\r\n toast.error(`Recurso inválido`);\r\n return;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n function InserirAssinante (assinante){\r\n let data = {\r\n 'Id':0,\r\n 'Nome': assinante.nome.trim(),\r\n 'Ativo':true\r\n }\r\n dispatch(InserirAssinanteRequest(data));\r\n }\r\n\r\n function AlterarAssinante (assinante){\r\n let data = {\r\n 'Id': assinante.id,\r\n 'Nome': assinante.nome.trim(),\r\n 'Ativo': assinante.ativo\r\n }\r\n dispatch(AlterarAssinanteRequest(data));\r\n }\r\n\r\n function ExcluirAssinante (idAssinante){\r\n dispatch(ExcluirAssinanteRequest(idAssinante))\r\n }\r\n\r\n return(\r\n <>\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.descricao.trim().length > 100) {\r\n return \"A descricao não pode conter mais que 100 caracteres\"\r\n }\r\n return true\r\n }\r\n },\r\n {\r\n title: 'Ativo', field: 'ativo', sorting: true,\r\n customFilterAndSearch: (term, rowData) => term == rowData.ativo.toString(),\r\n filterComponent: (props) => {\r\n return (\r\n {\r\n props.onFilterChanged(props.columnDef.tableData.id, e != null && e.value == 'ativado' ? 'true' :\r\n e != null && e.value == 'desativado' ? 'false' : null)\r\n }}\r\n />\r\n )\r\n },\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData => ( { }} />)\r\n },\r\n {\r\n title: 'Nome Secretário', field: 'nomeSecretario', editPlaceholder: 'Nome Secretário',\r\n },\r\n {\r\n title: 'CNPJ', field: 'cnpj', editPlaceholder: 'CNPJ',\r\n editComponent: (props) => (\r\n props.onChange(e.target.value)}\r\n mask={\"99.999.999/9999-99\"} id=\"Juridica\" className=\"InputMask\" />\r\n ),\r\n },\r\n {\r\n title: 'Logradouro', field: 'nomeLogradouro', editPlaceholder: 'Logradouro',\r\n },\r\n {\r\n title: 'Número', field: 'numeroLocal', editPlaceholder: 'Número',\r\n },\r\n {\r\n title: 'DDD', field: 'numeroDdd', editPlaceholder: 'DDD',\r\n editComponent: (props) => (\r\n props.onChange(e.target.value)}\r\n mask={\"99\"} id=\"idDDD\" style={{ width: \"100%\" }}\r\n className=\"InputMask\" />\r\n ),\r\n },\r\n {\r\n title: 'Telefone', field: 'numeroTelefone', editPlaceholder: 'Descrição',\r\n editComponent: (props) => (\r\n props.onChange(e.target.value)}\r\n mask={\"99999 9999\"} id=\"idTelefone\" style={{ width: \"100%\" }}\r\n className=\"InputMask\" />\r\n ),\r\n },\r\n {\r\n title: 'DDD Fixo', field: 'numeroDddFixo', editPlaceholder: 'DDD Fixo',\r\n editComponent: (props) => (\r\n props.onChange(e.target.value)}\r\n style={{ width: \"100%\" }} id=\"idDDDFixo\" maxLength={2}\r\n className=\"InputMask\" />\r\n ),\r\n },\r\n {\r\n title: 'Telefone Fixo', field: 'numeroTelefoneFixo', editPlaceholder: 'Telefone Fixo',\r\n editComponent: (props) => (\r\n props.onChange(e.target.value)}\r\n mask={\"9999 9999\"} id=\"idTelefoneFixo\" style={{ width: \"100%\" }}\r\n className=\"InputMask\" />\r\n ),\r\n\r\n },\r\n\r\n ]}\r\n data={\r\n listaOrgao != undefined && listaOrgao != null && listaOrgao.length > 0 ?\r\n listaOrgao.map(orgao => {\r\n return {\r\n id: orgao.id,\r\n descricao: orgao.descricao,\r\n ativo: orgao.ativo,\r\n nomeSecretario: orgao.nomeSecretario,\r\n cnpj: orgao.cnpj,\r\n nomeLogradouro: orgao.nomeLogradouro,\r\n numeroLocal: orgao.numeroLocal,\r\n numeroDddFixo: orgao.numeroDddFixo,\r\n numeroTelefoneFixo: orgao.numeroTelefoneFixo,\r\n numeroDdd: orgao.numeroDdd,\r\n numeroTelefone: orgao.numeroTelefone\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirOrgao(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarOrgao(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n ExcluirOrgao(oldData.id);\r\n resolve()\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n} ","export function ListarCompletoSolicitacaoFornecimentoHistoricoRegFotoRequest(idSolicitacaoHistorico) {\r\n return {\r\n type: 'LISTAR_COMPLETO_SOLICITACAO_FORNECIMENTO_HISTORICO_REG_FOTO_REQUEST',\r\n idSolicitacaoHistorico\r\n }\r\n }\r\n \r\n export function ListarSolicitacaoFornecimentoHistoricoRegFotoRequest() {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_HISTORICO_REG_FOTO_REQUEST'\r\n }\r\n }\r\n \r\n export function ListarSolicitacaoFornecimentoHistoricoRegFotoResponse(listaSolicitacaoFornecimentoHistoricoRegFoto) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_HISTORICO_REG_FOTO_RESPONSE',\r\n listaSolicitacaoFornecimentoHistoricoRegFoto\r\n }\r\n }\r\n \r\n export function BaixarSolicitacaoFornecimentoHistoricoRegFotoRequest(id, numeroSolicitacaoRegFoto) {\r\n return {\r\n type: 'BAIXAR_SOLICITACAO_FORNECIMENTO_HISTORICO_REG_FOTO_REQUEST',\r\n id,\r\n numeroSolicitacaoRegFoto\r\n }\r\n }\r\n \r\n export function CarregarImagemSolicitacaoFornecimentoHistoricoRegFotoRequest(id) {\r\n return {\r\n type: 'CARREGAR_IMAGEM_SOLICITACAO_FORNECIMENTO_HISTORICO_REG_FOTO_REQUEST',\r\n id\r\n }\r\n }\r\n \r\n export function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n }","export function ListarCompletoSolicitacaoFornecimentoHistoricoDocArqRequest(idSolicitacaoHistorico) {\r\n return {\r\n type: 'LISTAR_COMPLETO_SOLICITACAO_FORNECIMENTO_HISTORICO_DOC_ARQ_REQUEST',\r\n idSolicitacaoHistorico\r\n }\r\n }\r\n \r\n export function ListarSolicitacaoFornecimentoHistoricoDocArqRequest() {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_HISTORICO_DOC_ARQ_REQUEST'\r\n }\r\n }\r\n \r\n export function ListarSolicitacaoFornecimentoHistoricoDocArqResponse(listaSolicitacaoFornecimentoHistoricoDocArq) {\r\n return {\r\n type: 'LISTAR_SOLICITACAO_FORNECIMENTO_HISTORICO_DOC_ARQ_RESPONSE',\r\n listaSolicitacaoFornecimentoHistoricoDocArq\r\n }\r\n }\r\n \r\n export function BaixarSolicitacaoFornecimentoHistoricoDocArqRequest(id, numeroSolicitacaoDocArq) {\r\n return {\r\n type: 'BAIXAR_SOLICITACAO_FORNECIMENTO_HISTORICO_DOC_ARQ_REQUEST',\r\n id,\r\n numeroSolicitacaoDocArq\r\n }\r\n }\r\n \r\n export function CarregarImagemSolicitacaoFornecimentoHistoricoDocArqRequest(id) {\r\n return {\r\n type: 'CARREGAR_IMAGEM_SOLICITACAO_FORNECIMENTO_HISTORICO_DOC_ARQ_REQUEST',\r\n id\r\n }\r\n }\r\n \r\n export function Carregando(status) {\r\n return {\r\n type: 'CARREGANDO',\r\n status\r\n }\r\n }","import { ListarSolicitacaoFornecimentoHistoricoRequest } from \"../../../store/modules/solicitacaoFornecimentoHistorico/actions\";\r\nimport { CarregarImagemSolicitacaoFornecimentoHistoricoRegFotoRequest,\r\n BaixarSolicitacaoFornecimentoHistoricoRegFotoRequest } from \"../../../store/modules/solicitacaoFornecimentoHistoricoRegFoto/actions\";\r\nimport { BaixarSolicitacaoFornecimentoHistoricoDocArqRequest } from \"../../../store/modules/solicitacaoFornecimentoHistoricoDocArq/actions\";\r\nimport { Button, Col, Card, Row, Form, Modal } from \"react-bootstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport Loading from '../../../components/Loading/loading';\r\nimport MaterialTable from 'material-table';\r\nimport { RiHistoryFill, RiEyeLine } from \"react-icons/ri\";\r\nimport moment from 'moment'\r\nimport Header from \"../../../components/Header/header\";\r\nimport { AtualizarToken } from \"../../../store/modules/global/actions\";\r\n\r\nexport default function HistoricoSolicitacao() {\r\n\r\n const { id } = useParams();\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n\r\n const listaSolicitacaoFornecimentoHistorico = useSelector(state =>\r\n state.solicitacaoFornecimentoHistorico.listaSolicitacaoFornecimentoHistorico);\r\n const carregando = useSelector(state => state.solicitacaoFornecimentoHistorico.carregando);\r\n\r\n const [showFoto, setShowFoto] = useState(false);\r\n\r\n const handleFotoShow = () => setShowFoto(true);\r\n const handleFotoClose = () => setShowFoto(false);\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n moment.locale('pt-br');\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (id != undefined) {\r\n dispatch(ListarSolicitacaoFornecimentoHistoricoRequest(id));\r\n }\r\n }, [id])\r\n\r\n function VisualizarRegistroFotografico(linha) {\r\n dispatch(CarregarImagemSolicitacaoFornecimentoHistoricoRegFotoRequest(linha.regFoto));\r\n handleFotoShow();\r\n }\r\n\r\n function Baixar(linha) {\r\n if(linha.regFoto !== 0){\r\n dispatch(BaixarSolicitacaoFornecimentoHistoricoRegFotoRequest(linha.id, linha.regFoto));\r\n }\r\n else{\r\n dispatch(BaixarSolicitacaoFornecimentoHistoricoDocArqRequest(linha.id, linha.docArq));\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.nome === undefined || rowData.nome.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.nome.trim().length > 50) {\r\n return \"O nome não pode conter mais que 50 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '80%' }\r\n },\r\n {\r\n title: 'Ativo', field:'ativo', editable: 'onUpdate',\r\n\r\n editComponent: (props) => (\r\n props.onChange(e.target.checked)}\r\n />\r\n ),\r\n render: rowData => ( { }} />)\r\n }\r\n ]}\r\n data={\r\n listaAssinante != undefined ?\r\n listaAssinante.map(assinante => {\r\n return {\r\n id : assinante.id,\r\n nome : assinante.nome,\r\n ativo : assinante.ativo\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(()=>{\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else{\r\n InserirAssinante(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error('Você não tem permissão');\r\n resolve()\r\n },1000)\r\n }),\r\n\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(()=> {\r\n if(!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else{\r\n AlterarAssinante(newRow);\r\n reject();\r\n }\r\n },1000)\r\n :\r\n setTimeout(()=> {\r\n toast.error('Você não tem permissão');\r\n resolve()\r\n },1000)\r\n }),\r\n\r\n onRowDelete: oldRow => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() =>{\r\n ExcluirAssinante(oldRow.id);\r\n resolve()\r\n },1000)\r\n :\r\n setTimeout(() =>{\r\n toast.error('Você não tem premissão')\r\n resolve()\r\n },1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: '13px',\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n 0 ?\r\n listaSolicitacaoFornecimentoHistorico[0].map(lista => {\r\n return {\r\n id: lista.id,\r\n idSolicitacao: lista.idSolicitacaoFornecimento,\r\n acao: lista.nomeAcao != null && lista.nomeAcao == \"Inserção\" ?\r\n
\r\n
\r\n {lista.nomeAcao}
\r\n : \r\n lista.nomeAcao != null && lista.nomeAcao == \"Alteração\" ?\r\n {lista.nomeAcao}
\r\n :\r\n lista.nomeAcao != null && lista.nomeAcao == \"Exclusão\" ?\r\n {lista.nomeAcao}
\r\n : lista.nomeAcao,\r\n descricao: lista.descricao,\r\n usuario: lista.usuario.nome,\r\n regFoto : lista.numeroSolicitacaoFornecimentoRegistroFotografico,\r\n docArq : lista.numeroSolicitacaoFornecimentoDocumentoArquivo,\r\n dataAcao: moment(lista.dataInclusao).format('L LT'),\r\n }\r\n })\r\n :\r\n []\r\n }\r\n actions={[\r\n rowData => ({\r\n icon: 'visibility',\r\n tooltip: 'Visualizar Documento',\r\n hidden: rowData.regFoto ? false : true,\r\n onClick: () => {VisualizarRegistroFotografico(rowData)}\r\n }),\r\n rowData => ({\r\n icon: 'download',\r\n tooltip: 'Baixar Documento',\r\n onClick: () => {Baixar(rowData)}\r\n })\r\n ]}\r\n options={{\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\"\r\n },\r\n filtering: true,\r\n grouping: false,\r\n actionsColumnIndex: -1,\r\n }}\r\n localization={{\r\n header: {\r\n actions: 'Info'\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?'\r\n },\r\n deleteTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: 'Pesquisar',\r\n searchPlaceholder: 'Pesquisar'\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n \r\n
\r\n \r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { RiBarChartGroupedLine } from \"react-icons/ri\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ListarRelatorioStatusAutorizacaoRequest } from \"../../../store/modules/relatorio/actions\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { RiInformationLine } from \"react-icons/ri\";\r\n\r\nexport default function RelatorioStatusAutorizacao() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const carregando = useSelector(state => state.relatorio.carregando);\r\n const listaRelatorioStatusAutorizacao = useSelector(state => state.relatorio.listaRelatorioStatusAutorizacao);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [listaHierarquiaCompleta, setListaHierarquiaCompleta] = useState([]);\r\n const [carregaPage, setCarregaPage] = useState(true);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n \r\n useEffect(() => {\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"RelatorioMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n setCarregaPage(false);\r\n dispatch(ListarRelatorioStatusAutorizacaoRequest());\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (listaRelatorioStatusAutorizacao !== null &&\r\n listaRelatorioStatusAutorizacao !== undefined) {\r\n constroiHierarquia();\r\n }\r\n\r\n }, [listaRelatorioStatusAutorizacao])\r\n\r\n function constroiHierarquia() {\r\n\r\n let hierarquiaCompleta = [];\r\n\r\n listaRelatorioStatusAutorizacao.forEach((lista) => {\r\n hierarquiaCompleta.push({\r\n id: lista[0].idAutorizacaoFornecimento,\r\n af: lista[0].numeroAutorizacaoFornecimento,\r\n idSolicitacao: null,\r\n Chegada: null,\r\n saida: null,\r\n dias: null,\r\n Usuario: null,\r\n Valor: null,\r\n status: null,\r\n proximaDemanda: null,\r\n cancelado: null\r\n });\r\n lista.map(x => {\r\n hierarquiaCompleta.push({\r\n marcadorUltimo: lista[lista.length - 1].idAutorizacaoFornecimentoStatus == x.idAutorizacaoFornecimentoStatus ?\r\n true : false,\r\n id: null,\r\n af: x.numeroAutorizacaoFornecimento,\r\n idSolicitacao: x.idSolicitacaoFornecimento,\r\n Chegada: x.dataCriacao,\r\n saida: x.dataSaida ? x.dataSaida : \" - \",\r\n dias: x.quantidadeDias,\r\n Usuario: x.usuario,\r\n Valor: \"R$\" + x.valorOrcamento.toFixed(2),\r\n parentId: x.idAutorizacaoFornecimento,\r\n status: x.statusAutorizacao,\r\n proximaDemanda: x.proximaDemanda,\r\n cancelado: x.cancelado,\r\n });\r\n })\r\n })\r\n setListaHierarquiaCompleta(hierarquiaCompleta);\r\n setCarregaPage(true);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n \r\n \r\n { setVisualizarTudo(!visualizarTudo) }}\r\n checked={visualizarTudo}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n )\r\n },\r\n render: rowData => (\r\n rowData.Chegada ?\r\n {moment(rowData.Chegada).format('L')}\r\n :\r\n null\r\n )\r\n },\r\n {\r\n title: 'Data Saída Status', field: 'saida', editable: 'never',\r\n filtering: false,\r\n render: rowData => (\r\n rowData.saida !== null ?\r\n rowData.saida !== \" - \" ?\r\n {moment(rowData.saida).format('L')}\r\n :\r\n - \r\n :\r\n null \r\n )\r\n },\r\n {\r\n title: 'Quant. Dias', field: 'dias', editable: 'never',\r\n customFilterAndSearch: (term, rowData) => term == rowData.dias,\r\n },\r\n {\r\n title: 'Usuário', field: 'Usuario', editable: 'never'\r\n },\r\n {\r\n title: 'Valor Orçamento', field: 'Valor', editable: 'never'\r\n },\r\n {\r\n title: 'Status', field: 'status', editable: 'never'\r\n },\r\n {\r\n title: 'Próxima Demanda', field: 'proximaDemanda', editable: 'never',\r\n render: rowData => (\r\n rowData.marcadorUltimo ?\r\n {rowData.proximaDemanda}\r\n :\r\n {rowData.proximaDemanda}\r\n )\r\n },\r\n {\r\n title: 'm', field: 'marcadorUltimo', editable: 'never', hidden: true\r\n },\r\n ]}\r\n data={listaHierarquiaCompleta}\r\n parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}\r\n options={{\r\n minBodyHeight: 500,\r\n maxBodyHeight: '500px',\r\n paging: true,\r\n pageSize: 50, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n }\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Dados extensos! Isso pode levar alguns minutos...
\r\n\r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { RiListCheck2 } from \"react-icons/ri\"\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ListarRelatorioStatusMedicaoRequest } from \"../../../store/modules/relatorio/actions\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nexport default function RelatorioStatusMedicao() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const carregando = useSelector(state => state.relatorio.carregando);\r\n const listaRelatorioStatusMedicao = useSelector(state => state.relatorio.listaRelatorioStatusMedicao);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [listaHierarquiaCompleta, setListaHierarquiaCompleta] = useState([]);\r\n const [carregaPage, setCarregaPage] = useState(true);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n \r\n useEffect(() => {\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"RelatorioMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n setCarregaPage(false);\r\n dispatch(ListarRelatorioStatusMedicaoRequest());\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (listaRelatorioStatusMedicao !== null &&\r\n listaRelatorioStatusMedicao !== undefined) {\r\n constroiHierarquia();\r\n }\r\n\r\n }, [listaRelatorioStatusMedicao])\r\n\r\n function constroiHierarquia() {\r\n\r\n let hierarquiaCompleta = [];\r\n\r\n listaRelatorioStatusMedicao.forEach((lista) => {\r\n hierarquiaCompleta.push({\r\n id: lista[0].idMedicao,\r\n descricao: lista[0].descricaoMedicao,\r\n nuAf: null,\r\n Chegada: null,\r\n saida: null,\r\n dias: null,\r\n Usuario: null,\r\n Valor: null,\r\n status: null,\r\n proximaDemanda: null,\r\n });\r\n lista.map(x => {\r\n hierarquiaCompleta.push({\r\n marcadorUltimo: lista[lista.length - 1].idMedicaoAutorizacaoFornecimentoStatus == x.idMedicaoAutorizacaoFornecimentoStatus ?\r\n true : false,\r\n id: null,\r\n descricao: x.descricaoMedicao,\r\n nuAf: x.numeroAutorizacaoFornecimento,\r\n Chegada: x.dataCriacao,\r\n saida: x.dataSaida ? x.dataSaida : \" - \",\r\n dias: x.quantidadeDias,\r\n Usuario: x.usuario,\r\n Valor: \"R$\" + x.valorMedicao.toFixed(2),\r\n parentId: x.idMedicao,\r\n status: x.statusMedicao,\r\n proximaDemanda: x.proximaDemanda,\r\n });\r\n })\r\n })\r\n setListaHierarquiaCompleta(hierarquiaCompleta);\r\n setCarregaPage(true);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n Valor Orçamento \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n }\r\n \r\n
\r\n
\r\n Dados extensos! Isso pode levar alguns minutos...
\r\n\r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { RiRefund2Line } from \"react-icons/ri\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ListarRelatorioStatusEmpenhoRequest } from \"../../../store/modules/relatorio/actions\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nexport default function RelatorioStatusEmpenho() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const carregando = useSelector(state => state.relatorio.carregando);\r\n const listaRelatorioStatusEmpenho = useSelector(state => state.relatorio.listaRelatorioStatusEmpenho);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [listaHierarquiaCompleta, setListaHierarquiaCompleta] = useState([]);\r\n const [carregaPage, setCarregaPage] = useState(true);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n \r\n useEffect(() => {\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"RelatorioMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n setCarregaPage(false);\r\n dispatch(ListarRelatorioStatusEmpenhoRequest());\r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n if (listaRelatorioStatusEmpenho !== null &&\r\n listaRelatorioStatusEmpenho !== undefined) {\r\n constroiHierarquia();\r\n }\r\n\r\n }, [listaRelatorioStatusEmpenho])\r\n\r\n function constroiHierarquia() {\r\n\r\n let hierarquiaCompleta = [];\r\n\r\n listaRelatorioStatusEmpenho.forEach((lista) => {\r\n hierarquiaCompleta.push({\r\n id: lista[0].idEmpenho,\r\n descricao: lista[0].descricaoEmpenho,\r\n nuAf: null,\r\n Chegada: null,\r\n saida: null,\r\n dias: null,\r\n Usuario: null,\r\n status: null,\r\n proximaDemanda: null,\r\n });\r\n lista.map(x => {\r\n hierarquiaCompleta.push({\r\n marcadorUltimo: lista[lista.length - 1].idEmpenhoStatus == x.idEmpenhoStatus ?\r\n true : false,\r\n id: null,\r\n descricao: x.descricaoEmpenho,\r\n Chegada: x.dataCriacao,\r\n saida: x.dataSaida ? x.dataSaida : \" - \",\r\n dias: x.quantidadeDias,\r\n Usuario: x.usuario,\r\n status: x.statusEmpenho,\r\n parentId: x.idEmpenho,\r\n proximaDemanda: x.proximaDemanda,\r\n });\r\n })\r\n })\r\n setListaHierarquiaCompleta(hierarquiaCompleta);\r\n setCarregaPage(true);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n (\r\n rowData.marcadorUltimo ?\r\n {rowData.proximaDemanda}\r\n :\r\n {rowData.proximaDemanda}\r\n )\r\n },\r\n ]}\r\n data={listaHierarquiaCompleta}\r\n parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}\r\n options={{\r\n minBodyHeight: 500,\r\n maxBodyHeight: '500px',\r\n paging: true,\r\n pageSize: 50, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n }\r\n \r\n
\r\n
\r\n Dados extensos! Isso pode levar alguns minutos...
\r\n\r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Row, Col, Card } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { RiFileChartFill } from \"react-icons/ri\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ListarRelatorioSolicitacaoRequest } from \"../../../store/modules/relatorio/actions\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport MaterialTable from 'material-table';\r\n\r\nexport default function RelatorioSolicitacao() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const carregando = useSelector(state => state.relatorio.carregando);\r\n const listaRelatorioSolicitacao = useSelector(state => state.relatorio.listaRelatorioSolicitacao);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n //Permissões\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [TodasOperacoes, setTodasOperacoes] = useState(false);\r\n \r\n useEffect(() => {\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"RelatorioMenu\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n dispatch(ListarRelatorioSolicitacaoRequest());\r\n \r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n \r\n (\r\n rowData.marcadorUltimo ?\r\n {rowData.proximaDemanda}\r\n :\r\n {rowData.proximaDemanda}\r\n )\r\n },\r\n ]}\r\n data={listaHierarquiaCompleta}\r\n parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}\r\n options={{\r\n minBodyHeight: 500,\r\n maxBodyHeight: '500px',\r\n paging: true,\r\n pageSize: 50, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n }\r\n \r\n
\r\n
\r\n Dados extensos! Isso pode levar alguns minutos...
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Button, Row, Col, Card, Modal, Form, Container } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport { toast } from \"react-toastify\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport Loading from \"../../../components/Loading/loading\";\r\nimport Select from 'react-select';\r\nimport MaterialTable from 'material-table';\r\nimport * as XLSX from \"xlsx\";\r\nimport 'moment/locale/pt-br';\r\nimport moment from 'moment';\r\nimport { ListarObrasIntervencoesPorMesRequest, InserirObrasIntervencoesPorMesRequest, \r\n BaixarPadraoImportacaoObrasIntervencoesPorMesRequest, ExcluirObrasIntervencoesPorMesRequest } from \"../../../store/modules/obrasIntervencoesPorMes/actions\";\r\nimport { ListarMesesRequest } from \"../../../store/modules/meses/actions\";\r\nimport Header from \"../../../components/Header/header\";\r\nimport { RiCalendarTodoFill } from \"react-icons/ri\";\r\n\r\nexport default function Listar() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n\r\n const listaObrasIntervencoesPorMes = useSelector(state => state.obrasIntervencoesPorMes.listaObrasIntervencoesPorMes);\r\n const listaMeses = useSelector(state => state.meses.listaMeses);\r\n const usuarioCompleto = useSelector(state => state.usuario.usuario);\r\n\r\n const [items, setItems] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const [messageError, setMessageError] = useState('');\r\n const [showError, setShowError] = useState(false);\r\n const [ano, setAno] = useState([]);\r\n const [hierarquiaCompleta, setHierarquiaCompleta] = useState([]);\r\n const [showMensagem, setShowMensagem] = useState(false);\r\n const [showExcluir, setShowExcluir] = useState(false);\r\n const [anoObrasExcluir, setAnoObrasExcluir] = useState(0);\r\n //const [confirmacao, setConfirmacao] = useState(false);\r\n\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n\r\n const handleCloseError = () => setShowError(false);\r\n const handleShowError = () => setShowError(true);\r\n\r\n const handleCloseMensagem = () => setShowMensagem(false);\r\n const handleShowMensagem = () => setShowMensagem(true);\r\n\r\n const handleCloseExcluir = () => setShowExcluir(false);\r\n const handleShowExcluir = () => setShowExcluir(true);\r\n \r\n const colunas = listaMeses ?\r\n listaMeses.map(lista => {\r\n return{\r\n title: lista.descricao, field: `${lista.id}`\r\n }\r\n })\r\n :\r\n [];\r\n\r\n const selectAno = [];\r\n const optionsAno = listaObrasIntervencoesPorMes ?\r\n [...listaObrasIntervencoesPorMes].reduce(function(opcoes, index){\r\n let key = index['ano'];\r\n if(!opcoes[key]){\r\n opcoes[key] = [];\r\n }\r\n if(opcoes[key].length === 0){\r\n opcoes[key].push({value: index.ano, label: index.ano});\r\n selectAno.push({value: index.ano, label: index.ano});\r\n return opcoes;\r\n }\r\n else{\r\n return opcoes;\r\n }\r\n }, {})\r\n :\r\n [];\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n\r\n }, [])\r\n\r\n const readExcel = (file) => {\r\n const promise = new Promise((resolve, reject) => {\r\n const fileReader = new FileReader();\r\n fileReader.readAsArrayBuffer(file);\r\n\r\n fileReader.onload = (e) => {\r\n const bufferArray = e.target.result;\r\n\r\n const wb = XLSX.read(bufferArray, { type: \"buffer\" });\r\n\r\n const wsname = wb.SheetNames[0];\r\n\r\n const ws = wb.Sheets[wsname];\r\n\r\n const data = XLSX.utils.sheet_to_json(ws);\r\n\r\n resolve(data);\r\n };\r\n\r\n fileReader.onerror = (error) => {\r\n reject(error);\r\n };\r\n });\r\n\r\n promise.then((d) => {\r\n setItems(d);\r\n });\r\n\r\n };\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarObrasIntervencoesPorMesRequest());\r\n dispatch(ListarMesesRequest())\r\n\r\n }, [])\r\n\r\n /*useEffect(() => {\r\n\r\n if(listaObrasIntervencoesPorMes && listaMeses){\r\n constroiData()\r\n }\r\n\r\n }, [listaObrasIntervencoesPorMes, listaMeses])\r\n\r\n function constroiData(){\r\n\r\n if(listaObrasIntervencoesPorMes && listaMeses){\r\n\r\n let index = 0;\r\n var quantidade = [];\r\n let hierarquiaCompleta = [];\r\n let lengthObras = 0;\r\n\r\n listaObrasIntervencoesPorMes.map(function(lista){\r\n\r\n for (index; index < listaMeses.length; index++) {\r\n quantidade.push({[`idMes`]: lista.idMes,\r\n [`quantidade`]: lista.quantidade});\r\n index++\r\n break;\r\n }\r\n lengthObras = listaMeses.length;\r\n\r\n })\r\n\r\n listaObrasIntervencoesPorMes.map(function(lista, i){\r\n if(i == 0){\r\n hierarquiaCompleta.push({\r\n statusConcluido: lista.statusConcluido,\r\n Ano: lista.ano,\r\n Data: lista.dataImportacao,\r\n quantidade: null\r\n })\r\n }\r\n else if(listaObrasIntervencoesPorMes[i - 1].statusConcluido !== lista.statusConcluido){\r\n\r\n hierarquiaCompleta = hierarquiaCompleta.map(x => {\r\n return{\r\n statusConcluido: x.statusConcluido,\r\n Ano: x.ano,\r\n Data: x.dataImportacao,\r\n quantidade: quantidade\r\n }\r\n });\r\n\r\n hierarquiaCompleta.push({\r\n statusConcluido: lista.statusConcluido,\r\n Ano: lista.ano,\r\n Data: lista.dataImportacao,\r\n quantidade: null\r\n })\r\n\r\n quantidade = [];\r\n lengthObras += listaMeses.length;\r\n }\r\n if(quantidade.length === 0){\r\n for (index; index < lengthObras; index++) {\r\n quantidade.push({[`idMes`]: listaObrasIntervencoesPorMes[index].idMes,\r\n [`quantidade`]: listaObrasIntervencoesPorMes[index].quantidade});\r\n }\r\n }\r\n if(listaObrasIntervencoesPorMes.length - 1 == i){\r\n\r\n hierarquiaCompleta = hierarquiaCompleta.map(x => {\r\n if(x.quantidade == null){\r\n return{\r\n statusConcluido: lista.statusConcluido,\r\n Ano: lista.ano,\r\n Data: lista.dataImportacao,\r\n quantidade: quantidade\r\n }\r\n }\r\n else{\r\n return{\r\n statusConcluido: x.statusConcluido,\r\n Ano: x.ano,\r\n Data: x.dataImportacao,\r\n quantidade: x.quantidade\r\n }\r\n }\r\n });\r\n\r\n }\r\n \r\n })\r\n \r\n /*if(hierarquiaCompleta){\r\n\r\n var teste = hierarquiaCompleta.map(i => {\r\n return{\r\n ... i.quantidade ? i.quantidade.map(x => {\r\n return x\r\n }) : null,\r\n statusConcluido: i.statusConcluido,\r\n Ano: i.Ano,\r\n Data: i.Data,\r\n }\r\n })\r\n\r\n setHierarquiaCompleta(teste);\r\n }\r\n\r\n setHierarquiaCompleta(hierarquiaCompleta);\r\n\r\n }\r\n }*/\r\n\r\n function Validar(e){\r\n\r\n if (items.length > 0 && ano.length > 0) {\r\n\r\n e.preventDefault();\r\n\r\n const propertyValues = Object.values(items[0]);\r\n \r\n if(listaMeses){\r\n var mesesComparados = [];\r\n var listasComparadas = propertyValues.map(function(l, m){\r\n if(m > 0 && listaMeses.filter(e => e.descricao.trim().toLowerCase() == l.toString().trim().toLowerCase()).length === 0){\r\n mesesComparados.push(l);\r\n }\r\n })\r\n \r\n if(mesesComparados.length > 0){\r\n \r\n handleShowMensagem();\r\n setMessageError(`O mês: \" ${mesesComparados.map(l => {return l ? l : null})} \" está presente no Excel de importação, porém, ` +\r\n `não faz parte do banco atual. Caso continue esta ação, este mês não será listado com o respectivo valor. Deseja continuar?`);\r\n \r\n }\r\n else{\r\n ImportarArquivo(e);\r\n }\r\n }\r\n }\r\n else{\r\n handleShowError();\r\n setMessageError(\"Selecione o Excel e o Ano antes de Importar!\");\r\n setShowError(true);\r\n }\r\n\r\n }\r\n\r\n function ImportarArquivo(e) {\r\n\r\n if (listaMeses && ano.length > 0) {\r\n\r\n let lista = [];\r\n var data = [];\r\n\r\n try {\r\n\r\n if (items.length > 0) {\r\n\r\n items.forEach(function(item, i){\r\n\r\n if (item.__rowNum__ === 2) {\r\n\r\n for (let x = 0; x < listaMeses.length; x++) {\r\n if(x == 0){\r\n\r\n data.push({\r\n 'Id': 0,\r\n 'IdMes': listaMeses.filter(m => m.descricao.trim().toLowerCase() == items[0][`__EMPTY`].trim().toLowerCase())[0].id,\r\n 'Quantidade': item[`__EMPTY`] ? item[`__EMPTY`] : 0,\r\n 'StatusConcluido': true,\r\n 'DataImportacao': moment((new Date())).add('hours', 2),\r\n 'Ano': parseInt(moment(ano).format(\"YYYY\")),\r\n })\r\n\r\n }\r\n else{\r\n if(items[0][`__EMPTY_${x}`] &&\r\n listaMeses.filter(m => m.descricao.trim().toLowerCase() == items[0][`__EMPTY_${x}`].trim().toLowerCase()).length > 0){\r\n data.push({\r\n 'Id': 0,\r\n 'IdMes': listaMeses.filter(m => m.descricao.trim().toLowerCase() == items[0][`__EMPTY_${x}`].trim().toLowerCase())[0].id,\r\n 'Quantidade': item[`__EMPTY_${x}`] ? item[`__EMPTY_${x}`] : 0,\r\n 'StatusConcluido': true,\r\n 'DataImportacao': moment((new Date())).add('hours', 2),\r\n 'Ano': parseInt(moment(ano).format(\"YYYY\")),\r\n })\r\n }\r\n \r\n }\r\n \r\n }\r\n\r\n }\r\n\r\n if (item.__rowNum__ === 3) {\r\n\r\n for (let x = 0; x < listaMeses.length; x++) {\r\n\r\n if(x == 0){\r\n\r\n data.push({\r\n 'Id': 0,\r\n 'IdMes': listaMeses.filter(m => m.descricao.trim().toLowerCase() == items[0][`__EMPTY`].trim().toLowerCase())[0].id,\r\n 'Quantidade': item[`__EMPTY`] ? item[`__EMPTY`] : 0,\r\n 'StatusConcluido': false,\r\n 'DataImportacao': moment((new Date())).add('hours', 2),\r\n 'Ano': parseInt(moment(ano).format(\"YYYY\")),\r\n })\r\n\r\n }\r\n else{\r\n if(items[0][`__EMPTY_${x}`] && \r\n listaMeses.filter(m => m.descricao.trim().toLowerCase() == items[0][`__EMPTY_${x}`].trim().toLowerCase()).length > 0){\r\n data.push({\r\n 'Id': 0,\r\n 'IdMes': listaMeses.filter(m => m.descricao.trim().toLowerCase() == items[0][`__EMPTY_${x}`].trim().toLowerCase())[0].id,\r\n 'Quantidade': item[`__EMPTY_${x}`] ? item[`__EMPTY_${x}`] : 0,\r\n 'StatusConcluido': false,\r\n 'DataImportacao': moment((new Date())).add('hours', 2),\r\n 'Ano': parseInt(moment(ano).format(\"YYYY\")),\r\n })\r\n }\r\n \r\n }\r\n \r\n }\r\n }\r\n\r\n i++;\r\n });\r\n\r\n lista.push(data);\r\n\r\n if (lista.length > 0) {\r\n dispatch(InserirObrasIntervencoesPorMesRequest(lista));\r\n handleClose();\r\n //handleCloseImport();\r\n }\r\n else {\r\n toast.error('Não foi possível importar a lista');\r\n return;\r\n }\r\n\r\n } else {\r\n handleShowError();\r\n setMessageError(\"Selecione o Excel antes de Importar!\");\r\n setShowError(true);\r\n }\r\n\r\n } catch (error) {\r\n handleShowError();\r\n setMessageError(\"CAMPOS IMPORTANTES ESTÃO FALTANDO NO EXCEL, VERIFIQUE NOVAMENTE ANTES DE IMPORTAR\");\r\n setShowError(true);\r\n }\r\n }\r\n else{\r\n handleShowError();\r\n setMessageError(\"Selecione o Excel e o Ano antes de Importar!\");\r\n setShowError(true);\r\n }\r\n\r\n handleCloseMensagem();\r\n\r\n }\r\n\r\n function exportarPadraoImportacao(){\r\n dispatch(BaixarPadraoImportacaoObrasIntervencoesPorMesRequest())\r\n }\r\n\r\n function ExcluirObrasIntervencoes(ano) {\r\n\r\n if(anoObrasExcluir && anoObrasExcluir !== 0){\r\n if(anoObrasExcluir.length === 0){\r\n toast.error('Selecione o ano!');\r\n return;\r\n }\r\n else{\r\n dispatch(ExcluirObrasIntervencoesPorMesRequest(ano));\r\n handleCloseExcluir();\r\n }\r\n }\r\n else{\r\n toast.error('Selecione o ano!');\r\n return;\r\n }\r\n\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n },\r\n {\r\n title: 'Número da Solicitação', field: 'Id', editable: 'never', defaultSort:\"desc\",\r\n },\r\n {\r\n title: 'Tipo Solicitação', field: 'TipoSolicitacao', editable: 'never'\r\n },\r\n {\r\n title: 'Assunto', field: 'Assunto', editable: 'never', \r\n },\r\n {\r\n title: 'Interessado', field: 'Interessado', editable: 'never',\r\n },\r\n {\r\n title: 'Local', field: 'Local', editable: 'never'\r\n },\r\n {\r\n title: 'Data', field: 'Data', editable: 'never', type: 'date'\r\n },\r\n {\r\n title: 'Fornecedor', field: 'Fornecedor', editable: 'never'\r\n },\r\n {\r\n title: 'Valor Orçamento', field: 'ValorTotalOrcamento', editable: 'never',\r\n type: 'currency', currencySetting:{ currencyCode:'BRL', locale: 'pt-br'},\r\n align: 'left',\r\n },\r\n ]}\r\n data={listaRelatorioSolicitacao ? \r\n listaRelatorioSolicitacao.map(lista =>{\r\n return{\r\n Prioridade: lista.prioridade.corHex,\r\n Id: lista.id,\r\n Assunto: lista.assunto,\r\n Local: lista.descricaoLocal,\r\n Interessado: lista.interessado.nome,\r\n Data: lista.dataSolicitacao,\r\n TipoSolicitacao: lista.tipoSolicitacao ? \r\n lista.tipoSolicitacao.descricao : '',\r\n Fornecedor: lista.fornecedor.nomeFornecedor,\r\n ValorTotalOrcamento: parseFloat(lista.valorTotalOrcamento),\r\n }\r\n })\r\n :\r\n []\r\n }\r\n options={{\r\n exportButton: true,\r\n exportAllData: true,\r\n exportFileName: \"RelatorioSolicitacao\",\r\n columnsButton: true,\r\n minBodyHeight: 500,\r\n maxBodyHeight: '500px',\r\n paging: true,\r\n pageSize: 50, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n }),\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n addRemoveColumns: \"Adicionar ou remover colunas\"\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n Dados extensos! Isso pode levar alguns minutos...
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n :\r\n ''\r\n }\r\n columns={[\r\n {\r\n title: 'id', field: 'id', hidden: true,\r\n },\r\n {\r\n title: 'Descrição', field: 'statusConcluido'\r\n },\r\n {\r\n title: 'Mês', field: 'mes',\r\n },\r\n {\r\n title: 'Quantidade', field: 'quantidade',\r\n },\r\n //...colunas,\r\n {\r\n title: 'Data de Importação', field: 'data',\r\n },\r\n {\r\n title: 'Ano', field: 'ano', defaultGroupOrder: 0,\r\n },\r\n ]}\r\n data={/*hierarquiaCompleta.length > 0 && colunas.length > 0 ? \r\n hierarquiaCompleta.map(function(l, i){\r\n return{\r\n statusConcluido: l.statusConcluido ? 'Definitivo' : 'Parcial',\r\n ano: moment(l.ano).format(\"YYYY\"),\r\n data: moment(l.dataImportacao).format('L LT'),\r\n [l.quantidade[i].idMes]: l.quantidade[i].quantidade\r\n }\r\n })*/\r\n listaObrasIntervencoesPorMes ?\r\n listaObrasIntervencoesPorMes.map(i => {\r\n return{\r\n id: i.id,\r\n mes: i.meses.descricao,\r\n statusConcluido: i.statusConcluido ? 'Concluído' : 'Parcial',\r\n ano: i.ano,\r\n quantidade: i.quantidade,\r\n data: moment(i.dataImportacao).format('L LT'),\r\n }\r\n })\r\n : []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n actionsColumnIndex: -1,\r\n addRowPosition: \"first\",\r\n filtering: true,\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n //:\r\n //
\r\n \r\n
\r\n {messageError}
\r\n\r\n {\r\n if (files.length > 0) {\r\n readExcel(files[0])\r\n } else {\r\n setItems([])\r\n }\r\n }}\r\n filesLimit={1}\r\n acceptedFiles={[\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"]}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 1 arquivo`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n \r\n Selecione o ano \r\n setAno(e.target.value)}\r\n required\r\n isInvalid={ano.length > 0 ? false : true}\r\n isValid={ano.length > 0 ? true : false} />\r\n \r\n
\r\n \r\n
\r\n {messageError}
\r\n\r\n
\r\n Selecione o ano:
\r\n\r\n { e ? setAnoObrasExcluir(e.value) : setAnoObrasExcluir([]) }}\r\n />\r\n
\r\n \r\n \r\n \r\n \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 { useEffect, useState } from \"react\";\r\nimport { Button, Row, Col, Card, Modal, Form, Container } from \"react-bootstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport { toast } from \"react-toastify\";\r\nimport { PatchedPagination } from \"../../../components/PatchedPagination/patchedPagination\";\r\nimport MaterialTable from 'material-table';\r\nimport * as XLSX from \"xlsx\";\r\nimport 'moment/locale/pt-br';\r\nimport moment from 'moment';\r\nimport { ListarManutencoesPorMesRequest, InserirManutencoesPorMesRequest, \r\n BaixarPadraoImportacaoManutencoesPorMesRequest, ExcluirManutencoesPorMesRequest } from \"../../../store/modules/manutencoesPorMes/actions\";\r\nimport { ListarMesesRequest } from \"../../../store/modules/meses/actions\";\r\nimport { ListarRegiaoRequest } from '../../../store/modules/regiao/actions';\r\nimport Header from \"../../../components/Header/header\";\r\nimport { RiTodoLine } from \"react-icons/ri\";\r\nimport Select from 'react-select';\r\n\r\nexport default function RelatorioManutencoesPorMes() {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n let [usuario] = useState(JSON.parse(localStorage.getItem('token')).usuario);\r\n\r\n const listaManutencoesPorMes = useSelector(state => state.manutencoesPorMes.listaManutencoesPorMes);\r\n const listaMeses = useSelector(state => state.meses.listaMeses);\r\n const listaRegiao = useSelector(state => state.regiao.listaRegiao);\r\n const usuarioCompleto = useSelector(state => state.usuario.usuario);\r\n\r\n const [items, setItems] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const [messageError, setMessageError] = useState('');\r\n const [showError, setShowError] = useState(false);\r\n const [ano, setAno] = useState([]);\r\n const [showMensagem, setShowMensagem] = useState(false);\r\n const [showExcluir, setShowExcluir] = useState(false);\r\n const [anoManutencoes, setAnoManutencoes] = useState(0);\r\n\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n\r\n const handleCloseError = () => setShowError(false);\r\n const handleShowError = () => setShowError(true);\r\n\r\n const handleCloseMensagem = () => setShowMensagem(false);\r\n const handleShowMensagem = () => setShowMensagem(true);\r\n\r\n const handleCloseExcluir = () => setShowExcluir(false);\r\n const handleShowExcluir = () => setShowExcluir(true);\r\n\r\n const selectAnoManutencoes = [];\r\n const optionsAnoManutencoes = listaManutencoesPorMes ?\r\n [...listaManutencoesPorMes].reduce(function(opcoes, index){\r\n let key = index['ano'];\r\n if(!opcoes[key]){\r\n opcoes[key] = [];\r\n }\r\n if(opcoes[key].length === 0){\r\n opcoes[key].push({value: index.ano, label: index.ano});\r\n selectAnoManutencoes.push({value: index.ano, label: index.ano});\r\n return opcoes;\r\n }\r\n else{\r\n return opcoes;\r\n }\r\n }, {})\r\n :\r\n [];\r\n\r\n let [token] = useState(JSON.parse(localStorage.getItem('token')).token);\r\n const [inserir, setInserir] = useState(false);\r\n const [alterar, setAlterar] = useState(false);\r\n useEffect(() => {\r\n\r\n //Permissão de Visualizar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoVerValores\").length == 0) {\r\n history.push(`/`);\r\n toast.error('Você não tem permissão para entrar nessa tela.');\r\n }\r\n\r\n //Permissão inserir e editar\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoInserir\").length == 1) {\r\n setInserir(true);\r\n }\r\n if (token.role.filter(r => r == \"SolicitacaoFornecimentoAlterar\").length == 1) {\r\n setAlterar(true);\r\n }\r\n\r\n }, [])\r\n\r\n const readExcel = (file) => {\r\n const promise = new Promise((resolve, reject) => {\r\n const fileReader = new FileReader();\r\n fileReader.readAsArrayBuffer(file);\r\n\r\n fileReader.onload = (e) => {\r\n const bufferArray = e.target.result;\r\n\r\n const wb = XLSX.read(bufferArray, { type: \"buffer\" });\r\n\r\n const wsname = wb.SheetNames[0];\r\n\r\n const ws = wb.Sheets[wsname];\r\n\r\n const data = XLSX.utils.sheet_to_json(ws);\r\n\r\n resolve(data);\r\n };\r\n\r\n fileReader.onerror = (error) => {\r\n reject(error);\r\n };\r\n });\r\n\r\n promise.then((d) => {\r\n setItems(d);\r\n });\r\n\r\n };\r\n\r\n useEffect(() => {\r\n\r\n moment.locale('pt-br');\r\n\r\n dispatch(ListarManutencoesPorMesRequest());\r\n dispatch(ListarMesesRequest());\r\n dispatch(ListarRegiaoRequest());\r\n\r\n }, [])\r\n\r\n function Validar(e){\r\n\r\n if (items.length > 0 && ano.length > 0) {\r\n\r\n e.preventDefault();\r\n\r\n const propertyValues = Object.keys(items[0]);\r\n \r\n if(listaMeses){\r\n var mesesComparados = [];\r\n var listasComparadas = propertyValues.map(function(l, m){\r\n if(l.trim() !== 'Descrição' && listaMeses.filter(e => e.descricao.trim().toLowerCase() == l.trim().toLowerCase()).length === 0){\r\n mesesComparados.push(` ${l}`);\r\n }\r\n })\r\n \r\n if(mesesComparados.length > 0){\r\n \r\n handleShowMensagem();\r\n setMessageError(`O mês: \" ${mesesComparados.map(l => {return l ? l : null})} \" está presente no Excel de importação, porém, ` +\r\n `não faz parte do banco atual. Caso continue esta ação, este mês não será listado com o respectivo valor. Deseja continuar?`);\r\n \r\n }\r\n else{\r\n ImportarArquivo(e);\r\n }\r\n }\r\n }\r\n else{\r\n handleShowError();\r\n setMessageError(\"Selecione o Excel e o Ano antes de Importar!\");\r\n setShowError(true);\r\n }\r\n\r\n }\r\n\r\n function ImportarArquivo(e) {\r\n\r\n if (listaMeses && ano.length > 0) {\r\n\r\n let lista = [];\r\n var data = [];\r\n var idRegiao = null;\r\n\r\n try {\r\n\r\n if (items.length > 0) {\r\n\r\n items.forEach(function(item){\r\n\r\n const propertyValues = Object.keys(item);\r\n\r\n propertyValues.map(function(l, m){\r\n if(l.trim() === 'Descrição'){\r\n var descricaoRegiao = item[l];\r\n idRegiao = listaRegiao.filter(r => r.descricao == descricaoRegiao).length > 0 ?\r\n listaRegiao.filter(r => r.descricao == descricaoRegiao)[0].id : null;\r\n }\r\n else{\r\n if(listaMeses.filter(m => m.descricao.trim().toLowerCase() == l.trim().toLowerCase()).length > 0 && idRegiao !== null){\r\n data.push({\r\n 'Id': 0,\r\n 'IdMes': listaMeses.filter(m => m.descricao.trim().toLowerCase() == l.trim().toLowerCase())[0].id,\r\n 'Valor': item[l] ? item[l] : 0,\r\n 'IdRegiao': idRegiao,\r\n 'DataImportacao': moment((new Date())).add('hours', 2),\r\n 'Ano': parseInt(moment(ano).format(\"YYYY\")),\r\n })\r\n }\r\n }\r\n })\r\n });\r\n\r\n if(idRegiao === null && data.length === 0){\r\n handleShowError();\r\n handleCloseMensagem();\r\n setMessageError(\"Existem regiões no arquivo de importação que não fazem parte do banco atual, \" + \r\n \"para prosseguir insira as regiões que estão pendentes.\");\r\n setShowError(true);\r\n }\r\n\r\n lista.push(data);\r\n\r\n if (lista.length > 0 && data.length > 0) {\r\n dispatch(InserirManutencoesPorMesRequest(lista));\r\n handleClose();\r\n //handleCloseImport();\r\n }\r\n else {\r\n toast.error('Não foi possível importar a lista');\r\n return;\r\n }\r\n\r\n } else {\r\n handleShowError();\r\n setMessageError(\"Selecione o Excel antes de Importar!\");\r\n setShowError(true);\r\n }\r\n\r\n } catch (error) {\r\n handleShowError();\r\n setMessageError(\"CAMPOS IMPORTANTES ESTÃO FALTANDO NO EXCEL, VERIFIQUE NOVAMENTE ANTES DE IMPORTAR\");\r\n setShowError(true);\r\n }\r\n }\r\n else{\r\n handleShowError();\r\n setMessageError(\"Selecione o Excel e o Ano antes de Importar!\");\r\n setShowError(true);\r\n }\r\n\r\n handleCloseMensagem();\r\n\r\n }\r\n\r\n function exportarPadraoImportacao(){\r\n dispatch(BaixarPadraoImportacaoManutencoesPorMesRequest())\r\n }\r\n\r\n \r\n function ExcluirManutencao(ano) {\r\n\r\n if(anoManutencoes && anoManutencoes !== 0){\r\n if(anoManutencoes.length === 0){\r\n toast.error('Selecione o ano!');\r\n return;\r\n }\r\n else{\r\n dispatch(ExcluirManutencoesPorMesRequest(ano));\r\n handleCloseExcluir();\r\n }\r\n }\r\n else{\r\n toast.error('Selecione o ano!');\r\n return;\r\n }\r\n\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n if (rowData.descricao === undefined || rowData.descricao.trim() === \"\") {\r\n return \"Campo Obrigatório\"\r\n }\r\n else if (rowData.descricao.trim().length > 150) {\r\n return \"O nome não pode conter mais que 150 caracteres\"\r\n }\r\n return true\r\n }, cellStyle: { width: '80%' }\r\n },\r\n ]}\r\n data={\r\n listaMeses != undefined ?\r\n listaMeses.map(mes => {\r\n return {\r\n id: mes.id,\r\n descricao: mes.descricao,\r\n }\r\n })\r\n :\r\n []\r\n }\r\n icons={{\r\n Add: () =>\r\n \r\n }}\r\n editable={{\r\n onRowAdd: (newRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n InserirMeses(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n }),\r\n onRowUpdate: (newRow, oldRow) => new Promise((resolve, reject) => {\r\n TodasOperacoes ?\r\n setTimeout(() => {\r\n if (!ValidacoesInserir(newRow)) {\r\n reject();\r\n }\r\n else {\r\n AlterarMeses(newRow);\r\n resolve()\r\n }\r\n }, 1000)\r\n :\r\n setTimeout(() => {\r\n toast.error(`Você não tem permissão`);\r\n resolve()\r\n }, 1000)\r\n })\r\n }}\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n addRowPosition: \"first\",\r\n pageSizeOptions: [10, 50, 200, 300],\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n actionsColumnIndex: -1,\r\n filtering: true,\r\n rowStyle: rowData => ({\r\n backgroundColor: (selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n })\r\n\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: ''\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n :\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n :\r\n ''\r\n }\r\n columns={[\r\n {\r\n title: 'id', field: 'id', hidden: true,\r\n },\r\n {\r\n title: 'Região', field: 'regiao', defaultGroupOrder: 1,\r\n },\r\n {\r\n title: 'Mês', field: 'mes', \r\n },\r\n {\r\n title: 'Valor', field: 'valor',\r\n render: rowData =>\r\n rowData.totalMedicao === null ?\r\n null\r\n :\r\n rowData.valor.toLocaleString('pt-br', {\r\n style: 'currency', currency: 'BRL',\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n }),\r\n },\r\n {\r\n title: 'Data de Importação', field: 'data',\r\n },\r\n {\r\n title: 'Ano', field: 'ano', defaultGroupOrder: 0,\r\n },\r\n ]}\r\n data={\r\n listaManutencoesPorMes ?\r\n listaManutencoesPorMes.map(i => {\r\n return{\r\n id: i.id,\r\n mes: i.meses.descricao,\r\n regiao: i.regiao.descricao,\r\n ano: i.ano,\r\n valor: i.valor,\r\n data: moment(i.dataImportacao).format('L LT'),\r\n }\r\n })\r\n : []\r\n }\r\n options={{\r\n minBodyHeight: 500,\r\n paging: true,\r\n pageSize: 10, // Início\r\n emptyRowsWhenPaging: false,\r\n pageSizeOptions: [10, 50, 200, 300],\r\n filterRowStyle: {\r\n backgroundColor: \"#FAFAFA\"\r\n },\r\n headerStyle: {\r\n backgroundColor: '#454545',\r\n color: '#FFF',\r\n fontWeight: \"bold\",\r\n lineBreak: \"auto\",\r\n fontSize: \"13px\"\r\n },\r\n actionsColumnIndex: -1,\r\n addRowPosition: \"first\",\r\n filtering: true,\r\n }}\r\n style={{\r\n fontSize: \"13px\",\r\n }}\r\n localization={{\r\n header: {\r\n actions: Ações\r\n },\r\n body: {\r\n emptyDataSourceMessage: 'Nenhum registro para exibir',\r\n editRow: {\r\n deleteText: 'Você tem certeza que deseja excluir essa linha?',\r\n saveTooltip: '',\r\n cancelTooltip: '',\r\n },\r\n deleteTooltip: '',\r\n editTooltip: '',\r\n addTooltip: '',\r\n },\r\n toolbar: {\r\n searchTooltip: '',\r\n searchPlaceholder: 'Pesquisar',\r\n exportTitle: \"\",\r\n exportCSVName: \"Exportar como CSV\",\r\n exportPDFName: \"Exportar como PDF\",\r\n },\r\n pagination: {\r\n labelRowsSelect: 'linhas',\r\n labelDisplayedRows: '{count} de {from}-{to}',\r\n firstTooltip: '',\r\n previousTooltip: '',\r\n nextTooltip: '',\r\n lastTooltip: ''\r\n },\r\n grouping: {\r\n placeholder: 'Arraste a coluna aqui para agrupar',\r\n groupedBy: 'Agrupado por:'\r\n }\r\n }}\r\n />\r\n //:\r\n //
\r\n \r\n
\r\n {messageError}
\r\n\r\n {\r\n if (files.length > 0) {\r\n readExcel(files[0])\r\n } else {\r\n setItems([])\r\n }\r\n }}\r\n filesLimit={1}\r\n acceptedFiles={[\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"]}\r\n showPreviewsInDropzone={true}\r\n useChipsForPreview\r\n getFileLimitExceedMessage={() => `Só é permitido adicionar 1 arquivo`}\r\n getFileAddedMessage={(fileName) => `Arquivo ${fileName} foi adicionado com sucesso.`}\r\n getFileRemovedMessage={(fileName) => `Arquivo ${fileName} foi removido.`}\r\n disableRejectionFeedback={true}\r\n dropzoneText=\"Arraste ou clique aqui para selecionar os arquivos\"\r\n previewGridProps={{ container: { spacing: 1, direction: 'row' } }}\r\n maxFileSize={30000000}\r\n />\r\n \r\n Selecione o ano \r\n setAno(e.target.value)}\r\n required\r\n isInvalid={ano.length > 0 ? false : true}\r\n isValid={ano.length > 0 ? true : false} />\r\n \r\n
\r\n \r\n
\r\n {messageError}
\r\n\r\n
\r\n Selecione o ano:
\r\n\r\n { e ? setAnoManutencoes(e.value) : setAnoManutencoes([]) }}\r\n />\r\n
\r\n