画面設計|技能実習生[ 雇用(徴収費用) ]


{success} 技能実習生[ 雇用(徴収費用) ]画面の画面設計を明記します。


基本情報

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

画面レイアウト図

基本設計時 技能実習生[ 雇用(徴収費用) ] 表示・編集画面:

image image

コーディング後:


項目名

情報複製 表示・登録

No. 項目名 タイプ 必須 アクション有無 備考
1 情報複製 button - 反映のモーダルを表示する
2 技能実習生を選択する(モーダル内) セレクト - すでに「雇用(徴収費用)」を登録された技能実習生の名前が表示される
3 閉じる(モーダル内) button - 反映のモーダルを閉じる
4 複製(モーダル内) button - 選択された技能実習生の「雇用(徴収費用)」の内容が反映される

食費・居住費・水道光熱費 表示・登録

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - -
2 閉じる button - 編集時のみ表示
3 食事・食材等の提供の有無 ラジオ - 「有」に選択した場合、№4~6の入力項目が活性
4 食費として徴収する費用 入力 - -
5 提供する食事、食材等の具体的な内容 入力 - -
6 費用が実費に相当する額その他の適正な額であることの証明 入力 - -
7 居住費として徴収する費用 入力 - -
8 提供する宿泊施設の具体的な内容 ラジオ - - -
9 費用が実費に相当する額その他の適正な額であることの証明 入力 - -
10 水道光熱費の徴収の有無 ラジオ - 「有」に選択した場合、№11の入力項目が活性
11 水道光熱費として徴収する費用の内容 入力 - -
12 登録・更新 button - -
- 登録後、書類ページに戻る - - - 表示項目から削除

その他技能実習生が定期に負担する費用 表示・登録

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - -
2 閉じる button - 編集時のみ表示
3 その他技能実習生が定期に負担する費用の有無 ラジオ - 有」に選択した場合、№4~7の入力項目が活性
4 技能実習生が定期に負担する費用の内容(費用名) 入力 - -
5 技能実習生が定期に負担する費用の内容(1か月あたり) 入力 - 数値のみ入力可能
6 技能実習生が定期に負担する費用に関し技能実習生が受ける具体的な便益の内容 入力 - -
7 費用が実費に相当する額その他の適正な額であることの証明 入力 - -
8 登録・更新 button - -

宿泊施設 表示・登録

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

アクション

表示・登録編集

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

その他補足

警告文

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