メインコンテンツまでスキップ

ノード毎にフォーム項目の表示・入力モードを切り替える

ノード毎にフォーム項目の表示/非表示、および、入力可否を設定する方法を解説します。

注記

「Accel-Mart Quick ワークフロー管理者」ロールを持つユーザで実施してください。

利用シーン​

以下のようなことが実現可能です。

  • あるフォーム項目を特定のノードでのみ入力できるようにする
  • あるフォーム項目を特定のノードでは非表示にする
  • ファイルアップロードの入力可否をノード毎に設定し、ファイル添付できるノードを制限する
備考

申請画面と承認画面でフォーム項目の表示/非表示や入力可否を変更したい場合は、プロパティの「表示タイプ」で設定が可能です。手順は、「申請時と承認時で表示項目が一部異なるフォームを作成する」を参照してください。
承認画面について、ノード間で表示・入力させたい項目が異なる場合は、このチュートリアルの手順を参考にしてください。

概要​

このチュートリアルでは、作業依頼のワークフローを作成します。このワークフローに関係するアクターは次の通りです。

  • 申請者:作業の依頼者です。依頼内容を記入して、ワークフローを申請します。
  • 責任者:作業の責任者です。依頼内容を参照し、実施して問題ない内容かどうかを確認します。問題なければ、ワークフローを承認します。
  • 作業者:実際に作業を行う人物です。依頼内容を確認して作業を実施します。作業後、作業内容を記入してワークフローを承認します。

完成イメージ​

以下のような承認経路のワークフローを作成します。

作成するワークフローの承認経路

作成するフォームについて、各ノードで表示される項目・入力可能な項目は以下の通りに設定します。

作成するワークフローの承認経路

以下の動画は、このチュートリアルにおいて、「作業者」のノードで「作業結果」を入力可に設定する部分の手順を抜粋したものです。チュートリアルと併せてご覧ください。

前提とする内容​

このチュートリアルの解説は、以下の内容を理解していることを前提とし、一部手順の説明を省略しています。手順でわからない部分があった場合は、こちらを参照してください。

ルート定義を設定する​

ワークフローを新規作成し、承認経路の設定を行います。

  1. メニューの「管理」→「ノーコード開発」→「ワークフロー設定」にアクセスし、「新規登録」をクリックします。

  2. 以下の通りに選択・入力して「登録」をクリックします。

    • ルート作成方法:新規にルートを作成する
    • BIS名:【チュートリアル】作業依頼申請
  3. ルート定義で、以下のように「承認」ノードを配置します。

    承認ノードの配置

  4. 「申請」ノードを選択し、処理対象者を設定します。「ロール」検索から「Accel-Mart Quick ワークフロー管理者」を選択してください。

  5. 「承認」ノードのノード名を以下のように変更します。処理対象者は全て「申請者」に設定します。

    ノード名の変更

    ヒント

    このチュートリアルでは、各ノードでの表示内容の確認を行いやすくするために、申請者がそのまま後続のノードを全て処理できる設定にしています。実際にこのようなフローを作成する場合は、「申請者確認」以外のノードにはそれぞれ適切な組織や役職、ロールを処理対象者として設定してください。

  6. 「登録」ボタンをクリックして、ルート定義を登録します。

  7. 「IM-BIS-フロー編集」画面が表示されます。次は、フォームを設定していきます。

フォームを設定する​

申請に使用するフォームを作成します。

  1. 「申請」アイコンをダブルクリックして、「フォーム-登録」画面を表示します。

    申請ノードへのフォームの設定

  2. フォーム名に「作業依頼申請フォーム」と入力し、「登録」ボタンをクリックします。

  3. 「フォーム編集」画面が表示されます。

  4. 「ヘッダーとフッター」をクリックし、以下のように設定します。

    ヘッダーの設定

  5. ツールキットから入力アイテム「日付」と「複数行文字列」(2つ)を以下のように配置します。

    アイテムの配置

  6. 「日付」のプロパティを以下のように設定します。

    タブ項目名設定内容
    基本設定ラベル作業希望日
    詳細設定フィールド識別IDdesired_date
    フィールド識別名作業希望日
    アイテム名作業希望日
    アイテム名

    ノード毎の表示・入力モードを設定する際にアイテム名を使用するため、分かりやすい名称をつけてください。

  7. 上側に配置した「複数行文字列」のプロパティを以下のように設定します。

    タブ項目名設定内容
    基本設定ラベル依頼内容
    詳細設定フィールド識別IDcontent
    フィールド識別名依頼内容
    アイテム名依頼内容
    表示タイプの設定

    「作業希望日」、および、「依頼内容」の項目は申請時に入力し、承認時は参照のみさせたいため、標準の設定のまま変更しません。

  8. 下側に配置した「複数行文字列」のプロパティを以下のように設定します。

    タブ項目名設定内容
    基本設定ラベル作業結果
    詳細設定フィールド識別IDresult
    フィールド識別名作業結果
    アイテム名作業結果
    表示タイプ申請:非表示
    再申請:非表示
    承認:参照
    参照:参照

    「作業結果」のプロパティ設定

    表示タイプの設定

    「作業結果」の項目は申請時には表示したくないため、設定を上記の通り変更します。

  9. ボタンアイテムから「ボタン(処理モーダル)」と「ボタン(一時保存モーダル)」を配置します。

    ボタンアイテムの配置

  10. 「更新」をクリックして、フォームの設定内容を保存します。

  11. 「フォーム編集」画面を閉じ、「IM-BIS-フロー編集」画面を表示します。

  12. 申請ノードに設定したフォームを他のノードに共有します。「申請」アイコンを右クリックし、「共有」を選択します。

  13. 「管理者」アイコンを右クリックして、「貼り付け」を選択します。他のノードにも同様に貼り付けます。

  14. これでフォームの設定は完了です。次は、ノード毎にフォーム項目の表示・入力モードを設定します。

ノード毎にフォーム項目の表示・入力モードを設定する​

「フォームを設定する」で設定した表示タイプからノード毎に変更したいものについて設定していきます。
フォームの「作業結果」の項目について、表示タイプの設定のみを行った場合と、実際に設定したい内容の乖離は以下の表の通りです。

ノード名申請責任者作業者申請者確認
表示タイプの設定のみ非表示参照参照参照
実際に設定したい内容非表示非表示入力可参照

表の強調部分について、ノード毎に追加の設定が必要であることが分かります。以降の手順でその設定を行っていきます。

  1. まず、「責任者」のノードに対して設定を行います。項目を非表示にしたいため、「表示モード」の設定が必要です。

  2. 「責任者」ノードを右クリックして、「表示モード設定」をクリックします。

    表示モード設定

  3. 「表示モード設定 - 責任者」ダイアログが開きます。左下の「登録」をクリックします。

    表示モードの登録

  4. 「表示モード登録」ダイアログが開きます。

  5. 下記のように選択し、「登録」をクリックします。

    項目設定内容
    アイテム名作業結果
    表示モード非表示

    表示モードの登録内容

    アイテム名について

    「アイテム名」には「フォームを設定する」でアイテムのプロパティに設定した「アイテム名」が表示されます。

    フォーム名の選択

    画面遷移設定を利用して1つのノードに複数のフォームを設定している場合は、フォーム名を選択します。画面遷移設定を利用していない場合は選択肢が1つしかないため、選択不要です。

  6. 「表示モード設定 - 責任者」ダイアログを閉じます。これで「責任者」ノードの設定は完了です。

  7. 次に、「作業者」のノードに対して設定を行います。項目を入力可にしたいため、「入力モード」の設定が必要です。

  8. 「作業者」ノードを右クリックして、「入力モード設定」をクリックします。

    入力モード設定

  9. 「入力モード設定 - 作業者」ダイアログが開きます。左下の「登録」をクリックします。

    入力モードの登録

  10. 「入力モード登録」ダイアログが開きます。

  11. 下記のように選択し、「登録」をクリックします。

    項目設定内容
    アイテム名作業結果
    入力モード入力可

    入力モードの登録内容

  12. 「入力モード設定 - 作業者」ダイアログを閉じます。

  13. 最後に、「定義の反映」をクリックします。これで必要な設定は全て完了です。

作成したワークフローを申請・承認する​

作成したワークフローを実際に申請・承認し、各ノードでの表示、および、入力可否を確認します。

  1. メニューの「申請」から「申請一覧」画面を表示します。

  2. 「【チュートリアル】作業依頼申請」を選択します。

  3. 「作業依頼申請」のフォームが表示されます。「作業希望日」「依頼内容」を入力して申請します。

    申請画面の表示内容

  4. 案件が申請され、「責任者」ノードに進みます。次は、「責任者」ノードでの表示を確認します。

  5. メニューの「承認」から「案件一覧」画面を表示します。

  6. 「未処理」から先ほど申請した案件を選択し、「処理」アイコンをクリックします。

  7. 「作業結果」アイテムが表示されていないことを確認します。

    「責任者」ノードでの表示内容

  8. 確認できたら、承認します。

  9. 次に、案件は「作業者」ノードに進みます。「作業者」ノードでの表示を確認します。

  10. 「作業結果」アイテムが表示され、入力可能になっていることを確認します。

    「作業者」ノードでの表示内容

  11. 「作業結果」を入力し、承認します。

  12. 最後に、「申請者確認」ノードでの表示を確認します。

  13. 「作業結果」アイテムに「作業者」ノードで入力した内容が表示されており、入力はできないことを確認します。

    「申請者確認」ノードでの表示内容

  14. 確認ができたら、承認して案件を完了させます。これで、フォーム項目の表示・入力可否が意図通りに設定できていることを確認できました。