Layout de columnas para que el cartel de pedido aprobado no desplace la chismosa

This commit is contained in:
Alejandro Tasistro 2025-05-27 19:19:23 -03:00
parent 802d4d0c0b
commit 973d099bf1

View file

@ -1,26 +1,37 @@
<template>
<div id="pedidos-body">
<nav-migas></nav-migas>
<cartel-pedido-aprobado></cartel-pedido-aprobado>
<pedido-select v-if="!pedidoDefinido"></pedido-select>
<canasta v-else></canasta>
<pedido-select v-if="!pedidoDefinido"/>
<div v-else>
<nav-migas/>
<div class="columns">
<div class="column" :class="{ 'is-two-thirds': show_chismosa }">
<cartel-pedido-aprobado/>
<canasta/>
</div>
<div class="column" v-if="show_chismosa">
<chismosa/>
</div>
</div>
</div>
</div>
</template>
<script>
import { mapActions, mapGetters } from "vuex";
import { mapActions, mapGetters, mapState } from "vuex";
import CartelPedidoAprobado from "./CartelPedidoAprobado.vue";
import PedidoSelect from "./PedidoSelect.vue";
import Canasta from "./Canasta.vue";
import NavMigas from "./NavMigas.vue";
import Chismosa from "./Chismosa.vue";
export default {
components: { NavMigas, CartelPedidoAprobado, PedidoSelect, Canasta },
components: { Chismosa, NavMigas, CartelPedidoAprobado, PedidoSelect, Canasta },
computed: {
...mapGetters('pedido',["pedidoDefinido"]),
...mapGetters('pedido', ["pedidoDefinido"]),
...mapState('ui', ["show_chismosa"]),
},
methods: {
...mapActions('productos',["init"]),
...mapActions('productos', ["init"]),
},
async mounted() {
await this.init();