Aller au contenu

Vue · Comptabilité

Lot de paiements

Disponible

Assistant pas-à-pas pour préparer un lot de paiements : sélection des factures, choix du compte bancaire, validation et exécution. Pour ordonnancer les règlements fournisseurs.

Rendu multi-framework

Lot de paiements fournisseurs (données mock)

  1. Sélection des factures Terminé
  2. 2 Compte bancaire En cours
  3. 3 Validation
  4. 4 Exécution

Factures sélectionnées

4

Total à décaisser

30 330,80 €

Factures à régler

Factures fournisseurs sélectionnées
RéférenceFournisseurÉchéanceMontant TTC
FACT-2026-0441Acme Solutions Inc.2026-06-2012 480,00 €
FACT-2026-0398DataBridge Consulting2026-06-228 250,00 €
FACT-2026-0415Nord Imprimerie SAS2026-06-253 610,80 €
FACT-2026-0429Sécurinet Télécoms2026-06-285 990,00 €
Voir le code (Svelte) 
<div class="rp-shell">
  <Stepper
    current={1}
    label="Lot de paiements"
    steps={[{"label":"Sélection des factures","description":"Terminé"},{"label":"Compte bancaire","description":"En cours"},{"label":"Validation"},{"label":"Exécution"}]}
  />
  <div class="rp-kpis">
    <KpiCard label="Factures sélectionnées" value="4" trend="neutral" />
    <KpiCard label="Total à décaisser" value="30 330,80 €" trend="neutral" />
    <Progress value={25} label="Avancement du lot" showLabel />
  </div>
  <div class="rp-body">
    <div class="rp-section">
      <h3 class="rp-section-title">Factures à régler</h3>
      <Table
        caption="Factures fournisseurs sélectionnées"
        columns={[{"key":"ref","label":"Référence","sortable":false},{"key":"fournisseur","label":"Fournisseur","sortable":false},{"key":"echeance","label":"Échéance","sortable":false},{"key":"montant","label":"Montant TTC","sortable":false,"align":"end"}]}
        rows={[{"id":"1","ref":"FACT-2026-0441","fournisseur":"Acme Solutions Inc.","echeance":"2026-06-20","montant":"12 480,00 €"},{"id":"2","ref":"FACT-2026-0398","fournisseur":"DataBridge Consulting","echeance":"2026-06-22","montant":"8 250,00 €"},{"id":"3","ref":"FACT-2026-0415","fournisseur":"Nord Imprimerie SAS","echeance":"2026-06-25","montant":"3 610,80 €"},{"id":"4","ref":"FACT-2026-0429","fournisseur":"Sécurinet Télécoms","echeance":"2026-06-28","montant":"5 990,00 €"}]}
        size="sm"
      />
    </div>
    <aside class="rp-aside">
      <h3 class="rp-section-title">Compte émetteur</h3>
      <Select
        label="Compte bancaire"
        value="bnp-ope"
        options={[{"value":"bnp-ope","label":"BNP Paribas – Compte opérationnel (FR76 3000…)"},{"value":"sg-treso","label":"Société Générale – Trésorerie (FR76 3003…)"},{"value":"cm-eur","label":"Crédit Mutuel – EUR courant (FR76 1027…)"}]}
      />
      <Alert tone="warning">Vérifiez le solde disponible avant d'exécuter le lot.</Alert>
    </aside>
  </div>
  <div class="rp-nav">
    <Button variant="secondary">Précédent</Button>
    <Button variant="primary">Suivant</Button>
  </div>
</div>

Composants DS utilisés