select de marca

components/operador/CrearCarrito.vue

@@ -44,21 +44,17 @@
         </b-select>
       </b-field>
 
-      <b-field class="column mb-0 pb-0" label="Marca">
-        <b-input
-          type="text"
-          icon="monitor-share"
-          placeholder="Marca"
-          v-model="marca"
-          rounded
-          @keyup.enter.native="
-            $alertsGenericos.imprimirWarning(
-              $buefy,
-              '¿Esta segur@ de querer crear este módulo?',
-              crearCarrito
-            )
-          "
-        />
+      <b-field class="column mb-0 pb-0" field="modelo" label="Modelo">
+        <b-select v-model="modelo" icon="monitor-share" rounded expanded>
+          <option disabled :value="null">Marca</option>
+          <option
+            v-for="(marca, index) in marcas"
+            :value="marca.marca"
+            :key="index"
+          >
+            {{ marca.marca }}
+          </option>
+        </b-select>
       </b-field>
 
       <b-button
@@ -72,7 +68,7 @@
             crearCarrito
           )
         "
-        :disabled="!(idModulo && idTipoCarrito)"
+        :disabled="!(idModulo && idTipoCarrito && modelo && marca)"
         expanded
         rounded
       />
@@ -96,7 +92,8 @@ export default {
       idTipoCarrito: null,
       modelos: [],
       modelo: null,
-      marca: '',
+      marcas: [],
+      marca: null,
     }
   },
   methods: {
@@ -161,11 +158,22 @@ export default {
           this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
         })
     },
+    obtenerCatalogoMarca() {
+      axios
+        .get(`${process.env.api}/marca?tipo=c`, this.$getToken.token())
+        .then((res) => {
+          this.marcas = res.data
+        })
+        .catch((err) => {
+          this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
+        })
+    },
   },
   created() {
     this.obtenerCatalogoModulo()
     this.obtenerCatalogoTiposCarritos()
     this.obtenerCatalogoModelo()
+    this.obtenerCatalogoMarca()
   },
 }
 </script>