usuarios reducción de código

components/operador/Usuarios.vue

@@ -1,14 +0,0 @@
-<template>
-  <TablaBuscadorUsuario :operador="operador" />
-</template>
-
-<script>
-import TablaBuscadorUsuario from '@/components/tablaBuscador/TablaBuscadorUsuario'
-
-export default {
-  components: { TablaBuscadorUsuario },
-  props: { operador: { type: Object, required: true } },
-}
-</script>
-
-<style scoped></style>

components/tablaBuscador/TablaBuscadorMultas.vue

@@ -86,11 +86,11 @@ export default {
           this.lastSearch.idInstitucion = this.idInstitucion
         this.lastSearch.usuario = this.usuario
       }
-      if (this.usuario) query += `&usuario=${this.usuario}`
       if (this.operador.institucion)
         query += `&id_institucion=${this.operador.institucion.id_institucion}`
       else if (this.idInstitucion)
         query += `&id_institucion=${this.idInstitucion}`
+      if (this.usuario) query += `&usuario=${this.usuario}`
       axios
         .get(
           `${process.env.api}/multa?pagina=${this.page}${query}`,

components/tablaBuscador/TablaBuscadorUsuario.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h3 class="is-size-4 mb-3">Todos los usuarios</h3>
+    <h3 class="is-size-4 mb-3">Todos los usuarios: {{ total }}</h3>
 
     <div class="columns is-multiline mb-5 is-align-items-flex-end">
       <SelectInstitucion
@@ -65,7 +65,7 @@ export default {
   },
   methods: {
     obtenerUsuarios() {
-      let data = ''
+      let query = ''
 
       this.isLoadingTable = true
       if (
@@ -85,14 +85,14 @@ export default {
           this.lastSearch.idInstitucion = this.idInstitucion
         this.lastSearch.usuario = this.usuario
       }
-      if (this.usuario) data += `&usuario=${this.usuario}`
       if (this.operador.institucion)
-        data += `&id_institucion=${this.operador.institucion.id_institucion}`
+        query += `&id_institucion=${this.operador.institucion.id_institucion}`
       else if (this.idInstitucion)
-        data += `&id_institucion=${this.idInstitucion}`
+        query += `&id_institucion=${this.idInstitucion}`
+      if (this.usuario) query += `&usuario=${this.usuario}`
       axios
         .get(
-          `${process.env.api}/usuario/usuarios?pagina=${this.page}${data}`,
+          `${process.env.api}/usuario/usuarios?pagina=${this.page}${query}`,
           this.$getToken.token()
         )
         .then((res) => {

pages/usuarios/todos_usuarios/index.vue

@@ -2,17 +2,17 @@
   <div>
     <Title title="Usuarios" :operador="operador" />
 
-    <Usuarios :operador="operador" />
+    <TablaBuscadorUsuario :operador="operador" />
   </div>
 </template>
 
 <script>
 import jwt_decode from 'jwt-decode'
-import Usuarios from '@/components/operador/Usuarios'
+import TablaBuscadorUsuario from '@/components/tablaBuscador/TablaBuscadorUsuario'
 import Title from '@/components/layouts/Title'
 
 export default {
-  components: { Usuarios, Title },
+  components: { TablaBuscadorUsuario, Title },
   data() {
     return { operador: {} }
   },