計算式プラグインとシェイプ！プラグイン、項目検証プラグインでスペース項目にレコードの概要と画像を表示・印刷してみます。

概要

rex0220 計算式プラグインスペース項目の概要印刷に画像を追加して印刷します。
シェイプ！プラグインで画像を配置し、項目検証プラグインで、スペース以外の項目を非表示にします。

詳細画面

印刷画面

アプリ設定

スペース項目を配置して、要素IDを設定します。

計算式プラグイン設定

印刷のため、ラベルの設定を変更しています。

.js

OPTION: 

// sp1:(sp1) SPACER
LET(
  label, TAGS_HTML(
    TAG("style", JOIN(ARRAY(
        ".custom-table { width: 100%; table-layout: auto; border-collapse: collapse; }",
        ".custom-table td { border: 1px solid darkgray; padding: 4px 6px; }",
        ".custom-table td:first-child { white-space: nowrap; color: blue; }",
        ".custom-table td:last-child { word-break: break-word; }",
    ), NEWLINE(),1)),
  ),
  table, TAGS_HTML(
  TAG("table", 
    ATTR("class", "custom-table "),
    STYLE("border-collapse", "collapse"),
    TAG("tr", TAG("td", "顧客名"), TAG("td", 顧客名)),
    TAG("tr", TAG("td", "部署名"), TAG("td", 部署名)),
    TAG("tr", TAG("td", "担当者名"), TAG("td", 担当者名)),
    TAG("tr", TAG("td", "案件名"), TAG("td", 案件名)),
    TAG("tr", TAG("td", "確度"), TAG("td", 確度)),
    TAG("tr", TAG("td", "初回商談日"), TAG("td", DATE_FORMAT(初回商談日),
      IF(NOT(初回商談日),STYLE("background-color:#f9bba5;")))),
    TAG("tr", TAG("td", "提案プラン"), TAG("td", 提案プラン)),
    TAG("tr", TAG("td", "オプション"), TAG("td", オプション)),
    TAG("tr", TAG("td", "商談担当者"), TAG("td", 商談担当者)),
    TAG("tr", TAG("td", "プラン費用"), TAG("td", FIXED(プラン費用),
      STYLE("text-align:right;"), IF(プラン費用>1000000,STYLE("color:red;")))),
    TAG("tr", TAG("td", "オプション費用"), TAG("td", FIXED(オプション費用),
      STYLE("text-align:right;"), IF(オプション費用>1000000,STYLE("color:red;")))),
    TAG("tr", TAG("td", "合計費用"), TAG("td", FIXED(合計費用),
      STYLE("text-align:right;"), IF(合計費用>1000000,STYLE("color:red;")))),
    TAG("tr", TAG("td", "受注予定日"), TAG("td", DATE_FORMAT(受注予定日))),
    TAG("tr", TAG("td", "詳細"), TAG("td", 詳細)),
  )),
  ARRAY(label,"",table,"")
)

シェイプ！プラグイン設定

スペース項目に画像の設定を行います。

項目検証プラグイン設定

スペース項目以外の項目を印刷時は非表示にします。
EV_INFO("cate")="print"

※非表示にする項目欄をまとめて選択して、「EV_INFO("cate")="print"」をコピペできます。