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

Compare commits

base: nathalie:fbae6770df3a9e06faefd9de13459500320ad48c
Branches Tags
nathalie:master
nathalie:funcion/pedido-ollas
nathalie:funcion/actualizaciones
nathalie:backup-90
..
compare: nathalie:1204a80b3ca8d2a9258255e6a18b78abb0d23825
Branches Tags
nathalie:funcion/pedido-ollas
nathalie:funcion/actualizaciones
nathalie:master
nathalie:backup-90

No commits in common. "fbae6770df3a9e06faefd9de13459500320ad48c" and "1204a80b3ca8d2a9258255e6a18b78abb0d23825" have entirely different histories.
fbae6770df ... 1204a80b3c

7 changed files with 95 additions and 119 deletions
Show stats Expand all files Collapse all files

1
resources/js/app.js vendored
View file

@ -111,7 +111,6 @@ const app = new Vue({
}).then((response) => { }).then((response) => {
this.pedido = response.data.data this.pedido = response.data.data
this.$toast('Pedido actualizado exitosamente') this.$toast('Pedido actualizado exitosamente')
Event.$emit("pedido-actualizado");
}); });
}); });
// Actualizar monto y notas de devoluciones // Actualizar monto y notas de devoluciones

2
resources/js/components/CategoriasContainer.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div v-show="visible" class="column"> <div v-show="visible" class="block ml-3 mr-3">
<div class="columns is-multiline is-mobile"> <div class="columns is-multiline is-mobile">
<div v-for="(categoria,i) in categorias" :key="i" class="block column is-one-quarter-desktop is-one-third-tablet is-half-mobile"> <div v-for="(categoria,i) in categorias" :key="i" class="block column is-one-quarter-desktop is-one-third-tablet is-half-mobile">
<div @click.capture="seleccionarCategoria(categoria)" class="card" style="height:100%" > <div @click.capture="seleccionarCategoria(categoria)" class="card" style="height:100%" >

141
resources/js/components/Chismosa.vue
View file

@ -1,103 +1,82 @@
<template> <template>
<div class="column is-one-third full-height"> <div>
<div class="fixed-right"> <table v-show="productos.length != 0" class="chismosa-tabla table is-narrow is-striped is-bordered">
<table v-show="mostrar_tabla" class="table is-striped is-bordered tabla-chismosa"> <thead>
<thead> <tr>
<tr> <th>Producto</th>
<th>Producto</th> <th><abbr title="Cantidad">C</abbr></th>
<th><abbr title="Cantidad">C</abbr></th> <th><abbr title="Precio Total">$</abbr></th>
<th><abbr title="Precio Total">$</abbr></th> <th></th>
<th></th> <th><abbr title="Eliminar"></abbr></th>
<th><abbr title="Eliminar"></abbr></th> </tr>
</tr> </thead>
</thead> <tfoot>
<tfoot> <tr>
<tr> <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
<th><abbr title="Bonos de Transporte">B. Transporte</abbr></th> <th class="has-text-right">{{ cantidadBonosDeTransporte }}</th>
<th class="has-text-right">{{ cantidadBonosDeTransporte() }}</th> <th class="has-text-right">{{ totalBonosDeTransporte }}</th>
<th class="has-text-right">{{ totalBonosDeTransporte() }}</th> <th></th>
<th></th> <th></th>
<th></th> </tr>
</tr> <tr v-if="this.$root.devoluciones">
<tr v-if="this.$root.devoluciones"> <th><p>Devoluciones</p></th>
<th><p>Devoluciones</p></th> <td><p :title="this.$root.pedido.devoluciones_notas">...</p></td>
<td><p :title="notasDevoluciones()">...</p></td> <th class="has-text-right">-{{ this.$root.pedido.devoluciones_total }}</th>
<th class="has-text-right">-{{ devoluciones() }}</th> <th>
<th> <button @click.capture="modificarDevoluciones()" class="button is-warning">
<button @click.capture="modificarDevoluciones()" class="button is-warning"> <span class="icon">
<span class="icon"> <i class="fas fa-edit"></i>
<i class="fas fa-edit"></i> </span>
</span> </button>
</button> </th>
</th> <th></th>
<th></th> </tr>
</tr> <tr>
<tr> <th>Total total</th>
<th>Total total</th> <th></th>
<th></th> <th class="has-text-right">{{ total }}</th>
<th class="has-text-right">{{ total() }}</th> <th></th>
<th></th> <th></th>
<th></th> </tr>
</tr> </tfoot>
</tfoot> <tbody>
<tbody> <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
<producto-row v-for="producto in productos()" :producto="producto" :key="producto.id"></producto-row> </tbody>
</tbody> </table>
</table> <p class="has-text-centered" v-show="productos.length == 0">
<p class="has-text-centered" v-show="!mostrar_tabla"> Compa, todavía no agregaste nada a la chismosa.
Compa, todavía no agregaste nada a la chismosa. </p>
</p>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { computed: {
return {
mostrar_tabla: false,
}
},
mounted() {
Event.$on('pedido-actualizado', this.pedidoActualizado);
Event.$on('toggle-chismosa', this.pedidoActualizado);
},
methods: {
pedidoActualizado: function() {
this.mostrar_tabla = this.$root.productos.length > 0;
},
total: function() {
return this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total)
},
productos: function() { productos: function() {
return this.$root.productos return this.$root.productos
}, },
modificarDevoluciones: function() {
Event.$emit("modificar-devoluciones");
},
cantidadBonosDeTransporte: function() { cantidadBonosDeTransporte: function() {
return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte) / 15 return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte) / 15
}, },
totalBonosDeTransporte: function() { totalBonosDeTransporte: function() {
return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte) return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte)
}, },
devoluciones: function() { total: function() {
return this.$root.pedido.devoluciones_total; return this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total)
}, }
notasDevoluciones: function() {
return this.$root.pedido.devoluciones_notas;
},
}, },
methods: {
modificarDevoluciones: function() {
Event.$emit("modificar-devoluciones");
},
}
} }
</script> </script>
<style> <style>
.tabla-chismosa { @media (max-width: 719px) {
width: 100%; .chismosa-tabla {
} max-width: 80vw;
.fixed-right {
position: fixed;
overflow-y: auto;
max-height: 88vh;
} }
}
</style> </style>

30
resources/js/components/ChismosaDropdown.vue
View file

@ -8,6 +8,13 @@
<span v-text="'$' + this.$limpiarInt($root.devoluciones ? $root.pedido.total_menos_devoluciones : $root.pedido.total)"></span> <span v-text="'$' + this.$limpiarInt($root.devoluciones ? $root.pedido.total_menos_devoluciones : $root.pedido.total)"></span>
</a> </a>
</div> </div>
<div class="dropdown-menu chismosa-menu" :id="id" role="menu">
<div class="dropdown-content">
<div class="dropdown-item">
<chismosa></chismosa>
</div>
</div>
</div>
</div> </div>
</template> </template>
@ -30,9 +37,28 @@ export default {
}, },
methods: { methods: {
toggle() { toggle() {
this.activa = !this.activa; this.activa = !this.activa
Event.$emit("toggle-chismosa", this.activa);
}, },
}, },
} }
</script> </script>
<style>
@media (max-width: 719px) {
.chismosa-menu {
vertical-align: top;
overflow-y: auto;
max-height: 75vh;
max-width: 100vw;
}
}
@media (min-width: 720px) {
.chismosa-menu {
vertical-align: top;
overflow-y: auto;
max-height: 75vh;
}
}
</style>

31
resources/js/components/PedidoBody.vue
View file

@ -1,31 +0,0 @@
<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>
</template>
<script>
import Chismosa from './Chismosa.vue';
import ProductosContainer from './ProductosContainer.vue';
import CategoriasContainer from './CategoriasContainer.vue';
export default {
componets: {
Chismosa,
ProductosContainer,
CategoriasContainer,
},
data() {
return {
chismosaActiva: false,
}
},
mounted() {
Event.$on('toggle-chismosa', (activa) => {
this.chismosaActiva = activa;
});
},
}
</script>

2
resources/js/components/ProductosContainer.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div v-show="visible" class="column"> <div v-show="visible" class="block ml-6 mr-6">
<div class="columns is-multiline is-mobile"> <div class="columns is-multiline is-mobile">
<producto-card v-for="(producto,i) in productos" :key="i" :producto="producto"> <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
</producto-card><!-- END BLOCK COLUMN --> </producto-card><!-- END BLOCK COLUMN -->

5
resources/views/productos.blade.php
View file

@ -1,6 +1,9 @@
@extends('layouts.app') @extends('layouts.app')
@section('content') @section('content')
<pedido-body></pedido-body> <chismosa></chismosa>
<categorias-container></categorias-container>
<productos-container></productos-container>
<producto-modal></producto-modal>
<devoluciones-modal></devoluciones-modal> <devoluciones-modal></devoluciones-modal>
@endsection @endsection