月次レポートの PDF テンプレート

{
  "organizationName": "株式会社サンプル",
  "period": { "year": 2026, "month": 9, "label": "2026年9月" },
  "total": 12,
  "sales": 7,
  "inbox": 3,
  "confirm": 2,
  "corrected": 1,
  "salesRate": 58,
  "forms": [
    { "name": "お問い合わせフォーム", "total": 9, "sales": 5, "inbox": 3, "confirm": 1 },
    { "name": "採用エントリー", "total": 3, "sales": 2, "inbox": 0, "confirm": 1 }
  ],
  "dashboardUrl": "https://inqbox.jp/inbox",
  "generatedAt": "2026-10-01T00:00:12.000Z"
}

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<style>
  body { font-family: "Noto Sans JP", sans-serif; color: #1e293b; margin: 40px; }
  h1 { font-size: 22px; margin: 0; }
  .period { color: #0f766e; font-weight: bold; letter-spacing: 0.1em; }
  .org { color: #64748b; margin-top: 4px; }
  .summary { display: flex; gap: 16px; margin-top: 24px; }
  .stat { flex: 1; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 16px; }
  .stat .label { font-size: 12px; color: #64748b; }
  .stat .value { font-size: 24px; font-weight: bold; margin-top: 4px; }
  table { width: 100%; border-collapse: collapse; margin-top: 24px; font-size: 13px; }
  th, td { padding: 8px; border-bottom: 1px solid #e2e8f0; text-align: right; }
  th:first-child, td:first-child { text-align: left; }
  thead th { color: #64748b; font-weight: normal; }
  .footer { margin-top: 32px; font-size: 11px; color: #94a3b8; }
</style>
</head>
<body>
  <p class="period">{{ period.label }}</p>
  <h1>問い合わせレポート</h1>
  <p class="org">{{ organizationName | escape }}</p>

  <div class="summary">
    <div class="stat"><div class="label">受信件数</div><div class="value">{{ total }}</div></div>
    <div class="stat"><div class="label">営業として分けた件数</div><div class="value">{{ sales }}</div></div>
    <div class="stat"><div class="label">本物として届いた件数</div><div class="value">{{ inbox }}</div></div>
    <div class="stat"><div class="label">確認待ち</div><div class="value">{{ confirm }}</div></div>
  </div>

  <p>営業を分けた割合: <b>{{ salesRate }}%</b>（判定を訂正した件数: {{ corrected }} 件）</p>

  {% if forms.size > 1 %}
  <table>
    <thead>
      <tr><th>フォーム</th><th>受信</th><th>営業</th><th>本物</th><th>確認待ち</th></tr>
    </thead>
    <tbody>
      {% for form in forms %}
      <tr>
        <td>{{ form.name | escape }}</td>
        <td>{{ form.total }}</td>
        <td>{{ form.sales }}</td>
        <td>{{ form.inbox }}</td>
        <td>{{ form.confirm }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}

  <p class="footer">
    詳しくは管理画面で確認できます: {{ dashboardUrl }}<br>
    作成日時: {{ generatedAt }}（{{ period.year }}年{{ period.month }}月分）
  </p>
</body>
</html>