画面設計|技能実習生[ 外国の所属機関証明 ]


{success} 技能実習生[ 外国の所属機関証明 ]画面の画面設計を明記します。


基本情報

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

画面レイアウト図

基本設計時 技能実習生[ 外国の所属機関証明 ] 表示・編集画面:

image image

コーディング後:


項目名

情報複製 表示・登録

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

技能実習生の所属 表示・登録

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - -
2 閉じる button - 編集時のみ表示
3 所属事業所名 入力 - -
4 所属部署名 入力 - -
5 雇用形態 ラジオ - - -
6 職種 入力 - -
7 技能実習の期間中の処遇 ラジオ - 「その他」を選択した場合、「その他理由」の入力項目が活性
8 その他理由 入力 - -
9 技能実習の終了後の措置予定 ラジオ - - -
10 事業所 入力 - -
11 部署 入力 - -
12 職種 入力 - -
13 登録・更新 button - -
- 登録後、書類ページに戻る - - - 表示項目から削除

アクション

表示・登録編集

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

その他補足

警告文

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