rex0220 印刷屋プラグイン 一覧画面をカード形式で表示

rex0220 印刷屋プラグインで、一覧画面をカード形式で表示してみます。

概要

一覧画面のレコードをカード形式で PDF に出力します。
一覧画面で表示されている並び順で作成されます。

• プレビュー画面

• 案件情報のカード形式表示

• 一覧画面で選択したレコードを表示

印刷屋プラグイン設定

• CSS, HTML, 計算式 の設定

• CSS
  • 金額欄を右寄りに表示
  • 総合計欄の背景色

.pcraft-card-list {
    width: 320px;
}
.pcraft-card-item {
  position: relative;
  height: 24px;
}
.pcraft-card-value {
    width: auto;
}
.value-amount {
  position: absolute;
  right: 30px;
}
.pcraft-card-footer {
  background-color: lightblue;
}

• 計算式： 金額のクラス指定が少し面倒くさい
  • "type","card"： カード形式で表示
  • 金額欄を右寄りに表示するため、value-amount クラス指定
  • DQUOTE 関数は、"" が入れ子になるのを回避するため指定

RECS_HTML(
    OPT("title","案件情報 " & TODAY() ,
       "type","card",
       "hideLabels","Y",
       "pagination","Y",
       "perPage","8",
       "footer","Y"
    ),
    ARRAY("#","#"&($rseq+1)),
    顧客名,部署名, 案件名,
    ARRAY("確度",確度,"value-center"),
    ARRAY("プラン費用", "<span>プラン費用: </span><span class='value-amount'>"&YEN(プラン費用)&"</span>", "value-amount","'<span>総プラン費用: </span><span class='&DQUOTE('value-amount')&'>'&YEN(RECS_SUM(プラン費用))&'</span>'"),
    ARRAY("オプション費用", "<span>オプション費用: </span><span class='value-amount'>"&YEN(オプション費用)&"</span>", "value-amount","'<span>総オプション費用: </span><span class='&DQUOTE('value-amount')&'>'&YEN(RECS_SUM(オプション費用))&'</span>'"),
    ARRAY("合計費用", "<span>合計費用: </span><span class='value-amount'>"&YEN(合計費用)&"</span>", "value-amount","'<span>総合計費用: </span><span class='&DQUOTE('value-amount')&'>'&FIXED(RECS_SUM(合計費用))&'</span>'")
)