画面設計｜実習実施先[ 各種手続き/実施先・所属先変更 ]画面
{success} 実習実施先[ 各種手続き/実施先・所属先変更 ]画面の画面設計を明記します。
基本情報
| 名称 |
定義 |
備考 |
| ディレクトリ |
components/client/procedure |
vue.jsのディレクトリです。 |
| component |
destination.vue |
vue.jsのcomponennt名です。 |
| route |
client/procedure/destination |
|
画面レイアウト図
基本設計時 実習実施先[ 各種手続き/実施先・所属先変更 ]一覧、表示・登録画面：
コーディング後：
項目名
一覧
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
検索（入力式） |
入力 |
- |
○ |
ローマ字、フリガナ@LIKE検索 |
| 2 |
氏名 カナ |
表示 |
- |
- |
- |
| 3 |
性別 |
表示 |
- |
- |
- |
| 4 |
国籍 |
表示 |
- |
- |
- |
| 5 |
変更先の実習実施先 |
セレクト |
○ |
- |
- |
| 6 |
変更先の所属先事業所 |
セレクト |
○ |
- |
変更先の実習実施先に該当する事業所を表示 |
| 7 |
戻る |
button |
- |
- |
各種手続き一覧画面に戻る |
| 8 |
登録 |
button |
- |
○ |
- |
| - |
検索（氏名） |
- |
- |
- |
表示項目から削除 |
| - |
オールチェック |
- |
- |
- |
表示項目から削除 |
| - |
チェック |
- |
- |
- |
表示項目から削除 |
| - |
変更選択 |
- |
- |
- |
表示項目から削除 |
アクション
一覧
| No. |
項目名 |
処理内容 |
| 1 |
登録 |
技能実習生の実施先・所属先変更が登録される |
警告文
警告文
| No. |
項目名 |
処理内容 |
| 1 |
「実習実施先」「所属事業所」どちらかが空で登録された場合 |
一覧の箇所に「実習実施先または所属事業所が未選択の技能実習生がいます」の警告文を表示。
両方未選択であれば登録ボタンクリックしてもOK |