レコードの値に応じて色を変更する方法

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

要件

レポートやページで、データの値に応じて異なる色で表示します。

ユースケース

営業管理アプリケーションで、法人担当者は仕入れと売上を管理したいと考えています。新規の仕入れが発生すると、対応する請求書がシステムに追加され、商品を管理するために使用されます。新規の注文が登録されると、請求書から作成された商品在庫から商品が表示されます。管理者は、目標や予算を達成しているかどうかを把握するために、仕入れと売上を把握したいと考えています。そのために、色の組み合わせを使って、仕入れ金額や売上完了の頻度を月ごとに強調表示したいと考えています。

動作を確認する

手順

1. フォームを作成し、次の詳細を設定します。

フォーム	フォームリンク名	項目タイプ	項目名	項目リンク名
新規注文	New_Order	名前	顧客名	Customer_Name
		日付	注文日	Order_Date
		サブフォーム単一行数値通貨通貨	商品商品名数量単価小計	商品 Product_Nam 数量単価 Sub_Total
		通貨	合計	合計
		割合（%）	税金	税金
		通貨	純合計	Net_Total
		数式（注文日から月番号 [1 - 12] を取得するために作成）： Order_Date.getMonth()	注文月	Order_Month
請求書の追加	Add_Invoice	名前	仕入先名	Supplier_Name
		日付	請求書日付	Invoice_Date
		サブフォーム単一折れ線グラフ数値通貨通貨	商品商品名数量単価小計	商品 Product_Name 数量単価 Sub_Total
		通貨	合計	合計
		割合（%）	税金	税金
		通貨	正味合計	Net_Total

順番管理システムの一部として、複数のフォームを作成できます。ここでは説明を簡潔にするため、2 つのフォームのみを作成します。まず、順番日付項目の初期値を新規順番フォームで、また請求書日付項目の初期値を請求書フォームで、いずれも Zoho.currentdate に設定します。

次に、レポート内の値に色分けを行います。

2. 続いて、フォームの読み込み時に実行されるワークフローを作成し、新規順番フォームで順番日付項目を無効にして、日付が変更されないようにします。

3. 次のコードを Deluge エディターに追加します。

disable Order_Date;

4. 同様に、別のワークフローを作成し、読み込み時に追加する請求書フォーム内の請求書日付項目を無効にします。

5. 次のコードを Deluge エディターに追加します。

disable Invoice_Date;

ここでは 2 種類の色分け手法を使用します。1 つはレポートに基づく方法、もう 1 つはページに基づく方法です。この例では、レポートを使用して追加する請求書フォームのデータに色分けを行い、ページを使用して新規順番フォームのデータに色分けを行います。

6. 「追加する請求書」フォームを基に、「すべて請求書」という名前の一覧レポートを作成します。

7. 任意の請求書の上限額を 5000 と仮定し、それを超えた請求書を把握したいとします。そのため、、条件付き書式を作成し、「追加する請求書」フォームの純合計値が 5000 より大きいデータに対して、以下のような特別な書式を適用します。

このレポートにアクセスすると、5000 を超える請求書の値が強調表示されます。関係者がデータを探すためにデータをフィルターする必要はありません。

次に、ページを使用して値に色分けを行います。月間の上限値より小さい営業数値を強調表示します。そのためには、1 か月間に完了したすべての営業の合計を求める必要があります。まず、その合計を求める関数を作成します。

8. ここでは、各月の合計営業完了数を取得する関数を作成します。関数名を『SalesByMonth』とします。

9. 次のコードを追加して、この関数に引数として渡された月番号の合計営業を取得します。

float SalesByMonth(int month)
{
//Compare the passed month 値 to the Order_Month 値
営業 = New_Order[Order_Month == month].sum(Net_Total);
返品する営業;
}

10. 次に、「注文 By Month」という名前のページを作成し、そこに HTML スニペットを追加します。

11. エディターで、以下のコードを追加して、月ごとの合計営業頻度を表形式で表示します。

<%{
%>
<style>
.salesTable
{
width: 96%;
border-collapse: collapse;
margin: 1% 2%;
}
.salesTable td
{
padding: 10px;
フォント-size: 14px;
text-align: center;
border-bottom: 1px solid #f1f1f1;
}
table。salesTable > thead > tr > th
{
フォント-重さ: 600;
フォント-size: 15px;
background: #ececec;
}
td。green {
background: #228B22;
color: white;
}
td。red {
background: #d10000;
color: white;
}
td。blue {
background: #89CFF0;
color: white;
}
</style>
<table クラス='salesTable'>
<thead>
<tr>
<th>月名</th>
<th>売上</th>
</tr>
</thead>
<tbody>
<%
//リストを作成
list = List();
//月番号を表す 1〜12 の数値を作成
list。addAll({1,2,3,4,5,6,7,8,9,10,11,12});
monthName = List();
//月名のリストを作成
monthName。addAll({'January','February','March','April','May','June','July','August','September','October','November','December'});
//各月について繰り返し処理
for each month in list
{
%>
<tr>
<td><%=monthName。取得する(month - 1)%></td>
<%
//SalesByMonth 関数を使用して売上合計を取得
sum = thisapp。SalesByMonth(month);
if(sum >= 5000)
{
//売上が 5000 以上の場合は緑色で表示
%>
<td クラス='green'><%=thisapp。SalesByMonth(month)%></td>
<%
}
else if(sum < 5000 && sum >= 2000)
{
//売上が 2000〜5000 の場合は青色で表示
%>
<td クラス='blue'><%=thisapp。SalesByMonth(month)%></td>
<%
}
else {
//売上が 2000 未満の場合は赤色で表示
%>
<td クラス='red'><%=thisapp。SalesByMonth(month)%></td>
<%
}
%>
</tr>
<%
}
%>
</tbody>
</table>
<%
}%>