Aller au contenu

ERP / Stock

Transfert entre entrepôts

Disponible

Gestion des transferts entre entrepôts : sélection origine/destination, panier d'articles à déplacer avec niveaux de stock, fil d'avancement par onglets (préparation, expédition, réception) et historique. Pour orchestrer les mouvements inter-sites.

Rendu multi-framework

Transfert entre entrepôts (données mock)

→

Articles à préparer

4 lignes
Panier TRF-2026-0099
RéférenceDésignationStock dispoQté
ART-10482Câble réseau Cat6 (305 m)4812
ART-20317Rack 19" 42U anthracite93
ART-30891Switch PoE 48 ports146
ART-41205Module SFP+ 10G multimode12024

Étapes d'expédition

  1. Imprimer les étiquettes de colisage
  2. Scanner les articles à expédier
  3. Confirmer la remise au transporteur
Historique des transferts
N° transfertOrigineDestinationDateLignesStatut
TRF-2026-0091LyonParis2026-06-105Reçu
TRF-2026-0084ParisBordeaux2026-05-283Reçu
TRF-2026-0077MarseilleLyon2026-05-148Annulé
Voir le code (Svelte) 
<div class="wt-shell">
  <div class="wt-header">
    <Select
      label="Origine"
      value="wh-paris"
      options={[{"value":"wh-paris","label":"Paris – Entrepôt central"},{"value":"wh-lyon","label":"Lyon – Plateforme régionale"},{"value":"wh-bordeaux","label":"Bordeaux – Dépôt secondaire"},{"value":"wh-marseille","label":"Marseille – Zone franche"}]}
    />
    <span class="wt-arrow">→</span>
    <Select
      label="Destination"
      value="wh-lyon"
      options={[{"value":"wh-paris","label":"Paris – Entrepôt central"},{"value":"wh-lyon","label":"Lyon – Plateforme régionale"},{"value":"wh-bordeaux","label":"Bordeaux – Dépôt secondaire"},{"value":"wh-marseille","label":"Marseille – Zone franche"}]}
    />
    <Button variant="primary" size="sm">Créer</Button>
  </div>
  <Tabs
    activeValue="picking"
    label="Étapes du transfert"
    items={[{"value":"picking","label":"Préparation","content":""},{"value":"shipping","label":"Expédition","content":""},{"value":"history","label":"Historique","content":""}]}
  />
  <div class="wt-panel">
    <div class="wt-panel-head">
      <h3 class="wt-panel-title">Articles à préparer</h3>
      <Badge tone="info">4 lignes</Badge>
    </div>
    <Table
      caption="Panier TRF-2026-0099"
      columns={[{"key":"ref","label":"Référence","sortable":true},{"key":"desc","label":"Désignation","sortable":false},{"key":"stock","label":"Stock dispo","sortable":true,"align":"right"},{"key":"qty","label":"Qté","sortable":false,"align":"right"}]}
      rows={[{"id":"1","ref":"ART-10482","desc":"Câble réseau Cat6 (305 m)","stock":"48","qty":"12"},{"id":"2","ref":"ART-20317","desc":"Rack 19\" 42U anthracite","stock":"9","qty":"3"},{"id":"3","ref":"ART-30891","desc":"Switch PoE 48 ports","stock":"14","qty":"6"},{"id":"4","ref":"ART-41205","desc":"Module SFP+ 10G multimode","stock":"120","qty":"24"}]}
      size="sm"
    />
    <div class="wt-actions">
      <Button variant="secondary" size="sm">Ajouter un article</Button>
      <Button variant="primary" size="sm">Valider la préparation</Button>
    </div>
  </div>
  <div class="wt-panel">
    <h3 class="wt-panel-title">Étapes d'expédition</h3>
    <OrderedList items={[{"content":"Imprimer les étiquettes de colisage"},{"content":"Scanner les articles à expédier"},{"content":"Confirmer la remise au transporteur"}]} />
    <div class="wt-actions">
      <Button variant="primary" size="sm">Valider l'expédition</Button>
    </div>
  </div>
  <div class="wt-panel">
    <Table
      caption="Historique des transferts"
      columns={[{"key":"id","label":"N° transfert","sortable":true},{"key":"from","label":"Origine","sortable":true},{"key":"to","label":"Destination","sortable":true},{"key":"date","label":"Date","sortable":true},{"key":"lines","label":"Lignes","sortable":true,"align":"right"},{"key":"status","label":"Statut","sortable":false}]}
      rows={[{"id":"TRF-2026-0091","from":"Lyon","to":"Paris","date":"2026-06-10","lines":"5","status":"Reçu","tone":"success"},{"id":"TRF-2026-0084","from":"Paris","to":"Bordeaux","date":"2026-05-28","lines":"3","status":"Reçu","tone":"success"},{"id":"TRF-2026-0077","from":"Marseille","to":"Lyon","date":"2026-05-14","lines":"8","status":"Annulé","tone":"danger"}]}
      size="sm"
    />
  </div>
</div>

Composants DS utilisés