tag del carrito

components/operador/TablaCarritosTodos.vue

@@ -59,7 +59,9 @@
       </b-table-column>
 
       <b-table-column field="tipo" label="Tipo" v-slot="props" centered>
-        <span>{{ props.row.activo }}</span>
+        <span class="is-size-6 tag" :class="choooseTag(props.row.activo)">{{
+          props.row.activo ? 'Activo' : 'Inactivo'
+        }}</span>
       </b-table-column>
 
       <template #detail="props">
@@ -96,6 +98,13 @@ export default {
     }
   },
   methods: {
+    choooseTag(activo) {
+      const style = {
+        false: 'is-danger',
+        true: 'is-success',
+      }
+      return style[activo]
+    },
     obtenerCarritos() {
       let id_tipo_carrito = ''
       if (this.idTipoCarrito != 0)