画面設計｜パスワードのリセット画面
{success} パスワードのリセット画面の画面設計を明記します。
基本情報
| 名称 |
定義 |
備考 |
| ディレクトリ |
components |
vue.jsのディレクトリです。 |
| component |
forgotPassword.vue |
vue.jsのcomponennt名です。 |
| route |
password/ |
|
画面レイアウト図
基本設計時 パスワードの再設定画面：
コーディング後：
項目名
STEP1
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
監理団体ID |
入力 |
○ |
- |
- |
| 1 |
メールアドレス |
入力 |
○ |
- |
- |
| 2 |
ログイン画面に戻る |
リンク |
- |
- |
ログインのSTEP1に戻る |
| 2 |
送信 |
button |
- |
- |
パスワードリセットのSTEP2へ遷移する |
STEP2
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
ログイン |
button |
- |
- |
KIZUNA管理画面にログインする |
アクション
一覧
その他補足
その他補足
| No. |
項目名 |
処理内容 |
| 1 |
送信 |
入力されたメールアドレス宛にリセットメールを送信。
パスワードリセットメールのリンク有効期限は24時間 |