Agregada canasta a body de admin, para faltantes y sobrantes

resources/js/components/admin/Body.vue

@@ -1,5 +1,7 @@
 <template>
-    <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
+    <div>
+        <canasta v-if="show_faltantes_y_sobrantes"/>
+        <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop" v-else>
             <tabs-secciones :tabs="tabs" :tabInicial="tabActiva"/>
             <div class="block" id="pedidos-seccion"
                 :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
@@ -24,6 +26,7 @@
                 <caracteristicas-opcionales/>
             </div>
         </div>
+    </div>
 </template>
 
 <script>
@@ -31,10 +34,12 @@ import CaracteristicasOpcionales from "./CaracteristicasOpcionales.vue";
 import TabsSecciones from "../comunes/TabsSecciones.vue";
 import DropdownDescargar from "./DropdownDescargar.vue";
 import TablaPedidos from "./TablaPedidos.vue";
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapMutations, mapState } from "vuex";
+import Canasta from "../pedidos/Canasta.vue";
 export default {
     name: "AdminBody",
     components: {
+        Canasta,
         CaracteristicasOpcionales,
         TabsSecciones,
         DropdownDescargar,
@@ -50,17 +55,16 @@ export default {
     },
     computed: {
         ...mapGetters('admin', ['hayPedidos']),
+        ...mapState('ui', ['show_faltantes_y_sobrantes'])
     },
     methods: {
-        ...mapActions('admin', ['getGrupoDeCompra']),
+        ...mapActions('admin', ['getGrupoDeCompra', 'abrirFaltantesYSobrantes']),
         ...mapActions('ui', ['toast']),
+        ...mapMutations('ui', ['toggleFaltantesYSobrantes']),
         setSeccionActiva(tabId) {
             this.tabActiva = tabId;
             this.seccionActiva = tabId + "-seccion";
         },
-        abrirFaltantesYSobrantes() {
-            this.toast({ mensaje: 'Tamos implementando' });
-        }
     },
     async mounted() {
         await this.getGrupoDeCompra();