購入者にも特別単価を設定できるようにする(フロント)

紹介者ランキングは今のまま残し、売上ページに「購入者一覧」のタブを追加する形で画面イメージを作成しました。

変わるところ

場所現在案
売上ページのタブ・サイドバー売上管理 / 振込履歴 / 販売履歴 / 紹介者ランキング「購入者一覧」を追加
紹介者ランキング紹介者を順位付きで表示変更なし
購入者一覧の項目(なし)ユーザー名、購入日、紹介率、特別単価
購入者一覧の並び順(なし)購入日の新しい順(APIが返す順のまま)
0件のとき(なし)購入者はいません
記事が購入されると、ここで確認することができます。
ページ下部の注記(なし)※記事を購入したユーザーに対して特別単価を設定することで、紹介料の割合を最大10%まで上乗せすることができます。
一覧の取得に失敗したとき(なし)サーバーエラーにつき購入者一覧の取得に失敗しました。…

画面イメージ

購入者一覧

購入者一覧(PC)。購入者が購入日の新しい順に並び、それぞれに特別単価を設定するボタンがある
PC
購入者一覧(スマホ)
スマホ

紹介者ランキング(今のまま)

紹介者ランキング。今と同じく紹介者だけが順位付きで並ぶ

購入者一覧が0件のとき

購入者一覧が0件のときの表示

デモ

紹介者ランキングから購入者一覧に移り、購入者に特別単価を設定しています。

補足

購入者一覧用のAPIが必要になりそうです。紹介者ランキングのAPIは、今と同じく紹介者だけを返す形にします。購入者に特別単価を設定できるようにする部分は、今のAPI対応をそのまま使えます。