画面設計|技能実習生[ 各種手続き/実施先・所属先変更 ]画面


{success} 技能実習生[ 各種手続き/実施先・所属先変更 ]画面の画面設計を明記します。


基本情報

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

画面レイアウト図

基本設計時 技能実習生[ 各種手続き/実施先・所属先変更 ]一覧、表示・登録画面:

image

コーディング後:


項目名

一覧

No. 項目名 タイプ 必須 アクション有無 備考
1 変更先の実習実施先 セレクト - -
2 変更先の所属先事業所 セレクト - 変更先の実習実施先に該当する事業所を表示
3 戻る - - - 各種手続き一覧画面に戻る
4 登録 button - -

アクション

一覧

No. 項目名 処理内容
1 登録 技能実習生の実施先・所属先変更が登録される

警告文

警告文

No. 項目名 処理内容
1 「実習実施先」「所属事業所」どちらかが空で登録された場合 一覧の箇所に「実習実施先または所属事業所が未選択です」の警告文を表示。