nathalie/pedi2
3
3
Fork 1
Code Issues Pull requests 1 Projects Releases Wiki Activity

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

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-27 19:19:23 -03:00
parent 802d4d0c0b
commit 973d099bf1
1 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
resources/js/components/pedidos/Body.vue
View file

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