請求管理確認・更新_基本設計


{success} 請求情報画面の一覧部分の基本的事項を明記します。


概要

請求情報を管理する画面です。基本的には確認用として利用します。

一件ずつの詳細を確認・操作します。

決済状態(入金済み・未入金)の変更、備考の登録、決済情報の削除が操作できます。

返金処理は現在考慮外です。


基本情報

名称 定義 備考
ディレクトリ components/views/claim vue.js のディレクトリです。
component claim-detail vue.js の componennt 名です。
ファイル名はOrganizationDetail
route /claim route 名です。

画面レイアウト図

設計時:

image


画面項目

{primary} 画面に表示する項目等の情報を記載します。

No. 物理名 項目・論理名 タイプ 必須 備考
0 - 編集 button -
1 name 監理団体名称 text -
2 amount 金額 text/input
3 payment_type 請求種類 text 1:毎月 5:初月 10:アカウント停止
4 plan プラン人数 text
5 payment_year 支払年 text
6 payment_month 支払月 text
7 payment_method 支払方法 text - 1:クレジット  5:コンビニ払い
8 payment_timing 支払時期 text - 1:月払い  5:年払い
9 credit_card_number カード下四桁 text -
10 billing_confirmed_at 請求確定日時 text -
11 settled_at 決済日時 text -
12 status 状態 text/radio 1:未入金 2:入金済み
13 remarks 備考 text/textarea -
14 basic_charge_unit_price 基本料金単価 text/input -
15 pay_per_use_price 従量課金単価 text/input -
16 - 削除 button -
17 - 更新 button -

画面アクション

{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理(フロント)を記載します。

対象 No. 項目名 処理内容
0 編集 押下で text を該当の form に変更
13 削除 押下したらアラート出して二段階にすること。その際、アカウントの状態は会員管理から変更してくださいと注意

※決済日が入っていたら(決済済みの場合= payment_status が入金済みでも OK)payment_status の更新以外、削除も更新も不可とする。


処理

{primary} 本画面に関する処理を記載します。主にシステムの処理(バックエンド)を記載します。

No. 項目名 処理内容
1 請求管理情報取得 API 請求管理情報取得_API
2 請求管理更新 API 請求管理更新_API
3 請求管理削除 API 請求管理削除_API

詳細設計

請求管理確認・更新