画面設計｜技能実習生[ 一覧 ]
{success} 技能実習生[ 一覧 ]画面の画面設計を明記します。
基本情報
| 名称 |
定義 |
備考 |
| ディレクトリ |
components/trainee |
vue.jsのディレクトリです。 |
| component |
list.vue |
vue.jsのcomponennt名です。 |
| route |
trainee/list |
|
画面レイアウト図
基本設計時 技能実習生一覧：
コーディング後：
項目名
一覧
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
新規作成 |
button |
- |
- |
- |
| 2 |
検索（選択式） |
セレクト |
- |
○ |
国籍に該当する技能実習生を取得 |
| 3 |
検索（入力式） |
入力 |
- |
○ |
ローマ字、フリガナ@LIKE検索 |
| 4 |
ステータス |
表示 |
- |
- |
- |
| 5 |
氏名・カナ |
表示 |
- |
- |
- |
| 6 |
性別 |
表示 |
- |
- |
- |
| 7 |
国籍 |
表示 |
- |
- |
- |
| 8 |
所属実習実施先 |
表示 |
- |
- |
- |
| 9 |
移行対象職種 |
表示 |
- |
- |
- |
| 10 |
種別 |
表示 |
- |
- |
- |
| 11 |
技能実習終了日 |
表示 |
- |
- |
雇用（労働）の技能実習の期間及び時間数の終了日を表示 |
| - |
検索（性別） |
- |
- |
- |
表示項目から削除 |
| - |
検索（所属実習実施先） |
- |
- |
- |
表示項目から削除 |
| - |
検索（種別） |
- |
- |
- |
表示項目から削除 |
| - |
生年月日 |
- |
- |
- |
表示項目から削除 |
| - |
種別以降 |
- |
- |
- |
表示項目から削除 |
アクション
一覧
その他補足
警告文
| No. |
項目名 |
処理内容 |
| 1 |
技能実習終了日が近づいている実習実施先があります |
在籍している実習生の「技能実習の期間及び時間数」の期間が6ヶ月過ぎたら表示。また文字色を赤色＆アイコン表示 |