todos los carritos filtros

components/crear/CrearCarrito.vue

@@ -45,8 +45,8 @@
 import axios from 'axios'
 import BotonCrear from '@/components/botones/BotonCrear'
 import SelectMarca from '@/components/selects/SelectMarca'
-import SelectModulo from '@/components/selects/SelectModulo'
 import SelectModelo from '@/components/selects/SelectModelo'
+import SelectModulo from '@/components/selects/SelectModulo'
 import SelectTipoCarrito from '@/components/selects/SelectTipoCarrito'
 
 export default {

components/tablaBuscador/TablaBuscadorCarrito.vue

@@ -2,8 +2,9 @@
   <div>
     <h3 class="is-size-4 mb-3">Todos los carritos</h3>
 
-    <div class="columns mb-5 is-align-items-flex-end">
+    <div class="columns is-multiline mb-5 is-align-items-flex-end">
       <SelectInstitucion
+        columnSize="is-3"
         :idInstitucionPadre="idInstitucion"
         @institucion-seleccionada="
           (nuevaInstitucion) => (idInstitucion = nuevaInstitucion)
@@ -24,6 +25,7 @@
       />
 
       <SelectTipoCarrito
+        columnSize="is-3"
         :deshabilitarOptVacia="false"
         :idTipoCarritoPadre="idTipoCarrito"
         @tipo-carrito-seleccionado="
@@ -31,7 +33,21 @@
         "
       />
 
-      <b-field class="column mb-0 pb-0" label="Carrito">
+      <SelectMarca
+        columnSize="is-3"
+        tipo="c"
+        :idMarcaPadre="idMarca"
+        @marca-seleccionada="(nuevaMarca) => (idMarca = nuevaMarca)"
+      />
+
+      <SelectModelo
+        columnSize="is-3"
+        tipo="c"
+        :idModeloPadre="idModelo"
+        @modelo-seleccionado="(nuevoModelo) => (idModelo = nuevoModelo)"
+      />
+
+      <b-field class="column is-3 mb-0 pb-0" label="Carrito">
         <b-input
           icon="account"
           placeholder="Carrito"
@@ -42,7 +58,11 @@
         />
       </b-field>
 
-      <BotonBuscar :buscar="obtenerCarritos" :disabled="false" />
+      <BotonBuscar
+        columnSize="is-3"
+        :buscar="obtenerCarritos"
+        :disabled="false"
+      />
     </div>
 
     <TablaCarritos
@@ -61,6 +81,8 @@
 <script>
 import axios from 'axios'
 import BotonBuscar from '@/components/botones/BotonBuscar'
+import SelectMarca from '@/components/selects/SelectMarca'
+import SelectModelo from '@/components/selects/SelectModelo'
 import SelectInstitucion from '@/components/selects/SelectInstitucion'
 import SelectModulo from '@/components/selects/SelectModulo'
 import SelectTipoCarrito from '@/components/selects/SelectTipoCarrito'
@@ -70,6 +92,8 @@ export default {
   components: {
     BotonBuscar,
     SelectInstitucion,
+    SelectMarca,
+    SelectModelo,
     SelectModulo,
     SelectTipoCarrito,
     TablaCarritos,
@@ -84,6 +108,8 @@ export default {
       carritos: [],
       isLoadingTable: false,
       idInstitucion: 0,
+      idMarca: 0,
+      idModelo: 0,
       idModulo: 0,
       idTipoCarrito: 0,
       page: 1,
@@ -98,12 +124,14 @@ export default {
 
       this.isLoadingTable = true
       if (
+        this.carrito != this.lastSearch.carrito ||
         (this.operador.tipoUsuario.id_tipo_usuario === 3 &&
           this.operador.institucion.id_institucion !=
             this.lastSearch.idInstitucion) ||
         (this.operador.tipoUsuario.id_tipo_usuario === 2 &&
           this.idInstitucion != this.lastSearch.idInstitucion) ||
-        this.carrito != this.lastSearch.carrito ||
+        this.idMarca != this.lastSearch.idMarca ||
+        this.idModelo != this.lastSearch.idModelo ||
         this.idModulo != this.lastSearch.idModulo ||
         this.idTipoCarrito != this.lastSearch.idTipoCarrito
       ) {
@@ -113,15 +141,19 @@ export default {
           this.lastSearch.idInstitucion = this.operador.institucion.id_institucion
         else if (this.idInstitucion)
           this.lastSearch.idInstitucion = this.idInstitucion
+        this.lastSearch.idMarca = this.idMarca
+        this.lastSearch.idModelo = this.idModelo
         this.lastSearch.idModulo = this.idModulo
         this.lastSearch.idTipoCarrito = this.idTipoCarrito
       }
+      if (this.carrito) data += `&carrito=${this.carrito}`
       if (this.operador.institucion.id_institucion)
         data += `&id_institucion=${this.operador.institucion.id_institucion}`
       else if (this.idInstitucion)
         data += `&id_institucion=${this.idInstitucion}`
+      if (this.idMarca) data += `&id_marca=${this.idMarca}`
+      if (this.idModelo) data += `&id_modelo=${this.idModelo}`
       if (this.idModulo) data += `&id_modulo=${this.idModulo}`
-      if (this.carrito) data += `&carrito=${this.carrito}`
       if (this.idTipoCarrito) data += `&id_tipo_carrito=${this.idTipoCarrito}`
       axios
         .get(