画面設計|実習実施先[ 事業所 ]画面


{success} 実習実施先[ 事業所 ]画面の画面設計を明記します。


基本情報

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

画面レイアウト図

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

image

コーディング後:


項目名

事業所一覧

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

表示・登録編集

No. 項目名 タイプ 必須 アクション有無 備考
1 実習先名 表示 - - -
2 編集 button - 登録・編集時のみ表示
3 閉じる button - 登録・編集時のみ表示
4 実習先名 入力 - ふりがな自動入力
5 実習先名(ふりがな) 入力 - -
6 郵便番号 入力 数字のみ入力可能。住所自動入力(都道府県/市区町村)
7 事業所所在地 入力 - -
8 電話番号 入力 - 数字のみ入力可能
9 実習先社員人数(事務部員) 入力 数字のみ入力可能。フォーカスアウト後、合計に反映
10 実習先社員人数(現場職員) 入力 数字のみ入力可能。フォーカスアウト後、合計に反映
11 実習先社員人数(合計) 入力 - 数字のみ入力可能
12 登録・更新 button - -
- 続けて登録 - - - 表示項目から削除
- 登録後、書類ページに戻る - - - 表示項目から削除

アクション

表示・登録編集

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

その他補足

その他補足

No. 項目名 処理内容
1 デフォルト表示について 事業所にはデフォルトで本社が登録されている
なお、本社のみ事業所から編集不可(基本情報から編集するようアナウンス文を追加する)