申請内の項目に申請書のステータスを表示する

申請内の項目に申請書のステータスを表示するサンプルをご紹介します。

サンプルについて

本サンプルのソースコードについてや、カスタマイズ方法等の技術的なお問合せは承っておりません。

利用するイベント

• 申請書閲覧・判定画面イベント
• 文書の概要取得

サンプルフォーム

サンプルで利用するフォームには、以下のパーツを配置しています。

パーツID	パーツタイプ	補足
fidDetermStatus	テキスト（一行）パーツ

カスタマイズコード

(function () {
    'use strict';
    collaboflow.events.on('request.detail.show', function (data) {
      const path = '/v1/documents/' + data.document_id;
      const parameters = {
          'app_cd': data.app_cd
      };

      // 文書の概要取得API
      return collaboflow.api.get(path, parameters)
          .then(function (response) {
            const status = response.body.flow_status;

            if (status === 'decision') {
              data.parts['fidDetermStatus'].value = '決裁';
            }

            if (status === 'reject') {
              data.parts['fidDetermStatus'].value = '却下';
            }
          })
          .catch(function (err) {
              console.error(err);
          });
    });
  })();

動作の確認手順

1. サンプルのカスタマイズコードをjsファイルに保存します。
2. アプリ設定 > フォーム設定から新規に通常フォームを作成します。
3. サンプルフォームに、先で記載されている必要な項目を配置します。
4. サンプルフォームを再度表示し、カスタマイズのタブを表示します。
5. 保存したファイルをアップロードします。
6. アプリ設定 > 経路設定から新規に経路を作成します。
7. 新規文書から作成した経路名をクリックします。
8. 申請をおこないます。
9. 申請をおこなった申請書を決裁または却下します。
10. 決裁または却下した申請書をクリックします。

動作イメージ