画面設計｜アカウント一覧画面
{success} アカウント一覧画面の画面設計を明記します。
基本情報
| 名称 | 定義 | 備考 |
|---|---|---|
| ディレクトリ | components | vue.jsのディレクトリです。 |
| component | account.vue | vue.jsのcomponennt名です。 |
| route | account |
画面レイアウト図
画面項目
{primary} 画面に表示する項目等の情報を記載します。
| No. | 項目名 | タイプ | 必須 | アクション有無 | 備考 |
|---|---|---|---|---|---|
| 0 | 新規作成 | button | - | - | - |
| 1 | 絞り込み | select | - | ○ | |
| 2 | 検索 | search | - | ○ | |
| 3 | 編集 | リンク | - | - | - |
| 4 | メールアドレス | 一覧 | - | - | - |
| 5 | 名前 | 一覧 | - | - | - |
| 6 | 権限 | 一覧 | - | - | - |
| 7 | 登録日時 | 一覧 | - | - | - |
| 8 | 更新日時 | 一覧 | - | - | - |
| 9 | 削除 | button | - | - | - |
基本事項
{primary} 本機能での基本事項を明記します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 1 | 検索機能 | メールアドレス、名前@LIKE検索 |
| 2 | 絞り込み | 権限で絞り込み マスター 管理者 一般 |
| 3 | 表示 | 削除されたものは表示しない |
画面アクション
{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理（フロント）を記載します。
| No. | 項目名 | 処理内容 |
|---|
処理
{primary} 本画面に関する処理を記載します。主にシステムの処理（バックエンド）を記載します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 1 | アカウントの一覧取得 | 50件ずつ |
| 2 | ページャー設定 | ページャーの表示制御 |
| 3 | 絞り込み・検索機能 | 絞り込み・検索機能 |
| 4 | 削除機能 | 削除機能 |
ページ権限
{danger} アカウント権限制御 をチェック