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

Definido pedidos main con containers de categorias, productos, chismosa, etc

Browse source
This commit is contained in:
Alejandro Tasistro 2025-06-19 22:51:47 -03:00
parent 6501e76507
commit 07a71098f4
2 changed files with 45 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

41
resources/js/components/pedidos/PedidosMain.vue Normal file
View file

@ -0,0 +1,41 @@
<script>
import { defineComponent } from "vue";
import Canasta from "./Canasta.vue";
import Chismosa from "./Chismosa.vue";
import CartelPedidoAprobado from "./CartelPedidoAprobado.vue";
import NavMigas from "./NavMigas.vue";
import { mapActions, mapState } from "vuex";
export default defineComponent({
name: "PedidosMain",
components: { NavMigas, CartelPedidoAprobado, Chismosa, Canasta },
computed: {
...mapState('ui', ["show_chismosa"]),
},
methods: {
...mapActions('productos', ["init"]),
},
async mounted() {
await this.init();
}
})
</script>
<template>
<div>
<nav-migas/>
<div class="columns">
<div class="column" :class="{ 'is-two-thirds-desktop is-hidden-touch': show_chismosa }">
<cartel-pedido-aprobado/>
<canasta/>
</div>
<div class="column is-full-touch" v-if="show_chismosa">
<chismosa/>
</div>
</div>
</div>
</template>
<style scoped>
</style>