請求書発行
{success} KIZUNA 利用料金に関する請求書を PDF でダウンロードできる画面です。
概要
マスターアカウントのみアクセスできます。
監理団体メニューに（右上ドロップダウン内）設置します。
KIZUNA 利用料金に関する請求書を 閲覧・ダウンロードできる画面です。
尚、入金済みのみ領収書としてＰＤＦの発行が可能となり、それ以外は確認をする表示となります。
全件一度に取得します。
アカウント停止時の場合でもアクセスできます。
基本情報
| 名称 | 定義 | 備考 |
|---|---|---|
| ディレクトリ | components/payment | vue.js のディレクトリです。 |
| component | payment_invoice | vue.js の componennt 名です。 |
| route | /payment/payment_invoice | route 名です。 |
画面レイアウト図
設計時：
画面項目
{primary} 画面に表示する項目等の情報を記載します。
| No. | 物理名 | 項目・論理名 | タイプ | 必須 | 備考 |
|---|---|---|---|---|---|
| 0 | - | 詳細確認 | button | - | |
| 1 | billing_confirmation_date | 請求確定日 | text | - | |
| 2 | settlement_date | 決済処理日 | text | - | |
| 3 | amount | 金額 | text | - | |
| 4 | plan | プラン | text | - | |
| 5 | payment_method | 支払い方法 | text | - | 1：クレジット 5：コンビニ払い |
| 6 | status | 決済状況 | text | - | 1:未入金 5:入金済み 10:処理失敗 |
| 7 | - | PDF発行 | button | - | 領収書のＰＤＦ発行｜ステータスが5の時だけ表示 |
画面アクション
{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理（フロント）を記載します。
| 対象 No. | 項目名 | 処理内容 |
|---|---|---|
| 0 | 詳細確認 | 押下でモーダル表示 → 請求情報取得ＡＰＩで取得した情報を表示(API仕様書を確認してください/支払方法に応じて表示が少し異なります。) |
| 0 | 詳細確認モーダル | 表示したモーダル内、クレジット払いなら、カード番号表示 / コンビニ払いなら支払情報表示（空の場合あるかもしれないので考慮） |
| 7 | ＰＤＦ | 押下で PDF を別タブで表示 尚、入金済みのみ表示すること |
処理
{primary} 本画面に関する処理を記載します。主にシステムの処理（バックエンド）を記載します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 0 | 請求情報一覧取得 | GET/請求情報一覧取得 |
| 1 | 請求情報取得 | GET/請求情報取得 |
| 2 | アクセス制御 | マスターアカウント以外ははじく |
テンプレート
下記よりダウンロードしてください。