Aller au contenu

Comptabilité

Factures fournisseurs

Disponible

Liste filtrable des factures fournisseurs avec statut de validation, échéances et téléversement de pièces. Pour le traitement et l'approbation des factures à payer.

Rendu multi-framework

Factures fournisseurs (données mock)

Factures fournisseurs

Factures fournisseurs : juin 2026
N° factureFournisseurDateÉchéanceMontant HTStatut
FOURN/2026/0318Atos SE2026-06-102026-07-1028 400 €En attente
FOURN/2026/0317Capgemini2026-06-072026-07-0719 200 €Approuvée
FOURN/2026/0316Sopra Steria2026-06-042026-06-1914 500 €En retard
FOURN/2026/0315CGI Inc.2026-06-012026-07-0111 750 €Approuvée
FOURN/2026/0314Wavestone2026-05-282026-06-279 300 €Payée
FOURN/2026/0313Atos SE2026-05-242026-06-087 820 €En retard
FOURN/2026/0312Econocom2026-05-202026-06-196 410 €Payée

Joindre une pièce justificative

PDF, PNG ou JPG — max 10 Mo
Voir le code (Svelte) 
<div class="ff-shell">
  <div class="ff-titlebar">
    <h2 class="ff-title">Factures fournisseurs</h2>
    <div class="ff-actions">
      <Button variant="secondary" size="sm">Exporter</Button>
      <Button variant="primary" size="sm">Déposer une facture</Button>
    </div>
  </div>
  <Alert
    tone="warning"
    title="2 factures en retard"
    description="Des factures dépassent leur échéance. Traitez-les en priorité pour éviter des pénalités."
  />
  <div class="ff-toolbar">
    <Combobox
      label="Fournisseur"
      options={[{"value":"","label":"Tous les fournisseurs"},{"value":"atos","label":"Atos SE"},{"value":"capgemini","label":"Capgemini"},{"value":"sopra","label":"Sopra Steria"},{"value":"cgi","label":"CGI Inc."},{"value":"wavestone","label":"Wavestone"},{"value":"econocom","label":"Econocom"}]}
      placeholder="Filtrer par fournisseur…"
    />
    <Combobox
      label="Statut"
      options={[{"value":"","label":"Tous les statuts"},{"value":"pending","label":"En attente"},{"value":"approved","label":"Approuvée"},{"value":"overdue","label":"En retard"},{"value":"paid","label":"Payée"}]}
      placeholder="Filtrer par statut…"
    />
    <DatePicker label="Échéance avant le" placeholder="YYYY-MM-DD" />
  </div>
  <Table
    caption="Factures fournisseurs : juin 2026"
    columns={[{"key":"ref","label":"N° facture","sortable":true},{"key":"fournisseur","label":"Fournisseur","sortable":true},{"key":"date","label":"Date","sortable":true},{"key":"echeance","label":"Échéance","sortable":true},{"key":"montant","label":"Montant HT","sortable":true,"align":"end"},{"key":"statut","label":"Statut","sortable":true}]}
    rows={[{"id":"1","ref":"FOURN/2026/0318","fournisseur":"Atos SE","date":"2026-06-10","echeance":"2026-07-10","montant":"28 400 €","statut":"En attente"},{"id":"2","ref":"FOURN/2026/0317","fournisseur":"Capgemini","date":"2026-06-07","echeance":"2026-07-07","montant":"19 200 €","statut":"Approuvée"},{"id":"3","ref":"FOURN/2026/0316","fournisseur":"Sopra Steria","date":"2026-06-04","echeance":"2026-06-19","montant":"14 500 €","statut":"En retard"},{"id":"4","ref":"FOURN/2026/0315","fournisseur":"CGI Inc.","date":"2026-06-01","echeance":"2026-07-01","montant":"11 750 €","statut":"Approuvée"},{"id":"5","ref":"FOURN/2026/0314","fournisseur":"Wavestone","date":"2026-05-28","echeance":"2026-06-27","montant":"9 300 €","statut":"Payée"},{"id":"6","ref":"FOURN/2026/0313","fournisseur":"Atos SE","date":"2026-05-24","echeance":"2026-06-08","montant":"7 820 €","statut":"En retard"},{"id":"7","ref":"FOURN/2026/0312","fournisseur":"Econocom","date":"2026-05-20","echeance":"2026-06-19","montant":"6 410 €","statut":"Payée"}]}
    sortable
    pageSize={5}
    size="sm"
  />
  <div class="ff-upload">
    <h3 class="ff-section-title">Joindre une pièce justificative</h3>
    <FileUploader
      label="Téléverser un document"
      accept=".pdf,.png,.jpg"
      multiple={false}
      helperText="PDF, PNG ou JPG — max 10 Mo"
    />
  </div>
</div>

Composants DS utilisés