Arreglé todos los errores al inicio
This commit is contained in:
Rodrigo
parent
6fc7021317
commit
b845637064
|
|
@ -91,6 +91,7 @@ const app = new Vue({
|
|||
axios.get('/api/subpedidos/' + this.pedido)
|
||||
.then(response => {
|
||||
this.pedido = response.data.data;
|
||||
Event.$emit("pedido-actualizado");
|
||||
});
|
||||
} else {
|
||||
axios.get('/admin/obtener_sesion')
|
||||
|
|
|
|||
|
|
@ -1,10 +1,31 @@
|
|||
<template>
|
||||
<div v-show="this.$root.pedido.aprobado" class="notification is-warning has-text-centered">
|
||||
<div v-show="aprobado" class="notification is-warning has-text-centered">
|
||||
Tu pedido fue <strong>aprobado</strong>, por lo que no puede ser modificado
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
aprobado: false,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
Event.$on('pedido-actualizado', this.actualizarEstado);
|
||||
if (this.$root.pedido != null) {
|
||||
this.actualizarEstado();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pedidoAprobado: function() {
|
||||
return this.$root.pedido.aprobado;
|
||||
},
|
||||
actualizarEstado: function() {
|
||||
this.aprobado = this.pedidoAprobado();
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -12,29 +12,29 @@
|
|||
<tfoot>
|
||||
<tr>
|
||||
<th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
|
||||
<th class="has-text-right">{{ cantidadBonosDeTransporte() }}</th>
|
||||
<th class="has-text-right">{{ totalBonosDeTransporte() }}</th>
|
||||
<th class="has-text-right">{{ cantidad_bonos_transporte }}</th>
|
||||
<th class="has-text-right">{{ total_bonos_transporte }}</th>
|
||||
</tr>
|
||||
<tr v-if="this.$root.devoluciones">
|
||||
<th><p>Devoluciones</p></th>
|
||||
<td>
|
||||
<p :title="notasDevoluciones()">...</p>
|
||||
<p :title="notas_devoluciones">...</p>
|
||||
<button @click.capture="modificarDevoluciones()" class="button is-warning">
|
||||
<span class="icon">
|
||||
<i class="fas fa-edit"></i>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
<th class="has-text-right">-{{ devoluciones() }}</th>
|
||||
<th class="has-text-right">-{{ devoluciones }}</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Total total</th>
|
||||
<th></th>
|
||||
<th class="has-text-right">{{ total() }}</th>
|
||||
<th class="has-text-right">{{ total }}</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<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>
|
||||
</table>
|
||||
<p class="has-text-centered" v-show="!mostrar_tabla">
|
||||
|
|
@ -49,6 +49,12 @@
|
|||
data() {
|
||||
return {
|
||||
mostrar_tabla: false,
|
||||
cantidad_bonos_transporte: 0,
|
||||
total_bonos_transporte: 0,
|
||||
devoluciones: 0,
|
||||
notas_devoluciones: "",
|
||||
total: 0,
|
||||
productos: [],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -58,12 +64,12 @@
|
|||
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() {
|
||||
return this.$root.productos
|
||||
this.cantidad_bonos_transporte = this.cantidadBonosDeTransporte();
|
||||
this.total_bonos_transporte = this.totalBonosDeTransporte();
|
||||
this.devoluciones = this.$root.pedido.devoluciones_total;
|
||||
this.notas_devoluciones = this.$root.pedido.devoluciones_notas;
|
||||
this.total = this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total);
|
||||
this.productos = this.$root.productos
|
||||
},
|
||||
modificarDevoluciones: function() {
|
||||
Event.$emit("modificar-devoluciones");
|
||||
|
|
@ -74,12 +80,6 @@
|
|||
totalBonosDeTransporte: function() {
|
||||
return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte)
|
||||
},
|
||||
devoluciones: function() {
|
||||
return this.$root.pedido.devoluciones_total;
|
||||
},
|
||||
notasDevoluciones: function() {
|
||||
return this.$root.pedido.devoluciones_notas;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<span class="icon is-small mr-1">
|
||||
<img src="/assets/chismosa.png">
|
||||
</span>
|
||||
<span v-text="'$' + this.$limpiarInt($root.devoluciones ? $root.pedido.total_menos_devoluciones : $root.pedido.total)"></span>
|
||||
<span v-text="'$' + total"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -25,14 +25,21 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
activa: false
|
||||
activa: false,
|
||||
total: 0,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
Event.$on('pedido-actualizado', this.actualizar);
|
||||
},
|
||||
methods: {
|
||||
toggle() {
|
||||
this.activa = !this.activa;
|
||||
Event.$emit("toggle-chismosa", this.activa);
|
||||
},
|
||||
actualizar() {
|
||||
this.total = this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total);
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,11 @@
|
|||
<script>
|
||||
import ProductoCantidad from './Producto/ProductoCantidad.vue';
|
||||
|
||||
export default {
|
||||
name: "ProductoCard",
|
||||
components: {
|
||||
ProductoCantidad,
|
||||
},
|
||||
props: {
|
||||
producto: Object
|
||||
},
|
||||
|
|
|
|||
|
|
@ -9,7 +9,12 @@
|
|||
</template>
|
||||
producto
|
||||
<script>
|
||||
export default {
|
||||
import ProductoCantidad from './Producto/ProductoCantidad.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ProductoCantidad,
|
||||
},
|
||||
props: {
|
||||
producto: Object
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue