検査場所に階層を追加する

[アーティクル]
03/09/2022

検査サンプルアプリを使用すると、ユーザーはアプリで検査を作成して実行できます。検査を実行、管理、レビューするために、ペルソナごとに 3 つのアプリがあります。 3 つのアプリには、検査、検査の管理、検査のレビューがあります。

デフォルトでは、検査アプリは単一の店舗向けに設計されています。では、複数の店舗で検査を実行する場合はどうなりますか? アプリに店舗のテーブルを追加してユーザーが検査を実行している店舗を選択できるようにし、どの店舗で検査が実行されたか追跡できるようにします。

この記事では、アプリを更新して店舗の階層を追加し、さまざまな店舗に対して検査を実行できるようにする方法を説明します。

このビデオでは、検査位置に階層を追加する方法について説明します:

前提条件

このレッスンを完了するには、選択した Microsoft 365 サブスクリプションの一部として提供される Microsoft Teams へのログイン機能と、Teams 用の検査サンプルアプリをインストールしておく必要があります。このアプリは https://aka.ms/TeamsInspection からインストールできます。

検査アプリを編集する

Teams にログインして、左ペインの Power Apps アプリを右クリックし、ポップアウトアプリ を選択します。
上のリボンから ビルド を選択します。
検査アプリをインストールしたチームを選択します。
検査を選択して Power Apps Studio のアプリを開きます。

Store という新しいテーブルを追加します

左ペインから、データ を選択します。
データの追加 を選択します。
新しいテーブルの作成 を選択します。
テーブル名をに「Store」と入力し、作成を選択します。
列の追加 ボタンを選択し、新しい列を挿入します。
「店舗番号」として列の名前を入力し、作成を選択します。
テーブルにいくつかのサンプルレコードを追加し、閉じる を選択します。

品目の更新画面

品目画面で検査を表示できるように、以下のコントロールの式を更新します。

ツリービュー で lblIssues_Header のラベルを検索して選択します。
Text プロパティを選択します。

式の次の部分を置き換えします。

式セクションを削除します:

With(
{
    varDefault: "Issues reported (" & CountRows(
        Filter(
            locSelectedInspection,
            Outcome = 'Inspection Outcome'.Issue
        )
    ) & ")",
    varOOBTextId: "_translateVariable_IssuesHeader",
    varParam0: "(" & CountRows(
        Filter(
            locSelectedInspection,
            Outcome = 'Inspection Outcome'.Issue
        )
    ) & ")"
},

式セクションを追加します:

With(
{
    varDefault: "Issues reported (" & CountRows(
        Filter(
            galInspections.Selected.'Area Inspection Steps',
            Outcome = 'Inspection Outcome'.Issue
        ).'Area Inspection Step'
    ) & ")",
    varOOBTextId: "_translateVariable_IssuesHeader",
    varParam0: "(" & CountRows(
        Filter(
            galInspections.Selected.'Area Inspection Steps',
            Outcome = 'Inspection Outcome'.Issue
        ).'Area Inspection Step'
    ) & ")"
},

ツリービュー で lblNoIssues_Header のラベルを検索して選択します。
Text プロパティを選択します。

式の次の部分を置き換えします。

式セクションを削除します:

With(
{
    varDefault: "No issues (" & CountRows(
        Filter(
            locSelectedInspection,
            Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
        )
    ) & ")",
    varOOBTextId: "_translateVariable_NoIssuesHeader",
    varParam0: "(" & CountRows(
        Filter(
            locSelectedInspection,
            Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
        )
    ) & ")"
},

式セクションを追加します:

With(
{
    varDefault: "No issues (" & CountRows(
        Filter(
            galInspections.Selected.'Area Inspection Steps',
            Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
        ).'Area Inspection Step'
    ) & ")",
    varOOBTextId: "_translateVariable_NoIssuesHeader",
    varParam0: "(" & CountRows(
        Filter(
            galInspections.Selected.'Area Inspection Steps',
            Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
        ).'Area Inspection Step'
    ) & ")"
},

ツリービュー で galNoIssuesAttachments のギャラリーを検索して選択します。
Items プロパティを選択します。

式の次の部分を置き換えします。

式セクションを削除します:

ThisItem.'Area Inspection Images'

式セクションを追加します:

LookUp('Area Inspection Steps','Area Inspection Step'=ThisItem.'Area Inspection Step').'Area Inspection Images'

ツリービュー で galIssuesAttachments のギャラリーを検索して選択します。
Items プロパティを選択します。

式の次の部分を置き換えします。

式セクションを削除します:

ThisItem.'Area Inspection Images'

式セクションを追加します:

LookUp('Area Inspection Steps','Area Inspection Step'=ThisItem.'Area Inspection Step').'Area Inspection Images'

ツリービュー で galNoIssues のギャラリーを検索して選択します。
Items プロパティを選択します。

式の次の部分を置き換えします。

式セクションを削除します:

Sort(
Filter(
    locSelectedInspection,
    Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
),
Value(Sequence),
Ascending
)

式セクションを追加します:

Sort(
Filter(
    galInspections.Selected.'Area Inspection Steps',
    Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
),
Sequence,
Ascending
)

ツリービュー で galIssues のギャラリーを検索して選択します。
Items プロパティを選択します。

式の次の部分を置き換えします。

式セクションを削除します:

Sort(
Filter(
    locSelectedInspection,
    Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
),
Value(Sequence),
Ascending
)

式セクションを追加します:

Sort(
Filter(
    galInspections.Selected.'Area Inspection Steps',
    Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
),
Sequence,
Ascending
)

エリア検査テーブルに店舗をキャプチャする列を追加します

左側のナビゲーションメニューから データ を選択します。
エリア検査 テーブルを見つけて、... (省略記号) を選択します。
データの編集 を選択します。
列の追加 を選択し、テーブル名を "Store"、タイプを "Lookup"、関連テーブルを "Store" と入力します。
作成を選択します。
閉じる を選択します。

店舗のギャラリーで新しい画面を追加します

左ペインからツリービューを選択します。
ツリービューの画面で、新規を選択します。
空白のレイアウトを選択します。
画面の名前を "StoreSelectionScreen" に変更します。
Fill プロパティを gblAppStyles.Background.Fill に更新します。
挿入を選択して、ギャラリーに新しい画面を追加します。
データソースとして、店舗を選択します。
ギャラリーの名前を "StoresGallery" に変更します。
ギャラリーに次の StoresGallery プロパティを設定します。

プロパティ値

テンプレートサイズ 108

フォントサイズ 20

Title4 の高さ 45

ラベル Subtitle4 のフォントサイズ 18

ラベル Subtitle4 の高さ 45
アイテム 画面に移動し、画面のトップから戻るボタンをコピーします。
コピーしたボタンを新しい画面に貼り付けます。
前の手順を繰り返して、ラベル lblIndividualAreasHeader を場所としてテキストを読み出しているアイテム画面から、新しい画面にコピーします。
ラベルの Y プロパティを btnBackToHome_1.Y+btnBackToHome_1.Height に設定します。

プロパティ	値
テンプレートサイズ	108
フォントサイズ	20
Title4 の高さ	45
ラベル Subtitle4 のフォントサイズ	18
ラベル Subtitle4 の高さ	45

次のギャラリーのプロパティに StoresGallery を設定します。

プロパティ	値
年	`btnBackToHome_1.Height+lblIndividualAreasHeader_1.Height`
高さ `Parent.Height-btnBackToHome_1.Height- lblIndividualAreasHeader_1.Height`
OnSelect	`Set(gblSelectedStore,ThisItem);Navigate('Items Screen')`

アイテムに移動して、トップの ホームに戻る ボタンを選択し、次のボタンのプロパティを更新します。

プロパティ価値

OnSelect Navigate(StoreSelectionScreen, ScreenTransition.Fade)

テキスト "Back to Store Selection"
チェックリスト手順 画面に移動します。
画面の OnVisible プロパティを選択し、エリア検査 アプリを更新するパッチ関数を更新して、数式のストア値を追加します。
```
, Store: gblSelectedStore
```

プロパティ	価値
OnSelect	`Navigate(StoreSelectionScreen, ScreenTransition.Fade)`
テキスト	`"Back to Store Selection"`

ツリービューから、ようこそ画面を選択します。
検査を実行する (btnInspect) ボタンを選択します。
ボタンの OnSelect プロパティから ナビゲート 機能を更新して、アイテム 画面ではなく StoreSelectionScreen 画面に移動し、残りの数式は変更しません。
```
Navigate(
StoreSelectionScreen,
ScreenTransition.Fade
);
```

検査アプリを発行する

検査アプリの変更がすべて完了しました。これで、右上の Teams に公開 ボタンを選択してアプリを公開できます。

Teams に公開

検査アプリのレビューを編集する

Teams で Power Apps を開きます。
トップのリボンから ビルド タブを選択します。
検査アプリをインストールしたチームを選択します。
エディターでアプリを開いて、検査のレビュー を選択します。
左ペインから、データ を選択します。
追加データを選択して、店舗テーブルをこのアプリのデータベースに追加します。
エリア検査 テーブルを最新の情報に更新することで、店舗の列がテーブルに表示されます。

検査で店舗を表示するためのラベルを追加します

ツリービューを開き、アイテム画面を選択します。

グループ grpInspectionSteps の下で、"lblInspection_SubmissionDetails" というラベルを選択して、その テキスト プロパティを次の数式に更新します。

If(
    DateDiff(
        Date(
            Year(galInspections.Selected.createdon),
            Month(galInspections.Selected.createdon),
            Day(galInspections.Selected.createdon)
            ),
        Today(),
        Days
            ) = 0,
If(
    DateDiff(
        Date(
            Year(galInspections.Selected.createdon),
            Month(galInspections.Selected.createdon),
            Day(galInspections.Selected.createdon)
            ),
        Today(),
        Hours
            ) > 0,
    galInspections.Selected.Store.Name & " | Submitted by " &
    galInspections.Selected.createdby.'Full Name' & ", " & DateDiff(
    Date(
        Year(galInspections.Selected.createdon),
        Month(galInspections.Selected.createdon),
        Day(galInspections.Selected.createdon)
        ),
    Today(),
    Hours
            ) & " hrs ago",
If(
    DateDiff(
        Date(
            Year(galInspections.Selected.createdon),
            Month(galInspections.Selected.createdon),
            Day(galInspections.Selected.createdon)
            ),
    Today(),
    Hours
    ) = 0,
//"minutes ago"
galInspections.Selected.Store.Name & " | Submitted by " &
galInspections.Selected.createdby.'Full Name' & ", minutes ago"
,
If(
    DateDiff(
    Date(
        Year(galInspections.Selected.createdon),
    Month(galInspections.Selected.createdon),
    Day(galInspections.Selected.createdon)
        ),
    Today(),
    Days
    ) = 1,
    //"yesterday",
    galInspections.Selected.Store.Name & " | Submitted by " &
    galInspections.Selected.createdby.'Full Name' & ", yesterday",
    galInspections.Selected.Store.Name & " | Submitted by " &
    galInspections.Selected.createdby.'Full Name' & ", " & DateDiff(
    Date(
        Year(galInspections.Selected.createdon),
        Month(galInspections.Selected.createdon),
        Day(galInspections.Selected.createdon)
        ),
    Today(),
    Days
    ) & " days ago"
)
)
)
)

アプリをテストする

インストールされているチームで検査アプリを開きます。
Studio 内で実行している場合は、ツリービューからようこそ画面を選択し、プレビュー を選択します。
検査実行 を選択します。
店舗選択画面が開くことを確認します。
店舗を選択します。次の画面はアイテム画面になります。
場所を選択します。
次の画面で食品検査チェックリストを選択します。
検査開始 ボタンを選択します。
検査の一部である質問に答えてから、検査のレビュー を選択します。
次の画面で 検査を提出する を選択します。
次に、インストールされているチームのトップにある 検査のレビュー タブを選択して、検査のレビュー アプリにログインします。
以前に選択した場所を選択して、実行された検査のリストを表示します。
以前に提出された検査を選択します。
画面には店舗名が表示されます。

検査場所に階層を追加する

前提条件

検査アプリを編集する

Store という新しいテーブルを追加します

品目の更新画面

エリア検査テーブルに店舗をキャプチャする列を追加します

店舗のギャラリーで新しい画面を追加します

ようこそ画面のナビゲーションを更新する

検査アプリを発行する

検査アプリのレビューを編集する

検査で店舗を表示するためのラベルを追加します

アプリをテストする

関連項目

フィードバック