pcpuma_unam_operador/components/informacion/InformacionCarrito.vue

<template>
  <div class="column is-8">
    <h3 class="is-size-4 mb-4">Datos del carrito</h3>

    <div class="columns">
      <div class="column">
        <b-field label="Carrito">
          <p class="input">{{ carrito.carrito }}</p>
        </b-field>

        <b-field label="Tipo de carrito">
          <p class="input">{{ carrito.tipoCarrito.tipo_carrito }}</p>
        </b-field>

        <b-field label="Módulo">
          <p class="input">{{ carrito.modulo.modulo }}</p>
        </b-field>
      </div>

      <div class="column">
        <b-field label="Marca">
          <p class="input">{{ carrito.marca ? carrito.marca.marca : '' }}</p>
        </b-field>

        <b-field label="Modelo">
          <p class="input">{{ carrito.modelo ? carrito.modelo.modelo : '' }}</p>
        </b-field>
      </div>
    </div>
  </div>
</template>

<script>
import BotonDesactivar from '@/components/botones/BotonDesactivar'

export default {
  components: { BotonDesactivar },
  props: {
    buscar: { type: Function, required: true },
    updateIsLoading: { type: Function, required: true },
    carrito: { type: Object, required: true },
    operador: { type: Object, required: true },
  },
  methods: {
    activarDesactivar() {
      const data = {
        id_carrito: this.carrito.id_carrito,
        activo: !this.carrito.activo,
      }

      this.updateIsLoading(true)
      axios
        .put(`${process.env.api}/carrito`, data, this.$getToken.token())
        .then((res) => {
          this.buscar()
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
        })
        .catch((err) => {
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
        })
    },
  },
}
</script>