Agregado botón para faltantes y sobrantes

resources/js/components/admin/Body.vue

@@ -4,7 +4,15 @@
         <div class="block" id="pedidos-seccion"
             :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
             <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-if="hayPedidos">
-                <dropdown-descargar/>
+                <div class="is-flex is-justify-content-space-between mb-3">
+                    <button class="button is-danger" @click="abrirFaltantesYSobrantes">
+                        <span class="icon">
+                            <i class="fa fa-refresh"></i>
+                        </span>
+                        <span>Faltantes y Sobrantes</span>
+                    </button>
+                    <dropdown-descargar/>
+                </div>
                 <tabla-pedidos/>
             </div>
             <p class="has-text-centered" v-else>
@@ -45,10 +53,14 @@ export default {
     },
     methods: {
         ...mapActions('admin', ['getGrupoDeCompra']),
+        ...mapActions('ui', ['toast']),
         setSeccionActiva(tabId) {
             this.tabActiva = tabId;
             this.seccionActiva = tabId + "-seccion";
         },
+        abrirFaltantesYSobrantes() {
+            this.toast({ mensaje: 'Tamos implementando' });
+        }
     },
     async mounted() {
         await this.getGrupoDeCompra();