cambios meh

components/admin/SelectInstitucion.vue

@@ -7,6 +7,7 @@
     >
       <b-select v-model="idInstitucion" expanded rounded>
         <option value="" disabled>Institución</option>
+
         <option
           v-for="institucion in instituciones"
           :value="institucion.id_institucion"
@@ -18,14 +19,26 @@
     </b-field>
 
     <TablaModulos :admin="admin" :data="data" />
+
+    <!-- <TablaModulosA
+      :modulos="data"
+      :onPageChange="onPageChange"
+      :isLoadingTable="isLoadingTable"
+      :page="page"
+      :total="total"
+    /> -->
   </div>
 </template>
+
 <script>
 import axios from 'axios'
 import TablaModulos from '@/components/admin/TablaModulos'
+import TablaModulosA from '@/components/tablas/TablaModulos'
+
 export default {
   components: {
     TablaModulos,
+    TablaModulosA,
   },
   props: {
     admin: { typeof: Object, require: true },
@@ -38,6 +51,9 @@ export default {
       institucion: {},
       idInstitucion: '',
       data: [],
+      isLoadingTable: false,
+      page: 1,
+      total: 1,
     }
   },
   methods: {
@@ -51,7 +67,7 @@ export default {
           this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
         })
     },
-    obtenerCatalogoModulo(id_institucion) {
+    obtenerModulos(id_institucion) {
       axios
         .get(
           `${process.env.api}/modulo/modulos?id_institucion=${id_institucion}`,
@@ -64,14 +80,18 @@ export default {
           this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
         })
     },
+    onPageChange(page) {
+      this.page = page
+      this.obtenerModulos()
+    },
   },
   watch: {
     idInstitucion(value) {
-      this.obtenerCatalogoModulo(value)
+      this.obtenerModulos(value)
     },
     actualizarTabla(value) {
       if (value) {
-        this.obtenerCatalogoModulo(this.admin.institucion.id_institucion)
+        this.obtenerModulos(this.admin.institucion.id_institucion)
         this.updateActualizarTabla(false)
       }
     },
@@ -79,7 +99,7 @@ export default {
   created() {
     this.admin.tipoUsuario.id_tipo_usuario === 2
       ? this.obtenerCatalogoInstitucion()
-      : this.obtenerCatalogoModulo(this.admin.institucion.id_institucion)
+      : this.obtenerModulos(this.admin.institucion.id_institucion)
   },
 }
 </script>