From cfb5d7a6a518f419c9e39c42b3df929f1884f084 Mon Sep 17 00:00:00 2001
From: Gustavo Soares <gustavo.fe.soares@gmail.com>
Date: Wed, 18 Dec 2024 20:37:56 -0300
Subject: [PATCH 1/2] feat: ajustando tipos de orgaos

---
 frontend/src/router/administracao.js          | 155 ++++++++----------
 frontend/src/views/documentTypes/AddEdit.vue  |  26 ++-
 .../src/views/documentTypes/ListItems.vue     |  27 ++-
 frontend/src/views/organs/ListItems.vue       |   8 +-
 frontend/src/views/organs/ListTypes.vue       |   7 -
 5 files changed, 104 insertions(+), 119 deletions(-)

diff --git a/frontend/src/router/administracao.js b/frontend/src/router/administracao.js
index d9476bb04..131c64969 100644
--- a/frontend/src/router/administracao.js
+++ b/frontend/src/router/administracao.js
@@ -126,10 +126,7 @@ export default [
   <path fill-rule="evenodd" clip-rule="evenodd" d="M18 12V11.2V8.8V8.001H3.6L2 8V12H18ZM18 6V5.2V2.8V2.001H3.6L2 2V6H18ZM2 0H17.99C19.33 0 20 0.668 20 2V17.92C20 19.307 19.333 20 18 20H2C0.667 20 0 19.307 0 17.92V2C0 0.667 0.667 0 2 0ZM3.6 14H2V18H18V17.2V14.8V14.001H3.6V14ZM4 5C3.73478 5 3.48043 4.89464 3.29289 4.70711C3.10536 4.51957 3 4.26522 3 4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3C4.26522 3 4.51957 3.10536 4.70711 3.29289C4.89464 3.48043 5 3.73478 5 4C5 4.26522 4.89464 4.51957 4.70711 4.70711C4.51957 4.89464 4.26522 5 4 5ZM4 11C3.73478 11 3.48043 10.8946 3.29289 10.7071C3.10536 10.5196 3 10.2652 3 10C3 9.73478 3.10536 9.48043 3.29289 9.29289C3.48043 9.10536 3.73478 9 4 9C4.26522 9 4.51957 9.10536 4.70711 9.29289C4.89464 9.48043 5 9.73478 5 10C5 10.2652 4.89464 10.5196 4.70711 10.7071C4.51957 10.8946 4.26522 11 4 11ZM4 17C3.73478 17 3.48043 16.8946 3.29289 16.7071C3.10536 16.5196 3 16.2652 3 16C3 15.7348 3.10536 15.4804 3.29289 15.2929C3.48043 15.1054 3.73478 15 4 15C4.26522 15 4.51957 15.1054 4.70711 15.2929C4.89464 15.4804 5 15.7348 5 16C5 16.2652 4.89464 16.5196 4.70711 16.7071C4.51957 16.8946 4.26522 17 4 17Z" />
 </svg>`,
       rotasParaMenuSecundário,
-      rotasParaMenuPrincipal: [
-        'gerenciarUsuários',
-        'cadastrosBasicos',
-      ],
+      rotasParaMenuPrincipal: ['gerenciarUsuários', 'cadastrosBasicos'],
     },
 
     children: [
@@ -165,7 +162,9 @@ export default [
             component: PartidosCriarEditar,
             props: ({ params }) => ({
               ...params,
-              ...{ partidoId: Number.parseInt(params.partidoId, 10) || undefined },
+              ...{
+                partidoId: Number.parseInt(params.partidoId, 10) || undefined,
+              },
             }),
 
             meta: {
@@ -181,9 +180,7 @@ export default [
           título: 'Grupos temáticos',
           rotaPrescindeDeChave: true,
           rotasParaMenuSecundário,
-          limitarÀsPermissões: [
-            'GrupoTematicoMDO.',
-          ],
+          limitarÀsPermissões: ['GrupoTematicoMDO.'],
         },
         children: [
           {
@@ -192,9 +189,7 @@ export default [
             component: GruposTematicosLista,
             meta: {
               título: 'Grupos temáticos',
-              rotasParaMigalhasDePão: [
-                'cadastrosBasicos',
-              ],
+              rotasParaMigalhasDePão: ['cadastrosBasicos'],
             },
           },
           {
@@ -215,7 +210,10 @@ export default [
             component: GruposTematicosCriarEditar,
             props: ({ params }) => ({
               ...params,
-              ...{ grupoTematicoId: Number.parseInt(params.grupoTematicoId, 10) || undefined },
+              ...{
+                grupoTematicoId:
+                  Number.parseInt(params.grupoTematicoId, 10) || undefined,
+              },
             }),
             meta: {
               título: 'Editar',
@@ -234,9 +232,7 @@ export default [
           título: 'Tipos de intervenção',
           rotaPrescindeDeChave: true,
           rotasParaMenuSecundário,
-          limitarÀsPermissões: [
-            'TipoIntervecaoMDO.',
-          ],
+          limitarÀsPermissões: ['TipoIntervecaoMDO.'],
         },
         children: [
           {
@@ -245,9 +241,7 @@ export default [
             component: TiposDeIntervencaoLista,
             meta: {
               título: 'Tipos de intervenção',
-              rotasParaMigalhasDePão: [
-                'cadastrosBasicos',
-              ],
+              rotasParaMigalhasDePão: ['cadastrosBasicos'],
             },
           },
           {
@@ -268,7 +262,10 @@ export default [
             component: TiposDeIntervencaoCriarEditar,
             props: ({ params }) => ({
               ...params,
-              ...{ intervencaoId: Number.parseInt(params.intervencaoId, 10) || undefined },
+              ...{
+                intervencaoId:
+                  Number.parseInt(params.intervencaoId, 10) || undefined,
+              },
             }),
             meta: {
               título: 'Editar',
@@ -287,9 +284,7 @@ export default [
           título: 'Equipamentos',
           rotaPrescindeDeChave: true,
           rotasParaMenuSecundário,
-          limitarÀsPermissões: [
-            'CadastroEquipamentoMDO.',
-          ],
+          limitarÀsPermissões: ['CadastroEquipamentoMDO.'],
         },
         children: [
           {
@@ -298,9 +293,7 @@ export default [
             component: EquipamentosLista,
             meta: {
               título: 'Equipamentos',
-              rotasParaMigalhasDePão: [
-                'cadastrosBasicos',
-              ],
+              rotasParaMigalhasDePão: ['cadastrosBasicos'],
             },
           },
           {
@@ -309,10 +302,7 @@ export default [
             component: EquipamentosCriarEditar,
             meta: {
               título: 'Novo equipamento',
-              rotasParaMigalhasDePão: [
-                'cadastrosBasicos',
-                'equipamentosLista',
-              ],
+              rotasParaMigalhasDePão: ['cadastrosBasicos', 'equipamentosLista'],
             },
           },
           {
@@ -321,14 +311,14 @@ export default [
             component: EquipamentosCriarEditar,
             props: ({ params }) => ({
               ...params,
-              ...{ equipamentoId: Number.parseInt(params.equipamentoId, 10) || undefined },
+              ...{
+                equipamentoId:
+                  Number.parseInt(params.equipamentoId, 10) || undefined,
+              },
             }),
             meta: {
               título: 'Editar equipamento',
-              rotasParaMigalhasDePão: [
-                'cadastrosBasicos',
-                'equipamentosLista',
-              ],
+              rotasParaMigalhasDePão: ['cadastrosBasicos', 'equipamentosLista'],
             },
           },
         ],
@@ -364,7 +354,9 @@ export default [
             component: BancadasCriarEditar,
             props: ({ params }) => ({
               ...params,
-              ...{ bancadaId: Number.parseInt(params.bancadaId, 10) || undefined },
+              ...{
+                bancadaId: Number.parseInt(params.bancadaId, 10) || undefined,
+              },
             }),
 
             meta: {
@@ -410,7 +402,8 @@ export default [
             props: ({ params }) => ({
               ...params,
               ...{
-                tipoDeAtendimentoId: Number.parseInt(params.tipoDeAtendimentoId, 10) || undefined,
+                tipoDeAtendimentoId:
+                  Number.parseInt(params.tipoDeAtendimentoId, 10) || undefined,
               },
             }),
 
@@ -428,9 +421,7 @@ export default [
           título: 'Tipo de Transferência',
           rotaPrescindeDeChave: true,
           rotasParaMenuSecundário,
-          limitarÀsPermissões: [
-            'CadastroTransferenciaTipo.',
-          ],
+          limitarÀsPermissões: ['CadastroTransferenciaTipo.'],
         },
         children: [
           {
@@ -559,7 +550,6 @@ export default [
           },
         ],
       },
-
     ],
   },
 
@@ -625,9 +615,7 @@ export default [
         path: 'novo',
         meta: {
           título: 'Cadastrar Orgão',
-          rotasParaMigalhasDePão: [
-            'gerenciarÓrgãos',
-          ],
+          rotasParaMigalhasDePão: ['gerenciarÓrgãos'],
           rotaDeEscape: 'gerenciarÓrgãos',
         },
         component: AddEditOrgans,
@@ -637,9 +625,7 @@ export default [
         path: 'editar/:id',
         meta: {
           título: () => useOrgansStore().tempOrgans.descricao,
-          rotasParaMigalhasDePão: [
-            'gerenciarÓrgãos',
-          ],
+          rotasParaMigalhasDePão: ['gerenciarÓrgãos'],
           rotaDeEscape: 'gerenciarÓrgãos',
         },
         component: AddEditOrgans,
@@ -697,10 +683,18 @@ export default [
       {
         path: 'novo',
         component: AddEditDocumentTypes,
+        meta: {
+          título: 'Novo tipo de documento',
+          rotasParaMigalhasDePão: ['gerenciarTiposDeDocumento'],
+        },
       },
       {
         path: 'editar/:id',
         component: AddEditDocumentTypes,
+        meta: {
+          título: 'Editar tipo de documento',
+          rotasParaMigalhasDePão: ['gerenciarTiposDeDocumento'],
+        },
       },
     ],
   },
@@ -855,9 +849,7 @@ export default [
         name: 'tipoDeAditivosCriar',
         meta: {
           título: 'Novo tipo de aditivo',
-          rotasParaMigalhasDePão: [
-            'tipoDeAditivosListar',
-          ],
+          rotasParaMigalhasDePão: ['tipoDeAditivosListar'],
         },
       },
       {
@@ -866,9 +858,7 @@ export default [
         name: 'tipoDeAditivosEditar',
         meta: {
           título: 'Editar tipo de aditivo',
-          rotasParaMigalhasDePão: [
-            'tipoDeAditivosListar',
-          ],
+          rotasParaMigalhasDePão: ['tipoDeAditivosListar'],
         },
       },
     ],
@@ -893,28 +883,30 @@ export default [
       {
         name: 'variaveisCategoricasCriar',
         path: 'novo',
-        component: () => import('@/views/variaveisCategoricas/VariaveisCategoricasCriarEditar.vue'),
+        component: () => import(
+          '@/views/variaveisCategoricas/VariaveisCategoricasCriarEditar.vue'
+        ),
         meta: {
           título: 'Novo tipo de variável categórica',
-          rotasParaMigalhasDePão: [
-            'variaveisCategoricasListar',
-          ],
+          rotasParaMigalhasDePão: ['variaveisCategoricasListar'],
         },
       },
       {
         path: ':variavelId',
         name: 'variaveisCategoricasEditar',
-        component: () => import('@/views/variaveisCategoricas/VariaveisCategoricasCriarEditar.vue'),
+        component: () => import(
+          '@/views/variaveisCategoricas/VariaveisCategoricasCriarEditar.vue'
+        ),
         props: ({ params }) => ({
           ...params,
-          ...{ variavelId: Number.parseInt(params.variavelId, 10) || undefined },
+          ...{
+            variavelId: Number.parseInt(params.variavelId, 10) || undefined,
+          },
         }),
 
         meta: {
           título: 'Editar tipo de variável categórica',
-          rotasParaMigalhasDePão: [
-            'variaveisCategoricasListar',
-          ],
+          rotasParaMigalhasDePão: ['variaveisCategoricasListar'],
         },
       },
     ],
@@ -942,9 +934,7 @@ export default [
         component: () => import('@/views/ps.categoriaAssunto/CategoriaAssuntoCriarEditar.vue'),
         meta: {
           título: 'Nova categoria de assunto',
-          rotasParaMigalhasDePão: [
-            'categoriaAssuntosListar',
-          ],
+          rotasParaMigalhasDePão: ['categoriaAssuntosListar'],
         },
       },
       {
@@ -953,14 +943,15 @@ export default [
         component: () => import('@/views/ps.categoriaAssunto/CategoriaAssuntoCriarEditar.vue'),
         props: ({ params }) => ({
           ...params,
-          ...{ categoriaAssuntoId: Number.parseInt(params.categoriaAssuntoId, 10) || undefined },
+          ...{
+            categoriaAssuntoId:
+              Number.parseInt(params.categoriaAssuntoId, 10) || undefined,
+          },
         }),
 
         meta: {
           título: 'Editar categoria de assunto',
-          rotasParaMigalhasDePão: [
-            'categoriaAssuntosListar',
-          ],
+          rotasParaMigalhasDePão: ['categoriaAssuntosListar'],
         },
       },
     ],
@@ -988,9 +979,7 @@ export default [
         component: () => import('@/views/ps.assuntos/AssuntosCriarEditar.vue'),
         meta: {
           título: 'Novo assunto',
-          rotasParaMigalhasDePão: [
-            'assuntosListar',
-          ],
+          rotasParaMigalhasDePão: ['assuntosListar'],
         },
       },
       {
@@ -1004,9 +993,7 @@ export default [
 
         meta: {
           título: 'Editar assunto',
-          rotasParaMigalhasDePão: [
-            'assuntosListar',
-          ],
+          rotasParaMigalhasDePão: ['assuntosListar'],
         },
       },
     ],
@@ -1034,9 +1021,7 @@ export default [
         component: () => import('@/views/ps.fontes/FontesCriarEditar.vue'),
         meta: {
           título: 'Nova fonte',
-          rotasParaMigalhasDePão: [
-            'fontesListar',
-          ],
+          rotasParaMigalhasDePão: ['fontesListar'],
         },
       },
       {
@@ -1050,9 +1035,7 @@ export default [
 
         meta: {
           título: 'Editar fonte',
-          rotasParaMigalhasDePão: [
-            'fontesListar',
-          ],
+          rotasParaMigalhasDePão: ['fontesListar'],
         },
       },
     ],
@@ -1080,9 +1063,7 @@ export default [
         component: () => import('@/views/modalidadeDeContratacao/ModalidadesCriarEditar.vue'),
         meta: {
           título: 'Nova modalidade de contratação',
-          rotasParaMigalhasDePão: [
-            'modalidadesListar',
-          ],
+          rotasParaMigalhasDePão: ['modalidadesListar'],
         },
       },
       {
@@ -1091,14 +1072,14 @@ export default [
         component: () => import('@/views/modalidadeDeContratacao/ModalidadesCriarEditar.vue'),
         props: ({ params }) => ({
           ...params,
-          ...{ modalidadeId: Number.parseInt(params.modalidadeId, 10) || undefined },
+          ...{
+            modalidadeId: Number.parseInt(params.modalidadeId, 10) || undefined,
+          },
         }),
 
         meta: {
           título: 'Editar modalidade',
-          rotasParaMigalhasDePão: [
-            'modalidadesListar',
-          ],
+          rotasParaMigalhasDePão: ['modalidadesListar'],
         },
       },
     ],
diff --git a/frontend/src/views/documentTypes/AddEdit.vue b/frontend/src/views/documentTypes/AddEdit.vue
index ded64411d..f1b1ca3c5 100644
--- a/frontend/src/views/documentTypes/AddEdit.vue
+++ b/frontend/src/views/documentTypes/AddEdit.vue
@@ -1,12 +1,13 @@
 <script setup>
-import { Dashboard } from '@/components';
-import { router } from '@/router';
-import { useAlertStore } from '@/stores/alert.store';
-import { useDocumentTypesStore } from '@/stores/documentTypes.store';
 import { storeToRefs } from 'pinia';
 import { Field, Form } from 'vee-validate';
 import { useRoute } from 'vue-router';
 import * as Yup from 'yup';
+import { Dashboard } from '@/components';
+import MigalhasDePao from '@/components/MigalhasDePao.vue';
+import { router } from '@/router';
+import { useAlertStore } from '@/stores/alert.store';
+import { useDocumentTypesStore } from '@/stores/documentTypes.store';
 
 const alertStore = useAlertStore();
 const route = useRoute();
@@ -40,7 +41,7 @@ async function onSubmit(values) {
       r = await documentTypesStore.insert(values);
       msg = 'Item adicionado com sucesso!';
     }
-    if (r == true) {
+    if (r === true) {
       await router.push('/tipo-documento');
       alertStore.success(msg);
     }
@@ -52,15 +53,15 @@ async function onSubmit(values) {
 async function checkClose() {
   alertStore.confirm('Deseja sair sem salvar as alterações?', '/tipo-documento');
 }
-async function checkDelete(id) {
-  alertStore.confirmAction('Deseja mesmo remover esse item?', async () => { if (await documentTypesStore.delete(id)) router.push('/tipo-documento'); }, 'Remover');
-}
+
 function removeChars(x) {
   x.target.value = x.target.value.replace(/[^a-zA-Z0-9,]/g, '');
 }
 </script>
 <template>
   <Dashboard>
+    <MigalhasDePao class="mb1" />
+
     <div class="flex spacebetween center mb2">
       <h1>{{ title }}</h1>
       <hr class="ml2 f1">
@@ -150,14 +151,7 @@ function removeChars(x) {
         </div>
       </Form>
     </template>
-    <template v-if="tempDocumentTypes.id">
-      <button
-        class="btn amarelo big"
-        @click="checkDelete(tempDocumentTypes.id)"
-      >
-        Remover item
-      </button>
-    </template>
+
     <template v-if="tempDocumentTypes?.loading">
       <span class="spinner">Carregando</span>
     </template>
diff --git a/frontend/src/views/documentTypes/ListItems.vue b/frontend/src/views/documentTypes/ListItems.vue
index 8175b7eda..4ebf27a75 100644
--- a/frontend/src/views/documentTypes/ListItems.vue
+++ b/frontend/src/views/documentTypes/ListItems.vue
@@ -1,10 +1,11 @@
 <script setup>
-import { Dashboard } from '@/components';
-import { useAuthStore, useDocumentTypesStore } from '@/stores';
 import { storeToRefs } from 'pinia';
 import { reactive, ref } from 'vue';
+import { Dashboard } from '@/components';
+import { useAlertStore, useAuthStore, useDocumentTypesStore } from '@/stores';
 
 const authStore = useAuthStore();
+const alertStore = useAlertStore();
 const { permissions } = storeToRefs(authStore);
 const perm = permissions.value;
 
@@ -21,6 +22,16 @@ const itemsFiltered = ref(tempDocumentTypes);
 function filterItems() {
   documentTypesStore.filterDocumentTypes(filters);
 }
+
+async function checkDelete({ id, titulo }) {
+  alertStore.confirmAction(`Deseja mesmo remover o item "${titulo}"?`, async () => {
+    if (await documentTypesStore.delete(id)) {
+      documentTypesStore.clear();
+      documentTypesStore.filterDocumentTypes();
+      alertStore.success(`${titulo} removido!`);
+    }
+  }, 'Remover');
+}
 </script>
 <template>
   <Dashboard>
@@ -87,6 +98,18 @@ function filterItems() {
                   ><use xlink:href="#i_edit" /></svg>
                 </router-link>
               </template>
+
+              <template v-if="perm?.CadastroTipoDocumento?.remover">
+                <button
+                  class="ml1 like-a__text"
+                  @click="checkDelete(item)"
+                >
+                  <svg
+                    width="20"
+                    height="20"
+                  ><use xlink:href="#i_waste" /></svg>
+                </button>
+              </template>
             </td>
           </tr>
         </template>
diff --git a/frontend/src/views/organs/ListItems.vue b/frontend/src/views/organs/ListItems.vue
index f441688d0..f0cd0d23b 100644
--- a/frontend/src/views/organs/ListItems.vue
+++ b/frontend/src/views/organs/ListItems.vue
@@ -42,13 +42,7 @@ async function apagarOrgao({ id, descricao }) {
     <div class="flex spacebetween center mb2">
       <h1>Orgãos</h1>
       <hr class="ml2 f1">
-      <router-link
-        v-if="perm?.CadastroTipoOrgao"
-        to="/orgaos/tipos"
-        class="btn big amarelo ml2"
-      >
-        Gerenciar Tipos de Orgão
-      </router-link>
+
       <router-link
         v-if="perm?.CadastroOrgao?.inserir"
         to="/orgaos/novo"
diff --git a/frontend/src/views/organs/ListTypes.vue b/frontend/src/views/organs/ListTypes.vue
index b97abf8e6..6bdfe67f6 100644
--- a/frontend/src/views/organs/ListTypes.vue
+++ b/frontend/src/views/organs/ListTypes.vue
@@ -27,13 +27,6 @@ function filterItems() {
     <div class="flex spacebetween center mb2">
       <h1>Tipos de Orgão</h1>
       <hr class="ml2 f1">
-      <router-link
-        v-if="perm?.CadastroOrgao"
-        to="/orgaos"
-        class="btn big amarelo ml2"
-      >
-        Gerenciar Orgãos
-      </router-link>
       <router-link
         v-if="perm?.CadastroTipoOrgao?.inserir"
         to="/orgaos/tipos/novo"

From 929a407c0ff1df88882ad0921648d90bd732ac4b Mon Sep 17 00:00:00 2001
From: Gustavo Soares <gustavo.fe.soares@gmail.com>
Date: Fri, 20 Dec 2024 11:48:26 -0300
Subject: [PATCH 2/2] feat: ajustando cadastro de tipos de orgaos

---
 frontend/src/router/administracao.js       | 42 +++++++++++++++++-----
 frontend/src/views/organs/AddEditTypes.vue | 23 +++++-------
 frontend/src/views/organs/ListTypes.vue    | 24 ++++++++++++-
 3 files changed, 65 insertions(+), 24 deletions(-)

diff --git a/frontend/src/router/administracao.js b/frontend/src/router/administracao.js
index 131c64969..0ecf9208a 100644
--- a/frontend/src/router/administracao.js
+++ b/frontend/src/router/administracao.js
@@ -74,6 +74,7 @@ const rotasParaMenuSecundário = [
     rotas: [
       'tipoDeAcompanhamentoListar',
       'gerenciarÓrgãos',
+      'orgaos.tipos',
       'gerenciarUnidadesDeMedida',
       'gerenciarTiposDeDocumento',
       'gerenciarCategorias',
@@ -632,15 +633,38 @@ export default [
       },
       {
         path: 'tipos',
-        component: ListOrganTypes,
-      },
-      {
-        path: 'tipos/novo',
-        component: AddEditOrganTypes,
-      },
-      {
-        path: 'tipos/editar/:id',
-        component: AddEditOrganTypes,
+        meta: {
+          título: 'Tipos de Orgão',
+        },
+        children: [
+          {
+            path: '',
+            name: 'orgaos.tipos',
+            component: ListOrganTypes,
+          },
+          {
+            path: 'novo',
+            component: AddEditOrganTypes,
+            name: 'orgaos.tipos.novo',
+            meta: {
+              título: 'Novo Tipo de Orgão',
+              rotasParaMigalhasDePão: [
+                'orgaos.tipos',
+              ],
+            },
+          },
+          {
+            path: 'editar/:id',
+            component: AddEditOrganTypes,
+            name: 'orgaos.tipos.editar',
+            meta: {
+              título: 'Editar tipo de Orgão',
+              rotasParaMigalhasDePão: [
+                'orgaos.tipos',
+              ],
+            },
+          },
+        ],
       },
     ],
   },
diff --git a/frontend/src/views/organs/AddEditTypes.vue b/frontend/src/views/organs/AddEditTypes.vue
index 1b9ea7f42..15ebcd1ec 100644
--- a/frontend/src/views/organs/AddEditTypes.vue
+++ b/frontend/src/views/organs/AddEditTypes.vue
@@ -1,11 +1,12 @@
 <script setup>
-import { Dashboard } from '@/components';
 import { Form, Field } from 'vee-validate';
 import * as Yup from 'yup';
 import { useRoute } from 'vue-router';
-import { router } from '@/router';
 import { storeToRefs } from 'pinia';
+import { router } from '@/router';
+import { Dashboard } from '@/components';
 import { useAlertStore, useOrgansStore } from '@/stores';
+import MigalhasDePao from '@/components/MigalhasDePao.vue';
 
 const alertStore = useAlertStore();
 const route = useRoute();
@@ -36,7 +37,7 @@ async function onSubmit(values) {
       r = await organsStore.insertType(values);
       msg = 'Orgão adicionado com sucesso!';
     }
-    if (r == true) {
+    if (r === true) {
       await router.push('/orgaos/tipos');
       alertStore.success(msg);
     }
@@ -48,12 +49,12 @@ async function onSubmit(values) {
 async function checkClose() {
   alertStore.confirm('Deseja sair sem salvar as alterações?', '/orgaos/tipos');
 }
-async function checkDelete(id) {
-  alertStore.confirmAction('Deseja mesmo remover esse item?', async () => { if (await organsStore.deleteType(id)) router.push('/orgaos/tipos'); }, 'Remover');
-}
 </script>
+
 <template>
   <Dashboard>
+    <MigalhasDePao class="mb1" />
+
     <div class="flex spacebetween center mb2">
       <h1>{{ title }}</h1>
       <hr class="ml2 f1">
@@ -100,17 +101,11 @@ async function checkDelete(id) {
         </div>
       </Form>
     </template>
-    <template v-if="tempOrganTypes.id">
-      <button
-        class="btn amarelo big"
-        @click="checkDelete(tempOrganTypes.id)"
-      >
-        Remover item
-      </button>
-    </template>
+
     <template v-if="tempOrganTypes?.loading">
       <span class="spinner">Carregando</span>
     </template>
+
     <template v-if="tempOrganTypes?.error || error">
       <div class="error p1">
         <div class="error-msg">
diff --git a/frontend/src/views/organs/ListTypes.vue b/frontend/src/views/organs/ListTypes.vue
index 6bdfe67f6..f45469f72 100644
--- a/frontend/src/views/organs/ListTypes.vue
+++ b/frontend/src/views/organs/ListTypes.vue
@@ -2,12 +2,13 @@
 import { ref, reactive } from 'vue';
 import { storeToRefs } from 'pinia';
 import { Dashboard } from '@/components';
-import { useAuthStore, useOrgansStore } from '@/stores';
+import { useAlertStore, useAuthStore, useOrgansStore } from '@/stores';
 
 const authStore = useAuthStore();
 const { permissions } = storeToRefs(authStore);
 const perm = permissions.value;
 
+const alertStore = useAlertStore();
 const organsStore = useOrgansStore();
 const { tempOrganTypes } = storeToRefs(organsStore);
 organsStore.clear();
@@ -21,6 +22,15 @@ const itemsFiltered = ref(tempOrganTypes);
 function filterItems() {
   organsStore.filterOrganTypes(filters);
 }
+
+async function checkDelete({ id, descricao }) {
+  alertStore.confirmAction(`Deseja mesmo remover o item "${descricao}"?`, () => {
+    organsStore.deleteType(id).then(async () => {
+      await organsStore.clear();
+      await organsStore.filterOrganTypes();
+    });
+  }, 'Remover');
+}
 </script>
 <template>
   <Dashboard>
@@ -74,6 +84,18 @@ function filterItems() {
                     height="20"
                   ><use xlink:href="#i_edit" /></svg>
                 </router-link>
+
+                <template v-if="perm?.CadastroTipoOrgao?.remover">
+                  <button
+                    class="like-a__text ml1"
+                    @click="checkDelete(item)"
+                  >
+                    <svg
+                      width="20"
+                      height="20"
+                    ><use xlink:href="#i_waste" /></svg>
+                  </button>
+                </template>
               </template>
             </td>
           </tr>