画面設計｜技能実習生 / 詳細画面の補足事項

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

基本情報

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

画面レイアウト図

基本設計時　技能実習生 プロフィール、タブメニュー：

image

コーディング後：

項目名

プロフィール

No. 項目名 タイプ 必須 アクション有無 備考
1 画像 表示 - - -
2 ステータス 表示 - - -
3 氏名 表示 - - -
4 氏名（カナ） 表示 - - -
5 性別 表示 - - -
6 生年月日 表示 - - -
7 区分 表示 - - -
8 実習実施先 表示 - - -
9 送出機関 表示 - - -
10 所属実習実施先へ移動する リンク - - 所属している実習実施先（基本情報画面）に遷移
11 アプリ用アカウント発行 リンク - - アプリ用アカウントモーダル表示
12 給与確認 リンク - - 給与モーダル表示
13 書類保管 リンク - - 書類保管画面に遷移する
14 各種手続き リンク - - 技能実習生[各種手続き]画面に遷移
13 バー（閉じる） リンク - ○ プロフィールコンテンツを開閉することで、編集側のコンテンツの横幅が可変する

タブメニュー

No. 項目名 タイプ 必須 アクション有無 備考
1 基本情報 リンク - - 基本情報画面に遷移する
2 雇用（労働） リンク - - 雇用（労働）画面に遷移する
3 雇用（徴収費用） リンク - 雇用（徴収費用）画面に遷移する
4 入国後講習中の待遇 リンク - - 入国後講習中の待遇画面に遷移する
5 外国の所属機関証明 リンク - - 外国の所属機関証明画面に遷移する
- 給与 - - - 表示項目から削除

アプリ用アカウント発行モーダル

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - ○ -
2 閉じる button - ○ 編集時のみ表示
3 ログインID 表示 - - 自動発行（変更不可）
8文字 / 半角英数字（英字は大小セット）
4 パスワード 入力 ○ - -
5 登録・更新 button - ○ -

給与モーダル

No. 項目名 タイプ 必須 アクション有無 備考
1 月給 表示 - - -
2 月給・日給の1時間あたりの金額 表示 - - -
3 手当名 表示 - - -
4 金額 表示 - - -
5 計算方法 表示 - - -
6 1ヶ月当たりの支払概算額 表示 - - -
7 税金 表示 - - -
8 社会保険料 表示 - - -
9 労働保険料 表示 - - -
10 食費 表示 - - -
11 居住費 表示 - - -
12 水道光熱費 表示 - - -
13 その他 表示 - - -
14 控除する金額 表示 - - -
15 手取り支給額 表示 - - -

アクション

アクション

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

その他補足

その他補足

No. 項目名 処理内容
1 未登録がある場合のタブメニューについて タブメニューの上に赤点をつける。未登録がなければ非表示
2 アプリ用アカウント発行ついて 技能実習生の情報が作成された段階でログインIDを自動発行する（編集不可）。パスワードを登録することでアプリが利用可能となる