画面設計|実習実施先 / 詳細画面の補足事項


{success} 実習実施先の詳細画面の補足事項について明記します。


基本情報

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

画面レイアウト図

基本設計時 実習実施先 プロフィール、タブメニュー:

image

コーディング後:


項目名

プロフィール

No. 項目名 タイプ 必須 アクション有無 備考
1 画像 表示 - - -
2 実習実施先名 表示 - - -
3 住所 表示 - - -
4 マップ アイコンbutton - - 実習実施先[ マップ検索 ]画面に遷移
5 電話番号 表示 - - -
6 移行対象職種 表示 - - -
6 技能実習生アイコン アイコン - - 技能実習生一覧モーダルが表示される。アイコンには所属している技能実習生の数を表示
7 実習実施先アカウント button - - 実習実施先アカウントのモーダル表示
8 各種手続き button - - 各種手続き画面に遷移する
9 対応履歴 button - - 実習実施先[ 対応履歴 ]画面に遷移
10 書類保管 button - - 実習実施先[ 書類保管 ]画面に遷移
11 バー(閉じる) button - プロフィールコンテンツを開閉することで、編集側のコンテンツの横幅が可変する

タブメニュー

No. 項目名 タイプ 必須 アクション有無 備考
1 基本情報 リンク - - 基本情報画面に遷移する
2 実績 リンク - - 実績画面に遷移する
3 役員 リンク - - 役員画面に遷移する
4 事業所 リンク - - 事業所画面に遷移する
5 指導員 リンク - - 指導員画面に遷移する
7 雇用条件設定 リンク - - 雇用条件設定画面に遷移する
8 届出・報告・記録書類 リンク - - 実習実施先[ 書類関連 ]画面に遷移
6 技能実習生一覧 リンク - - モーダルで表示するため、画面削除

所属している技能実習生一覧モーダル

No. 項目名 タイプ 必須 アクション有無 備考
1 氏名・カナ リンク - - 選択した技能実習生の詳細画面に遷移する
2 性別 表示 リンク - -
3 閉じる 表示 - 実習実施先情報削除モーダルを閉じる
- 削除日 - - - 表示項目から削除
- 削除理由 - - - 表示項目から削除

実習実施先アカウントモーダル

No. 項目名 タイプ 必須 アクション有無 備考
2 編集 button - -
3 閉じる button - 登録・編集時のみ表示
4 監理団体ID 表示 - - -
5 実習実施先名 入力 - -
6 ログインID 入力 - -
7 パスワード 入力 - ※新規登録時のみ必須
8 閉じる button - 新規作成では表示されない
9 登録・更新 button - -

アクション

実習実施先アカウントモーダル

No. 項目名 処理内容
1 編集 背景が反転してコンテンツが入力モードに切り替わる
2 閉じる 入力から表示モードに切り替わる
3 登録・更新 作成・編集している実施先アカウント情報を更新する

その他補足

その他補足

No. 項目名 処理内容
1 未登録がある場合のタブメニューについて タブメニューの上に赤点をつける。未登録がなければ非表示