Bonjour,

Je suis en train de mettre en place un outil pour générer une commande.
Le principe est d'ajouter une personne et ensuite de lui associer des prestations.

J'ai mis en place un exemple ici : https://jsfiddle.net/Kaimite/s6sjxpmq/2/

La liste des commandes est stockée dans un array "membresCommande"

C'est une tableau d'objets sous la forme suivante :

 membresCommande = [
    {
        membre : {},
        selectedPrestation  : 0,
        prestations         : [{
            prestation          : {},
            qte                 : 0,
            montant_unitaire    : 0
        }]
    }
 ]

avec les infos du membre dans "membre" et ses prestations associées dans "prestations"

selectedPrestation sert à savoir quelle prestation est sélectionnée dans le select pour lui ajouter.

Et dans chaque prestation je souhaiterais appliquer un v-model sur les clés qte et montant_unitaire pour mettre à jour le montant de ligne.

Pour le moment ça fonctionne en partie.

Si on ajoute la même prestation à différentes personnes dès qu'on modifie la quantité cette modification est appliquée à toutes les autres prestations de même type des autres membres.

pour définir le v-model j'ai utilisé la notation suivante :

membresCommande[indexMembre].prestations[index].montant_unitaire

Dans mon exemple, j'ai affiché sous la désignation le "code" des v-model

Si vous avez une idée je suis preneur.

Au pire je peux me débrouiller avec le keyup pour reprendre la valeur saisie et faire mon calcul mais quitte à utiliser VueJS autant le faire bien :)

Merci d'avance.

Kaimite

Aucune réponse