pedi2/resources/js/components/pedidos/Body.vue

40 lines
1.1 KiB
Vue

<template>
<div id="pedidos-body">
<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, 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: { Chismosa, NavMigas, CartelPedidoAprobado, PedidoSelect, Canasta },
computed: {
...mapGetters('pedido', ["pedidoDefinido"]),
...mapState('ui', ["show_chismosa"]),
},
methods: {
...mapActions('productos', ["init"]),
},
async mounted() {
await this.init();
}
}
</script>