listo select marca

components/crear/CrearCarrito.vue

@@ -27,17 +27,14 @@
 
         <SelectModelo
           tipo="c"
-          :modeloPadre="modelo"
-          @modelo-seleccionado="(nuevoModelo) => (modelo = nuevoModelo)"
+          :idModeloPadre="idModelo"
+          @modelo-seleccionado="(nuevoModelo) => (idModelo = nuevoModelo)"
         />
 
         <BotonCrear
           columnSize="is-3"
           :disabled="
-            !idMarca ||
-            !modelo.id_modelo ||
-            !idModulo ||
-            !tipoCarrito.id_tipo_carrito
+            !idMarca || !idModelo || !idModulo || !tipoCarrito.id_tipo_carrito
           "
           :crear="warning"
         />
@@ -70,7 +67,7 @@ export default {
   data() {
     return {
       idMarca: 0,
-      modelo: {},
+      idModelo: 0,
       idModulo: 0,
       tipoCarrito: {},
     }
@@ -79,7 +76,7 @@ export default {
     crearCarrito() {
       const data = {
         marca: 'this.idMarca',
-        modelo: this.modelo.modelo,
+        modelo: 'this.idModelo',
         id_modulo: this.idModulo,
         id_tipo_carrito: this.tipoCarrito.id_tipo_carrito,
       }
@@ -89,7 +86,7 @@ export default {
         .post(`${process.env.api}/carrito`, data, this.$getToken.token())
         .then((res) => {
           this.idMarca = 0
-          this.modelo = {}
+          this.idModelo = 0
           this.idmodulo = 0
           this.tipoCarrito = {}
           this.updateActualizarTabla(true)
@@ -104,7 +101,7 @@ export default {
     warning() {
       if (
         this.idMarca ||
-        this.modelo.id_modelo ||
+        this.idModelo ||
         this.idModulo ||
         this.tipoCarrito.id_tipo_carrito
       )

components/selects/SelectMarca.vue

@@ -56,7 +56,7 @@ export default {
   },
   watch: {
     idMarca(marcaSeleccionada) {
-      if (marcaSeleccionada) this.$emit('marca-seleccionada', marcaSeleccionada)
+      this.$emit('marca-seleccionada', marcaSeleccionada)
     },
     idMarcaPadre(nuevaMarca) {
       this.idMarca = nuevaMarca

components/selects/SelectModelo.vue

@@ -3,15 +3,15 @@
     <b-select
       icon="store"
       :loading="isLoadingSelect"
-      v-model="modelo"
+      v-model="idModelo"
       expanded
       rounded
     >
-      <option :disabled="deshabilitarOptVacia" :value="null">
+      <option :disabled="deshabilitarOptVacia" :value="0">
         Selecciona una opción
       </option>
 
-      <option v-for="(m, index) in modelos" :key="index" :value="m">
+      <option v-for="(m, index) in modelos" :key="index" :value="m.id_modelo">
         {{ m.modelo }}
       </option>
     </b-select>
@@ -24,7 +24,7 @@ import axios from 'axios'
 export default {
   props: {
     deshabilitarOptVacia: { typeof: Boolean, required: false, default: true },
-    modeloPadre: { type: Object, required: true, default: () => ({}) },
+    idModeloPadre: { type: Number, required: true, default: 0 },
     columnSize: { typeof: String, required: false, default: '' },
     tipo: { typeof: String, required: true, default: '' },
   },
@@ -32,7 +32,7 @@ export default {
     return {
       modelos: [],
       isLoadingSelect: false,
-      modelo: null,
+      idModelo: 0,
     }
   },
   methods: {
@@ -55,12 +55,11 @@ export default {
     },
   },
   watch: {
-    modelo(modeloSeleccionado) {
-      if (modeloSeleccionado)
-        this.$emit('modelo-seleccionado', modeloSeleccionado)
+    idModelo(modeloSeleccionado) {
+      this.$emit('modelo-seleccionado', modeloSeleccionado)
     },
-    modeloPadre(nuevoModelo) {
-      if (this.$funcionesGlobales.objIsEmpty(nuevoModelo)) this.modelo = null
+    idModeloPadre(nuevoModelo) {
+      this.idModelo = nuevoModelo
     },
   },
   created() {