laboratoire d'analyses

Templates Facture et Devis

19 Jan

Facture (invoice)

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Facture</title>

  <style>
    body {
      font-family: "Segoe UI", Arial, sans-serif;
      margin: 20px;
      font-size: 14px;
    }

    table { border-collapse: collapse; }

    h1, h2, h3, h4, p {
      margin: 3px 0;
      line-height: 1.2;
    }

    /* HEADER */
    .header-table td {
      vertical-align: top;
      padding: 2px 6px;
    }

    .header-center { text-align: center; }

    /* TITLE */
    .facture-title {
      font-size: 22px;
      font-weight: bold;
      text-align: center;
    }

    .barcode-line {
      text-align: right;
      margin: 6px 0 20px;
    }

    /* PARAMETERS TABLE */
    .params-table {
      margin: 20px 0;
      width: 95%;
      table-layout: fixed;
    }

    .params-table th,
    .params-table td {
      border: 1px solid #000;
      padding: 8px;
      text-align: left;
      word-break: break-word;
    }

    .params-table th { font-weight: bold; }

    .params-table col.qty   { width: 10%; }
    .params-table col.code  { width: 10%; }
    .params-table col.title { width: 50%; }
    .params-table col.unit  { width: 15%; }
    .params-table col.total { width: 15%; }

    .params-table tfoot td { font-weight: bold; }

    .total-words {
      margin: 20px 0;
      font-weight: bold;
    }

    .payment-info {
      margin-top: 20px;
      line-height: 1.4;
    }

    .signature-block { margin-top: 60px; }
  </style>
</head>

<body>

  <!-- HEADER -->
  <table class="header-table">
    <tr>
      <td style="width:80px; text-align:center;">
        <img src="{logo}" width="65" alt="Logo">
      </td>
      <td class="header-center">
        <h2>{title1}</h2>
        <p>{mail}</p>
        <p><strong>{doctor}</strong></p>
        <p>N.I.U. {fiscal} — Téléphone : {phone} | Email : {email}</p>
      </td>
    </tr>
  </table>

  <hr>

  <!-- TITLE -->
  <div class="facture-title">FACTURE {barecode}</div>

  <!-- BARCODE -->
  <div class="barcode-line">
    <img src="{barcode}" alt="Barcode">
  </div>

  <!-- PATIENT INFO -->
  <table width="100%">
    <tr>
      <td style="width:50%; padding-left:20px;">
        <table>
          <tr>
            <td>Date du prélèvement :</td>
            <td><strong>{sampling_date}</strong></td>
          </tr>
          <tr>
            <td>Médecin :</td>
            <td><strong>{tdoctor}</strong></td>
          </tr>
        </table>
      </td>

      <td style="width:50%; text-align:right; padding-right:40px;">
        <table style="display:inline-table;">
          <tr>
            <td colspan="2" style="padding-top:12px;">
              <h3>{name}</h3>
            </td>
          </tr>
          <tr>
            <td>Sexe :</td>
            <td><strong>{sex}</strong></td>
          </tr>
          <tr>
            <td>Age :</td>
            <td><strong>{age}</strong></td>
          </tr>
          <tr>
            <td>Le :</td>
            <td><strong>{date}</strong></td>
          </tr>
          <tr>
            <td>Numéro :</td>
            <td><strong>{Id}</strong></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

  <!-- PARAMETERS -->
  <table class="params-table">
    <colgroup>
      <col class="qty">
      <col class="code">
      <col class="title">
      <col class="unit">
      <col class="total">
    </colgroup>

    <thead>
      <tr>
        <th>Qté</th>
        <th>Code</th>
        <th>Intitulé / Paramètre</th>
        <th>Prix unitaire</th>
        <th>Total</th>
      </tr>
    </thead>

    <tbody>
      {invoice_param_rows}
    </tbody>

    <tfoot>
      <tr>
        <td colspan="4" style="text-align:right;">TOTAL NET À PAYER</td>
        <td>{amount_total}</td>
      </tr>
    </tfoot>
  </table>

  <!-- TOTAL IN LETTERS -->
  <div class="total-words">
    <p>Arrêté la présente proforma à la somme de :</p>
    <p>{total_letters}</p>
  </div>

  <!-- PAYMENT -->
  <div class="payment-info">
    <p>Veuillez libeller tous les chèques à l'ordre de :
      <strong>..........................</strong>
    </p>
    <p>Virements : Banque UBA — N° compte
      <strong>..........................</strong>
    </p>
  </div>

  <hr>

  <h4 style="text-align:center;">FACTURE : [_] RÉGLÉE &nbsp;&nbsp; [_] À RÉGLER</h4>

  <h4>FAIT VALOIR À QUI DE DROIT.</h4>

  <!-- SIGNATURE -->
  <div class="signature-block">
    <h3 style="text-align:right;">LA DIRECTION</h3>
  </div>

</body>
</html>

Devis 

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Devis</title>

  <style>
    body {
      font-family: "Segoe UI", Arial, sans-serif;
      margin: 20px;
      font-size: 14px;
    }

    table {
      border-collapse: collapse;
      width: 95%;
    }

    h1, h2, h3, h4, p {
      margin: 3px 0;
      line-height: 1.2;
    }

    /* HEADER */
    .header-table td {
      vertical-align: top;
      padding: 2px 6px;
    }

    .header-center { text-align: center; }

    /* TITLE */
    .devis-title {
      font-size: 22px;
      font-weight: bold;
      text-align: center;
    }

    /* PARAMETERS TABLE */
    .params-table {
      margin: 20px 0;
      width: 95%;
      table-layout: fixed;
    }

    .params-table th,
    .params-table td {
      border: 1px solid #000;
      padding: 8px;
      text-align: left;
      word-break: break-word;
    }

    .params-table th { font-weight: bold; }

    .params-table tfoot td { font-weight: bold; }

    .params-table col.qty   { width: 10%; }
    .params-table col.code  { width: 10%; }
    .params-table col.title { width: 50%; }
    .params-table col.unit  { width: 15%; }
    .params-table col.total { width: 15%; }

    .signature-block { margin-top: 60px; }
  </style>
</head>

<body>

  <!-- HEADER -->
  <table class="header-table" width="100%">
    <tr>
      <td style="width:80px; text-align:center;">
        <img src="{logo}" width="65" alt="Logo">
      </td>
      <td class="header-center">
        <h2>{title1}</h2>
        <p>{mail}</p>
        <p><strong>{doctor}</strong></p>
        <p>N.I.U. {fiscal} — Téléphone : {phone} | Email : {email}</p>
      </td>
    </tr>
  </table>

  <hr>

  <!-- TITLE -->
  <div class="devis-title">DEVIS</div>

  <p style="text-align:right;"><strong>Édité le : {date}</strong></p>

  <!-- CLIENT INFO -->
  <table>
    <tr>
      <td><strong>BÉNÉFICIAIRE NOM ET PRÉNOM : {name}</strong></td>
    </tr>
  </table>

  <br>

  <!-- PARAMETERS -->
  <table class="params-table">
    <colgroup>
      <col class="qty">
      <col class="code">
      <col class="title">
      <col class="unit">
      <col class="total">
    </colgroup>

    <thead>
      <tr>
        <th>Qté</th>
        <th>Code</th>
        <th>Intitulé / Paramètre</th>
        <th>Prix unitaire</th>
        <th>Total</th>
      </tr>
    </thead>

    <tbody>
      {devis_param_rows}
    </tbody>

    <tfoot>
      <tr>
        <td colspan="4" style="text-align:right;">TOTAL NET À PAYER</td>
        <td>{amount_total}</td>
      </tr>
    </tfoot>
  </table>

  <!-- TOTAL IN LETTERS -->
  <div class="total-words">
    <p>Arrêté la présente proforma à la somme de :</p>
    <p>{total_letters}</p>
  </div>

  <!-- PAYMENT -->
  <div class="payment-info">
    <p>Veuillez libeller tous les chèques à l'ordre de :
      <strong>..........................</strong>
    </p>
    <p>Virements : Banque UBA — N° compte
      <strong>..........................</strong>
    </p>
  </div>

  <hr>

  <h4 style="text-align:center;">DEVIS : [_] ACCEPTÉ &nbsp;&nbsp; [_] À RÉGULER</h4>

  <h4>FAIT VALOIR À QUI DE DROIT.</h4>

  <!-- SIGNATURE -->
  <div class="signature-block">
    <h3 style="text-align:right;">LA DIRECTION</h3>
  </div>

</body>
</html>

Code des lignes > invoice_param_rows et devis_param_rows

<tr>
  <td>1</td>
  <td>{code}</td>
  <td>{parameter}</td>
  <td>{price}</td>
  <td>{price}</td>
</tr>
Back to list
Older Promed MRS : le logiciel de dossier patient informatisé au service des hôpitaux