帳票

作成日時：2025-11-03
更新日時：2025-12-05

出し分け

下記に該当するならば、サーバーで出力。

• 埋め込みや複雑なもの
• 出力したPDFをシステムで保持したい
• ブラウザや環境依存によるずれを避けたい
• 厳密な出力管理(通番、再生成、誰が出力したか)
• 厳密な計算処理(丸目誤差よけ)
• 厳密なレイアウト

そうでないならば、フロント。
速度とコストが良く、サーバーの負荷なし。
HTMLがわかればメンテできる。

いつの情報を出すべきか。
初回出力時？それとも最新値？

ブラウザ上における複数ページの帳票

<template v-for="">
ここに1ページごとの定義。
ページ数で分岐してもいい。
最後に改行タグでも入れておく。
<div style="page-break-after: always;"></div>
</template>

最終ページの途切れ対策

/* 最後のページの一番下に、意図的な余白を確保するためのダミー要素 */
.print-spacer-bottom {
    display: none; /* 画面表示では非表示 */
}

@media print {
    .print-spacer-bottom {
        display: block; 
        /* 途切れが発生しないように、十分な高さを設定 */
        height: 50px; 
    }
}