busqueda del modulo

components/admin/BuscarModulo.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="box">
-    <div class="columns">
+    <div class="columns is-align-items-flex-end">
       <b-field
-        class="column is-4"
+        class="column pb-0"
         label="Nombre de la Institución"
         v-if="admin.tipoUsuario.id_tipo_usuario === 2"
       >
-        <b-select v-model="idInstitucion" expanded rounded>
+        <b-select v-model="idInstitucion" rounded expanded>
           <option value="" disabled>Institución</option>
           <option
             v-for="institucion in instituciones"
@@ -18,18 +18,30 @@
         </b-select>
       </b-field>
 
-      <b-field class="column is-4" label="Nombre del Módulo">
-        <b-select v-model="idModulo" expanded rounded>
-          <option value="" disabled>Módulo</option>
+      <b-field class="column pb-0" label="Nombre del Módulo">
+        <b-select v-model="idModulo" icon="storefront-outline" rounded expanded>
+          <option disabled>Módulo</option>
           <option
-            v-for="modulo in modulos"
+            v-for="(modulo, index) in modulos"
             :value="modulo.id_modulo"
-            :key="modulo.id_modulo"
+            :key="index"
           >
             {{ modulo.modulo }}
           </option>
         </b-select>
       </b-field>
+
+      <div class="column">
+        <b-button
+          type="is-success"
+          :disabled="!idModulo"
+          @click="buscar()"
+          rounded
+          expanded
+        >
+          Buscar
+        </b-button>
+      </div>
     </div>
 
     <div class="columns">
@@ -56,15 +68,16 @@ export default {
   },
   props: {
     admin: { type: Object, required: true },
+    modulo: { type: Object, required: true },
     imprimirError: { type: Function, required: true },
     imprimirWarning: { type: Function, required: true },
     imprimirMensaje: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
+    updateModulo: { type: Function, required: true },
   },
   data() {
     return {
       modulos: [],
-      modulo: {},
       idModulo: '',
       instituciones: [],
       institucion: {},
@@ -72,6 +85,29 @@ export default {
     }
   },
   methods: {
+    buscar() {
+      if (this.idModulo || this.modulo.id_modulo) {
+        this.updateIsLoading(true)
+        axios
+          .get(
+            `${process.env.api}/modulo/modulo?id_modulo=${
+              this.idModulo || this.modulo.id_modulo
+            }`
+          )
+          .then((res) => {
+            this.updateModulo(res.data)
+            this.updateIsLoading(false)
+            this.$router.push({
+              path: '../buscar_modulo/' + this.idModulo,
+            })
+            this.idModulo = ''
+          })
+          .catch((err) => {
+            this.updateIsLoading(false)
+            this.imprimirError(err.response.data)
+          })
+      }
+    },
     obtenerCatalogoInstitucion() {
       axios
         .get(`${process.env.api}/institucion`)
@@ -82,8 +118,8 @@ export default {
           this.imprimirError(err)
         })
     },
-    async obtenerCatalogoModulo(id_institucion) {
-      await axios
+    obtenerCatalogoModulo(id_institucion) {
+      axios
         .get(
           `${process.env.api}/modulo/modulos?id_institucion=${id_institucion}`
         )
@@ -94,20 +130,11 @@ export default {
           this.imprimirError(err)
         })
     },
-    armarModulo() {
-      for (let i = 0; i < this.modulos.length; i++) {
-        if (this.modulos[i].id_modulo === this.idModulo)
-          this.modulo = this.modulos[i]
-      }
-    },
   },
   watch: {
     idInstitucion(value) {
       this.obtenerCatalogoModulo(value)
     },
-    idModulo() {
-      this.armarModulo()
-    },
   },
   mounted() {},
   created() {
@@ -115,7 +142,7 @@ export default {
       ? this.obtenerCatalogoInstitucion()
       : this.obtenerCatalogoModulo(this.admin.institucion.id_institucion)
     this.idModulo = this.$route.params.modulo
-    if (this.idModulo) this.armarModulo()
+    if (this.idModulo) this.buscar()
   },
 }
 </script>

components/admin/Modulo.vue

@@ -2,10 +2,12 @@
   <div>
     <BuscarModulo
       :admin="admin"
+      :modulo="modulo"
       :imprimirError="imprimirError"
       :imprimirWarning="imprimirWarning"
       :imprimirMensaje="imprimirMensaje"
       :updateIsLoading="updateIsLoading"
+      :updateModulo="updateModulo"
     />
   </div>
 </template>
@@ -25,7 +27,14 @@ export default {
     updateIsLoading: { type: Function, required: true },
   },
   data() {
-    return {}
+    return {
+      modulo: { institucion: {} },
+    }
+  },
+  methods: {
+    updateModulo(valorObject) {
+      this.modulo = valorObject
+    },
   },
 }
 </script>

components/operador/BuscarCarrito.vue

@@ -104,7 +104,6 @@ export default {
   methods: {
     buscar() {
       if (this.idCarrito || this.carrito.id_carrito) {
-        console.log(this.carrito)
         this.updateIsLoading(true)
         axios
           .get(
@@ -124,7 +123,6 @@ export default {
             this.updateIsLoading(false)
             this.imprimirError(err.response.data)
           })
-        localStorage.removeItem('carrito')
       }
     },
     obtenerModulosInstitucion() {