Agregada canasta a body de admin, para faltantes y sobrantes

This commit is contained in:
Alejandro Tasistro 2025-09-13 19:13:21 -03:00
parent e8b5936233
commit 97fb03f299

View file

@ -1,27 +1,30 @@
<template> <template>
<div class="block ml-3 mr-3 is-max-widescreen is-max-desktop"> <div>
<tabs-secciones :tabs="tabs" :tabInicial="tabActiva"/> <canasta v-if="show_faltantes_y_sobrantes"/>
<div class="block" id="pedidos-seccion" <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop" v-else>
:class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'"> <tabs-secciones :tabs="tabs" :tabInicial="tabActiva"/>
<div class="block pb-6" id="pedidos-tabla-y-dropdown" v-if="hayPedidos"> <div class="block" id="pedidos-seccion"
<div class="is-flex is-justify-content-space-between mb-3"> :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
<button class="button is-danger" @click="abrirFaltantesYSobrantes"> <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-if="hayPedidos">
<span class="icon"> <div class="is-flex is-justify-content-space-between mb-3">
<i class="fa fa-refresh"></i> <button class="button is-danger" @click="abrirFaltantesYSobrantes">
</span> <span class="icon">
<span>Faltantes y Sobrantes</span> <i class="fa fa-refresh"></i>
</button> </span>
<dropdown-descargar/> <span>Faltantes y Sobrantes</span>
</button>
<dropdown-descargar/>
</div>
<tabla-pedidos/>
</div> </div>
<tabla-pedidos/> <p class="has-text-centered" v-else>
Todavía no hay ningún pedido para administrar.
</p>
</div>
<div class="block pb-6" id="caracteristicas-seccion"
:class="seccionActiva === 'caracteristicas-seccion' ? 'is-active' : 'is-hidden'">
<caracteristicas-opcionales/>
</div> </div>
<p class="has-text-centered" v-else>
Todavía no hay ningún pedido para administrar.
</p>
</div>
<div class="block pb-6" id="caracteristicas-seccion"
:class="seccionActiva === 'caracteristicas-seccion' ? 'is-active' : 'is-hidden'">
<caracteristicas-opcionales/>
</div> </div>
</div> </div>
</template> </template>
@ -31,10 +34,12 @@ import CaracteristicasOpcionales from "./CaracteristicasOpcionales.vue";
import TabsSecciones from "../comunes/TabsSecciones.vue"; import TabsSecciones from "../comunes/TabsSecciones.vue";
import DropdownDescargar from "./DropdownDescargar.vue"; import DropdownDescargar from "./DropdownDescargar.vue";
import TablaPedidos from "./TablaPedidos.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 { export default {
name: "AdminBody", name: "AdminBody",
components: { components: {
Canasta,
CaracteristicasOpcionales, CaracteristicasOpcionales,
TabsSecciones, TabsSecciones,
DropdownDescargar, DropdownDescargar,
@ -50,17 +55,16 @@ export default {
}, },
computed: { computed: {
...mapGetters('admin', ['hayPedidos']), ...mapGetters('admin', ['hayPedidos']),
...mapState('ui', ['show_faltantes_y_sobrantes'])
}, },
methods: { methods: {
...mapActions('admin', ['getGrupoDeCompra']), ...mapActions('admin', ['getGrupoDeCompra', 'abrirFaltantesYSobrantes']),
...mapActions('ui', ['toast']), ...mapActions('ui', ['toast']),
...mapMutations('ui', ['toggleFaltantesYSobrantes']),
setSeccionActiva(tabId) { setSeccionActiva(tabId) {
this.tabActiva = tabId; this.tabActiva = tabId;
this.seccionActiva = tabId + "-seccion"; this.seccionActiva = tabId + "-seccion";
}, },
abrirFaltantesYSobrantes() {
this.toast({ mensaje: 'Tamos implementando' });
}
}, },
async mounted() { async mounted() {
await this.getGrupoDeCompra(); await this.getGrupoDeCompra();