画面設計｜ログイン画面

{success} アカウント一覧・編集画面の画面設計を明記します。

基本情報

名称 定義 備考
ディレクトリ components vue.jsのディレクトリです。
component login.vue vue.jsのcomponennt名です。
route login

画面レイアウト図

基本設計時　ログイン画面：

image image

コーディング後：

項目名

STEP1

No. 項目名 タイプ 必須 アクション有無 備考
1 監理団体ID 入力 ○ - -
2 ログインID 入力 ○ - -
3 次へ button - - STEP2へ遷移する

STEP2

No. 項目名 タイプ 必須 アクション有無 備考
1 監理団体ID 表示 - - -
2 メールアドレス 表示 - - -
3 パスワード 入力 ○ - -
4 パスワードを忘れた方はこちら リンク - - パスワードリセット画面に遷移する
5 戻る button - - STEP1へ戻る
6 ログイン button - - KIZUNA管理画面にログインする
- ログインID - - - メールアドレスに変更となったため表示項目から削除

アクション

アクション

No. 項目名 処理内容
- - -

その他補足

その他補足

No. 項目名 処理内容
- - -