画面設計|実習実施先[ 指導員 ]画面


{success} 実習実施先[ 指導員 ]画面の画面設計を明記します。


基本情報

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

画面レイアウト図

基本設計時 実習実施先[ 指導員 ]一覧、表示・登録編集画面:

image

コーディング後:


項目名

指導員一覧

No. 項目名 タイプ 必須 アクション有無 備考
1 新規作成 button - - -
2 検索(入力式) 入力 - 氏名@LIKE検索
3 氏名 リンク - - -

表示・登録編集

No. 項目名 タイプ 必須 アクション有無 備考
1 指導員氏名 表示 - - -
2 編集 button - 登録・編集時のみ表示
3 閉じる button - 登録・編集時のみ表示
4 担当 チェック 「指導員」を選択すると項目が増える
5 氏名(姓・名) 入力 - ふりがな自動入力
6 氏名(せい・めい) 入力 - -
7 性別 ラジオ - - -
8 生年月日 入力 カレンダー表示あり
9 国籍(国又は地域) 入力 - -
10 電話番号 入力 - 数字のみ入力可能
11 郵便番号 入力 数字のみ入力可能。住所自動入力(都道府県/市区町村)
12 指導員の住所 入力 - -
13 勤務先名 セレクト 事業所を表示
14 役職名 セレクト - -
15 資格・免許 入力 - -
16 指導する技能等の経験年数(常勤の有無)/職 入力 - -
17 指導する技能等の経験年数(常勤の有無)/年 入力 - 数値のみ入力可能
18 指導する技能等の経験年数(常勤の有無) ラジオ - - -
19 技能実習に係る指導・監督等の経歴 入力 - -
21 技能実習に係る講習等の受講歴 入力 - -
22 学歴・職歴(項目追加年) button - 学歴・職歴を1行追加
23 学歴・職歴(年) 入力 - 数値のみ入力可能
24 学歴・職歴(月) 入力 - 数値のみ入力可能
25 学歴・職歴(最終学歴・主たる職歴) 入力 - -
26 学歴・職歴(削除) button - 学歴・職歴を1行削除
27 登録・更新 button - -
28 削除 button - 新規作成では表示されない
- 続けて登録 - - - 表示項目から削除
- 登録後、書類ページに戻る - - - 表示項目から削除

アクション

表示・登録編集

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

その他補足

警告文

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