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

Agregados componentes para ordenar el flujo de la aplicación + usandolo en la view + cambios en la store pedido por evitar redireccion

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-22 21:06:55 -03:00
parent 1a8f9eda18
commit 154e21fae6
7 changed files with 108 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
resources/js/components/AppMain.vue Normal file
View file

@ -0,0 +1,30 @@
<script>
import NavBar from "./comunes/NavBar.vue";
import { mapActions, mapState } from "vuex";
export default {
name: 'Main',
components: { NavBar },
computed: {
...mapState('login',["rol"]),
},
methods: {
...mapActions('login',["getRol"]),
},
async mounted() {
await this.getRol();
},
}
</script>
<template>
<div id="main">
<nav-bar></nav-bar>
<pedidos-body v-if="rol === 'barrio'"></pedidos-body>
<admin-body v-if="rol === 'admin_barrio'"></admin-body>
<compras-body v-if="rol === 'comision'"></compras-body>
</div>
</template>
<style scoped>
</style>

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

@ -1,36 +1,19 @@
<template>
<div class="columns ml-3 mr-3">
<categorias-container :class="chismosaActiva ? 'hide-below-1024' : ''"></categorias-container>
<productos-container :class="chismosaActiva ? 'hide-below-1024' : ''"></productos-container>
<chismosa v-show="chismosaActiva"></chismosa>
<div id="pedidos-body">
<pedido-select-section v-if="!pedidoDefinido"></pedido-select-section>
<productos v-else></productos>
</div>
</template>
<script>
import { mapActions } from "vuex";
import Chismosa from "./Chismosa.vue";
import ProductosContainer from "./ProductosContainer.vue";
import CategoriasContainer from "./CategoriasContainer.vue";
import { mapGetters } from "vuex";
import PedidoSelectSection from "./PedidoSelectSection.vue";
import Productos from "./Productos.vue";
export default {
components: { CategoriasContainer, ProductosContainer, Chismosa },
data() {
return {
chismosaActiva: false,
}
},
methods: {
...mapActions('productos',["init"]),
...mapActions('pedido',["getPedido"]),
...mapActions('barrio',["getGrupoDeCompra"]),
},
async mounted() {
await this.init();
await this.getGrupoDeCompra();
await this.getPedido();
Event.$on('toggle-chismosa', (activa) => {
this.chismosaActiva = activa;
});
components: { Productos, PedidoSelectSection },
computed: {
...mapGetters('pedido',["pedidoDefinido"]),
},
}
</script>

26
resources/js/components/pedidos/PedidoSelectSection.vue Normal file
View file

@ -0,0 +1,26 @@
<script>
import { defineComponent } from "vue";
import SubpedidoSelect from "./SubpedidoSelect.vue";
import { mapGetters } from "vuex";
export default defineComponent({
components: { SubpedidoSelect },
})
</script>
<template>
<section class="section">
<div id="root" class="container">
<h1 class="title">
Pedidos MPS
</h1>
<p class="subtitle">
Bienvenidx a la aplicación de pedidos del <strong>Mercado Popular de Subsistencia</strong>
</p>
<subpedido-select></subpedido-select>
</div>
</section>
</template>
<style scoped>
</style>

38
resources/js/components/pedidos/Productos.vue Normal file
View file

@ -0,0 +1,38 @@
<script >
import CategoriasContainer from "./CategoriasContainer.vue";
import ProductosContainer from "./ProductosContainer.vue";
import Chismosa from "./Chismosa.vue";
import { defineComponent } from "vue";
import SubpedidoSelect from "./SubpedidoSelect.vue";
import { mapActions } from "vuex";
export default defineComponent({
components: { SubpedidoSelect, CategoriasContainer, ProductosContainer, Chismosa },
data() {
return {
chismosaActiva: false,
}
},
methods: {
...mapActions('productos',["init"]),
},
async mounted() {
await this.init();
Event.$on('toggle-chismosa', (activa) => {
this.chismosaActiva = activa;
});
},
})
</script>
<template>
<div class="columns ml-3 mr-3" v-else>
<categorias-container :class="chismosaActiva ? 'hide-below-1024' : ''"></categorias-container>
<productos-container :class="chismosaActiva ? 'hide-below-1024' : ''"></productos-container>
<chismosa v-show="chismosaActiva"></chismosa>
</div>
</template>
<style scoped>
</style>

3
resources/js/components/pedidos/SubpedidoSelect.vue
View file

@ -74,14 +74,13 @@ export default {
this.guardarSubpedidoEnSesion(subpedido);
},
guardarSubpedidoEnSesion(subpedido) {
console.log(`select: ${JSON.stringify(subpedido)}`);
this.elegirPedido({ pedido: subpedido });
axios.post("/subpedidos/guardar_sesion", {
subpedido: subpedido,
grupo_de_compra_id: this.grupo_de_compra_id
}).then(_ => {
Event.$emit('obtener-sesion')
});
this.elegirPedido({ pedido: subpedido });
}
}
}

4
resources/js/store/modules/pedido.js vendored
View file

@ -45,7 +45,9 @@ const actions = {
},
async elegirPedido({ commit }, { pedido }) {
await axios.post("/subpedidos/sesion", { id: pedido.id, });
window.location.href = 'productos';
const response = await axios.get(`/api/subpedidos/${pedido.id}`);
commit('setState', response.data.data);
// window.location.href = 'productos';
},
async modificarChismosa({ commit }, producto_id, cantidad, notas) {},
async modificarDevoluciones({ commit }, monto, notas) {}

12
resources/views/subpedidos_create.blade.php
View file

@ -1,17 +1,7 @@
@extends('layouts.app')
@section('content')
<section class="section">
<div id="root" class="container">
<h1 class="title">
Pedidos MPS
</h1>
<p class="subtitle">
Bienvenidx a la aplicación de pedidos del <strong>Mercado Popular de Subsistencia</strong>
</p>
<pedidos-subpedido-select></pedidos-subpedido-select>
</div>
</section>
<app-main></app-main>
@endsection
@section('scripts')