代理店管理一覧＿基本設計
{success} 代理店管理一覧画面の
一覧部分の基本的事項を明記します。
概要
KIZUNAを販売してくれる代理店の一覧画面です。
本機能で登録された代理店を監理団体に紐づけ、どの代理店がどの管理団体を獲得したかを管理するための機能です。
業務フローは概要を確認してください。
尚、代理店へのインセンティブ支払があるため、監理団体獲得数の取得に注意が必要です。
ユースケース
CMPS管理者 が 代理店数の確認 代理店へのインセンティブ計算 をします。
基本情報
| 名称 | 定義 | 備考 |
|---|---|---|
| ディレクトリ | components/views/agency | vue.js のディレクトリです。 |
| component | agency-list | vue.js の componennt 名です。 ファイル名はagencyList |
| route | /agency | route 名です。 |
画面レイアウト図
設計時：
画面項目
{primary} 画面に表示する項目等の情報を記載します。
| No. | 項目名 | タイプ | 備考 |
|---|---|---|---|
| 1 | 新規作成ボタン | button | 新規作成フォームをコンテンツ部分に表示 |
| 2 | 検索 | search | 名前/メアド/法人名 空白区切り で LIKE 検索 |
| 3 | 一覧 | button | ID/名前/申込日/総件数 を一覧表示 ｜ 押下でコンテンツ部分に詳細表示 |
画面アクション
{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理（フロント）を記載します。
| 対象 No. | 項目名 | 処理内容 |
|---|---|---|
| 新規作成 | 1 | 新規作成ボタンを押下で、空のフォーム表示 |
| 検索 | 2.3 | onchange で API 実行/一覧に該当する代理店を表示/空白に更新で全表示 |
| 一覧 | 3 | 押下で情報取得 API 実行 → 詳細をコンテンツ部分に表示 / 50 件ごとに取得 / 無限スクロール |
処理
{primary} 本画面に関する処理を記載します。主にシステムの処理（バックエンド）を記載します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 1 | 代理店一覧取得 | 代理店一覧＿API |