画面設計｜技能実習生[ 入国後講習中の待遇 ]

• 画面設計｜ログイン画面
  • 基本情報
  • 画面レイアウト図
  • 項目名
  • アクション
  • その他補足

{success} 技能実習生[ 入国後講習中の待遇 ]画面の画面設計を明記します。

基本情報

画面レイアウト図

基本設計時　技能実習生[ 入国後講習中の待遇 ] 表示・編集画面：

コーディング後：

項目名

情報複製　表示・登録

No.	項目名	タイプ	必須	アクション有無	備考
1	情報複製	button	-	○	反映のモーダルを表示する
2	技能実習生を選択する（モーダル内）	セレクト	○	-	すでに「入国後講習中の待遇」を登録された技能実習生の名前が表示される
3	閉じる（モーダル内）	button	-	○	反映のモーダルを閉じる
4	複製（モーダル内）	button	-	○	選択された技能実習生の「入国後講習中の待遇」の内容が反映される

講習手当（1か月当たり）　表示・登録

No.	項目名	タイプ	必須	アクション有無	備考
1	編集	button	-	○	-
2	閉じる	button	-	○	編集時のみ表示
3	支給の有無	ラジオ	-	○	「有」に選択した場合、№4～5の入力項目が活性
4	支給額・支給内容	入力	○	-	-
5	備考	入力	-	-	-
6	登録・更新	button	-	○	-
-	登録後、書類ページに戻る	-	-	-	表示項目から削除

食費(1か月当たり)　表示・登録

No.	項目名	タイプ	必須	アクション有無	備考
1	編集	button	-	○	-
2	閉じる	button	-	○	編集時のみ表示
3	支給の有無	ラジオ	-	○	「有」に選択した場合、№4～6の入力項目が活性
4	技能実習生の負担の有無	入力	○	-	-
5	負担内容	入力	○	-	-
6	備考	入力	-	-	-
7	登録・更新	button	-	○	-

居住費(1か月当たり)　表示・登録

No.	項目名	タイプ	必須	アクション有無	備考
1	編集	button	-	○	-
2	閉じる	button	-	○	編集時のみ表示
3	支給の有無	ラジオ	-	○	「有」に選択した場合、「支給内容」の入力項目が活性
4	支給内容	入力	○	-	-
5	技能実習生の負担の有無	ラジオ	-	-	-
6	負担内容	入力	○	-	-
7	形態	ラジオ	-	○	「その他」を選択した場合、「その他を選択した場合」の入力項目が活性
8	その他を選択した場合	入力	※	-	「形態」でその他が選択された場合、必須
9	名称	入力	-	-	-
10	郵便番号	入力	○	○	数字のみ入力可能。住所自動入力（都道府県/市区町村）
11	寮(寄宿舎)・賃貸物件の住所	入力	○	-	-
12	電話番号	入力	○	-	数字のみ入力可能
13	規模（面積）	入力	○	○	数字（小数点含む）のみ入力可能
14	規模（収容人数）	入力	○	-	数字のみ入力可能
15	規模（1人当たり居室）	入力	○	○	数字（小数点含む）のみ入力可能
16	その他	入力	-	-	-
17	登録・更新	button	-	○	-

アクション

表示・登録編集

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

その他補足

警告文

No.	項目名	処理内容
1	未編集がある場合	一覧の箇所に「登録してください」の警告文を表示。必須箇所が登録されたら非表示。