Layout de columnas para que el cartel de pedido aprobado no desplace la chismosa
This commit is contained in:
parent
802d4d0c0b
commit
973d099bf1
1 changed files with 19 additions and 8 deletions
|
@ -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();
|
||||
|
|
Loading…
Add table
Reference in a new issue