画面設計|技能実習生[ 外国の所属機関証明 ]
{success} 技能実習生[ 外国の所属機関証明 ]画面の画面設計を明記します。
基本情報
| 名称 |
定義 |
備考 |
| ディレクトリ |
components/trainee |
vue.jsのディレクトリです。 |
| component |
certificate.vue |
vue.jsのcomponennt名です。 |
| route |
trainee/certificate |
|
画面レイアウト図
基本設計時 技能実習生[ 外国の所属機関証明 ] 表示・編集画面:

コーディング後:
項目名
情報複製 表示・登録
| 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 |
未編集がある場合 |
一覧の箇所に「登録してください」の警告文を表示。必須箇所が登録されたら非表示。 |