アカウント確認・更新＿基本設計
{success} アカウント一覧部分で押下した際のの
コンテンツ部分の基本的事項を明記します。
概要
KIZUNAを運営する本システムにログインできるアカウントの詳細確認・変更画面です。
詳細取得API→必要があれば更新API→再度詳細取得APIで最新に更新します。
基本情報
| 名称 | 定義 | 備考 |
|---|---|---|
| ディレクトリ | components/views/account | vue.jsのディレクトリです。 |
| component | account-detail | vue.jsのcomponennt名です。 ファイル名はAccountDetail |
| route | /account | route名です。 |
画面レイアウト図
設計時：
画面項目
{primary} 画面に表示する項目等の情報を記載します。
| No. | 物理名 | 項目・論理名 | タイプ | 必須 | 備考 |
|---|---|---|---|---|---|
| 0 | - | 編集 | button | - | text/inputとなっている項目をinputにして更新ボタン表示 |
| 1 | name | アカウント名称 | text/input | - | 25まで |
| 2 | login_id | ログインID | text/input | - | 255迄/メアド |
| 3 | password | パスワード | text/input | - | パスワードをここから編集できるように/default*8桁 /英数小文字8桁以上 |
| 4 | 更新 | 更新ボタン | text/input | - |
画面アクション
{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理（フロント）を記載します。
| 対象No. | 項目名 | 処理内容 |
|---|---|---|
| 編集 | 1 | 押下でtext/inputをinputに変更し、更新ボタンを表示 |
| 更新 | 4 | 押下で更新→再度詳細取得API実行（flashで状態を表示する（成功等）） |
処理
{primary} 本画面に関する処理を記載します。主にシステムの処理（バックエンド）を記載します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 1 | アカウント情報取得 | アカウント情報取得＿API |
| 2 | アカウント更新 | アカウント更新＿API |