select para la institucion del SDI

components/operador/BuscarModulo.vue

@@ -1,8 +1,21 @@
 <template>
   <div class="box">
-    <div class="columns is-align-items-flex-end">
+    <div class="columns">
+      <b-field class="column is-4" label="Nombre de la Institución"  v-if="admin.tipoUsuario.id_tipo_usuario === 2">
+        <b-select v-model="idInstitucion" expanded rounded>
+          <option value="" disabled>Institución</option>
+          <option
+            v-for="institucion in instituciones"
+            :value="institucion.id_institucion"
+            :key="institucion.id_insitucion"
+          >
+            {{ institucion.institucion }}
+          </option>
+        </b-select>
+      </b-field>
+
       <b-field class="column is-4" label="Nombre del Módulo">
-        <b-select v-model="idModulo" expanded rounded>
+         <b-select v-model="idModulo" expanded rounded>
           <option value="" disabled>Módulo</option>
           <option
             v-for="modulo in modulos"
@@ -13,18 +26,6 @@
           </option>
         </b-select>
       </b-field>
-
-      <!-- <div class="column is-2">
-        <b-button
-          type="is-success"
-          :disabled="!idModulo"
-          @click="buscar()"
-          rounded
-          expanded
-        >
-          Buscar
-        </b-button>
-      </div> -->
     </div>
 
     <div class="columns">
@@ -61,13 +62,27 @@ export default {
       modulos: [],
       modulo: {},
       idModulo: '',
+      instituciones:[],
+      institucion:{},
+      idInstitucion:'',
     }
   },
   methods: {
-    obtenerCatalogoModulo() {
+    obtenerCatalogoInstitucion() {
+      axios
+        .get(`${process.env.api}/institucion`)
+        .then((res) => {
+          this.instituciones = res.data
+          
+        })
+        .catch((err) => {
+          this.imprimirError(err)
+        })
+    },
+    obtenerCatalogoModulo(id_institucion) {
       axios
         .get(
-          `${process.env.api}/modulo/modulos?id_institucion=${this.admin.institucion.id_institucion}`
+          `${process.env.api}/modulo/modulos?id_institucion=${id_institucion}`
         )
         .then((res) => {
           this.modulos = res.data
@@ -77,26 +92,12 @@ export default {
           this.imprimirError(err)
         })
     },
-    buscar() {
-      if (this.nombreModulo) {
-        this.updateIsLoading(true)
-        axios
-          .get(
-            `${process.env.api}/modulo?id_institucion=${this.admin.institucion.id_institucion}`
-          )
-          .then((res) => {
-            this.nombreModulo = ''
-            this.updateEquipo(res.data)
-            this.updateIsLoading(false)
-          })
-          .catch((err) => {
-            this.updateIsLoading(false)
-            this.imprimirError(err.response.data)
-          })
-      }
-    },
   },
   watch: {
+    idInstitucion(value) {
+      console.log(value)
+      this.obtenerCatalogoModulo(value)
+    },
     idModulo() {
       for (let i = 0; i < this.modulos.length; i++) {
         if (this.modulos[i].id_modulo === this.idModulo)
@@ -105,7 +106,7 @@ export default {
     },
   },
   created() {
-    this.obtenerCatalogoModulo()
+    this.admin.tipoUsuario.id_tipo_usuario === 2 ? this.obtenerCatalogoInstitucion() : this.obtenerCatalogoModulo(this.admin.institucion.id_institucion)
   },
 }
 </script>

components/operador/InfoModulo.vue

@@ -3,25 +3,21 @@
     <h3 class="is-size-4 mb-4">Datos del Módulo</h3>
 
     <div class="columns">
-      <div class="column">
-        <b-field label="Nombre del Módulo">
-          <p class="input">{{ modulo.modulo }}</p>
-        </b-field>
-      </div>
-
-      <div class="column">
-        <b-field label="Status del Módulo">
-          <p
-            class="input"
-            v-for="(sA, i) in statusActivo"
-            :key="i"
-            :class="sA.tagType"
-            v-show="modulo.activo === sA.activo"
-          >
-            {{ sA.texto }}
-          </p>
-        </b-field>
-      </div>
+      <b-field class="column" label="Nombre del Módulo">
+        <p class="input">{{ modulo.modulo }}</p>
+      </b-field>
+      
+      <b-field class="column" label="Status del Módulo">
+        <p
+          class="input"
+          v-for="(sA, i) in statusActivo"
+          :key="i"
+          :class="sA.tagType"
+          v-show="modulo.activo === sA.activo"
+        >
+          {{ sA.texto }}
+        </p>
+      </b-field>
     </div>
   </div>
 </template>

pages/admin/modulos/todos_modulos/index.vue

@@ -10,6 +10,7 @@
       :imprimirMensaje="imprimirMensaje"
       :updateActualizarTabla="updateActualizarTabla"
       :updateIsLoading="updateIsLoading"
+      v-if="admin.tipoUsuario.id_tipo_usuario === 3"
     />
 
     <p class="subtitle is-4">Todos los Módulos</p>