diff --git a/resources/js/app.js b/resources/js/app.js
index 3254467..daee04b 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -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')
diff --git a/resources/js/components/CartelPedidoAprobado.vue b/resources/js/components/CartelPedidoAprobado.vue
index c43fa1f..be6f8a4 100644
--- a/resources/js/components/CartelPedidoAprobado.vue
+++ b/resources/js/components/CartelPedidoAprobado.vue
@@ -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>
diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index 10d9b88..9c888f0 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -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>
diff --git a/resources/js/components/ChismosaDropdown.vue b/resources/js/components/ChismosaDropdown.vue
index f9e23bb..26bb8e3 100644
--- a/resources/js/components/ChismosaDropdown.vue
+++ b/resources/js/components/ChismosaDropdown.vue
@@ -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>
diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index fa80743..1ae7d44 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -1,6 +1,11 @@
 <script>
+import ProductoCantidad from './Producto/ProductoCantidad.vue';
+
 export default {
     name: "ProductoCard",
+    components: {
+        ProductoCantidad,
+    },
     props: {
         producto: Object
     },
diff --git a/resources/js/components/ProductoRow.vue b/resources/js/components/ProductoRow.vue
index 534cf4d..9f2c44c 100644
--- a/resources/js/components/ProductoRow.vue
+++ b/resources/js/components/ProductoRow.vue
@@ -9,7 +9,12 @@
 </template>
 producto
 <script>
-	export default {
+    import ProductoCantidad from './Producto/ProductoCantidad.vue';
+	
+    export default {
+        components: {
+            ProductoCantidad,
+        },
 		props: {
 	        producto: Object
 	    },