SISTEMA DE GESTÃO DE EMERGÊNCIAS

Visão Geral do Projeto

O projeto "Sistema de Gestão de Emergências" tem como objetivo gerenciar o sistema de emergências dos sites São Paulo e Belford Roxo. Ele permite a visualização e gerenciamento de registros de checklist de equipamentos e veículos, exportação de relatórios em Excel e geração de arquivos PDF. Além disso, oferece funcionalidades como visualização do histórico de verificações de equipamentos, geração de etiquetas QR Code, utilização de aplicativo móvel para inspeção e uma agenda para acompanhamento de inspeções periódicas.

Características Principais

• Visualização de registros de checklist
• Exportação de relatórios em Excel
• Geração de PDF dos registros
• Histórico de verificações de equipamentos
• Geração de etiquetas QR Code
• Agenda de inspeções

Links

• Link projeto Produção: Link
• Link projeto Desenvolvimento: Link
• Sharepoint Produção Site São Paulo SPO: Link
• Sharepoint Produção Site Belford Roxo BXO: Link
• Design Figma: Link

Responsáveis pelo projeto

• Web Designer - raquel.encinas@obuc.com.br
• Desenvolvedor - marcelo.silva@obuc.com.br; marcelo.silva2.ext@bayer.com
• Responsável (Bayer) - diego.almeida@bayer.com; otaviano.medeiros@bayer.com; jonas.costa@bayer.com

Páginas e Funcionalidades

• Página Ínicial

Nessa página, há um botão "Select" onde ocorre a seleção de sites. Atualmente, somente o site de Belford Roxo (BXO) e São Paulo (SPO) utilizam a plataforma.

• Página Registros

  Nessa página, contém a listagem de registros onde a página é feita de forma Scroll Infinito e os dados são retornados de acordo com o site. Abaixo, você poderá visualizar as páginas e também quais listas são utilizadas de acordo com o equipamento.

  Site São Paulo

  

  • Site São Paulo (SPO) - Listas Sharepoint:
    • Extintores: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Extintores
    • Hidrantes: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Hidrantes
    • Válvulas de Governo: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Valvulas_de_Incendio
    • Teste CMI: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Bombas_de_Incendio
    • Inspeção CMI: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Casa_de_Bombas
    • Portas de Emergência: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Portas_de_Emergencia
    • Operação OEI: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Operacao_OEI
    • Alarmes de Incêndio: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Alarmes_de_Incendio
    • Verificação de Ambulância: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Passagem_Bombeiro
    • DEA: BSOC - BRAZIL SECURITY OPERATIONS CENTER - Dea

  Site Belford Roxo

  

  • Site Belford Roxo (BXO) - Listas Sharepoint:
    • Exintores: GESTÃO DE EMERGÊNCIA - registros_extintor
    • Hidrantes: GESTÃO DE EMERGÊNCIA - registros_hidrantes
    • Válvula de Governo: GESTÃO DE EMERGÊNCIA - registros_valvula_governo
    • Teste CMI: GESTÃO DE EMERGÊNCIA - registros_teste_cmi
    • Inspeção CMI: GESTÃO DE EMERGÊNCIA - registros_inspecao_cmi
    • Checklist Geral: GESTÃO DE EMERGÊNCIA - registros_veiculos_emergencia
    • Relação de Carga (Scania, S10, Mercedes, Furgão, Ambulância Sprinter, Ambulância Iveco): GESTÃO DE EMERGÊNCIA - registros_relacao_carga

• Funcionalidades Página Registros

Em ambos os sites, na tela de registro há alguns botões de interações:

• Exportar Planilha: Botão para exportar a lista de registros para Excel. Serão exportados todos os registros que estão na lista, independentemente dos filtros aplicados.

---

• Seleção de MÊS e ANO: O ideal seria que todos os registros fossem retornados de acordo com a filtragem. No entanto, devido a uma limitação no SharePoint, ocorre um erro de limitação se o primeiro filtro ultrapassar 5000 itens. Por conta dessa limitação, há a necessidade de ter esses filtros. Alguns formulários com menos volumes de registros têm somente o filtro de ano.

• Filtros: Os campos que podem ser filtrados variam de acordo com o SITE e também o EQUIPAMENTO.

• Ações por registro: Cada registro tem um botão de ação, onde o usuário pode visualizar, editar ou excluir o registro.

• Visualização registro: Ao clicar em Visualizar Registro será aberto um modal com as informações do registro selecionado, esse modal varia de acordo com o SITE e também o EQUIPAMENTO.

• Exportar para PDF: Botão para exportar o registro como um PDF.

Dependências Utilizadas

• Font Awesome
• Material UI
• Radix Colors
• Radix Avatar
• Radix Checkbox
• Radix Dialog
• Radix Label
• Radix Popover
• Radix Radio Group
• Radix Select
• Radix Toast
• Radix Tooltip
• React PDF
• Axios
• Class Variance Authority
• clsx
• date-fns
• FileSaver.js
• Formik
• react-data-grid
• React Datepicker
• React Select
• sp-rest-proxy
• Tailwind CSS
• xlsx
• yup

Instalação e Configuração

• Alterar o nome do arquivo .env.example para .env.
• Instalar as dependências com npm install.
• Executar o proxy-sharepoint com npm run serve e npm run serveParent.
• Ao executar pela primeira vez, será questionada a URL do Sharepoint e método de autenticação (pode ser selecionado o primeiro), email e senha com permissão de acesso ao sharepoint informado.
• As url que estão sendo utilizadas em produção você pode encontrar no arquivo .env.example.
• No arquivo .env você deve adicionar as url de desenvolvimento proxies sharepoint nas váriaveis VITE_BASE_URL_SHAREPOINT_DEV e VITE_BASE_URL_SHAREPOINT_PARENT_DEV.
• Para executar o projeto locamente a váriavel VITE_ENV deve ser development para fazer a build do projeto em produção deve ser alterado para prod.
• Executar projeto npm run dev.

Pré-requisitos

Para rodar o projeto, você deve ter acesso ao sharepoint BOSC - BRAZIL SECURITY OPERATIONS CENTER e também ao subsite GESTÃO DE EMERGÊNCIAS