Mostrar notas en pedido

app/Http/Controllers/Api/SubpedidoController.php

@@ -79,6 +79,7 @@ class SubpedidoController extends Controller
 
         $valid = request()->validate([
             'cantidad'       => 'required|min:0',
+            'notas'          => 'required',
             'producto_id'    => [
                 'required',
                 Rule::in(Producto::all()->pluck('id')),
@@ -86,7 +87,7 @@ class SubpedidoController extends Controller
         ]);
 
         $producto = Producto::find($valid['producto_id']);
-        $subpedido->syncProducto($producto, $valid['cantidad']);
+        $subpedido->syncProducto($producto, $valid['cantidad'], $valid['notas']);
         return new SubpedidoResource($subpedido);
     }
 

app/Producto.php

@@ -15,7 +15,7 @@ class Producto extends Model
 
   public function subpedidos()
   {
-    return $this->belongsToMany('App\Subpedido','productos_subpedidos')->withPivot(["cantidad"]);
+    return $this->belongsToMany('App\Subpedido','productos_subpedidos')->withPivot(["cantidad", "notas"]);
   }
 
   public function proveedor()

app/Subpedido.php

@@ -15,7 +15,7 @@ class Subpedido extends Model
 
   public function productos()
   {
-    return $this->belongsToMany('App\Producto')->withPivot(["cantidad","total"]);
+    return $this->belongsToMany('App\Producto')->withPivot(["cantidad","total", "notas"]);
   }
 
   //Bonos del MPS, Sororo, etc. NO devuelve bonos de transporte
@@ -84,13 +84,14 @@ class Subpedido extends Model
   }
 
   //Actualiza el pedido, agregando o quitando del subpedido según sea necesario. Debe ser llamado desde el controlador de subpedidos, luego de validar que los parámetros $producto y $cantidad son correctos. También calcula el subtotal por producto.
-  public function syncProducto(Producto $producto, Int $cantidad) {
+  public function syncProducto(Producto $producto, Int $cantidad, string $notas) {
         if ($cantidad){
           //si la cantidad es 1 o más se agrega el producto o actualiza la cantidad
           $this->productos()->syncWithoutDetaching([
             $producto->id => [
               'cantidad' => $cantidad,
-              'total' => $cantidad * $producto->precio
+              'total' => $cantidad * $producto->precio,
+              'notas' => $notas,
             ]
           ]);
         } else {

database/migrations/2024_09_17_234635_notas_producto.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class NotasProducto extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('producto_subpedido', function (Blueprint $table) {
+            $table->string('notas');
+            $table->boolean('requiere-notas');
+        });
+    }
+    
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('producto_subpedido', function (Blueprint $table) {
+            $table->dropColumn('notas');
+            $table->dropColumn('requiere-notas');
+        });
+    }
+}

resources/js/app.js

@@ -72,6 +72,10 @@ const app = new Vue({
       cantidad(producto) {
         let pedido = this.productos.some(p => p.id == producto.id)
         return pedido ? this.productos.find(p => p.id == producto.id).pivot.cantidad : 0
+      },
+      notas(producto) {
+        let pedido = this.productos.some(p => p.id == producto.id);
+        return pedido ? this.productos.find(p => p.id == producto.id).pivot.notas : "";
       },
         settearDevoluciones() {
             axios.get(`/api/grupos-de-compra/${this.gdc}/devoluciones`)
@@ -100,14 +104,15 @@ const app = new Vue({
                     }
                 })
         })
-      Event.$on('sync-subpedido', (cantidad, id) => {
+      Event.$on('sync-subpedido', (cantidad, id, notas) => {
           if (this.pedido.aprobado) {
             this.$toast('No se puede modificar un pedido ya aprobado', 2000);
             return;
           }
           axios.post("/api/subpedidos/" + this.pedido.id + "/sync", {
             cantidad: cantidad,
-            producto_id: id
+            producto_id: id,
+            notas: notas,
           }).then((response) => {
             this.pedido = response.data.data
             this.$toast('Pedido actualizado exitosamente')

resources/js/components/ProductoCard.vue

@@ -8,12 +8,13 @@ export default {
       return {
           cantidad: this.producto.cantidad,
           enChismosa: this.producto.cantidad,
+          notas: this.producto.notas,
       }
     },
     mounted() {
-      Event.$on('sync-subpedido', (cantidad,productoId) => {
+      Event.$on('sync-subpedido', (cantidad, productoId, notas) => {
           if (this.producto.id === productoId)
-              this.sincronizar(cantidad);
+              this.sincronizar(cantidad, notas);
       });
     },
     methods: {
@@ -24,19 +25,21 @@ export default {
             this.cantidad += 1;
         },
         confirmar() {
-            Event.$emit('sync-subpedido', this.cantidad, this.producto.id);
+            Event.$emit('sync-subpedido', this.cantidad, this.producto.id, this.notas);
         },
         borrar() {
             this.cantidad = 0;
             this.confirmar();
         },
-        sincronizar(cantidad) {
+        sincronizar(cantidad, notas) {
             this.cantidad = cantidad;
             this.producto.cantidad = cantidad;
             this.enChismosa = cantidad;
+            this.notas = notas;
+            this.producto.notas = notas;
         },
         hayCambios() {
-            return this.cantidad != this.enChismosa;
+            return this.cantidad != this.enChismosa || this.notas != this.producto.notas;
         },
         puedeBorrar() {
             return this.enChismosa > 0;
@@ -93,6 +96,7 @@ export default {
                             </span>
                         </button>
                     </div>
+                    Notas: <input v-model="notas" />
                 </div>
                 <div class="column">
                     <p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>

resources/js/components/ProductosContainer.vue

@@ -37,7 +37,10 @@ export default {
 	        params: this.params(filtro,valor)
 	      }).then(response => {
 	        this.productos = response.data.data;
-			this.productos.forEach(p => p.cantidad = this.$root.cantidad(p))
+			this.productos.forEach(p => {
+				p.cantidad = this.$root.cantidad(p);
+				p.notas = this.$root.notas(p);
+			});
 	      });
 	      this.visible = true;
 	      Event.$emit("migas-agregar",this.miga);