rex0220 計算式プラグイン レコードの概要をダイアログ表示

計算式プラグインで、レコードの概要をダイアログ表示してみます。

概要

案件管理（営業支援パック）のレコード概要をダイアログ表示します。
詳細画面、編集画面で表示できます。
要点だけを表示して内容を確認するなどに活用できるかも。

rex0220 計算式プラグイン スペース項目にレコードの概要表示の応用例です。

操作例

編集中の内容を表示します。

計算式プラグイン設定

ヘッダー部に DIALOG 関数を指定します。
詳細画面でもダイアログボタンを表示するオプションを指定
"DETAIL","Y",

// header1:($HEADER1) HEADER
LET(
  table, TAGS_HTML(
  TAG("style", JOIN(ARRAY(
      ".swal2-rex0220-popup { width: 600px; }",
      ".custom-table { width: 100%; table-layout: auto; border-collapse: collapse; }",
      ".custom-table td { border: 1px solid darkgray; padding: 4px 6px; text-align: left; }",
      ".custom-table td:first-child { white-space: nowrap; color: blue; }",
      ".custom-table td:last-child { word-break: break-word; }",
  ), NEWLINE(),1)),
  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", 詳細)),
  )),
  DIALOG(BOPT(
    "TITLE","案件概要",
    "HTML",table,
    "DETAIL","Y",
    "ICON","",
    "SCAN",0
  ))
)